@cnamts/synapse 1.0.1 → 1.0.2

package/dist/components/DatePicker/ComplexDatePicker/ComplexDatePicker.d.ts

@@ -2,6 +2,7 @@ import { nextTick, ComponentPublicInstance, Ref } from 'vue';
 import { DateInput, DateValue } from '../../../composables/date/useDateInitializationDayjs';
 type __VLS_Props = {
     modelValue?: DateInput;
+    label?: string;
     placeholder?: string;
     format?: string;
     dateFormatReturn?: string;
@@ -33,10 +34,13 @@ type __VLS_Props = {
     textFieldActivator?: boolean;
     displayTodayButton?: boolean;
     displayWeekendDays?: boolean;
+    displayHolidayDays?: boolean;
+    displayAsterisk?: boolean;
     period?: {
         min?: string;
         max?: string;
     };
+    autoClamp?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     validateOnSubmit: () => import('../../../composables/validation/useValidation').ValidationResult;
@@ -49,6 +53,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     updateAccessibility: () => Promise<void>;
     openDatePicker: () => void;
     updateDisplayFormattedDate: () => void;
+    currentMonth: Ref<string | null, string | null>;
+    currentMonthName: Ref<string | null, string | null>;
     toggleDatePicker: () => void;
     validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult;
     clearValidation: () => void;
@@ -80,11 +86,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }>, {
     required: boolean;
     modelValue: DateInput;
+    label: string;
     readonly: boolean;
     bgColor: string;
     disabled: boolean;
     placeholder: string;
     width: string;
+    displayAsterisk: boolean;
     noIcon: boolean;
     customRules: {
         type: string;
@@ -105,11 +113,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     displayIcon: boolean;
     displayAppendIcon: boolean;
     displayPrependIcon: boolean;
+    autoClamp: boolean;
     isBirthDate: boolean;
     birthDate: boolean;
     showWeekNumber: boolean;
     displayTodayButton: boolean;
     displayWeekendDays: boolean;
+    displayHolidayDays: boolean;
     period: {
         min?: string | undefined;
         max?: string | undefined;
@@ -136,6 +146,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         showSuccessMessages?: boolean | undefined;
         bgColor?: string | undefined;
         displayRange?: boolean | undefined;
+        autoClamp?: boolean | undefined;
     }> & Readonly<{
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
@@ -172,6 +183,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayIcon: boolean;
         displayAppendIcon: boolean;
         displayPrependIcon: boolean;
+        autoClamp: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         inputRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -1347,7 +1359,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         flat: boolean;
                         reverse: boolean;
                         variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                        error: boolean;
+                        error: boolean; /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.VIcon, ] } */
                         active: boolean;
                         style: import('vue').StyleValue;
                         disabled: boolean;
@@ -1619,7 +1631,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     disabled: boolean;
                     readonly: boolean | null;
                     messages: string | readonly string[];
-                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>) | [string, any, (string | undefined)?])[];
                     focused: boolean;
                     errorMessages: string | readonly string[] | null;
                     maxErrors: string | number;
@@ -2010,6 +2022,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         showSuccessMessages?: boolean | undefined;
         bgColor?: string | undefined;
         displayRange?: boolean | undefined;
+        autoClamp?: boolean | undefined;
     }> & Readonly<{
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
@@ -2040,238 +2053,159 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayIcon: boolean;
         displayAppendIcon: boolean;
         displayPrependIcon: boolean;
+        autoClamp: boolean;
     }> | null;
