npm - @cnamts/synapse - Versions diffs - 1.0.1 → 1.0.3 - Mend

@cnamts/synapse 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (860) hide show

package/dist/components/NirField/NirField.d.ts CHANGED Viewed

@@ -34,6 +34,8 @@ type __VLS_Props = {
     persistentHint?: boolean;
     persistentPlaceholder?: boolean;
     disableErrorHandling?: boolean;
+    nirType?: 'simple' | 'complexe';
+    withoutFieldset?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     validateOnSubmit: () => Promise<boolean>;
@@ -85,25 +87,25 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    required: boolean;
-    outlined: boolean;
-    modelValue: string | null;
     label: string;
+    width: string;
+    disabled: boolean;
+    variant: "outlined" | "plain" | "filled" | "solo" | "underlined";
+    density: "default" | "comfortable" | "compact";
     readonly: boolean;
+    outlined: boolean;
+    modelValue: string | null;
     bgColor: string;
+    placeholder: string;
+    required: boolean;
     counter: string | number | boolean;
-    density: "default" | "comfortable" | "compact";
-    disabled: boolean;
     hint: string;
-    placeholder: string;
-    width: string;
     displayAsterisk: boolean;
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
     hideDetails: boolean | "auto";
-    variant: "outlined" | "filled" | "solo" | "underlined" | "plain";
     clearable: boolean;
     persistentPlaceholder: boolean;
     numberLabel: string;
@@ -111,13 +113,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     displayKey: boolean;
     nirTooltip: string;
     keyTooltip: string;
-    nirTooltipPosition: "append" | "prepend";
-    keyTooltipPosition: "append" | "prepend";
+    nirTooltipPosition: "prepend" | "append";
+    keyTooltipPosition: "prepend" | "append";
     customNumberRules: ValidationRule[];
     customKeyRules: ValidationRule[];
     customNumberWarningRules: ValidationRule[];
     customKeyWarningRules: ValidationRule[];
     customRulesPrecedence: boolean;
+    nirType: "simple" | "complexe";
+    withoutFieldset: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     numberField: ({
         $: import('vue').ComponentInternalInstance;
@@ -130,7 +134,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
             readonly prependTooltip?: string | undefined;
             readonly appendTooltip?: string | undefined;
-            readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            readonly tooltipLocation?: "start" | "end" | "top" | "bottom" | undefined;
             readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
             readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
             readonly isClearable?: boolean | undefined;
@@ -148,7 +152,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             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 direction?: "vertical" | "horizontal" | undefined;
             readonly isDirty?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly isOnError?: boolean | undefined;
@@ -203,11 +207,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             syTextFieldRef: import('vue').CreateComponentPublicInstanceWithMixins<{
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 type: string;
                 error: boolean;
                 active: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
+                details: boolean;
                 style: import('vue').StyleValue;
                 autofocus: boolean;
                 disabled: boolean;
@@ -246,13 +251,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
+                validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | 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;
+                iconColor?: string | boolean | 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;
@@ -261,14 +267,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 '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) | {
+                $children?: import('vue').VNodeChild | {
+                    $stable?: boolean | undefined;
+                } | (() => 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>;
@@ -326,12 +333,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 "onUpdate:modelValue"?: ((val: string) => any) | undefined;
                 "onClick:control"?: ((e: MouseEvent) => any) | undefined;
                 "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-            }, HTMLInputElement & Omit<Omit<{
+            }, Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -347,7 +354,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     persistentHint: boolean;
                 }> & Omit<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -371,17 +378,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
+                    validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                     validationValue?: any;
                     baseColor?: string | undefined;
                     prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    iconColor?: string | boolean | 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">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -412,7 +419,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $el: any;
                 $options: import('vue').ComponentOptionsBase<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -437,14 +444,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
+                    validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                     validationValue?: any;
                     baseColor?: string | undefined;
                     prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    iconColor?: string | boolean | 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;
                 }, {
@@ -455,9 +462,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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, {
+                }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "modelValue" | "v-slot:message" | "v-slot:details">, string, {
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -469,7 +476,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     density: import('vuetify/lib/composables/density.mjs').Density;
                     centerAffix: boolean;
                     glow: boolean;
-                    hideSpinButtons: boolean;
+                    /** @type { typeof __VLS_ctx.keyField } */ 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, {
@@ -509,7 +516,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $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";
+                direction: "vertical" | "horizontal";
                 style: import('vue').StyleValue;
                 disabled: boolean | null;
                 readonly: boolean | null;
@@ -525,7 +532,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 persistentHint: boolean;
             }> & Omit<{
                 error: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
                 style: import('vue').StyleValue;
                 disabled: boolean | null;
                 readonly: boolean | null;
@@ -550,17 +557,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
+                validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                 validationValue?: any;
                 baseColor?: string | undefined;
                 prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                 appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                iconColor?: string | boolean | 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<{
+            }, "error" | "reset" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "isValid" | "validate" | "resetValidation" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
                 validate: (silent?: boolean | undefined) => Promise<string[]>;
@@ -569,15 +576,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }> & 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('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:prepend" | "v-slot:append" | "id" | "name" | "modelValue" | "onUpdate:modelValue" | "direction" | "iconColor" | "errorMessages" | "centerAffix" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:message" | "v-slot:details">, `$${any}`> & HTMLInputElement & Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -593,9 +601,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 }> & Omit<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -616,14 +625,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
+                    iconColor?: string | boolean | 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">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -663,9 +672,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $options: import('vue').ComponentOptionsBase<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -687,13 +697,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
+                    iconColor?: string | boolean | 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;
                 }, {
@@ -702,12 +712,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 }, 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, {
+                }, "$children" | "v-slots" | "v-slot:default" | "v-slot:loader" | "update:modelValue" | "modelValue" | "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";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -767,9 +778,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             } & Readonly<{
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 error: boolean;
                 active: boolean;
+                details: boolean;
                 style: import('vue').StyleValue;
                 disabled: boolean;
                 focused: boolean;
@@ -785,9 +797,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }> & Omit<{
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 error: boolean;
                 active: boolean;
+                details: boolean;
                 style: import('vue').StyleValue;
                 disabled: boolean;
                 focused: boolean;
@@ -809,22 +822,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 rounded?: string | number | boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
+                iconColor?: string | boolean | 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<{
+            }, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
                 controlRef: import('vue').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}`> & {
+            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "rounded" | "tile" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
                 _allExposed: {} | {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -843,11 +856,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 type: string;
                 error: boolean;
                 active: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
+                details: boolean;
                 style: import('vue').StyleValue;
                 autofocus: boolean;
                 disabled: boolean;
@@ -920,11 +934,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }, {
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 type: string;
                 error: boolean;
                 active: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
+                details: boolean;
                 style: import('vue').StyleValue;
                 autofocus: boolean;
                 disabled: boolean;
@@ -963,13 +978,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
+                validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | 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;
+                iconColor?: string | boolean | 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;
@@ -978,14 +994,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 '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) | {
+                $children?: import('vue').VNodeChild | {
+                    $stable?: boolean | undefined;
+                } | (() => 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>;
@@ -1043,12 +1060,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 "onUpdate:modelValue"?: ((val: string) => any) | undefined;
                 "onClick:control"?: ((e: MouseEvent) => any) | undefined;
                 "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-            }, HTMLInputElement & Omit<Omit<{
+            }, Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -1064,7 +1081,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     persistentHint: boolean;
                 }> & Omit<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -1088,17 +1105,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
+                    validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                     validationValue?: any;
                     baseColor?: string | undefined;
                     prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    iconColor?: string | boolean | 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">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -1129,7 +1146,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $el: any;
                 $options: import('vue').ComponentOptionsBase<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -1154,14 +1171,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
+                    validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                     validationValue?: any;
                     baseColor?: string | undefined;
                     prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    iconColor?: string | boolean | 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;
                 }, {
@@ -1172,9 +1189,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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, {
+                }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "modelValue" | "v-slot:message" | "v-slot:details">, string, {
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -1226,7 +1243,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $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";
+                direction: "vertical" | "horizontal";
                 style: import('vue').StyleValue;
                 disabled: boolean | null;
                 readonly: boolean | null;
@@ -1242,7 +1259,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 persistentHint: boolean;
             }> & Omit<{
                 error: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
                 style: import('vue').StyleValue;
                 disabled: boolean | null;
                 readonly: boolean | null;
@@ -1267,17 +1284,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
+                validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                 validationValue?: any;
                 baseColor?: string | undefined;
                 prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                 appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                iconColor?: string | boolean | 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<{
+            }, "error" | "reset" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "isValid" | "validate" | "resetValidation" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
                 validate: (silent?: boolean | undefined) => Promise<string[]>;
@@ -1286,15 +1303,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }> & 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('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:prepend" | "v-slot:append" | "id" | "name" | "modelValue" | "onUpdate:modelValue" | "direction" | "iconColor" | "errorMessages" | "centerAffix" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:message" | "v-slot:details">, `$${any}`> & HTMLInputElement & Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -1310,9 +1328,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 }> & Omit<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -1333,14 +1352,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
+                    iconColor?: string | boolean | 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">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -1380,9 +1399,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $options: import('vue').ComponentOptionsBase<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -1404,13 +1424,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
+                    iconColor?: string | boolean | 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;
                 }, {
@@ -1419,12 +1439,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 }, 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, {
+                }, "$children" | "v-slots" | "v-slot:default" | "v-slot:loader" | "update:modelValue" | "modelValue" | "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";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -1484,9 +1505,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             } & Readonly<{
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 error: boolean;
                 active: boolean;
+                details: boolean;
                 style: import('vue').StyleValue;
                 disabled: boolean;
                 focused: boolean;
@@ -1502,9 +1524,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }> & Omit<{
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 error: boolean;
                 active: boolean;
+                details: boolean;
                 style: import('vue').StyleValue;
                 disabled: boolean;
                 focused: boolean;
@@ -1526,22 +1549,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 rounded?: string | number | boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
+                iconColor?: string | boolean | 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<{
+            }, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
                 controlRef: import('vue').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}`> & {
+            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "rounded" | "tile" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
                 _allExposed: {} | {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -1555,17 +1578,18 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }, {}, {}, {}, {
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 type: string;
                 error: boolean;
                 active: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
+                details: boolean;
                 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>))[];
+                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;
@@ -1601,7 +1625,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
             prependTooltip?: string | undefined;
             appendTooltip?: string | undefined;
-            tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            tooltipLocation?: "start" | "end" | "top" | "bottom" | undefined;
             variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
             color?: import('../Customs/SyTextField/types').ColorType | undefined;
             isClearable?: boolean | undefined;
@@ -1619,7 +1643,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             counter?: string | number | boolean | undefined;
             counterValue?: number | ((value: any) => number) | undefined;
             density?: "default" | "comfortable" | "compact" | undefined;
-            direction?: "horizontal" | "vertical" | undefined;
+            direction?: "vertical" | "horizontal" | undefined;
             isDirty?: boolean | undefined;
             disabled?: boolean | undefined;
             isOnError?: boolean | undefined;
@@ -1685,60 +1709,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             "prepend-icon-click": (...args: any[]) => void;
             "append-icon-click": (...args: any[]) => void;
         }, string, {
+            type: string;
+            label: string;
+            width: string | number;
+            role: string;
+            color: import('../Customs/SyTextField/types').ColorType;
+            theme: string;
+            disabled: boolean;
+            rounded: string | number | boolean;
+            loading: string | boolean;
+            maxWidth: string | number;
+            minWidth: string | number;
+            density: "default" | "comfortable" | "compact";
+            baseColor: string;
+            prependIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            appendIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            readonly: boolean;
+            id: string;
+            name: 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";
+            bgColor: string;
+            isActive: boolean;
+            placeholder: string;
+            direction: "vertical" | "horizontal";
+            prependInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            appendInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
             prependTooltip: string;
             appendTooltip: string;
-            tooltipLocation: "top" | "bottom" | "start" | "end";
+            tooltipLocation: "start" | "end" | "top" | "bottom";
             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: ValidationRule[];
@@ -1770,60 +1794,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $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<{
+        type: string;
+        label: string;
+        width: string | number;
+        role: string;
+        color: import('../Customs/SyTextField/types').ColorType;
+        theme: string;
+        disabled: boolean;
+        rounded: string | number | boolean;
+        loading: string | boolean;
+        maxWidth: string | number;
+        minWidth: string | number;
+        density: "default" | "comfortable" | "compact";
+        baseColor: string;
+        prependIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+        appendIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+        readonly: boolean;
+        id: string;
+        name: 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";
+        bgColor: string;
+        isActive: boolean;
+        placeholder: string;
+        direction: "vertical" | "horizontal";
+        prependInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+        appendInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
         prependTooltip: string;
         appendTooltip: string;
-        tooltipLocation: "top" | "bottom" | "start" | "end";
+        tooltipLocation: "start" | "end" | "top" | "bottom";
         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: ValidationRule[];
@@ -1842,7 +1866,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
         prependTooltip?: string | undefined;
         appendTooltip?: string | undefined;
-        tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+        tooltipLocation?: "start" | "end" | "top" | "bottom" | undefined;
         variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
         color?: import('../Customs/SyTextField/types').ColorType | undefined;
         isClearable?: boolean | undefined;
@@ -1860,7 +1884,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         counter?: string | number | boolean | undefined;
         counterValue?: number | ((value: any) => number) | undefined;
         density?: "default" | "comfortable" | "compact" | undefined;
-        direction?: "horizontal" | "vertical" | undefined;
+        direction?: "vertical" | "horizontal" | undefined;
         isDirty?: boolean | undefined;
         disabled?: boolean | undefined;
         isOnError?: boolean | undefined;
@@ -1906,7 +1930,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" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "placeholder" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
         validation: {
             errors: import('vue').Ref<string[], string[]>;
             warnings: import('vue').Ref<string[], string[]>;
@@ -1940,7 +1964,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
             readonly prependTooltip?: string | undefined;
             readonly appendTooltip?: string | undefined;
-            readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            readonly tooltipLocation?: "start" | "end" | "top" | "bottom" | undefined;
             readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
             readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
             readonly isClearable?: boolean | undefined;
@@ -1958,7 +1982,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             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 direction?: "vertical" | "horizontal" | undefined;
             readonly isDirty?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly isOnError?: boolean | undefined;
@@ -2013,11 +2037,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             syTextFieldRef: import('vue').CreateComponentPublicInstanceWithMixins<{
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 type: string;
                 error: boolean;
                 active: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
+                details: boolean;
                 style: import('vue').StyleValue;
                 autofocus: boolean;
                 disabled: boolean;
@@ -2056,13 +2081,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
+                validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | 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;
+                iconColor?: string | boolean | 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;
@@ -2071,14 +2097,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 '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) | {
+                $children?: import('vue').VNodeChild | {
+                    $stable?: boolean | undefined;
+                } | (() => 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>;
@@ -2136,12 +2163,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 "onUpdate:modelValue"?: ((val: string) => any) | undefined;
                 "onClick:control"?: ((e: MouseEvent) => any) | undefined;
                 "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-            }, HTMLInputElement & Omit<Omit<{
+            }, Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -2157,7 +2184,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     persistentHint: boolean;
                 }> & Omit<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -2181,17 +2208,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
+                    validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                     validationValue?: any;
                     baseColor?: string | undefined;
                     prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    iconColor?: string | boolean | 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">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -2222,7 +2249,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $el: any;
                 $options: import('vue').ComponentOptionsBase<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -2247,14 +2274,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
+                    validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                     validationValue?: any;
                     baseColor?: string | undefined;
                     prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    iconColor?: string | boolean | 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;
                 }, {
@@ -2265,9 +2292,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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, {
+                }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "modelValue" | "v-slot:message" | "v-slot:details">, string, {
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -2279,7 +2306,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     density: import('vuetify/lib/composables/density.mjs').Density;
                     centerAffix: boolean;
                     glow: boolean;
-                    hideSpinButtons: boolean;
+                    /** @type { typeof __VLS_ctx.keyField } */ 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, {
@@ -2319,7 +2346,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $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";
+                direction: "vertical" | "horizontal";
                 style: import('vue').StyleValue;
                 disabled: boolean | null;
                 readonly: boolean | null;
@@ -2335,7 +2362,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 persistentHint: boolean;
             }> & Omit<{
                 error: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
                 style: import('vue').StyleValue;
                 disabled: boolean | null;
                 readonly: boolean | null;
@@ -2360,17 +2387,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
+                validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                 validationValue?: any;
                 baseColor?: string | undefined;
                 prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                 appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                iconColor?: string | boolean | 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<{
+            }, "error" | "reset" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "isValid" | "validate" | "resetValidation" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
                 validate: (silent?: boolean | undefined) => Promise<string[]>;
@@ -2379,15 +2406,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }> & 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('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:prepend" | "v-slot:append" | "id" | "name" | "modelValue" | "onUpdate:modelValue" | "direction" | "iconColor" | "errorMessages" | "centerAffix" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:message" | "v-slot:details">, `$${any}`> & HTMLInputElement & Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -2403,9 +2431,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 }> & Omit<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -2426,14 +2455,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
+                    iconColor?: string | boolean | 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">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -2473,9 +2502,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $options: import('vue').ComponentOptionsBase<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -2497,13 +2527,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
+                    iconColor?: string | boolean | 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;
                 }, {
@@ -2512,12 +2542,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 }, 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, {
+                }, "$children" | "v-slots" | "v-slot:default" | "v-slot:loader" | "update:modelValue" | "modelValue" | "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";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -2577,9 +2608,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             } & Readonly<{
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 error: boolean;
                 active: boolean;
+                details: boolean;
                 style: import('vue').StyleValue;
                 disabled: boolean;
                 focused: boolean;
@@ -2595,9 +2627,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }> & Omit<{
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 error: boolean;
                 active: boolean;
+                details: boolean;
                 style: import('vue').StyleValue;
                 disabled: boolean;
                 focused: boolean;
@@ -2619,22 +2652,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 rounded?: string | number | boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
+                iconColor?: string | boolean | 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<{
+            }, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
                 controlRef: import('vue').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}`> & {
+            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "rounded" | "tile" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
                 _allExposed: {} | {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -2653,11 +2686,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 type: string;
                 error: boolean;
                 active: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
+                details: boolean;
                 style: import('vue').StyleValue;
                 autofocus: boolean;
                 disabled: boolean;
@@ -2730,11 +2764,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }, {
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 type: string;
                 error: boolean;
                 active: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
+                details: boolean;
                 style: import('vue').StyleValue;
                 autofocus: boolean;
                 disabled: boolean;
@@ -2773,13 +2808,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
+                validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | 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;
+                iconColor?: string | boolean | 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;
@@ -2788,14 +2824,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 '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) | {
+                $children?: import('vue').VNodeChild | {
+                    $stable?: boolean | undefined;
+                } | (() => 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>;
@@ -2853,12 +2890,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 "onUpdate:modelValue"?: ((val: string) => any) | undefined;
                 "onClick:control"?: ((e: MouseEvent) => any) | undefined;
                 "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-            }, HTMLInputElement & Omit<Omit<{
+            }, Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -2874,7 +2911,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     persistentHint: boolean;
                 }> & Omit<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -2898,17 +2935,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
+                    validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                     validationValue?: any;
                     baseColor?: string | undefined;
                     prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    iconColor?: string | boolean | 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">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -2939,7 +2976,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $el: any;
                 $options: import('vue').ComponentOptionsBase<{
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -2964,14 +3001,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
+                    validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                     validationValue?: any;
                     baseColor?: string | undefined;
                     prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                    iconColor?: string | boolean | 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;
                 }, {
@@ -2982,9 +3019,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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, {
+                }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "modelValue" | "v-slot:message" | "v-slot:details">, string, {
                     error: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
                     style: import('vue').StyleValue;
                     disabled: boolean | null;
                     readonly: boolean | null;
@@ -3036,7 +3073,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $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";
+                direction: "vertical" | "horizontal";
                 style: import('vue').StyleValue;
                 disabled: boolean | null;
                 readonly: boolean | null;
@@ -3052,7 +3089,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 persistentHint: boolean;
             }> & Omit<{
                 error: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
                 style: import('vue').StyleValue;
                 disabled: boolean | null;
                 readonly: boolean | null;
@@ -3077,17 +3114,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
+                validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                 validationValue?: any;
                 baseColor?: string | undefined;
                 prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                 appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                iconColor?: string | boolean | 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<{
+            }, "error" | "reset" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "isValid" | "validate" | "resetValidation" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
                 validate: (silent?: boolean | undefined) => Promise<string[]>;
@@ -3096,15 +3133,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }> & 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('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:prepend" | "v-slot:append" | "id" | "name" | "modelValue" | "onUpdate:modelValue" | "direction" | "iconColor" | "errorMessages" | "centerAffix" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:message" | "v-slot:details">, `$${any}`> & HTMLInputElement & Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -3120,9 +3158,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 }> & Omit<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -3143,14 +3182,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
+                    iconColor?: string | boolean | 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">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -3190,9 +3229,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $options: import('vue').ComponentOptionsBase<{
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -3214,13 +3254,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
+                    iconColor?: string | boolean | 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;
                 }, {
@@ -3229,12 +3269,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 }, 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, {
+                }, "$children" | "v-slots" | "v-slot:default" | "v-slot:loader" | "update:modelValue" | "modelValue" | "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";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     error: boolean;
                     active: boolean;
+                    details: boolean;
                     style: import('vue').StyleValue;
                     disabled: boolean;
                     focused: boolean;
@@ -3294,9 +3335,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             } & Readonly<{
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 error: boolean;
                 active: boolean;
+                details: boolean;
                 style: import('vue').StyleValue;
                 disabled: boolean;
                 focused: boolean;
@@ -3312,9 +3354,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }> & Omit<{
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 error: boolean;
                 active: boolean;
+                details: boolean;
                 style: import('vue').StyleValue;
                 disabled: boolean;
                 focused: boolean;
@@ -3336,22 +3379,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 rounded?: string | number | boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
+                iconColor?: string | boolean | 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<{
+            }, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
                 controlRef: import('vue').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}`> & {
+            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "rounded" | "tile" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
                 _allExposed: {} | {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -3365,17 +3408,18 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }, {}, {}, {}, {
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 type: string;
                 error: boolean;
                 active: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
+                details: boolean;
                 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>))[];
+                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;
@@ -3411,7 +3455,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
             prependTooltip?: string | undefined;
             appendTooltip?: string | undefined;
-            tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            tooltipLocation?: "start" | "end" | "top" | "bottom" | undefined;
             variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
             color?: import('../Customs/SyTextField/types').ColorType | undefined;
             isClearable?: boolean | undefined;
@@ -3429,7 +3473,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             counter?: string | number | boolean | undefined;
             counterValue?: number | ((value: any) => number) | undefined;
             density?: "default" | "comfortable" | "compact" | undefined;
-            direction?: "horizontal" | "vertical" | undefined;
+            direction?: "vertical" | "horizontal" | undefined;
             isDirty?: boolean | undefined;
             disabled?: boolean | undefined;
             isOnError?: boolean | undefined;
@@ -3495,60 +3539,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             "prepend-icon-click": (...args: any[]) => void;
             "append-icon-click": (...args: any[]) => void;
         }, string, {
+            type: string;
+            label: string;
+            width: string | number;
+            role: string;
+            color: import('../Customs/SyTextField/types').ColorType;
+            theme: string;
+            disabled: boolean;
+            rounded: string | number | boolean;
+            loading: string | boolean;
+            maxWidth: string | number;
+            minWidth: string | number;
+            density: "default" | "comfortable" | "compact";
+            baseColor: string;
+            prependIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            appendIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            readonly: boolean;
+            id: string;
+            name: 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";
+            bgColor: string;
+            isActive: boolean;
+            placeholder: string;
+            direction: "vertical" | "horizontal";
+            prependInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            appendInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
             prependTooltip: string;
             appendTooltip: string;
-            tooltipLocation: "top" | "bottom" | "start" | "end";
+            tooltipLocation: "start" | "end" | "top" | "bottom";
             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: ValidationRule[];
@@ -3580,60 +3624,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $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<{
+        type: string;
+        label: string;
+        width: string | number;
+        role: string;
+        color: import('../Customs/SyTextField/types').ColorType;
+        theme: string;
+        disabled: boolean;
+        rounded: string | number | boolean;
+        loading: string | boolean;
+        maxWidth: string | number;
+        minWidth: string | number;
+        density: "default" | "comfortable" | "compact";
+        baseColor: string;
+        prependIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+        appendIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+        readonly: boolean;
+        id: string;
+        name: 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";
+        bgColor: string;
+        isActive: boolean;
+        placeholder: string;
+        direction: "vertical" | "horizontal";
+        prependInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+        appendInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
         prependTooltip: string;
         appendTooltip: string;
-        tooltipLocation: "top" | "bottom" | "start" | "end";
+        tooltipLocation: "start" | "end" | "top" | "bottom";
         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: ValidationRule[];
@@ -3652,7 +3696,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
         prependTooltip?: string | undefined;
         appendTooltip?: string | undefined;
-        tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+        tooltipLocation?: "start" | "end" | "top" | "bottom" | undefined;
         variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
         color?: import('../Customs/SyTextField/types').ColorType | undefined;
         isClearable?: boolean | undefined;
@@ -3670,7 +3714,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         counter?: string | number | boolean | undefined;
         counterValue?: number | ((value: any) => number) | undefined;
         density?: "default" | "comfortable" | "compact" | undefined;
-        direction?: "horizontal" | "vertical" | undefined;
+        direction?: "vertical" | "horizontal" | undefined;
         isDirty?: boolean | undefined;
         disabled?: boolean | undefined;
         isOnError?: boolean | undefined;
@@ -3716,7 +3760,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" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "placeholder" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
         validation: {
             errors: import('vue').Ref<string[], string[]>;
             warnings: import('vue').Ref<string[], string[]>;
@@ -3739,5 +3783,5 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             details?(_: {}): any;
         };
     }) | null;
-}, HTMLDivElement>;
+}, any>;
 export default _default;