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

@cnamts/synapse 1.0.2 → 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 (706) hide show

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

@@ -47,12 +47,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    required: boolean;
-    modelValue: PeriodValue;
+    disabled: boolean;
+    density: "default" | "comfortable" | "compact";
     readonly: boolean;
+    modelValue: PeriodValue;
     bgColor: string;
-    density: "default" | "comfortable" | "compact";
-    disabled: boolean;
+    required: boolean;
     noIcon: boolean;
     customRules: ValidationRule[];
     customWarningRules: ValidationRule[];
@@ -114,10 +114,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         } | undefined;
         autoClamp?: boolean | undefined;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         onInput?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         "onDate-selected"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         onClosed?: (() => any) | undefined;
     }>, {
@@ -130,22 +130,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         updateAccessibility: () => Promise<void>;
         openDatePicker: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
         blur: () => any;
         focus: () => any;
         input: (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
+        "update:modelValue": (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
         "date-selected": (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
         closed: () => any;
     }, import('vue').PublicProps, {
-        required: boolean;
-        modelValue: import('../../composables/date/useDateInitializationDayjs').DateInput;
         label: string;
+        width: string;
+        disabled: boolean;
+        density: "default" | "comfortable" | "compact";
         readonly: boolean;
+        modelValue: import('../../composables/date/useDateInitializationDayjs').DateInput;
         bgColor: string;
-        density: "default" | "comfortable" | "compact";
-        disabled: boolean;
         placeholder: string;
-        width: string;
+        required: boolean;
         displayAsterisk: boolean;
         noIcon: boolean;
         customRules: {
@@ -219,13 +219,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             "update:model-value": (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
             "date-selected": (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
         }, import('vue').PublicProps, {
-            required: boolean;
-            modelValue: import('../../composables/date/useDateInitializationDayjs').DateValue;
             label: string;
+            disabled: boolean;
             readonly: boolean;
+            modelValue: import('../../composables/date/useDateInitializationDayjs').DateValue;
             bgColor: string;
-            disabled: boolean;
             placeholder: string;
+            required: boolean;
             noIcon: boolean;
             customRules: ValidationRule[];
             customWarningRules: ValidationRule[];
@@ -251,7 +251,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;
@@ -269,7 +269,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;
@@ -324,11 +324,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;
@@ -367,13 +368,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;
@@ -382,14 +384,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>;
@@ -447,12 +450,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;
@@ -468,7 +471,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;
@@ -492,17 +495,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;
                         };
@@ -533,7 +536,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;
@@ -558,14 +561,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;
                         }, {
@@ -576,9 +579,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;
@@ -630,7 +633,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;
@@ -646,7 +649,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;
@@ -671,17 +674,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[]>;
@@ -690,15 +693,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;
@@ -714,9 +718,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;
@@ -737,14 +742,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;
                         };
@@ -784,9 +789,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;
@@ -808,13 +814,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;
                         }, {
@@ -823,12 +829,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;
@@ -888,9 +895,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;
@@ -906,9 +914,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;
@@ -930,22 +939,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>;
@@ -964,11 +973,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;
@@ -1041,11 +1051,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;
@@ -1084,13 +1095,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;
@@ -1099,14 +1111,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>;
@@ -1164,12 +1177,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;
@@ -1185,7 +1198,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;
@@ -1209,17 +1222,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;
                         };
@@ -1250,7 +1263,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;
@@ -1275,14 +1288,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;
                         }, {
@@ -1293,9 +1306,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;
@@ -1347,7 +1360,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;
@@ -1363,7 +1376,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;
@@ -1388,17 +1401,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[]>;
@@ -1407,15 +1420,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;
@@ -1431,9 +1445,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;
@@ -1454,14 +1469,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;
                         };
@@ -1501,9 +1516,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;
@@ -1525,13 +1541,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;
                         }, {
@@ -1540,12 +1556,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;
@@ -1605,9 +1622,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;
@@ -1623,9 +1641,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;
@@ -1647,22 +1666,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>;
@@ -1676,11 +1695,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;
@@ -1722,7 +1742,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;
@@ -1740,7 +1760,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;
@@ -1806,60 +1826,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[];
@@ -1891,60 +1911,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $nextTick: typeof import('vue').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[];
@@ -1963,7 +1983,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;
@@ -1981,7 +2001,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;
@@ -2027,7 +2047,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[]>;
@@ -2089,13 +2109,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             focus(): void;
             blur(): void;
         }, {}, {}, {}, {
-            required: boolean;
-            modelValue: import('../../composables/date/useDateInitializationDayjs').DateValue;
             label: string;
+            disabled: boolean;
             readonly: boolean;
+            modelValue: import('../../composables/date/useDateInitializationDayjs').DateValue;
             bgColor: string;
-            disabled: boolean;
             placeholder: string;
+            required: boolean;
             noIcon: boolean;
             customRules: ValidationRule[];
             customWarningRules: ValidationRule[];
@@ -2121,7 +2141,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;
@@ -2139,7 +2159,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;
@@ -2194,11 +2214,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;
@@ -2237,13 +2258,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;
@@ -2252,14 +2274,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>;
@@ -2317,12 +2340,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;
@@ -2338,7 +2361,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;
@@ -2362,17 +2385,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;
                     };
@@ -2403,7 +2426,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;
@@ -2428,14 +2451,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;
                     }, {
@@ -2446,9 +2469,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;
@@ -2500,7 +2523,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;
@@ -2516,7 +2539,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;
@@ -2541,17 +2564,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[]>;
@@ -2560,15 +2583,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;
@@ -2584,9 +2608,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;
@@ -2607,14 +2632,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;
                     };
@@ -2654,9 +2679,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;
@@ -2678,13 +2704,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;
                     }, {
@@ -2693,12 +2719,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;
@@ -2758,9 +2785,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;
@@ -2776,9 +2804,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;
@@ -2800,22 +2829,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>;
@@ -2834,11 +2863,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;
@@ -2911,11 +2941,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;
@@ -2954,13 +2985,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;
@@ -2969,14 +3001,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>;
@@ -3034,12 +3067,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;
@@ -3055,7 +3088,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;
@@ -3079,17 +3112,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;
                     };