-    dateCalendarTextInputRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly modelValue?: string | number | null | undefined;
-            readonly prependIcon?: import('../../Customs/SyTextField/types').IconType;
-            readonly appendIcon?: import('../../Customs/SyTextField/types').IconType;
-            readonly prependInnerIcon?: import('../../Customs/SyTextField/types').IconType;
-            readonly appendInnerIcon?: import('../../Customs/SyTextField/types').IconType;
-            readonly prependTooltip?: string | undefined;
-            readonly appendTooltip?: string | undefined;
-            readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
-            readonly variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
-            readonly color?: import('../../Customs/SyTextField/types').ColorType | undefined;
-            readonly isClearable?: boolean | undefined;
-            readonly showDivider?: boolean | undefined;
-            readonly label?: string | undefined;
-            readonly required?: boolean | undefined;
-            readonly errorMessages?: string[] | null | undefined;
-            readonly warningMessages?: string[] | null | undefined;
-            readonly successMessages?: string[] | null | undefined;
-            readonly readonly?: boolean | undefined;
-            readonly isActive?: boolean | undefined;
-            readonly baseColor?: string | undefined;
-            readonly bgColor?: string | undefined;
-            readonly centerAffix?: boolean | undefined;
-            readonly counter?: string | number | boolean | undefined;
-            readonly counterValue?: number | ((value: any) => number) | undefined;
-            readonly density?: "default" | "comfortable" | "compact" | undefined;
-            readonly direction?: "horizontal" | "vertical" | undefined;
-            readonly isDirty?: boolean | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly isOnError?: boolean | undefined;
-            readonly isFlat?: boolean | undefined;
-            readonly isFocused?: boolean | undefined;
-            readonly areDetailsHidden?: boolean | "auto" | undefined;
-            readonly areSpinButtonsHidden?: boolean | undefined;
-            readonly hint?: string | undefined;
-            readonly id?: string | undefined;
-            readonly loading?: string | boolean | undefined;
-            readonly maxErrors?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly messages?: string | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly name?: string | undefined;
-            readonly displayPersistentClear?: boolean | undefined;
-            readonly displayPersistentCounter?: boolean | undefined;
-            readonly displayPersistentHint?: boolean | undefined;
-            readonly displayPersistentPlaceholder?: boolean | undefined;
-            readonly placeholder?: string | undefined;
-            readonly prefix?: string | undefined;
-            readonly isReversed?: boolean | undefined;
-            readonly role?: string | undefined;
-            readonly rounded?: string | number | boolean | undefined;
-            readonly isOnSingleLine?: boolean | undefined;
-            readonly suffix?: string | undefined;
-            readonly theme?: string | undefined;
-            readonly isTiled?: boolean | undefined;
-            readonly type?: string | undefined;
-            readonly width?: string | number | undefined;
-            readonly displayAsterisk?: boolean | undefined;
-            readonly noIcon?: boolean | undefined;
-            readonly customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-            readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-            readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-            readonly showSuccessMessages?: boolean | undefined;
-            readonly isValidateOnBlur?: boolean | undefined;
-            readonly disableErrorHandling?: boolean | undefined;
-            readonly disableClickButton?: boolean | undefined;
-            readonly autocomplete?: string | undefined;
-            readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            readonly onClear?: ((...args: any[]) => any) | undefined;
-            readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
-            readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            syTextFieldRef: import('vue').CreateComponentPublicInstanceWithMixins<{
-                flat: boolean;
-                reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                type: string;
-                error: boolean;
-                active: boolean;
-                direction: "horizontal" | "vertical";
-                style: import('vue').StyleValue;
-                autofocus: boolean;
-                disabled: boolean;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                density: import('vuetify/lib/composables/density.mjs').Density;
-                tile: boolean;
-                clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-                glow: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-                persistentPlaceholder: boolean;
-                persistentCounter: boolean;
-            } & {
-                name?: string | undefined;
-                id?: string | undefined;
-                width?: string | number | undefined;
-                color?: string | undefined;
-                maxWidth?: string | number | undefined;
-                minWidth?: string | number | undefined;
-                loading?: string | boolean | undefined;
-                label?: string | undefined;
-                prefix?: string | undefined;
-                role?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                placeholder?: string | undefined;
-                counter?: string | number | boolean | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                modelValue?: any;
-                validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
-                validationValue?: any;
-                rounded?: string | number | boolean | undefined;
-                baseColor?: string | undefined;
-                bgColor?: string | undefined;
-                prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-                centerAffix?: boolean | undefined;
-                iconColor?: string | boolean | undefined;
-                hint?: string | undefined;
-                hideDetails?: boolean | "auto" | undefined;
-                suffix?: string | undefined;
-                counterValue?: number | ((value: any) => number) | undefined;
-                modelModifiers?: Record<string, boolean> | undefined;
-            } & {
-                $children?: import('vue').VNodeChild | (() => import('vue').VNodeChild) | {
-                    message?: ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
-                    clear?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        props: Record<string, any>;
-                    }) => import('vue').VNodeChild) | undefined;
-                    details?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    label?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        label: string | undefined;
-                        props: Record<string, any>;
-                    }) => import('vue').VNodeChild) | undefined;
-                    append?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    prepend?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
-                    'prepend-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                    'append-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                    default?: (() => import('vue').VNodeChild) | undefined;
-                    counter?: ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
-                };
-                'v-slots'?: {
-                    message?: false | ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
-                    clear?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        props: Record<string, any>;
-                    }) => import('vue').VNodeChild) | undefined;
-                    details?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    label?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        label: string | undefined;
-                        props: Record<string, any>;
-                    }) => import('vue').VNodeChild) | undefined;
-                    append?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    prepend?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    loader?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
-                    'prepend-inner'?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                    'append-inner'?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                    default?: false | (() => import('vue').VNodeChild) | undefined;
-                    counter?: false | ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
-                } | undefined;
-            } & {
-                "v-slot:message"?: false | ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:clear"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                    props: Record<string, any>;
-                }) => import('vue').VNodeChild) | undefined;
-                "v-slot:details"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:label"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                    label: string | undefined;
-                    props: Record<string, any>;
-                }) => import('vue').VNodeChild) | undefined;
-                "v-slot:append"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:prepend"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:loader"?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
-                "v-slot:prepend-inner"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:append-inner"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
-                "v-slot:counter"?: false | ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
+    dateCalendarTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: DateValue | undefined;
+        placeholder?: string | undefined;
+        format?: string | undefined;
+        dateFormatReturn?: string | undefined;
+        label?: string | undefined;
+        required?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        isOutlined?: boolean | undefined;
+        displayIcon?: boolean | undefined;
+        displayAppendIcon?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+        displayPrependIcon?: boolean | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
+        bgColor?: string | undefined;
+        displayRange?: boolean | undefined;
+        autoClamp?: boolean | undefined;
+    }> & Readonly<{
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        "onUpdate:model-value"?: ((value: DateValue) => any) | undefined;
+        "onDate-selected"?: ((value: DateValue) => any) | undefined;
+    }>, {
+        validateOnSubmit: () => Promise<boolean>;
+        focus(): void;
+        blur(): void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        blur: () => any;
+        focus: () => any;
+        input: (value: string) => any;
+        "update:model-value": (value: DateValue) => any;
+        "date-selected": (value: DateValue) => any;
+    }, import('vue').PublicProps, {
+        required: boolean;
+        modelValue: DateValue;
+        label: string;
+        readonly: boolean;
+        bgColor: string;
+        disabled: boolean;
+        placeholder: string;
+        noIcon: boolean;
+        customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
+        format: string;
+        displayRange: boolean;
+        dateFormatReturn: string;
+        isOutlined: boolean;
+        displayIcon: boolean;
+        displayAppendIcon: boolean;
+        displayPrependIcon: boolean;
+        autoClamp: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | number | null | undefined;
+                readonly prependIcon?: import('../../Customs/SyTextField/types').IconType;
+                readonly appendIcon?: import('../../Customs/SyTextField/types').IconType;
+                readonly prependInnerIcon?: import('../../Customs/SyTextField/types').IconType;
+                readonly appendInnerIcon?: import('../../Customs/SyTextField/types').IconType;
+                readonly prependTooltip?: string | undefined;
+                readonly appendTooltip?: string | undefined;
+                readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                readonly variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
+                readonly color?: import('../../Customs/SyTextField/types').ColorType | undefined;
+                readonly isClearable?: boolean | undefined;
+                readonly showDivider?: boolean | undefined;
+                readonly label?: string | undefined;
+                readonly required?: boolean | undefined;
+                readonly errorMessages?: string[] | null | undefined;
+                readonly warningMessages?: string[] | null | undefined;
+                readonly successMessages?: string[] | null | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly isActive?: boolean | undefined;
+                readonly baseColor?: string | undefined;
+                readonly bgColor?: string | undefined;
+                readonly centerAffix?: boolean | undefined;
+                readonly counter?: string | number | boolean | undefined;
+                readonly counterValue?: number | ((value: any) => number) | undefined;
+                readonly density?: "default" | "comfortable" | "compact" | undefined;
+                readonly direction?: "horizontal" | "vertical" | undefined;
+                readonly isDirty?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly isOnError?: boolean | undefined;
+                readonly isFlat?: boolean | undefined;
+                readonly isFocused?: boolean | undefined;
+                readonly areDetailsHidden?: boolean | "auto" | undefined;
+                readonly areSpinButtonsHidden?: boolean | undefined;
+                readonly hint?: string | undefined;
+                readonly id?: string | undefined;
+                readonly loading?: string | boolean | undefined;
+                readonly maxErrors?: string | number | undefined;
+                readonly maxWidth?: string | number | undefined;
+                readonly messages?: string | string[] | undefined;
+                readonly minWidth?: string | number | undefined;
+                readonly name?: string | undefined;
+                readonly displayPersistentClear?: boolean | undefined;
+                readonly displayPersistentCounter?: boolean | undefined;
+                readonly displayPersistentHint?: boolean | undefined;
+                readonly displayPersistentPlaceholder?: boolean | undefined;
+                readonly placeholder?: string | undefined;
+                readonly prefix?: string | undefined;
+                readonly isReversed?: boolean | undefined;
+                readonly role?: string | undefined;
+                readonly rounded?: string | number | boolean | undefined;
+                readonly isOnSingleLine?: boolean | undefined;
+                readonly suffix?: string | undefined;
+                readonly theme?: string | undefined;
+                readonly isTiled?: boolean | undefined;
+                readonly type?: string | undefined;
+                readonly width?: string | number | undefined;
+                readonly displayAsterisk?: boolean | undefined;
+                readonly noIcon?: boolean | undefined;
+                readonly customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly showSuccessMessages?: boolean | undefined;
+                readonly isValidateOnBlur?: boolean | undefined;
+                readonly disableErrorHandling?: boolean | undefined;
+                readonly disableClickButton?: boolean | undefined;
+                readonly autocomplete?: string | undefined;
+                readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                readonly onClear?: ((...args: any[]) => any) | undefined;
+                readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
             } & {
-                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-                "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-                "onClick:control"?: ((e: MouseEvent) => any) | undefined;
-                "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-            }, HTMLInputElement & Omit<Omit<{
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    error: boolean;
-                    direction: "horizontal" | "vertical";
-                    style: import('vue').StyleValue;
-                    disabled: boolean | null;
-                    readonly: boolean | null;
-                    messages: string | readonly string[];
-                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                    focused: boolean;
-                    errorMessages: string | readonly string[] | null;
-                    maxErrors: string | number;
-                    density: import('vuetify/lib/composables/density.mjs').Density;
-                    centerAffix: boolean;
-                    glow: boolean;
-                    hideSpinButtons: boolean;
-                    persistentHint: boolean;
-                }> & Omit<{
+                syTextFieldRef: import('vue').CreateComponentPublicInstanceWithMixins<{
+                    flat: boolean;
+                    reverse: boolean;
+                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    type: string;
                     error: boolean;
+                    active: boolean;
                     direction: "horizontal" | "vertical";
                     style: import('vue').StyleValue;
-                    disabled: boolean | null;
+                    autofocus: boolean;
+                    disabled: boolean;
                     readonly: boolean | null;
                     messages: string | readonly string[];
                     rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
@@ -2279,77 +2213,329 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     errorMessages: string | readonly string[] | null;
                     maxErrors: string | number;
                     density: import('vuetify/lib/composables/density.mjs').Density;
-                    centerAffix: boolean;
+                    tile: boolean;
+                    clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
                     glow: boolean;
                     hideSpinButtons: boolean;
                     persistentHint: boolean;
+                    clearable: boolean;
+                    dirty: boolean;
+                    persistentClear: boolean;
+                    singleLine: boolean;
+                    persistentPlaceholder: boolean;
+                    persistentCounter: boolean;
+                } & {
                     name?: string | undefined;
                     id?: string | undefined;
                     width?: string | number | undefined;
                     color?: string | undefined;
                     maxWidth?: string | number | undefined;
                     minWidth?: string | number | undefined;
+                    loading?: string | boolean | undefined;
                     label?: string | undefined;
+                    prefix?: string | undefined;
+                    role?: string | undefined;
                     class?: any;
                     theme?: string | undefined;
+                    placeholder?: string | undefined;
+                    counter?: string | number | boolean | undefined;
                     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+                    modelValue?: any;
                     validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
                     validationValue?: any;
+                    rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
+                    bgColor?: string | undefined;
                     prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
                     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
                     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+                    'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
+                    'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+                    centerAffix?: boolean | undefined;
                     iconColor?: string | boolean | undefined;
                     hint?: string | undefined;
                     hideDetails?: boolean | "auto" | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "errorMessages" | "readonly" | "centerAffix" | "density" | "direction" | "disabled" | "maxErrors" | "messages" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    default?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    prepend?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    append?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    details?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    message?: ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                }>;
-                $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-                $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<{
-                    error: boolean;
-                    direction: "horizontal" | "vertical";
-                    style: import('vue').StyleValue;
-                    disabled: boolean | null;
-                    readonly: boolean | null;
-                    messages: string | readonly string[];
-                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                    focused: boolean;
-                    errorMessages: string | readonly string[] | null;
-                    maxErrors: string | number;
-                    density: import('vuetify/lib/composables/density.mjs').Density;
-                    centerAffix: boolean;
-                    glow: boolean;
-                    hideSpinButtons: boolean;
-                    persistentHint: boolean;
-                } & {
-                    name?: string | undefined;
+                    suffix?: string | undefined;
+                    counterValue?: number | ((value: any) => number) | undefined;
+                    modelModifiers?: Record<string, boolean> | undefined;
+                } & {
+                    $children?: import('vue').VNodeChild | (() => import('vue').VNodeChild) | {
+                        message?: ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
+                        clear?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            props: Record<string, any>;
+                        }) => import('vue').VNodeChild) | undefined;
+                        details?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        label?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            label: string | undefined;
+                            props: Record<string, any>;
+                        }) => import('vue').VNodeChild) | undefined;
+                        append?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        prepend?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
+                        'prepend-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                        'append-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                        default?: (() => import('vue').VNodeChild) | undefined;
+                        counter?: ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
+                    };
+                    'v-slots'?: {
+                        message?: false | ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
+                        clear?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            props: Record<string, any>;
+                        }) => import('vue').VNodeChild) | undefined;
+                        details?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        label?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            label: string | undefined;
+                            props: Record<string, any>;
+                        }) => import('vue').VNodeChild) | undefined;
+                        append?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        prepend?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        loader?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
+                        'prepend-inner'?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                        'append-inner'?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                        default?: false | (() => import('vue').VNodeChild) | undefined;
+                        counter?: false | ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
+                    } | undefined;
+                } & {
+                    "v-slot:message"?: false | ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:clear"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                        props: Record<string, any>;
+                    }) => import('vue').VNodeChild) | undefined;
+                    "v-slot:details"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:label"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                        label: string | undefined;
+                        props: Record<string, any>;
+                    }) => import('vue').VNodeChild) | undefined;
+                    "v-slot:append"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:prepend"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:loader"?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
+                    "v-slot:prepend-inner"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:append-inner"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
+                    "v-slot:counter"?: false | ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
+                } & {
+                    "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+                    "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+                    "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
+                }, HTMLInputElement & Omit<Omit<{
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        error: boolean;
+                        direction: "horizontal" | "vertical";
+                        style: import('vue').StyleValue;
+                        disabled: boolean | null;
+                        readonly: boolean | null;
+                        messages: string | readonly string[];
+                        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                        focused: boolean;
+                        errorMessages: string | readonly string[] | null;
+                        maxErrors: string | number;
+                        density: import('vuetify/lib/composables/density.mjs').Density;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        hideSpinButtons: boolean;
+                        persistentHint: boolean;
+                    }> & Omit<{
+                        error: boolean;
+                        direction: "horizontal" | "vertical";
+                        style: import('vue').StyleValue;
+                        disabled: boolean | null;
+                        readonly: boolean | null;
+                        messages: string | readonly string[];
+                        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                        focused: boolean;
+                        errorMessages: string | readonly string[] | null;
+                        maxErrors: string | number;
+                        density: import('vuetify/lib/composables/density.mjs').Density;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        hideSpinButtons: boolean;
+                        persistentHint: boolean;
+                        name?: string | undefined;
+                        id?: string | undefined;
+                        width?: string | number | undefined;
+                        color?: string | undefined;
+                        maxWidth?: string | number | undefined;
+                        minWidth?: string | number | undefined;
+                        label?: string | undefined;
+                        class?: any;
+                        theme?: string | undefined;
+                        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+                        validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
+                        validationValue?: any;
+                        baseColor?: string | undefined;
+                        prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+                        iconColor?: string | boolean | undefined;
+                        hint?: string | undefined;
+                        hideDetails?: boolean | "auto" | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "errorMessages" | "readonly" | "centerAffix" | "density" | "direction" | "disabled" | "maxErrors" | "messages" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        default?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        prepend?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        append?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        details?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        message?: ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                    }>;
+                    $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                    $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<{
+                        error: boolean;
+                        direction: "horizontal" | "vertical";
+                        style: import('vue').StyleValue;
+                        disabled: boolean | null;
+                        readonly: boolean | null;
+                        messages: string | readonly string[];
+                        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                        focused: boolean;
+                        errorMessages: string | readonly string[] | null;
+                        maxErrors: string | number;
+                        density: import('vuetify/lib/composables/density.mjs').Density;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        hideSpinButtons: boolean;
+                        persistentHint: boolean;
+                    } & {
+                        name?: string | undefined;
+                        id?: string | undefined;
+                        width?: string | number | undefined;
+                        color?: string | undefined;
+                        maxWidth?: string | number | undefined;
+                        minWidth?: string | number | undefined;
+                        label?: string | undefined;
+                        class?: any;
+                        theme?: string | undefined;
+                        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+                        validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
+                        validationValue?: any;
+                        baseColor?: string | undefined;
+                        prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+                        iconColor?: string | boolean | undefined;
+                        hint?: string | undefined;
+                        hideDetails?: boolean | "auto" | undefined;
+                    }, {
+                        reset: () => Promise<void>;
+                        resetValidation: () => Promise<void>;
+                        validate: (silent?: boolean | undefined) => Promise<string[]>;
+                        isValid: import('vue').ComputedRef<boolean | null>;
+                        errorMessages: import('vue').ComputedRef<string[]>;
+                    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
+                        'update:modelValue': (value: any) => true;
+                    }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">, string, {
+                        error: boolean;
+                        direction: "horizontal" | "vertical";
+                        style: import('vue').StyleValue;
+                        disabled: boolean | null;
+                        readonly: boolean | null;
+                        messages: string | readonly string[];
+                        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                        focused: boolean;
+                        errorMessages: string | readonly string[] | null;
+                        maxErrors: string | number;
+                        density: import('vuetify/lib/composables/density.mjs').Density;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        hideSpinButtons: boolean;
+                        persistentHint: boolean;
+                    }, {}, string, import('vue').SlotsType<Partial<{
+                        default: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        prepend: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        append: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        details: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        message: (arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                    }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[] | undefined;
+                        created?: (() => void) | (() => void)[] | undefined;
+                        beforeMount?: (() => void) | (() => void)[] | undefined;
+                        mounted?: (() => void) | (() => void)[] | undefined;
+                        beforeUpdate?: (() => void) | (() => void)[] | undefined;
+                        updated?: (() => void) | (() => void)[] | undefined;
+                        activated?: (() => void) | (() => void)[] | undefined;
+                        deactivated?: (() => void) | (() => void)[] | undefined;
+                        beforeDestroy?: (() => void) | (() => void)[] | undefined;
+                        beforeUnmount?: (() => void) | (() => void)[] | undefined;
+                        destroyed?: (() => void) | (() => void)[] | undefined;
+                        unmounted?: (() => void) | (() => void)[] | undefined;
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    error: boolean;
+                    direction: "horizontal" | "vertical";
+                    style: import('vue').StyleValue;
+                    disabled: boolean | null;
+                    readonly: boolean | null;
+                    messages: string | readonly string[];
+                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                    focused: boolean;
+                    errorMessages: string | readonly string[] | null;
+                    maxErrors: string | number;
+                    density: import('vuetify/lib/composables/density.mjs').Density;
+                    centerAffix: boolean;
+                    glow: boolean;
+                    hideSpinButtons: boolean;
+                    persistentHint: boolean;
+                }> & Omit<{
+                    error: boolean;
+                    direction: "horizontal" | "vertical";
+                    style: import('vue').StyleValue;
+                    disabled: boolean | null;
+                    readonly: boolean | null;
+                    messages: string | readonly string[];
+                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                    focused: boolean;
+                    errorMessages: string | readonly string[] | null;
+                    maxErrors: string | number;
+                    density: import('vuetify/lib/composables/density.mjs').Density;
+                    centerAffix: boolean;
+                    glow: boolean;
+                    hideSpinButtons: boolean;
+                    persistentHint: boolean;
+                } & {
+                    name?: string | undefined;
                     id?: string | undefined;
                     width?: string | number | undefined;
                     color?: string | undefined;
@@ -2366,135 +2552,214 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
                     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                    iconColor?: string | boolean | undefined;
-                    hint?: string | undefined;
-                    hideDetails?: boolean | "auto" | undefined;
-                }, {
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    validate: (silent?: boolean | undefined) => Promise<string[]>;
-                    isValid: import('vue').ComputedRef<boolean | null>;
-                    errorMessages: import('vue').ComputedRef<string[]>;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
-                    'update:modelValue': (value: any) => true;
-                }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">, string, {
-                    error: boolean;
-                    direction: "horizontal" | "vertical";
-                    style: import('vue').StyleValue;
-                    disabled: boolean | null;
-                    readonly: boolean | null;
-                    messages: string | readonly string[];
-                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                    focused: boolean;
-                    errorMessages: string | readonly string[] | null;
-                    maxErrors: string | number;
-                    density: import('vuetify/lib/composables/density.mjs').Density;
-                    centerAffix: boolean;
-                    glow: boolean;
-                    hideSpinButtons: boolean;
-                    persistentHint: boolean;
-                }, {}, string, import('vue').SlotsType<Partial<{
-                    default: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    prepend: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    append: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    details: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    message: (arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[] | undefined;
-                    created?: (() => void) | (() => void)[] | undefined;
-                    beforeMount?: (() => void) | (() => void)[] | undefined;
-                    mounted?: (() => void) | (() => void)[] | undefined;
-                    beforeUpdate?: (() => void) | (() => void)[] | undefined;
-                    updated?: (() => void) | (() => void)[] | undefined;
-                    activated?: (() => void) | (() => void)[] | undefined;
-                    deactivated?: (() => void) | (() => void)[] | undefined;
-                    beforeDestroy?: (() => void) | (() => void)[] | undefined;
-                    beforeUnmount?: (() => void) | (() => void)[] | undefined;
-                    destroyed?: (() => void) | (() => void)[] | undefined;
-                    unmounted?: (() => void) | (() => void)[] | undefined;
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
-                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
-            } & Readonly<{
-                error: boolean;
-                direction: "horizontal" | "vertical";
-                style: import('vue').StyleValue;
-                disabled: boolean | null;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                density: import('vuetify/lib/composables/density.mjs').Density;
-                centerAffix: boolean;
-                glow: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-            }> & Omit<{
-                error: boolean;
-                direction: "horizontal" | "vertical";
-                style: import('vue').StyleValue;
-                disabled: boolean | null;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                density: import('vuetify/lib/composables/density.mjs').Density;
-                centerAffix: boolean;
-                glow: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-            } & {
-                name?: string | undefined;
-                id?: string | undefined;
-                width?: string | number | undefined;
-                color?: string | undefined;
-                maxWidth?: string | number | undefined;
-                minWidth?: string | number | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
-                validationValue?: any;
-                baseColor?: string | undefined;
-                prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                iconColor?: string | boolean | undefined;
-                hint?: string | undefined;
-                hideDetails?: boolean | "auto" | undefined;
-            }, "error" | "errorMessages" | "readonly" | "centerAffix" | "density" | "direction" | "disabled" | "maxErrors" | "messages" | "reset" | "isValid" | "validate" | "resetValidation" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                validate: (silent?: boolean | undefined) => Promise<string[]>;
-                isValid: import('vue').ComputedRef<boolean | null>;
-                errorMessages: import('vue').ComputedRef<string[]>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
-                modelValue?: unknown;
-                'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "modelValue" | "prependIcon" | "appendIcon" | "color" | "label" | "errorMessages" | "readonly" | "baseColor" | "centerAffix" | "density" | "direction" | "disabled" | "hint" | "id" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "theme" | "width" | "onUpdate:modelValue" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "class" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "iconColor" | "hideDetails" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">, `$${any}`> & Omit<Omit<{
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
+                    iconColor?: string | boolean | undefined;
+                    hint?: string | undefined;
+                    hideDetails?: boolean | "auto" | undefined;
+                }, "error" | "errorMessages" | "readonly" | "centerAffix" | "density" | "direction" | "disabled" | "maxErrors" | "messages" | "reset" | "isValid" | "validate" | "resetValidation" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+                    reset: () => Promise<void>;
+                    resetValidation: () => Promise<void>;
+                    validate: (silent?: boolean | undefined) => Promise<string[]>;
+                    isValid: import('vue').ComputedRef<boolean | null>;
+                    errorMessages: import('vue').ComputedRef<string[]>;
+                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                    modelValue?: unknown;
+                    'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
+                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "modelValue" | "prependIcon" | "appendIcon" | "color" | "label" | "errorMessages" | "readonly" | "baseColor" | "centerAffix" | "density" | "direction" | "disabled" | "hint" | "id" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "theme" | "width" | "onUpdate:modelValue" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "class" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "iconColor" | "hideDetails" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">, `$${any}`> & Omit<Omit<{
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        flat: boolean;
+                        reverse: boolean;
+                        variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                        error: boolean;
+                        active: boolean;
+                        style: import('vue').StyleValue;
+                        disabled: boolean;
+                        focused: boolean;
+                        rounded: string | number | boolean;
+                        tile: boolean;
+                        clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        clearable: boolean;
+                        dirty: boolean;
+                        persistentClear: boolean;
+                        singleLine: boolean;
+                    }> & Omit<{
+                        flat: boolean;
+                        reverse: boolean;
+                        variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                        error: boolean;
+                        active: boolean;
+                        style: import('vue').StyleValue;
+                        disabled: boolean;
+                        focused: boolean;
+                        tile: boolean;
+                        clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                        glow: boolean;
+                        clearable: boolean;
+                        dirty: boolean;
+                        persistentClear: boolean;
+                        singleLine: boolean;
+                        id?: string | undefined;
+                        color?: string | undefined;
+                        loading?: string | boolean | undefined;
+                        label?: string | undefined;
+                        class?: any;
+                        theme?: string | undefined;
+                        'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
+                        rounded?: string | number | boolean | undefined;
+                        baseColor?: string | undefined;
+                        bgColor?: string | undefined;
+                        appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+                        centerAffix?: boolean | undefined;
+                        iconColor?: string | boolean | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        clear?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            props: Record<string, any>;
+                        }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        'prepend-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        'append-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        label?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            label: string | undefined;
+                            props: Record<string, any>;
+                        }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        default?: ((arg: import('vuetify/lib/components/VField/VField.mjs').VFieldSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                    }>;
+                    $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                    $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                    $host: Element | null;
+                    $emit: (event: "update:focused", focused: boolean) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<{
+                        flat: boolean;
+                        reverse: boolean;
+                        variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                        error: boolean;
+                        active: boolean;
+                        style: import('vue').StyleValue;
+                        disabled: boolean;
+                        focused: boolean;
+                        tile: boolean;
+                        clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                        glow: boolean;
+                        clearable: boolean;
+                        dirty: boolean;
+                        persistentClear: boolean;
+                        singleLine: boolean;
+                    } & {
+                        id?: string | undefined;
+                        color?: string | undefined;
+                        loading?: string | boolean | undefined;
+                        label?: string | undefined;
+                        class?: any;
+                        theme?: string | undefined;
+                        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+                        rounded?: string | number | boolean | undefined;
+                        baseColor?: string | undefined;
+                        bgColor?: string | undefined;
+                        appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+                        centerAffix?: boolean | undefined;
+                        iconColor?: string | boolean | undefined;
+                    } & {
+                        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                    }, {
+                        controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                        fieldIconColor: import('vue').ComputedRef<string | undefined>;
+                    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
+                        'update:focused': (focused: boolean) => true;
+                        'update:modelValue': (value: any) => true;
+                    }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+                        flat: boolean;
+                        reverse: boolean;
+                        variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                        error: boolean;
+                        active: boolean;
+                        style: import('vue').StyleValue;
+                        disabled: boolean;
+                        focused: boolean;
+                        rounded: string | number | boolean;
+                        tile: boolean;
+                        clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        clearable: boolean;
+                        dirty: boolean;
+                        persistentClear: boolean;
+                        singleLine: boolean;
+                    }, {}, string, import('vue').SlotsType<Partial<{
+                        clear: (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            props: Record<string, any>;
+                        }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        'prepend-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        'append-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        label: (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            label: string | undefined;
+                            props: Record<string, any>;
+                        }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        loader: (arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        default: (arg: import('vuetify/lib/components/VField/VField.mjs').VFieldSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                    }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[] | undefined;
+                        created?: (() => void) | (() => void)[] | undefined;
+                        beforeMount?: (() => void) | (() => void)[] | undefined;
+                        mounted?: (() => void) | (() => void)[] | undefined;
+                        beforeUpdate?: (() => void) | (() => void)[] | undefined;
+                        updated?: (() => void) | (() => void)[] | undefined;
+                        activated?: (() => void) | (() => void)[] | undefined;
+                        deactivated?: (() => void) | (() => void)[] | undefined;
+                        beforeDestroy?: (() => void) | (() => void)[] | undefined;
+                        beforeUnmount?: (() => void) | (() => void)[] | undefined;
+                        destroyed?: (() => void) | (() => void)[] | undefined;
+                        unmounted?: (() => void) | (() => void)[] | undefined;
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof nextTick;
+                    $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R_1 ? (args_0: R_1, args_1: R_1, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+                } & Readonly<{
                     flat: boolean;
                     reverse: boolean;
                     variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
@@ -2528,76 +2793,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     dirty: boolean;
                     persistentClear: boolean;
                     singleLine: boolean;
-                    id?: string | undefined;
-                    color?: string | undefined;
-                    loading?: string | boolean | undefined;
-                    label?: string | undefined;
-                    class?: any;
-                    theme?: string | undefined;
-                    'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
-                    rounded?: string | number | boolean | undefined;
-                    baseColor?: string | undefined;
-                    bgColor?: string | undefined;
-                    appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                    prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                    'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-                    'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-                    'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-                    centerAffix?: boolean | undefined;
-                    iconColor?: string | boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    clear?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        props: Record<string, any>;
-                    }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    'prepend-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    'append-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    label?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        label: string | undefined;
-                        props: Record<string, any>;
-                    }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    default?: ((arg: import('vuetify/lib/components/VField/VField.mjs').VFieldSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                }>;
-                $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-                $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-                $host: Element | null;
-                $emit: (event: "update:focused", focused: boolean) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<{
-                    flat: boolean;
-                    reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                    error: boolean;
-                    active: boolean;
-                    style: import('vue').StyleValue;
-                    disabled: boolean;
-                    focused: boolean;
-                    tile: boolean;
-                    clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-                    glow: boolean;
-                    clearable: boolean;
-                    dirty: boolean;
-                    persistentClear: boolean;
-                    singleLine: boolean;
                 } & {
                     id?: string | undefined;
                     color?: string | undefined;
@@ -2618,40 +2813,69 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     iconColor?: string | boolean | undefined;
                 } & {
                     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-                }, {
+                }, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
                     controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     fieldIconColor: import('vue').ComputedRef<string | undefined>;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
+                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                    modelValue?: unknown;
+                    'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
+                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "modelValue" | "prependInnerIcon" | "appendInnerIcon" | "color" | "label" | "baseColor" | "bgColor" | "centerAffix" | "disabled" | "id" | "loading" | "rounded" | "theme" | "onUpdate:modelValue" | "style" | "focused" | "glow" | "class" | "onUpdate:focused" | "iconColor" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
+                    _allExposed: {} | {
+                        reset: () => Promise<void>;
+                        resetValidation: () => Promise<void>;
+                        validate: (silent?: boolean | undefined) => Promise<string[]>;
+                        isValid: import('vue').ComputedRef<boolean | null>;
+                        errorMessages: import('vue').ComputedRef<string[]>;
+                    } | {
+                        controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                        fieldIconColor: import('vue').ComputedRef<string | undefined>;
+                    };
+                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    'click:control': (e: MouseEvent) => true;
+                    'mousedown:control': (e: MouseEvent) => true;
                     'update:focused': (focused: boolean) => true;
-                    'update:modelValue': (value: any) => true;
-                }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+                    'update:modelValue': (val: string) => true;
+                }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
                     flat: boolean;
                     reverse: boolean;
                     variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    type: string;
                     error: boolean;
                     active: boolean;