@@ -3120,7 +3153,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;
@@ -3145,14 +3178,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;
                     }, {
@@ -3163,9 +3196,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;
@@ -3217,7 +3250,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;
@@ -3233,7 +3266,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;
@@ -3258,17 +3291,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[]>;
@@ -3277,15 +3310,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;
@@ -3301,9 +3335,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;
@@ -3324,14 +3359,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;
                     };
@@ -3371,9 +3406,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;
@@ -3395,13 +3431,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;
                     }, {
@@ -3410,12 +3446,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;
@@ -3475,9 +3512,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;
@@ -3493,9 +3531,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;
@@ -3517,22 +3556,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>;
@@ -3546,11 +3585,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;
@@ -3592,7 +3632,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;
@@ -3610,7 +3650,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;
@@ -3676,60 +3716,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[];
@@ -3761,60 +3801,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             $nextTick: typeof import('vue').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[];
@@ -3833,7 +3873,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;
@@ -3851,7 +3891,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;
@@ -3897,7 +3937,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[]>;
@@ -3980,7 +4020,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 maxWidth?: string | number | undefined;
                 minHeight?: string | number | undefined;
                 minWidth?: string | number | undefined;
-                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
                 text?: string | undefined;
                 month?: string | number | undefined;
                 year?: number | undefined;
@@ -3993,12 +4033,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 headerColor?: string | undefined;
                 firstDayOfWeek?: string | number | undefined;
                 allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+                weekdayFormat?: "long" | "short" | "narrow" | undefined;
                 allowedMonths?: number[] | ((date: number) => boolean) | undefined;
                 allowedYears?: number[] | ((date: number) => boolean) | undefined;
                 "onUpdate:month"?: ((date: any) => any) | undefined;
                 "onUpdate:year"?: ((date: any) => any) | undefined;
                 "onUpdate:viewMode"?: ((date: any) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "header" | "style" | "title" | "tag" | "disabled" | "transition" | "rounded" | "tile" | "active" | "nextIcon" | "prevIcon" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "modeIcon" | "viewMode">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4006,22 +4047,63 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 [x: string]: unknown;
             };
             $slots: Readonly<{
-                default?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[]) | undefined;
                 title?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[]) | undefined;
                 actions?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[]) | undefined;