+                    direction: "horizontal" | "vertical";
                     style: import('vue').StyleValue;
+                    autofocus: boolean;
                     disabled: boolean;
+                    readonly: boolean | null;
+                    messages: string | readonly string[];
+                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
                     focused: boolean;
+                    errorMessages: string | readonly string[] | null;
+                    maxErrors: string | number;
+                    density: import('vuetify/lib/composables/density.mjs').Density;
                     rounded: string | number | boolean;
                     tile: boolean;
                     clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
                     centerAffix: boolean;
                     glow: boolean;
+                    hideSpinButtons: boolean;
+                    persistentHint: boolean;
                     clearable: boolean;
                     dirty: boolean;
                     persistentClear: boolean;
                     singleLine: boolean;
-                }, {}, string, import('vue').SlotsType<Partial<{
+                    persistentPlaceholder: boolean;
+                    persistentCounter: boolean;
+                }, true, {}, import('vue').SlotsType<Partial<{
+                    message: (arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                        [key: string]: any;
+                    }>[];
                     clear: (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
                         props: Record<string, any>;
                     }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                         [key: string]: any;
                     }>[];
-                    'prepend-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    'append-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    details: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                         [key: string]: any;
                     }>[];
                     label: (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
@@ -2660,400 +2884,45 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                         [key: string]: any;
                     }>[];