-                header?: ((arg: {
-                    header: string;
-                    transition: string;
+                append?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                prepend?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                year?: ((arg: {
+                    year: {
+                        text: string;
+                        value: number;
+                    };
+                    i: number;
+                    props: {
+                        active: boolean;
+                        color?: string | undefined;
+                        rounded: boolean;
+                        text: string;
+                        variant: "flat" | "text";
+                        onClick: () => void;
+                    };
                 }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[]) | undefined;
-            }>;
+                month?: ((arg: {
+                    month: {
+                        text: string;
+                        value: number;
+                    };
+                    i: number;
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                day?: ((arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                    item: any;
+                    i: number;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                header?: ((arg: {
+                    header: string;
+                    transition: string;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+            }>;
             $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
             $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
             $host: Element | null;
@@ -4061,7 +4143,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 maxWidth?: string | number | undefined;
                 minHeight?: string | number | undefined;
                 minWidth?: string | number | undefined;
-                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
                 text?: string | undefined;
                 month?: string | number | undefined;
                 year?: number | undefined;
@@ -4074,6 +4156,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 headerColor?: string | undefined;
                 firstDayOfWeek?: string | number | undefined;
                 allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+                weekdayFormat?: "long" | "short" | "narrow" | undefined;
                 allowedMonths?: number[] | ((date: number) => boolean) | undefined;
                 allowedYears?: number[] | ((date: number) => boolean) | undefined;
             } & {
@@ -4085,7 +4168,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 'update:month': (date: any) => true;
                 'update:year': (date: any) => true;
                 'update:viewMode': (date: any) => true;
-            }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "multiple" | "v-slot:actions" | "v-slot:title" | "v-slot:header">, string, {
+            }, "$children" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "modelValue" | "v-slot:title" | "v-slot:header" | "multiple" | "v-slot:actions" | "v-slot:day" | "v-slot:month" | "v-slot:year">, string, {
                 active: string | string[];
                 transition: string;
                 header: string;
@@ -4095,7 +4178,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
                 landscape: boolean;
                 rounded: string | number | boolean;
-                /** @type { typeof __VLS_ctx.fromDateRef } */ tile: boolean;
+                tile: boolean;
                 divided: boolean;
                 nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
                 prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
@@ -4110,15 +4193,56 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 hideWeekdays: boolean;
                 showWeek: boolean;
             }, {}, string, import('vue').SlotsType<Partial<{
-                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
                 title: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[];
                 actions: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[];
+                append: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                prepend: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                year: (arg: {
+                    year: {
+                        text: string;
+                        value: number;
+                    };
+                    i: number;
+                    props: {
+                        active: boolean;
+                        color?: string | undefined;
+                        rounded: boolean;
+                        text: string;
+                        variant: "flat" | "text";
+                        onClick: () => void;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                month: (arg: {
+                    month: {
+                        text: string;
+                        value: number;
+                    };
+                    i: number;
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                day: (arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                    item: any;
+                    i: number;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
                 header: (arg: {
                     header: string;
                     transition: string;
@@ -4203,7 +4327,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
             text?: string | undefined;
             month?: string | number | undefined;
             year?: number | undefined;
@@ -4216,13 +4340,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             headerColor?: string | undefined;
             firstDayOfWeek?: string | number | undefined;
             allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+            weekdayFormat?: "long" | "short" | "narrow" | undefined;
             allowedMonths?: number[] | ((date: number) => boolean) | undefined;
             allowedYears?: number[] | ((date: number) => boolean) | undefined;
         } & {
             "onUpdate:month"?: ((date: any) => any) | undefined;
             "onUpdate:year"?: ((date: any) => any) | undefined;
             "onUpdate:viewMode"?: ((date: any) => any) | undefined;
-        }, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+        }, "header" | "style" | "title" | "tag" | "disabled" | "transition" | "rounded" | "tile" | "active" | "nextIcon" | "prevIcon" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "modeIcon" | "viewMode"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: Date | Date[] | null | undefined;
             "onUpdate:modelValue"?: ((value: Date | Date[] | null) => void) | undefined;
             multiple?: false | "range" | undefined;
@@ -4279,10 +4404,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         } | undefined;
         autoClamp?: boolean | undefined;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         onInput?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         "onDate-selected"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         onClosed?: (() => any) | undefined;
     }>, {
@@ -4295,15 +4420,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         updateAccessibility: () => Promise<void>;
         openDatePicker: () => void;
     }, {}, {}, {}, {
-        required: boolean;
-        modelValue: import('../../composables/date/useDateInitializationDayjs').DateInput;
         label: string;
+        width: string;
+        disabled: boolean;
+        density: "default" | "comfortable" | "compact";
         readonly: boolean;
+        modelValue: import('../../composables/date/useDateInitializationDayjs').DateInput;
         bgColor: string;
-        density: "default" | "comfortable" | "compact";
-        disabled: boolean;
         placeholder: string;
-        width: string;
+        required: boolean;
         displayAsterisk: boolean;
         noIcon: boolean;
         customRules: {
@@ -4384,10 +4509,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         } | undefined;
         autoClamp?: boolean | undefined;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         onInput?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         "onDate-selected"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         onClosed?: (() => any) | undefined;
     }>, {
@@ -4400,22 +4525,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         updateAccessibility: () => Promise<void>;
         openDatePicker: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
         blur: () => any;
         focus: () => any;
         input: (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
+        "update:modelValue": (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
         "date-selected": (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
         closed: () => any;
     }, import('vue').PublicProps, {
-        required: boolean;
-        modelValue: import('../../composables/date/useDateInitializationDayjs').DateInput;
         label: string;
+        width: string;
+        disabled: boolean;
+        density: "default" | "comfortable" | "compact";
         readonly: boolean;
+        modelValue: import('../../composables/date/useDateInitializationDayjs').DateInput;
         bgColor: string;
-        density: "default" | "comfortable" | "compact";
-        disabled: boolean;
         placeholder: string;
-        width: string;
+        required: boolean;
         displayAsterisk: boolean;
         noIcon: boolean;
         customRules: {
@@ -4489,13 +4614,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             "update:model-value": (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
             "date-selected": (value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any;
         }, import('vue').PublicProps, {
-            required: boolean;
-            modelValue: import('../../composables/date/useDateInitializationDayjs').DateValue;
             label: string;
+            disabled: boolean;
             readonly: boolean;
+            modelValue: import('../../composables/date/useDateInitializationDayjs').DateValue;
             bgColor: string;
-            disabled: boolean;
             placeholder: string;
+            required: boolean;
             noIcon: boolean;
             customRules: ValidationRule[];
             customWarningRules: ValidationRule[];
@@ -4521,7 +4646,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;
@@ -4539,7 +4664,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;
@@ -4594,11 +4719,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;
@@ -4637,13 +4763,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;
@@ -4652,14 +4779,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>;
@@ -4717,12 +4845,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;
@@ -4738,7 +4866,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;
@@ -4762,17 +4890,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;
                         };
@@ -4803,7 +4931,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;
@@ -4828,14 +4956,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;
                         }, {
@@ -4846,9 +4974,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;
@@ -4900,7 +5028,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;
@@ -4916,7 +5044,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;
@@ -4941,17 +5069,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[]>;
@@ -4960,15 +5088,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;
@@ -4984,9 +5113,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;
@@ -5007,14 +5137,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;
                         };
@@ -5054,9 +5184,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;
@@ -5078,13 +5209,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;
                         }, {
@@ -5093,12 +5224,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;
@@ -5158,9 +5290,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;
@@ -5176,9 +5309,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;
@@ -5200,22 +5334,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>;
@@ -5234,11 +5368,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;
@@ -5311,11 +5446,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;
@@ -5354,13 +5490,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;
@@ -5369,14 +5506,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>;
@@ -5434,12 +5572,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;
@@ -5455,7 +5593,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;
@@ -5479,17 +5617,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;
                         };
@@ -5520,7 +5658,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;
@@ -5545,14 +5683,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;
                         }, {
@@ -5563,9 +5701,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;
@@ -5617,7 +5755,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;
@@ -5633,7 +5771,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;
@@ -5658,17 +5796,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[]>;
@@ -5677,15 +5815,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;
@@ -5701,9 +5840,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;
@@ -5724,14 +5864,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;
                         };
@@ -5771,9 +5911,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;
@@ -5795,13 +5936,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;
                         }, {
@@ -5810,12 +5951,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;
@@ -5875,9 +6017,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;
@@ -5893,9 +6036,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;
@@ -5917,22 +6061,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>;
@@ -5946,11 +6090,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;
@@ -5992,7 +6137,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;
@@ -6010,7 +6155,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;
@@ -6076,60 +6221,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[];
@@ -6161,60 +6306,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $nextTick: typeof import('vue').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[];
@@ -6233,7 +6378,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;
@@ -6251,7 +6396,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;
@@ -6297,7 +6442,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[]>;
@@ -6359,13 +6504,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             focus(): void;
             blur(): void;
         }, {}, {}, {}, {
-            required: boolean;
-            modelValue: import('../../composables/date/useDateInitializationDayjs').DateValue;
             label: string;
+            disabled: boolean;
             readonly: boolean;
+            modelValue: import('../../composables/date/useDateInitializationDayjs').DateValue;
             bgColor: string;
-            disabled: boolean;
             placeholder: string;
+            required: boolean;
             noIcon: boolean;
             customRules: ValidationRule[];
             customWarningRules: ValidationRule[];
@@ -6391,7 +6536,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;
@@ -6409,7 +6554,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;
@@ -6464,11 +6609,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;
@@ -6507,13 +6653,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;
@@ -6522,14 +6669,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>;
@@ -6587,12 +6735,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;
@@ -6608,7 +6756,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;
@@ -6632,17 +6780,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;
                     };
@@ -6673,7 +6821,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;
@@ -6698,14 +6846,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;
                     }, {
@@ -6716,9 +6864,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;
@@ -6770,7 +6918,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;
@@ -6786,7 +6934,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;
@@ -6811,17 +6959,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[]>;
@@ -6830,15 +6978,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;
@@ -6854,9 +7003,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;
@@ -6877,14 +7027,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;
                     };
@@ -6924,9 +7074,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;
@@ -6948,13 +7099,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;
                     }, {
@@ -6963,12 +7114,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;
@@ -7028,9 +7180,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;
@@ -7046,9 +7199,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;
@@ -7070,22 +7224,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>;
@@ -7104,11 +7258,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;
@@ -7181,11 +7336,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;
@@ -7224,13 +7380,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;
@@ -7239,14 +7396,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>;
@@ -7304,12 +7462,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;
@@ -7325,7 +7483,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;
@@ -7349,17 +7507,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;
                     };
@@ -7390,7 +7548,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;
@@ -7415,14 +7573,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;
                     }, {
@@ -7433,9 +7591,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;
@@ -7487,7 +7645,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;
@@ -7503,7 +7661,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;
@@ -7528,17 +7686,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[]>;
@@ -7547,15 +7705,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;
@@ -7571,9 +7730,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;
@@ -7594,14 +7754,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;
                     };
@@ -7641,9 +7801,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;
@@ -7665,13 +7826,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;
                     }, {
@@ -7680,12 +7841,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;
@@ -7745,9 +7907,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;
@@ -7763,9 +7926,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;
@@ -7787,22 +7951,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>;
@@ -7816,11 +7980,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;
@@ -7862,7 +8027,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;
@@ -7880,7 +8045,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;
@@ -7946,60 +8111,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[];
@@ -8031,60 +8196,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             $nextTick: typeof import('vue').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[];
@@ -8103,7 +8268,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;
@@ -8121,7 +8286,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;
@@ -8167,7 +8332,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[]>;
@@ -8250,7 +8415,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 maxWidth?: string | number | undefined;
                 minHeight?: string | number | undefined;
                 minWidth?: string | number | undefined;
-                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
                 text?: string | undefined;
                 month?: string | number | undefined;
                 year?: number | undefined;
@@ -8263,12 +8428,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 headerColor?: string | undefined;
                 firstDayOfWeek?: string | number | undefined;
                 allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+                weekdayFormat?: "long" | "short" | "narrow" | undefined;
                 allowedMonths?: number[] | ((date: number) => boolean) | undefined;
                 allowedYears?: number[] | ((date: number) => boolean) | undefined;
                 "onUpdate:month"?: ((date: any) => any) | undefined;
                 "onUpdate:year"?: ((date: any) => any) | undefined;
                 "onUpdate:viewMode"?: ((date: any) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "header" | "style" | "title" | "tag" | "disabled" | "transition" | "rounded" | "tile" | "active" | "nextIcon" | "prevIcon" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "modeIcon" | "viewMode">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -8276,15 +8442,56 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 [x: string]: unknown;
             };
             $slots: Readonly<{
-                default?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[]) | undefined;
                 title?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[]) | undefined;
                 actions?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[]) | undefined;
+                append?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                prepend?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                year?: ((arg: {
+                    year: {
+                        text: string;
+                        value: number;
+                    };
+                    i: number;
+                    props: {
+                        active: boolean;
+                        color?: string | undefined;
+                        rounded: boolean;
+                        text: string;
+                        variant: "flat" | "text";
+                        onClick: () => void;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                month?: ((arg: {
+                    month: {
+                        text: string;
+                        value: number;
+                    };
+                    i: number;
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                day?: ((arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                    item: any;
+                    i: number;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
                 header?: ((arg: {
                     header: string;
                     transition: string;
@@ -8331,7 +8538,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 maxWidth?: string | number | undefined;
                 minHeight?: string | number | undefined;
                 minWidth?: string | number | undefined;
-                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
                 text?: string | undefined;
                 month?: string | number | undefined;
                 year?: number | undefined;
@@ -8344,6 +8551,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 headerColor?: string | undefined;
                 firstDayOfWeek?: string | number | undefined;
                 allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+                weekdayFormat?: "long" | "short" | "narrow" | undefined;
                 allowedMonths?: number[] | ((date: number) => boolean) | undefined;
                 allowedYears?: number[] | ((date: number) => boolean) | undefined;
             } & {
@@ -8355,7 +8563,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 'update:month': (date: any) => true;
                 'update:year': (date: any) => true;
                 'update:viewMode': (date: any) => true;
-            }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "multiple" | "v-slot:actions" | "v-slot:title" | "v-slot:header">, string, {
+            }, "$children" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "modelValue" | "v-slot:title" | "v-slot:header" | "multiple" | "v-slot:actions" | "v-slot:day" | "v-slot:month" | "v-slot:year">, string, {
                 active: string | string[];
                 transition: string;
                 header: string;
@@ -8365,7 +8573,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
                 landscape: boolean;
                 rounded: string | number | boolean;
-                /** @type { typeof __VLS_ctx.fromDateRef } */ tile: boolean;
+                tile: boolean;
                 divided: boolean;
                 nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
                 prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
@@ -8380,15 +8588,56 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 hideWeekdays: boolean;
                 showWeek: boolean;
             }, {}, string, import('vue').SlotsType<Partial<{
-                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[];
                 title: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[];
                 actions: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[];
+                append: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                prepend: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                year: (arg: {
+                    year: {
+                        text: string;
+                        value: number;
+                    };
+                    i: number;
+                    props: {
+                        active: boolean;
+                        color?: string | undefined;
+                        rounded: boolean;
+                        text: string;
+                        variant: "flat" | "text";
+                        onClick: () => void;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                month: (arg: {
+                    month: {
+                        text: string;
+                        value: number;
+                    };
+                    i: number;
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                day: (arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                    item: any;
+                    i: number;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
                 header: (arg: {
                     header: string;
                     transition: string;
@@ -8473,7 +8722,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
             text?: string | undefined;
             month?: string | number | undefined;
             year?: number | undefined;
@@ -8486,13 +8735,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             headerColor?: string | undefined;
             firstDayOfWeek?: string | number | undefined;
             allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+            weekdayFormat?: "long" | "short" | "narrow" | undefined;
             allowedMonths?: number[] | ((date: number) => boolean) | undefined;
             allowedYears?: number[] | ((date: number) => boolean) | undefined;
         } & {
             "onUpdate:month"?: ((date: any) => any) | undefined;
             "onUpdate:year"?: ((date: any) => any) | undefined;
             "onUpdate:viewMode"?: ((date: any) => any) | undefined;
-        }, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+        }, "header" | "style" | "title" | "tag" | "disabled" | "transition" | "rounded" | "tile" | "active" | "nextIcon" | "prevIcon" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "modeIcon" | "viewMode"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: Date | Date[] | null | undefined;
             "onUpdate:modelValue"?: ((value: Date | Date[] | null) => void) | undefined;
             multiple?: false | "range" | undefined;
@@ -8549,10 +8799,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         } | undefined;
         autoClamp?: boolean | undefined;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         onInput?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         "onDate-selected"?: ((value: import('../../composables/date/useDateInitializationDayjs').DateValue) => any) | undefined;
         onClosed?: (() => any) | undefined;
     }>, {
@@ -8565,15 +8815,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         updateAccessibility: () => Promise<void>;
         openDatePicker: () => void;
     }, {}, {}, {}, {
-        required: boolean;
-        modelValue: import('../../composables/date/useDateInitializationDayjs').DateInput;
         label: string;
+        width: string;
+        disabled: boolean;
+        density: "default" | "comfortable" | "compact";
         readonly: boolean;
+        modelValue: import('../../composables/date/useDateInitializationDayjs').DateInput;
         bgColor: string;
-        density: "default" | "comfortable" | "compact";
-        disabled: boolean;
         placeholder: string;
-        width: string;
+        required: boolean;
         displayAsterisk: boolean;
         noIcon: boolean;
         customRules: {