-                    loader: (arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    append: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                         [key: string]: any;
                     }>[];
-                    default: (arg: import('vuetify/lib/components/VField/VField.mjs').VFieldSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    prepend: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                         [key: string]: any;
                     }>[];
-                }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[] | undefined;
-                    created?: (() => void) | (() => void)[] | undefined;
-                    beforeMount?: (() => void) | (() => void)[] | undefined;
-                    mounted?: (() => void) | (() => void)[] | undefined;
-                    beforeUpdate?: (() => void) | (() => void)[] | undefined;
-                    updated?: (() => void) | (() => void)[] | undefined;
-                    activated?: (() => void) | (() => void)[] | undefined;
-                    deactivated?: (() => void) | (() => void)[] | undefined;
-                    beforeDestroy?: (() => void) | (() => void)[] | undefined;
-                    beforeUnmount?: (() => void) | (() => void)[] | undefined;
-                    destroyed?: (() => void) | (() => void)[] | undefined;
-                    unmounted?: (() => void) | (() => void)[] | undefined;
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
-                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R_1 ? (args_0: R_1, args_1: R_1, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
-            } & Readonly<{
-                flat: boolean;
-                reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                error: boolean;
-                active: boolean;
-                style: import('vue').StyleValue;
-                disabled: boolean;
-                focused: boolean;
-                rounded: string | number | boolean;
-                tile: boolean;
-                clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-                centerAffix: boolean;
-                glow: boolean;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-            }> & Omit<{
-                flat: boolean;
-                reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                error: boolean;
-                active: boolean;
-                style: import('vue').StyleValue;
-                disabled: boolean;
-                focused: boolean;
-                tile: boolean;
-                clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-                glow: boolean;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-            } & {
-                id?: string | undefined;
-                color?: string | undefined;
-                loading?: string | boolean | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                rounded?: string | number | boolean | undefined;
-                baseColor?: string | undefined;
-                bgColor?: string | undefined;
-                appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-                centerAffix?: boolean | undefined;
-                iconColor?: string | boolean | undefined;
-            } & {
-                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
-                controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                fieldIconColor: import('vue').ComputedRef<string | undefined>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
-                modelValue?: unknown;
-                'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "modelValue" | "prependInnerIcon" | "appendInnerIcon" | "color" | "label" | "baseColor" | "bgColor" | "centerAffix" | "disabled" | "id" | "loading" | "rounded" | "theme" | "onUpdate:modelValue" | "style" | "focused" | "glow" | "class" | "onUpdate:focused" | "iconColor" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
-                _allExposed: {} | {
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    validate: (silent?: boolean | undefined) => Promise<string[]>;
-                    isValid: import('vue').ComputedRef<boolean | null>;
-                    errorMessages: import('vue').ComputedRef<string[]>;
-                } | {
-                    controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    fieldIconColor: import('vue').ComputedRef<string | undefined>;
-                };
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                'click:control': (e: MouseEvent) => true;
-                'mousedown:control': (e: MouseEvent) => true;
-                'update:focused': (focused: boolean) => true;
-                'update:modelValue': (val: string) => true;
-            }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
-                flat: boolean;
-                reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                type: string;
-                error: boolean;
-                active: boolean;
-                direction: "horizontal" | "vertical";
-                style: import('vue').StyleValue;
-                autofocus: boolean;
-                disabled: boolean;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                density: import('vuetify/lib/composables/density.mjs').Density;
-                rounded: string | number | boolean;
-                tile: boolean;
-                clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-                centerAffix: boolean;
-                glow: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-                persistentPlaceholder: boolean;
-                persistentCounter: boolean;
-            }, true, {}, import('vue').SlotsType<Partial<{
-                message: (arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-                clear: (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                    props: Record<string, any>;
-                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-                details: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-                label: (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                    label: string | undefined;
-                    props: Record<string, any>;
-                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-                append: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-                prepend: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-                loader: (arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-                'prepend-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-                'append-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-                counter: (arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
-            }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, {
-                flat: boolean;
-                reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                type: string;
-                error: boolean;
-                active: boolean;
-                direction: "horizontal" | "vertical";
-                style: import('vue').StyleValue;
-                autofocus: boolean;
-                disabled: boolean;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                density: import('vuetify/lib/composables/density.mjs').Density;
-                tile: boolean;
-                clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-                glow: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-                persistentPlaceholder: boolean;
-                persistentCounter: boolean;
-            } & {
-                name?: string | undefined;
-                id?: string | undefined;
-                width?: string | number | undefined;
-                color?: string | undefined;
-                maxWidth?: string | number | undefined;
-                minWidth?: string | number | undefined;
-                loading?: string | boolean | undefined;
-                label?: string | undefined;
-                prefix?: string | undefined;
-                role?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                placeholder?: string | undefined;
-                counter?: string | number | boolean | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                modelValue?: any;
-                validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
-                validationValue?: any;
-                rounded?: string | number | boolean | undefined;
-                baseColor?: string | undefined;
-                bgColor?: string | undefined;
-                prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-                centerAffix?: boolean | undefined;
-                iconColor?: string | boolean | undefined;
-                hint?: string | undefined;
-                hideDetails?: boolean | "auto" | undefined;
-                suffix?: string | undefined;
-                counterValue?: number | ((value: any) => number) | undefined;
-                modelModifiers?: Record<string, boolean> | undefined;
-            } & {
-                $children?: import('vue').VNodeChild | (() => import('vue').VNodeChild) | {
-                    message?: ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
-                    clear?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        props: Record<string, any>;
-                    }) => import('vue').VNodeChild) | undefined;
-                    details?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    label?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        label: string | undefined;
-                        props: Record<string, any>;
-                    }) => import('vue').VNodeChild) | undefined;
-                    append?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    prepend?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
-                    'prepend-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                    'append-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                    default?: (() => import('vue').VNodeChild) | undefined;
-                    counter?: ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
-                };
-                'v-slots'?: {
-                    message?: false | ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
-                    clear?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        props: Record<string, any>;
-                    }) => import('vue').VNodeChild) | undefined;
-                    details?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    label?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        label: string | undefined;
-                        props: Record<string, any>;
-                    }) => import('vue').VNodeChild) | undefined;
-                    append?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    prepend?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                    loader?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
-                    'prepend-inner'?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                    'append-inner'?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                    default?: false | (() => import('vue').VNodeChild) | undefined;
-                    counter?: false | ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
-                } | undefined;
-            } & {
-                "v-slot:message"?: false | ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:clear"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                    props: Record<string, any>;
-                }) => import('vue').VNodeChild) | undefined;
-                "v-slot:details"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:label"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                    label: string | undefined;
-                    props: Record<string, any>;
-                }) => import('vue').VNodeChild) | undefined;
-                "v-slot:append"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:prepend"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:loader"?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
-                "v-slot:prepend-inner"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:append-inner"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
-                "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
-                "v-slot:counter"?: false | ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
-            } & {
-                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-                "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-                "onClick:control"?: ((e: MouseEvent) => any) | undefined;
-                "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-            }, HTMLInputElement & Omit<Omit<{
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    error: boolean;
-                    direction: "horizontal" | "vertical";
-                    style: import('vue').StyleValue;
-                    disabled: boolean | null;
-                    readonly: boolean | null;
-                    messages: string | readonly string[];
-                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                    focused: boolean;
-                    errorMessages: string | readonly string[] | null;
-                    maxErrors: string | number;
-                    density: import('vuetify/lib/composables/density.mjs').Density;
-                    centerAffix: boolean;
-                    glow: boolean;
-                    hideSpinButtons: boolean;
-                    persistentHint: boolean;
-                }> & Omit<{
-                    error: boolean;
-                    direction: "horizontal" | "vertical";
-                    style: import('vue').StyleValue;
-                    disabled: boolean | null;
-                    readonly: boolean | null;
-                    messages: string | readonly string[];
-                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                    focused: boolean;
-                    errorMessages: string | readonly string[] | null;
-                    maxErrors: string | number;
-                    density: import('vuetify/lib/composables/density.mjs').Density;
-                    centerAffix: boolean;
-                    glow: boolean;
-                    hideSpinButtons: boolean;
-                    persistentHint: boolean;
-                    name?: string | undefined;
-                    id?: string | undefined;
-                    width?: string | number | undefined;
-                    color?: string | undefined;
-                    maxWidth?: string | number | undefined;
-                    minWidth?: string | number | undefined;
-                    label?: string | undefined;
-                    class?: any;
-                    theme?: string | undefined;
-                    'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                    validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
-                    validationValue?: any;
-                    baseColor?: string | undefined;
-                    prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                    appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                    'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-                    'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                    iconColor?: string | boolean | undefined;
-                    hint?: string | undefined;
-                    hideDetails?: boolean | "auto" | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "errorMessages" | "readonly" | "centerAffix" | "density" | "direction" | "disabled" | "maxErrors" | "messages" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    default?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    loader: (arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                         [key: string]: any;
-                    }>[]) | undefined;
-                    prepend?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    }>[];
+                    'prepend-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                         [key: string]: any;
-                    }>[]) | undefined;
-                    append?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    }>[];
+                    'append-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                         [key: string]: any;
-                    }>[]) | undefined;
-                    details?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    }>[];
+                    default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                         [key: string]: any;
-                    }>[]) | undefined;
-                    message?: ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    }>[];
+                    counter: (arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                         [key: string]: any;
-                    }>[]) | undefined;
-                }>;
-                $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-                $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<{
+                    }>[];
+                }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, {
+                    flat: boolean;
+                    reverse: boolean;
+                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    type: string;
                     error: boolean;
+                    active: boolean;
                     direction: "horizontal" | "vertical";
                     style: import('vue').StyleValue;
-                    disabled: boolean | null;
+                    autofocus: boolean;
+                    disabled: boolean;
                     readonly: boolean | null;
                     messages: string | readonly string[];
                     rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
@@ -3061,10 +2930,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     errorMessages: string | readonly string[] | null;
                     maxErrors: string | number;
                     density: import('vuetify/lib/composables/density.mjs').Density;
-                    centerAffix: boolean;
+                    tile: boolean;
+                    clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
                     glow: boolean;
                     hideSpinButtons: boolean;
                     persistentHint: boolean;
+                    clearable: boolean;
+                    dirty: boolean;
+                    persistentClear: boolean;
+                    singleLine: boolean;
+                    persistentPlaceholder: boolean;
+                    persistentCounter: boolean;
                 } & {
                     name?: string | undefined;
                     id?: string | undefined;
@@ -3072,29 +2948,278 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     color?: string | undefined;
                     maxWidth?: string | number | undefined;
                     minWidth?: string | number | undefined;
+                    loading?: string | boolean | undefined;
                     label?: string | undefined;
+                    prefix?: string | undefined;
+                    role?: string | undefined;
                     class?: any;
                     theme?: string | undefined;
+                    placeholder?: string | undefined;
+                    counter?: string | number | boolean | undefined;
                     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+                    modelValue?: any;
                     validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
                     validationValue?: any;
+                    rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
+                    bgColor?: string | undefined;
                     prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
                     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
                     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+                    'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
+                    'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+                    centerAffix?: boolean | undefined;
                     iconColor?: string | boolean | undefined;
                     hint?: string | undefined;
                     hideDetails?: boolean | "auto" | undefined;
-                }, {
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    validate: (silent?: boolean | undefined) => Promise<string[]>;
-                    isValid: import('vue').ComputedRef<boolean | null>;
-                    errorMessages: import('vue').ComputedRef<string[]>;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
-                    'update:modelValue': (value: any) => true;
-                }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">, string, {
+                    suffix?: string | undefined;
+                    counterValue?: number | ((value: any) => number) | undefined;
+                    modelModifiers?: Record<string, boolean> | undefined;
+                } & {
+                    $children?: import('vue').VNodeChild | (() => import('vue').VNodeChild) | {
+                        message?: ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
+                        clear?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            props: Record<string, any>;
+                        }) => import('vue').VNodeChild) | undefined;
+                        details?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        label?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            label: string | undefined;
+                            props: Record<string, any>;
+                        }) => import('vue').VNodeChild) | undefined;
+                        append?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        prepend?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
+                        'prepend-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                        'append-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                        default?: (() => import('vue').VNodeChild) | undefined;
+                        counter?: ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
+                    };
+                    'v-slots'?: {
+                        message?: false | ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
+                        clear?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            props: Record<string, any>;
+                        }) => import('vue').VNodeChild) | undefined;
+                        details?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        label?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            label: string | undefined;
+                            props: Record<string, any>;
+                        }) => import('vue').VNodeChild) | undefined;
+                        append?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        prepend?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                        loader?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
+                        'prepend-inner'?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                        'append-inner'?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                        default?: false | (() => import('vue').VNodeChild) | undefined;
+                        counter?: false | ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
+                    } | undefined;
+                } & {
+                    "v-slot:message"?: false | ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:clear"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                        props: Record<string, any>;
+                    }) => import('vue').VNodeChild) | undefined;
+                    "v-slot:details"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:label"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                        label: string | undefined;
+                        props: Record<string, any>;
+                    }) => import('vue').VNodeChild) | undefined;
+                    "v-slot:append"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:prepend"?: false | ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:loader"?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
+                    "v-slot:prepend-inner"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:append-inner"?: false | ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNodeChild) | undefined;
+                    "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
+                    "v-slot:counter"?: false | ((arg: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot) => import('vue').VNodeChild) | undefined;
+                } & {
+                    "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+                    "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+                    "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
+                }, HTMLInputElement & Omit<Omit<{
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        error: boolean;
+                        direction: "horizontal" | "vertical";
+                        style: import('vue').StyleValue;
+                        disabled: boolean | null;
+                        readonly: boolean | null;
+                        messages: string | readonly string[];
+                        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                        focused: boolean;
+                        errorMessages: string | readonly string[] | null;
+                        maxErrors: string | number;
+                        density: import('vuetify/lib/composables/density.mjs').Density;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        hideSpinButtons: boolean;
+                        persistentHint: boolean;
+                    }> & Omit<{
+                        error: boolean;
+                        direction: "horizontal" | "vertical";
+                        style: import('vue').StyleValue;
+                        disabled: boolean | null;
+                        readonly: boolean | null;
+                        messages: string | readonly string[];
+                        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                        focused: boolean;
+                        errorMessages: string | readonly string[] | null;
+                        maxErrors: string | number;
+                        density: import('vuetify/lib/composables/density.mjs').Density;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        hideSpinButtons: boolean;
+                        persistentHint: boolean;
+                        name?: string | undefined;
+                        id?: string | undefined;
+                        width?: string | number | undefined;
+                        color?: string | undefined;
+                        maxWidth?: string | number | undefined;
+                        minWidth?: string | number | undefined;
+                        label?: string | undefined;
+                        class?: any;
+                        theme?: string | undefined;
+                        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+                        validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
+                        validationValue?: any;
+                        baseColor?: string | undefined;
+                        prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+                        iconColor?: string | boolean | undefined;
+                        hint?: string | undefined;
+                        hideDetails?: boolean | "auto" | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "errorMessages" | "readonly" | "centerAffix" | "density" | "direction" | "disabled" | "maxErrors" | "messages" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        default?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        prepend?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        append?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        details?: ((arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        message?: ((arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                    }>;
+                    $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                    $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<{
+                        error: boolean;
+                        direction: "horizontal" | "vertical";
+                        style: import('vue').StyleValue;
+                        disabled: boolean | null;
+                        readonly: boolean | null;
+                        messages: string | readonly string[];
+                        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                        focused: boolean;
+                        errorMessages: string | readonly string[] | null;
+                        maxErrors: string | number;
+                        density: import('vuetify/lib/composables/density.mjs').Density;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        hideSpinButtons: boolean;
+                        persistentHint: boolean;
+                    } & {
+                        name?: string | undefined;
+                        id?: string | undefined;
+                        width?: string | number | undefined;
+                        color?: string | undefined;
+                        maxWidth?: string | number | undefined;
+                        minWidth?: string | number | undefined;
+                        label?: string | undefined;
+                        class?: any;
+                        theme?: string | undefined;
+                        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+                        validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
+                        validationValue?: any;
+                        baseColor?: string | undefined;
+                        prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+                        iconColor?: string | boolean | undefined;
+                        hint?: string | undefined;
+                        hideDetails?: boolean | "auto" | undefined;
+                    }, {
+                        reset: () => Promise<void>;
+                        resetValidation: () => Promise<void>;
+                        validate: (silent?: boolean | undefined) => Promise<string[]>;
+                        isValid: import('vue').ComputedRef<boolean | null>;
+                        errorMessages: import('vue').ComputedRef<string[]>;
+                    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
+                        'update:modelValue': (value: any) => true;
+                    }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">, string, {
+                        error: boolean;
+                        direction: "horizontal" | "vertical";
+                        style: import('vue').StyleValue;
+                        disabled: boolean | null;
+                        readonly: boolean | null;
+                        messages: string | readonly string[];
+                        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                        focused: boolean;
+                        errorMessages: string | readonly string[] | null;
+                        maxErrors: string | number;
+                        density: import('vuetify/lib/composables/density.mjs').Density;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        hideSpinButtons: boolean;
+                        persistentHint: boolean;
+                    }, {}, string, import('vue').SlotsType<Partial<{
+                        default: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        prepend: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        append: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        details: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        message: (arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                    }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[] | undefined;
+                        created?: (() => void) | (() => void)[] | undefined;
+                        beforeMount?: (() => void) | (() => void)[] | undefined;
+                        mounted?: (() => void) | (() => void)[] | undefined;
+                        beforeUpdate?: (() => void) | (() => void)[] | undefined;
+                        updated?: (() => void) | (() => void)[] | undefined;
+                        activated?: (() => void) | (() => void)[] | undefined;
+                        deactivated?: (() => void) | (() => void)[] | undefined;
+                        beforeDestroy?: (() => void) | (() => void)[] | undefined;
+                        beforeUnmount?: (() => void) | (() => void)[] | undefined;
+                        destroyed?: (() => void) | (() => void)[] | undefined;
+                        unmounted?: (() => void) | (() => void)[] | undefined;
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof nextTick;
+                    $watch<T_2 extends string | ((...args: any) => any)>(source: T_2, cb: T_2 extends (...args: any) => infer R_2 ? (args_0: R_2, args_1: R_2, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+                } & Readonly<{
                     error: boolean;
                     direction: "horizontal" | "vertical";
                     style: import('vue').StyleValue;
@@ -3107,199 +3232,269 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     maxErrors: string | number;
                     density: import('vuetify/lib/composables/density.mjs').Density;
                     centerAffix: boolean;
-                    glow: boolean;
-                    hideSpinButtons: boolean;
-                    persistentHint: boolean;
-                }, {}, string, import('vue').SlotsType<Partial<{
-                    default: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    prepend: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    append: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    details: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    message: (arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[] | undefined;
-                    created?: (() => void) | (() => void)[] | undefined;
-                    beforeMount?: (() => void) | (() => void)[] | undefined;
-                    mounted?: (() => void) | (() => void)[] | undefined;
-                    beforeUpdate?: (() => void) | (() => void)[] | undefined;
-                    updated?: (() => void) | (() => void)[] | undefined;
-                    activated?: (() => void) | (() => void)[] | undefined;
-                    deactivated?: (() => void) | (() => void)[] | undefined;
-                    beforeDestroy?: (() => void) | (() => void)[] | undefined;
-                    beforeUnmount?: (() => void) | (() => void)[] | undefined;
-                    destroyed?: (() => void) | (() => void)[] | undefined;
-                    unmounted?: (() => void) | (() => void)[] | undefined;
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
-                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T_2 extends string | ((...args: any) => any)>(source: T_2, cb: T_2 extends (...args: any) => infer R_2 ? (args_0: R_2, args_1: R_2, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
-            } & Readonly<{
-                error: boolean;
-                direction: "horizontal" | "vertical";
-                style: import('vue').StyleValue;
-                disabled: boolean | null;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                density: import('vuetify/lib/composables/density.mjs').Density;
-                centerAffix: boolean;
-                glow: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-            }> & Omit<{
-                error: boolean;
-                direction: "horizontal" | "vertical";
-                style: import('vue').StyleValue;
-                disabled: boolean | null;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                density: import('vuetify/lib/composables/density.mjs').Density;
-                centerAffix: boolean;
-                glow: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-            } & {
-                name?: string | undefined;
-                id?: string | undefined;
-                width?: string | number | undefined;
-                color?: string | undefined;
-                maxWidth?: string | number | undefined;
-                minWidth?: string | number | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
-                validationValue?: any;
-                baseColor?: string | undefined;
-                prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                iconColor?: string | boolean | undefined;
-                hint?: string | undefined;
-                hideDetails?: boolean | "auto" | undefined;
-            }, "error" | "errorMessages" | "readonly" | "centerAffix" | "density" | "direction" | "disabled" | "maxErrors" | "messages" | "reset" | "isValid" | "validate" | "resetValidation" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                validate: (silent?: boolean | undefined) => Promise<string[]>;
-                isValid: import('vue').ComputedRef<boolean | null>;
-                errorMessages: import('vue').ComputedRef<string[]>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
-                modelValue?: unknown;
-                'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "modelValue" | "prependIcon" | "appendIcon" | "color" | "label" | "errorMessages" | "readonly" | "baseColor" | "centerAffix" | "density" | "direction" | "disabled" | "hint" | "id" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "theme" | "width" | "onUpdate:modelValue" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "class" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "iconColor" | "hideDetails" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">, `$${any}`> & Omit<Omit<{
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    flat: boolean;
-                    reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                    error: boolean;
-                    active: boolean;
-                    style: import('vue').StyleValue;
-                    disabled: boolean;
-                    focused: boolean;
-                    rounded: string | number | boolean;
-                    tile: boolean;
-                    clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-                    centerAffix: boolean;
-                    glow: boolean;
-                    clearable: boolean;
-                    dirty: boolean;
-                    persistentClear: boolean;
-                    singleLine: boolean;
+                    glow: boolean;
+                    hideSpinButtons: boolean;
+                    persistentHint: boolean;
                 }> & Omit<{
-                    flat: boolean;
-                    reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
                     error: boolean;
-                    active: boolean;
+                    direction: "horizontal" | "vertical";
                     style: import('vue').StyleValue;
-                    disabled: boolean;
+                    disabled: boolean | null;
+                    readonly: boolean | null;
+                    messages: string | readonly string[];
+                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
                     focused: boolean;
-                    tile: boolean;
-                    clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                    errorMessages: string | readonly string[] | null;
+                    maxErrors: string | number;
+                    density: import('vuetify/lib/composables/density.mjs').Density;
+                    centerAffix: boolean;
                     glow: boolean;
-                    clearable: boolean;
-                    dirty: boolean;
-                    persistentClear: boolean;
-                    singleLine: boolean;
+                    hideSpinButtons: boolean;
+                    persistentHint: boolean;
+                } & {
+                    name?: string | undefined;
                     id?: string | undefined;
+                    width?: string | number | undefined;
                     color?: string | undefined;
-                    loading?: string | boolean | undefined;
+                    maxWidth?: string | number | undefined;
+                    minWidth?: string | number | undefined;
                     label?: string | undefined;
                     class?: any;
                     theme?: string | undefined;
-                    'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
-                    rounded?: string | number | boolean | undefined;
+                    'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+                    validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
+                    validationValue?: any;
                     baseColor?: string | undefined;
-                    bgColor?: string | undefined;
-                    appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                    prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                    'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-                    'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-                    'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-                    centerAffix?: boolean | undefined;
+                    prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+                    'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
                     iconColor?: string | boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    clear?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        props: Record<string, any>;
-                    }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    'prepend-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    'append-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    label?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        label: string | undefined;
-                        props: Record<string, any>;
-                    }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                    default?: ((arg: import('vuetify/lib/components/VField/VField.mjs').VFieldSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[]) | undefined;
-                }>;
-                $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-                $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-                $host: Element | null;
-                $emit: (event: "update:focused", focused: boolean) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<{
+                    hint?: string | undefined;
+                    hideDetails?: boolean | "auto" | undefined;
+                }, "error" | "errorMessages" | "readonly" | "centerAffix" | "density" | "direction" | "disabled" | "maxErrors" | "messages" | "reset" | "isValid" | "validate" | "resetValidation" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+                    reset: () => Promise<void>;
+                    resetValidation: () => Promise<void>;
+                    validate: (silent?: boolean | undefined) => Promise<string[]>;
+                    isValid: import('vue').ComputedRef<boolean | null>;
+                    errorMessages: import('vue').ComputedRef<string[]>;
+                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                    modelValue?: unknown;
+                    'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
+                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "modelValue" | "prependIcon" | "appendIcon" | "color" | "label" | "errorMessages" | "readonly" | "baseColor" | "centerAffix" | "density" | "direction" | "disabled" | "hint" | "id" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "theme" | "width" | "onUpdate:modelValue" | "style" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "class" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "iconColor" | "hideDetails" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">, `$${any}`> & Omit<Omit<{
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        flat: boolean;
+                        reverse: boolean;
+                        variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                        error: boolean; /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.VIcon, ] } */
+                        active: boolean;
+                        style: import('vue').StyleValue;
+                        disabled: boolean;
+                        focused: boolean;
+                        rounded: string | number | boolean;
+                        tile: boolean;
+                        clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        clearable: boolean;
+                        dirty: boolean;
+                        persistentClear: boolean;
+                        singleLine: boolean;
+                    }> & Omit<{
+                        flat: boolean;
+                        reverse: boolean;
+                        variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                        error: boolean;
+                        active: boolean;
+                        style: import('vue').StyleValue;
+                        disabled: boolean;
+                        focused: boolean;
+                        tile: boolean;
+                        clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                        glow: boolean;
+                        clearable: boolean;
+                        dirty: boolean;
+                        persistentClear: boolean;
+                        singleLine: boolean;
+                        id?: string | undefined;
+                        color?: string | undefined;
+                        loading?: string | boolean | undefined;
+                        label?: string | undefined;
+                        class?: any;
+                        theme?: string | undefined;
+                        'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
+                        rounded?: string | number | boolean | undefined;
+                        baseColor?: string | undefined;
+                        bgColor?: string | undefined;
+                        appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+                        centerAffix?: boolean | undefined;
+                        iconColor?: string | boolean | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        clear?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            props: Record<string, any>;
+                        }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        'prepend-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        'append-inner'?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        label?: ((arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            label: string | undefined;
+                            props: Record<string, any>;
+                        }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                        default?: ((arg: import('vuetify/lib/components/VField/VField.mjs').VFieldSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[]) | undefined;
+                    }>;
+                    $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                    $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                    $host: Element | null;
+                    $emit: (event: "update:focused", focused: boolean) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<{
+                        flat: boolean;
+                        reverse: boolean;
+                        variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                        error: boolean;
+                        active: boolean;
+                        style: import('vue').StyleValue;
+                        disabled: boolean;
+                        focused: boolean;
+                        tile: boolean;
+                        clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                        glow: boolean;
+                        clearable: boolean;
+                        dirty: boolean;
+                        persistentClear: boolean;
+                        singleLine: boolean;
+                    } & {
+                        id?: string | undefined;
+                        color?: string | undefined;
+                        loading?: string | boolean | undefined;
+                        label?: string | undefined;
+                        class?: any;
+                        theme?: string | undefined;
+                        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+                        rounded?: string | number | boolean | undefined;
+                        baseColor?: string | undefined;
+                        bgColor?: string | undefined;
+                        appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
+                        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+                        centerAffix?: boolean | undefined;
+                        iconColor?: string | boolean | undefined;
+                    } & {
+                        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                    }, {
+                        controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                        fieldIconColor: import('vue').ComputedRef<string | undefined>;
+                    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
+                        'update:focused': (focused: boolean) => true;
+                        'update:modelValue': (value: any) => true;
+                    }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+                        flat: boolean;
+                        reverse: boolean;
+                        variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                        error: boolean;
+                        active: boolean;
+                        style: import('vue').StyleValue;
+                        disabled: boolean;
+                        focused: boolean;
+                        rounded: string | number | boolean;
+                        tile: boolean;
+                        clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                        centerAffix: boolean;
+                        glow: boolean;
+                        clearable: boolean;
+                        dirty: boolean;
+                        persistentClear: boolean;
+                        singleLine: boolean;
+                    }, {}, string, import('vue').SlotsType<Partial<{
+                        clear: (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            props: Record<string, any>;
+                        }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        'prepend-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        'append-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        label: (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
+                            label: string | undefined;
+                            props: Record<string, any>;
+                        }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        loader: (arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                        default: (arg: import('vuetify/lib/components/VField/VField.mjs').VFieldSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                            [key: string]: any;
+                        }>[];
+                    }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[] | undefined;
+                        created?: (() => void) | (() => void)[] | undefined;
+                        beforeMount?: (() => void) | (() => void)[] | undefined;
+                        mounted?: (() => void) | (() => void)[] | undefined;
+                        beforeUpdate?: (() => void) | (() => void)[] | undefined;
+                        updated?: (() => void) | (() => void)[] | undefined;
+                        activated?: (() => void) | (() => void)[] | undefined;
+                        deactivated?: (() => void) | (() => void)[] | undefined;
+                        beforeDestroy?: (() => void) | (() => void)[] | undefined;
+                        beforeUnmount?: (() => void) | (() => void)[] | undefined;
+                        destroyed?: (() => void) | (() => void)[] | undefined;
+                        unmounted?: (() => void) | (() => void)[] | undefined;
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof nextTick;
+                    $watch<T_3 extends string | ((...args: any) => any)>(source: T_3, cb: T_3 extends (...args: any) => infer R_3 ? (args_0: R_3, args_1: R_3, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    flat: boolean;
+                    reverse: boolean;
+                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    error: boolean;
+                    active: boolean;
+                    style: import('vue').StyleValue;
+                    disabled: boolean;
+                    focused: boolean;
+                    rounded: string | number | boolean;
+                    tile: boolean;
+                    clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                    centerAffix: boolean;
+                    glow: boolean;
+                    clearable: boolean;
+                    dirty: boolean;
+                    persistentClear: boolean;
+                    singleLine: boolean;
+                }> & Omit<{
                     flat: boolean;
                     reverse: boolean;
                     variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
@@ -3335,187 +3530,306 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     iconColor?: string | boolean | undefined;
                 } & {
                     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-                }, {
+                }, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
                     controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     fieldIconColor: import('vue').ComputedRef<string | undefined>;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
-                    'update:focused': (focused: boolean) => true;
-                    'update:modelValue': (value: any) => true;
-                }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                    modelValue?: unknown;
+                    'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
+                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "modelValue" | "prependInnerIcon" | "appendInnerIcon" | "color" | "label" | "baseColor" | "bgColor" | "centerAffix" | "disabled" | "id" | "loading" | "rounded" | "theme" | "onUpdate:modelValue" | "style" | "focused" | "glow" | "class" | "onUpdate:focused" | "iconColor" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
+                    _allExposed: {} | {
+                        reset: () => Promise<void>;
+                        resetValidation: () => Promise<void>;
+                        validate: (silent?: boolean | undefined) => Promise<string[]>;
+                        isValid: import('vue').ComputedRef<boolean | null>;
+                        errorMessages: import('vue').ComputedRef<string[]>;
+                    } | {
+                        controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                        fieldIconColor: import('vue').ComputedRef<string | undefined>;
+                    };
+                }, {}, {}, {}, {
                     flat: boolean;
                     reverse: boolean;
                     variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    type: string;
                     error: boolean;
                     active: boolean;
+                    direction: "horizontal" | "vertical";
                     style: import('vue').StyleValue;
+                    autofocus: boolean;
                     disabled: boolean;
+                    readonly: boolean | null;
+                    messages: string | readonly string[];
+                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>) | [string, any, (string | undefined)?])[];
                     focused: boolean;
+                    errorMessages: string | readonly string[] | null;
+                    maxErrors: string | number;
+                    density: import('vuetify/lib/composables/density.mjs').Density;
                     rounded: string | number | boolean;
                     tile: boolean;
                     clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
                     centerAffix: boolean;
                     glow: boolean;
+                    hideSpinButtons: boolean;
+                    persistentHint: boolean;
                     clearable: boolean;
                     dirty: boolean;
                     persistentClear: boolean;
                     singleLine: boolean;
-                }, {}, string, import('vue').SlotsType<Partial<{
-                    clear: (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        props: Record<string, any>;
-                    }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    'prepend-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    'append-inner': (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    label: (arg: import('vuetify/lib/components/VField/VField.mjs').DefaultInputSlot & {
-                        label: string | undefined;
-                        props: Record<string, any>;
-                    }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    loader: (arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                    default: (arg: import('vuetify/lib/components/VField/VField.mjs').VFieldSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                        [key: string]: any;
-                    }>[];
-                }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[] | undefined;
-                    created?: (() => void) | (() => void)[] | undefined;
-                    beforeMount?: (() => void) | (() => void)[] | undefined;
-                    mounted?: (() => void) | (() => void)[] | undefined;
-                    beforeUpdate?: (() => void) | (() => void)[] | undefined;
-                    updated?: (() => void) | (() => void)[] | undefined;
-                    activated?: (() => void) | (() => void)[] | undefined;
-                    deactivated?: (() => void) | (() => void)[] | undefined;
-                    beforeDestroy?: (() => void) | (() => void)[] | undefined;
-                    beforeUnmount?: (() => void) | (() => void)[] | undefined;
-                    destroyed?: (() => void) | (() => void)[] | undefined;
-                    unmounted?: (() => void) | (() => void)[] | undefined;
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
-                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T_3 extends string | ((...args: any) => any)>(source: T_3, cb: T_3 extends (...args: any) => infer R_3 ? (args_0: R_3, args_1: R_3, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
-            } & Readonly<{
-                flat: boolean;
-                reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                error: boolean;
-                active: boolean;
-                style: import('vue').StyleValue;
-                disabled: boolean;
-                focused: boolean;
-                rounded: string | number | boolean;
-                tile: boolean;
-                clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-                centerAffix: boolean;
-                glow: boolean;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-            }> & Omit<{
-                flat: boolean;
-                reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                error: boolean;
-                active: boolean;
-                style: import('vue').StyleValue;
-                disabled: boolean;
-                focused: boolean;
-                tile: boolean;
-                clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-                glow: boolean;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-            } & {
-                id?: string | undefined;
-                color?: string | undefined;
-                loading?: string | boolean | undefined;
+                    persistentPlaceholder: boolean;
+                    persistentCounter: boolean;
+                }> | null;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $host: Element | null;
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: string | number | null | undefined;
+                prependIcon?: import('../../Customs/SyTextField/types').IconType;
+                appendIcon?: import('../../Customs/SyTextField/types').IconType;
+                prependInnerIcon?: import('../../Customs/SyTextField/types').IconType;
+                appendInnerIcon?: import('../../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
+                color?: import('../../Customs/SyTextField/types').ColorType | undefined;
+                isClearable?: boolean | undefined;
+                showDivider?: boolean | undefined;
                 label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                rounded?: string | number | boolean | undefined;
+                required?: boolean | undefined;
+                errorMessages?: string[] | null | undefined;
+                warningMessages?: string[] | null | undefined;
+                successMessages?: string[] | null | undefined;
+                readonly?: boolean | undefined;
+                isActive?: boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
-                appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-                'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 centerAffix?: boolean | undefined;
-                iconColor?: string | boolean | undefined;
-            } & {
-                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
-                controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                fieldIconColor: import('vue').ComputedRef<string | undefined>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
-                modelValue?: unknown;
-                'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "modelValue" | "prependInnerIcon" | "appendInnerIcon" | "color" | "label" | "baseColor" | "bgColor" | "centerAffix" | "disabled" | "id" | "loading" | "rounded" | "theme" | "onUpdate:modelValue" | "style" | "focused" | "glow" | "class" | "onUpdate:focused" | "iconColor" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
-                _allExposed: {} | {
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    validate: (silent?: boolean | undefined) => Promise<string[]>;
-                    isValid: import('vue').ComputedRef<boolean | null>;
-                    errorMessages: import('vue').ComputedRef<string[]>;
-                } | {
-                    controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    fieldIconColor: import('vue').ComputedRef<string | undefined>;
+                counter?: string | number | boolean | undefined;
+                counterValue?: number | ((value: any) => number) | undefined;
+                density?: "default" | "comfortable" | "compact" | undefined;
+                direction?: "horizontal" | "vertical" | undefined;
+                isDirty?: boolean | undefined;
+                disabled?: boolean | undefined;
+                isOnError?: boolean | undefined;
+                isFlat?: boolean | undefined;
+                isFocused?: boolean | undefined;
+                areDetailsHidden?: boolean | "auto" | undefined;
+                areSpinButtonsHidden?: boolean | undefined;
+                hint?: string | undefined;
+                id?: string | undefined;
+                loading?: string | boolean | undefined;
+                maxErrors?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                messages?: string | string[] | undefined;
+                minWidth?: string | number | undefined;
+                name?: string | undefined;
+                displayPersistentClear?: boolean | undefined;
+                displayPersistentCounter?: boolean | undefined;
+                displayPersistentHint?: boolean | undefined;
+                displayPersistentPlaceholder?: boolean | undefined;
+                placeholder?: string | undefined;
+                prefix?: string | undefined;
+                isReversed?: boolean | undefined;
+                role?: string | undefined;
+                rounded?: string | number | boolean | undefined;
+                isOnSingleLine?: boolean | undefined;
+                suffix?: string | undefined;
+                theme?: string | undefined;
+                isTiled?: boolean | undefined;
+                type?: string | undefined;
+                width?: string | number | undefined;
+                displayAsterisk?: boolean | undefined;
+                noIcon?: boolean | undefined;
+                customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: boolean | undefined;
+                disableErrorHandling?: boolean | undefined;
+                disableClickButton?: boolean | undefined;
+                autocomplete?: string | undefined;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onClear?: ((...args: any[]) => any) | undefined;
+                "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                validation: {
+                    errors: Ref<string[], string[]>;
+                    warnings: Ref<string[], string[]>;
+                    successes: Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
                 };
-            }, {}, {}, {}, {
-                flat: boolean;
-                reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
-                type: string;
-                error: boolean;
-                active: boolean;
+                validateOnSubmit: () => boolean;
+                checkErrorOnBlur: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+                clear: (...args: any[]) => void;
+                "prepend-icon-click": (...args: any[]) => void;
+                "append-icon-click": (...args: any[]) => void;
+            }, string, {
+                modelValue: string | number | null;
+                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
+                variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
+                color: import('../../Customs/SyTextField/types').ColorType;
+                isClearable: boolean;
+                label: string;
+                errorMessages: string[] | null;
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                readonly: boolean;
+                isActive: boolean;
+                baseColor: string;
+                bgColor: string;
+                centerAffix: boolean;
+                counter: string | number | boolean;
+                counterValue: number | ((value: any) => number);
+                density: "default" | "comfortable" | "compact";
                 direction: "horizontal" | "vertical";
-                style: import('vue').StyleValue;
-                autofocus: boolean;
+                isDirty: boolean;
                 disabled: boolean;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
+                isOnError: boolean;
+                isFlat: boolean;
+                isFocused: boolean;
+                areDetailsHidden: boolean | "auto";
+                areSpinButtonsHidden: boolean;
+                hint: string;
+                id: string;
+                loading: string | boolean;
                 maxErrors: string | number;
-                density: import('vuetify/lib/composables/density.mjs').Density;
+                maxWidth: string | number;
+                messages: string | string[];
+                minWidth: string | number;
+                name: string;
+                displayPersistentClear: boolean;
+                displayPersistentCounter: boolean;
+                displayPersistentHint: boolean;
+                displayPersistentPlaceholder: boolean;
+                placeholder: string;
+                prefix: string;
+                isReversed: boolean;
+                role: string;
                 rounded: string | number | boolean;
-                tile: boolean;
-                clearIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-                centerAffix: boolean;
-                glow: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-                persistentPlaceholder: boolean;
-                persistentCounter: boolean;
-            }> | null;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-        $host: Element | null;
-        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
+                isOnSingleLine: boolean;
+                suffix: string;
+                theme: string;
+                isTiled: boolean;
+                type: string;
+                width: string | number;
+                displayAsterisk: boolean;
+                noIcon: boolean;
+                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
+                disableErrorHandling: boolean;
+                disableClickButton: boolean;
+                autocomplete: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T_4 extends string | ((...args: any) => any)>(source: T_4, cb: T_4 extends (...args: any) => infer R_4 ? (args_0: R_4, args_1: R_4, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<{
+            modelValue: string | number | null;
+            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependTooltip: string;
+            appendTooltip: string;
+            tooltipLocation: "top" | "bottom" | "start" | "end";
+            variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
+            color: import('../../Customs/SyTextField/types').ColorType;
+            isClearable: boolean;
+            label: string;
+            errorMessages: string[] | null;
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            readonly: boolean;
+            isActive: boolean;
+            baseColor: string;
+            bgColor: string;
+            centerAffix: boolean;
+            counter: string | number | boolean;
+            counterValue: number | ((value: any) => number);
+            density: "default" | "comfortable" | "compact";
+            direction: "horizontal" | "vertical";
+            isDirty: boolean;
+            disabled: boolean;
+            isOnError: boolean;
+            isFlat: boolean;
+            isFocused: boolean;
+            areDetailsHidden: boolean | "auto";
+            areSpinButtonsHidden: boolean;
+            hint: string;
+            id: string;
+            loading: string | boolean;
+            maxErrors: string | number;
+            maxWidth: string | number;
+            messages: string | string[];
+            minWidth: string | number;
+            name: string;
+            displayPersistentClear: boolean;
+            displayPersistentCounter: boolean;
+            displayPersistentHint: boolean;
+            displayPersistentPlaceholder: boolean;
+            placeholder: string;
+            prefix: string;
+            isReversed: boolean;
+            role: string;
+            rounded: string | number | boolean;
+            isOnSingleLine: boolean;
+            suffix: string;
+            theme: string;
+            isTiled: boolean;
+            type: string;
+            width: string | number;
+            displayAsterisk: boolean;
+            noIcon: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            showSuccessMessages: boolean;
+            isValidateOnBlur: boolean;
+            disableErrorHandling: boolean;
+            disableClickButton: boolean;
+            autocomplete: string;
+        }> & Omit<Readonly<{
             modelValue?: string | number | null | undefined;
             prependIcon?: import('../../Customs/SyTextField/types').IconType;
             appendIcon?: import('../../Customs/SyTextField/types').IconType;
@@ -3587,7 +3901,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             onClear?: ((...args: any[]) => any) | undefined;
             "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
             "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-        }>, {
+        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
             validation: {
                 errors: Ref<string[], string[]>;
                 warnings: Ref<string[], string[]>;
@@ -3601,256 +3915,75 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             };
             validateOnSubmit: () => boolean;
             checkErrorOnBlur: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (...args: any[]) => void;
-            clear: (...args: any[]) => void;
-            "prepend-icon-click": (...args: any[]) => void;
-            "append-icon-click": (...args: any[]) => void;
-        }, string, {
-            modelValue: string | number | null;
-            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            prependTooltip: string;
-            appendTooltip: string;
-            tooltipLocation: "top" | "bottom" | "start" | "end";
-            variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
-            color: import('../../Customs/SyTextField/types').ColorType;
-            isClearable: boolean;
-            label: string;
-            errorMessages: string[] | null;
-            warningMessages: string[] | null;
-            successMessages: string[] | null;
-            readonly: boolean;
-            isActive: boolean;
-            baseColor: string;
-            bgColor: string;
-            centerAffix: boolean;
-            counter: string | number | boolean;
-            counterValue: number | ((value: any) => number);
-            density: "default" | "comfortable" | "compact";
-            direction: "horizontal" | "vertical";
-            isDirty: boolean;
-            disabled: boolean;
-            isOnError: boolean;
-            isFlat: boolean;
-            isFocused: boolean;
-            areDetailsHidden: boolean | "auto";
-            areSpinButtonsHidden: boolean;
-            hint: string;
-            id: string;
-            loading: string | boolean;
-            maxErrors: string | number;
-            maxWidth: string | number;
-            messages: string | string[];
-            minWidth: string | number;
-            name: string;
-            displayPersistentClear: boolean;
-            displayPersistentCounter: boolean;
-            displayPersistentHint: boolean;
-            displayPersistentPlaceholder: boolean;
-            placeholder: string;
-            prefix: string;
-            isReversed: boolean;
-            role: string;
-            rounded: string | number | boolean;
-            isOnSingleLine: boolean;
-            suffix: string;
-            theme: string;
-            isTiled: boolean;
-            type: string;
-            width: string | number;
-            displayAsterisk: boolean;
-            noIcon: boolean;
-            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            showSuccessMessages: boolean;
-            isValidateOnBlur: boolean;
-            disableErrorHandling: boolean;
-            disableClickButton: boolean;
-            autocomplete: string;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch<T_4 extends string | ((...args: any) => any)>(source: T_4, cb: T_4 extends (...args: any) => infer R_4 ? (args_0: R_4, args_1: R_4, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
-    } & Readonly<{
-        modelValue: string | number | null;
-        prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-        appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-        prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-        appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-        prependTooltip: string;
-        appendTooltip: string;
-        tooltipLocation: "top" | "bottom" | "start" | "end";
-        variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
-        color: import('../../Customs/SyTextField/types').ColorType;
-        isClearable: boolean;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                prepend?(_: {}): any;
+                append?(_: {}): any;
+                'prepend-inner'?(_: {}): any;
+                'append-inner'?(_: {}): any;
+                details?(_: {}): any;
+            };
+        }) | null;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: DateValue | undefined;
+        placeholder?: string | undefined;
+        format?: string | undefined;
+        dateFormatReturn?: string | undefined;
+        label?: string | undefined;
+        required?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        isOutlined?: boolean | undefined;
+        displayIcon?: boolean | undefined;
+        displayAppendIcon?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+        displayPrependIcon?: boolean | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
+        bgColor?: string | undefined;
+        displayRange?: boolean | undefined;
+        autoClamp?: boolean | undefined;
+    }> & Readonly<{
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        "onUpdate:model-value"?: ((value: DateValue) => any) | undefined;
+        "onDate-selected"?: ((value: DateValue) => any) | undefined;
+    }>, {
+        validateOnSubmit: () => Promise<boolean>;
+        focus(): void;
+        blur(): void;
+    }, {}, {}, {}, {
+        required: boolean;
+        modelValue: DateValue;
         label: string;
-        errorMessages: string[] | null;
-        warningMessages: string[] | null;
-        successMessages: string[] | null;
         readonly: boolean;
-        isActive: boolean;
-        baseColor: string;
         bgColor: string;
-        centerAffix: boolean;
-        counter: string | number | boolean;
-        counterValue: number | ((value: any) => number);
-        density: "default" | "comfortable" | "compact";
-        direction: "horizontal" | "vertical";
-        isDirty: boolean;
         disabled: boolean;
-        isOnError: boolean;
-        isFlat: boolean;
-        isFocused: boolean;
-        areDetailsHidden: boolean | "auto";
-        areSpinButtonsHidden: boolean;
-        hint: string;
-        id: string;
-        loading: string | boolean;
-        maxErrors: string | number;
-        maxWidth: string | number;
-        messages: string | string[];
-        minWidth: string | number;
-        name: string;
-        displayPersistentClear: boolean;
-        displayPersistentCounter: boolean;
-        displayPersistentHint: boolean;
-        displayPersistentPlaceholder: boolean;
         placeholder: string;
-        prefix: string;
-        isReversed: boolean;
-        role: string;
-        rounded: string | number | boolean;
-        isOnSingleLine: boolean;
-        suffix: string;
-        theme: string;
-        isTiled: boolean;
-        type: string;
-        width: string | number;
-        displayAsterisk: boolean;
         noIcon: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-        customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
         showSuccessMessages: boolean;
-        isValidateOnBlur: boolean;
         disableErrorHandling: boolean;
-        disableClickButton: boolean;
-        autocomplete: string;
-    }> & Omit<Readonly<{
-        modelValue?: string | number | null | undefined;
-        prependIcon?: import('../../Customs/SyTextField/types').IconType;
-        appendIcon?: import('../../Customs/SyTextField/types').IconType;
-        prependInnerIcon?: import('../../Customs/SyTextField/types').IconType;
-        appendInnerIcon?: import('../../Customs/SyTextField/types').IconType;
-        prependTooltip?: string | undefined;
-        appendTooltip?: string | undefined;
-        tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
-        variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
-        color?: import('../../Customs/SyTextField/types').ColorType | undefined;
-        isClearable?: boolean | undefined;
-        showDivider?: boolean | undefined;
-        label?: string | undefined;
-        required?: boolean | undefined;
-        errorMessages?: string[] | null | undefined;
-        warningMessages?: string[] | null | undefined;
-        successMessages?: string[] | null | undefined;
-        readonly?: boolean | undefined;
-        isActive?: boolean | undefined;
-        baseColor?: string | undefined;
-        bgColor?: string | undefined;
-        centerAffix?: boolean | undefined;
-        counter?: string | number | boolean | undefined;
-        counterValue?: number | ((value: any) => number) | undefined;
-        density?: "default" | "comfortable" | "compact" | undefined;
-        direction?: "horizontal" | "vertical" | undefined;
-        isDirty?: boolean | undefined;
-        disabled?: boolean | undefined;
-        isOnError?: boolean | undefined;
-        isFlat?: boolean | undefined;
-        isFocused?: boolean | undefined;
-        areDetailsHidden?: boolean | "auto" | undefined;
-        areSpinButtonsHidden?: boolean | undefined;
-        hint?: string | undefined;
-        id?: string | undefined;
-        loading?: string | boolean | undefined;
-        maxErrors?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        messages?: string | string[] | undefined;
-        minWidth?: string | number | undefined;
-        name?: string | undefined;
-        displayPersistentClear?: boolean | undefined;
-        displayPersistentCounter?: boolean | undefined;
-        displayPersistentHint?: boolean | undefined;
-        displayPersistentPlaceholder?: boolean | undefined;
-        placeholder?: string | undefined;
-        prefix?: string | undefined;
-        isReversed?: boolean | undefined;
-        role?: string | undefined;
-        rounded?: string | number | boolean | undefined;
-        isOnSingleLine?: boolean | undefined;
-        suffix?: string | undefined;
-        theme?: string | undefined;
-        isTiled?: boolean | undefined;
-        type?: string | undefined;
-        width?: string | number | undefined;
-        displayAsterisk?: boolean | undefined;
-        noIcon?: boolean | undefined;
-        customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-        customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-        showSuccessMessages?: boolean | undefined;
-        isValidateOnBlur?: boolean | undefined;
-        disableErrorHandling?: boolean | undefined;
-        disableClickButton?: boolean | undefined;
-        autocomplete?: string | undefined;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
-        "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
-        "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
-        validation: {
-            errors: Ref<string[], string[]>;
-            warnings: Ref<string[], string[]>;
-            successes: Ref<string[], string[]>;
-            hasError: import('vue').ComputedRef<boolean>;
-            hasWarning: import('vue').ComputedRef<boolean>;
-            hasSuccess: import('vue').ComputedRef<boolean>;
-            validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult;
-            validateOnSubmit: () => Promise<boolean>;
-            clearValidation: () => void;
-        };
-        validateOnSubmit: () => boolean;
-        checkErrorOnBlur: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            prepend?(_: {}): any;
-            append?(_: {}): any;
-            'prepend-inner'?(_: {}): any;
-            'append-inner'?(_: {}): any;
-            details?(_: {}): any;
-        };
-    }) | null;
+        format: string;
+        displayRange: boolean;
+        dateFormatReturn: string;
+        isOutlined: boolean;
+        displayIcon: boolean;
+        displayAppendIcon: boolean;
+        displayPrependIcon: boolean;
+        autoClamp: boolean;
+    }> | null;
     datePickerRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};