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/DatePicker/ComplexDatePicker/ComplexDatePicker.d.ts CHANGED Viewed

@@ -70,28 +70,28 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     };
     displayFormattedDate: Ref<string, string>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: DateValue) => any;
     blur: () => any;
     focus: () => any;
     input: (value: string) => any;
+    "update:modelValue": (value: DateValue) => any;
     "date-selected": (value: DateValue) => any;
     closed: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: DateValue) => any) | undefined;
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DateValue) => any) | undefined;
     "onDate-selected"?: ((value: DateValue) => any) | undefined;
     onClosed?: (() => any) | undefined;
 }>, {
-    required: boolean;
-    modelValue: DateInput;
     label: string;
+    width: string;
+    disabled: boolean;
     readonly: boolean;
+    modelValue: DateInput;
     bgColor: string;
-    disabled: boolean;
     placeholder: string;
-    width: string;
+    required: boolean;
     displayAsterisk: boolean;
     noIcon: boolean;
     customRules: {
@@ -164,13 +164,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         "update:model-value": (value: DateValue) => any;
         "date-selected": (value: DateValue) => any;
     }, import('vue').PublicProps, {
-        required: boolean;
-        modelValue: DateValue;
         label: string;
+        disabled: boolean;
         readonly: boolean;
+        modelValue: DateValue;
         bgColor: string;
-        disabled: boolean;
         placeholder: string;
+        required: boolean;
         noIcon: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
@@ -196,7 +196,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;
@@ -214,7 +214,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;
@@ -269,11 +269,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;
@@ -312,13 +313,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;
@@ -327,14 +329,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>;
@@ -392,12 +395,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;
@@ -413,7 +416,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;
@@ -437,17 +440,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;
                     };
@@ -478,7 +481,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;
@@ -503,14 +506,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;
                     }, {
@@ -521,9 +524,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;
@@ -575,7 +578,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;
@@ -591,7 +594,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;
@@ -616,17 +619,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[]>;
@@ -635,15 +638,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;
@@ -659,9 +663,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;
@@ -682,14 +687,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;
                     };
@@ -729,9 +734,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;
@@ -753,13 +759,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;
                     }, {
@@ -768,12 +774,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;
@@ -833,9 +840,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;
@@ -851,9 +859,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;
@@ -875,22 +884,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: 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>;
@@ -909,11 +918,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;
@@ -986,11 +996,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;
@@ -1029,13 +1040,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;
@@ -1044,14 +1056,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>;
@@ -1109,13 +1122,13 @@ 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";
-                        style: import('vue').StyleValue;
+                        direction: "vertical" | "horizontal";
+                        /** @type { [typeof DateTextInput, ] } */ style: import('vue').StyleValue;
                         disabled: boolean | null;
                         readonly: boolean | null;
                         messages: string | readonly string[];
@@ -1130,7 +1143,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;
@@ -1154,17 +1167,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;
                     };
@@ -1195,7 +1208,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;
@@ -1220,14 +1233,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;
                     }, {
@@ -1238,9 +1251,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;
@@ -1292,7 +1305,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;
@@ -1308,7 +1321,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;
@@ -1333,17 +1346,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[]>;
@@ -1352,15 +1365,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";
-                        error: boolean; /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.VIcon, ] } */
+                        variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
+                        error: boolean;
                         active: boolean;
+                        details: boolean;
                         style: import('vue').StyleValue;
                         disabled: boolean;
                         focused: boolean;
@@ -1376,9 +1390,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;
@@ -1399,14 +1414,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;
                     };
@@ -1446,9 +1461,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;
@@ -1470,13 +1486,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;
                     }, {
@@ -1485,12 +1501,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;
@@ -1550,9 +1567,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;
@@ -1568,9 +1586,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;
@@ -1592,22 +1611,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: 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>;
@@ -1621,11 +1640,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;
@@ -1667,7 +1687,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;
@@ -1685,7 +1705,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;
@@ -1751,60 +1771,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: import('../../../composables/validation/useValidation').ValidationRule[];
@@ -1836,60 +1856,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             $nextTick: typeof nextTick;
             $watch<T_4 extends string | ((...args: any) => any)>(source: T_4, cb: T_4 extends (...args: any) => infer R_4 ? (args_0: R_4, args_1: R_4, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
         } & Readonly<{
+            type: string;
+            label: string;
+            width: string | number;
+            role: string;
+            color: import('../../Customs/SyTextField/types').ColorType;
+            theme: string;
+            disabled: boolean;
+            rounded: string | number | boolean;
+            loading: string | boolean;
+            maxWidth: string | number;
+            minWidth: string | number;
+            density: "default" | "comfortable" | "compact";
+            baseColor: string;
+            prependIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            appendIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            readonly: boolean;
+            id: string;
+            name: string;
             modelValue: string | number | null;
-            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            bgColor: string;
+            isActive: boolean;
+            placeholder: string;
+            direction: "vertical" | "horizontal";
+            prependInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            appendInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
             prependTooltip: string;
             appendTooltip: string;
-            tooltipLocation: "top" | "bottom" | "start" | "end";
+            tooltipLocation: "start" | "end" | "top" | "bottom";
             variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
-            color: import('../../Customs/SyTextField/types').ColorType;
             isClearable: boolean;
-            label: string;
             errorMessages: string[] | null;
             warningMessages: string[] | null;
             successMessages: string[] | null;
-            readonly: boolean;
-            isActive: boolean;
-            baseColor: string;
-            bgColor: string;
             centerAffix: boolean;
             counter: string | number | boolean;
             counterValue: number | ((value: any) => number);
-            density: "default" | "comfortable" | "compact";
-            direction: "horizontal" | "vertical";
             isDirty: boolean;
-            disabled: boolean;
             isOnError: boolean;
             isFlat: boolean;
             isFocused: boolean;
             areDetailsHidden: boolean | "auto";
             areSpinButtonsHidden: boolean;
             hint: string;
-            id: string;
-            loading: string | boolean;
             maxErrors: string | number;
-            maxWidth: string | number;
             messages: string | string[];
-            minWidth: string | number;
-            name: string;
             displayPersistentClear: boolean;
             displayPersistentCounter: boolean;
             displayPersistentHint: boolean;
             displayPersistentPlaceholder: boolean;
-            placeholder: string;
             prefix: string;
             isReversed: boolean;
-            role: string;
-            rounded: string | number | boolean;
             isOnSingleLine: boolean;
             suffix: string;
-            theme: string;
             isTiled: boolean;
-            type: string;
-            width: string | number;
             displayAsterisk: boolean;
             noIcon: boolean;
             customRules: import('../../../composables/validation/useValidation').ValidationRule[];
@@ -1908,7 +1928,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;
@@ -1926,7 +1946,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;
@@ -1972,7 +1992,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: Ref<string[], string[]>;
                 warnings: Ref<string[], string[]>;
@@ -2034,13 +2054,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         focus(): void;
         blur(): void;
     }, {}, {}, {}, {
-        required: boolean;
-        modelValue: DateValue;
         label: string;
+        disabled: boolean;
         readonly: boolean;
+        modelValue: DateValue;
         bgColor: string;
-        disabled: boolean;
         placeholder: string;
+        required: boolean;
         noIcon: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
@@ -2093,13 +2113,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         "update:model-value": (value: DateValue) => any;
         "date-selected": (value: DateValue) => any;
     }, import('vue').PublicProps, {
-        required: boolean;
-        modelValue: DateValue;
         label: string;
+        disabled: boolean;
         readonly: boolean;
+        modelValue: DateValue;
         bgColor: string;
-        disabled: boolean;
         placeholder: string;
+        required: boolean;
         noIcon: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
@@ -2125,7 +2145,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;
@@ -2143,7 +2163,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;
@@ -2198,11 +2218,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;
@@ -2241,13 +2262,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;
@@ -2256,14 +2278,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>;
@@ -2321,12 +2344,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;
@@ -2342,7 +2365,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;
@@ -2366,17 +2389,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;
                     };
@@ -2407,7 +2430,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;
@@ -2432,14 +2455,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;
                     }, {
@@ -2450,9 +2473,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;
@@ -2504,7 +2527,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;
@@ -2520,7 +2543,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;
@@ -2545,17 +2568,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[]>;
@@ -2564,15 +2587,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;
@@ -2588,9 +2612,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;
@@ -2611,14 +2636,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;
                     };
@@ -2658,9 +2683,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;
@@ -2682,13 +2708,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;
                     }, {
@@ -2697,12 +2723,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;
@@ -2762,9 +2789,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;
@@ -2780,9 +2808,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;
@@ -2804,22 +2833,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: 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>;
@@ -2838,11 +2867,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;
@@ -2915,11 +2945,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;
@@ -2958,13 +2989,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;
@@ -2973,14 +3005,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>;
@@ -3038,13 +3071,13 @@ 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";
-                        style: import('vue').StyleValue;
+                        direction: "vertical" | "horizontal";
+                        /** @type { [typeof DateTextInput, ] } */ style: import('vue').StyleValue;
                         disabled: boolean | null;
                         readonly: boolean | null;
                         messages: string | readonly string[];
@@ -3059,7 +3092,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;
@@ -3083,17 +3116,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;
                     };
@@ -3124,7 +3157,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;
@@ -3149,14 +3182,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;
                     }, {
@@ -3167,9 +3200,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;
@@ -3221,7 +3254,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;
@@ -3237,7 +3270,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;
@@ -3262,17 +3295,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[]>;
@@ -3281,15 +3314,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";
-                        error: boolean; /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.VIcon, ] } */
+                        variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
+                        error: boolean;
                         active: boolean;
+                        details: boolean;
                         style: import('vue').StyleValue;
                         disabled: boolean;
                         focused: boolean;
@@ -3305,9 +3339,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;
@@ -3328,14 +3363,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;
                     };
@@ -3375,9 +3410,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;
@@ -3399,13 +3435,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;
                     }, {
@@ -3414,12 +3450,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;
@@ -3479,9 +3516,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;
@@ -3497,9 +3535,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;
@@ -3521,22 +3560,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: 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>;
@@ -3550,11 +3589,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;
@@ -3596,7 +3636,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;
@@ -3614,7 +3654,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;
@@ -3680,60 +3720,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: import('../../../composables/validation/useValidation').ValidationRule[];
@@ -3765,60 +3805,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             $nextTick: typeof nextTick;
             $watch<T_4 extends string | ((...args: any) => any)>(source: T_4, cb: T_4 extends (...args: any) => infer R_4 ? (args_0: R_4, args_1: R_4, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
         } & Readonly<{
+            type: string;
+            label: string;
+            width: string | number;
+            role: string;
+            color: import('../../Customs/SyTextField/types').ColorType;
+            theme: string;
+            disabled: boolean;
+            rounded: string | number | boolean;
+            loading: string | boolean;
+            maxWidth: string | number;
+            minWidth: string | number;
+            density: "default" | "comfortable" | "compact";
+            baseColor: string;
+            prependIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            appendIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            readonly: boolean;
+            id: string;
+            name: string;
             modelValue: string | number | null;
-            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            bgColor: string;
+            isActive: boolean;
+            placeholder: string;
+            direction: "vertical" | "horizontal";
+            prependInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            appendInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
             prependTooltip: string;
             appendTooltip: string;
-            tooltipLocation: "top" | "bottom" | "start" | "end";
+            tooltipLocation: "start" | "end" | "top" | "bottom";
             variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
-            color: import('../../Customs/SyTextField/types').ColorType;
             isClearable: boolean;
-            label: string;
             errorMessages: string[] | null;
             warningMessages: string[] | null;
             successMessages: string[] | null;
-            readonly: boolean;
-            isActive: boolean;
-            baseColor: string;
-            bgColor: string;
             centerAffix: boolean;
             counter: string | number | boolean;
             counterValue: number | ((value: any) => number);
-            density: "default" | "comfortable" | "compact";
-            direction: "horizontal" | "vertical";
             isDirty: boolean;
-            disabled: boolean;
             isOnError: boolean;
             isFlat: boolean;
             isFocused: boolean;
             areDetailsHidden: boolean | "auto";
             areSpinButtonsHidden: boolean;
             hint: string;
-            id: string;
-            loading: string | boolean;
             maxErrors: string | number;
-            maxWidth: string | number;
             messages: string | string[];
-            minWidth: string | number;
-            name: string;
             displayPersistentClear: boolean;
             displayPersistentCounter: boolean;
             displayPersistentHint: boolean;
             displayPersistentPlaceholder: boolean;
-            placeholder: string;
             prefix: string;
             isReversed: boolean;
-            role: string;
-            rounded: string | number | boolean;
             isOnSingleLine: boolean;
             suffix: string;
-            theme: string;
             isTiled: boolean;
-            type: string;
-            width: string | number;
             displayAsterisk: boolean;
             noIcon: boolean;
             customRules: import('../../../composables/validation/useValidation').ValidationRule[];
@@ -3837,7 +3877,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;
@@ -3855,7 +3895,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;
@@ -3901,7 +3941,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: Ref<string[], string[]>;
                 warnings: Ref<string[], string[]>;
@@ -3963,13 +4003,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         focus(): void;
         blur(): void;
     }, {}, {}, {}, {
-        required: boolean;
-        modelValue: DateValue;
         label: string;
+        disabled: boolean;
         readonly: boolean;
+        modelValue: DateValue;
         bgColor: string;
-        disabled: boolean;
         placeholder: string;
+        required: boolean;
         noIcon: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
@@ -4044,7 +4084,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;
@@ -4057,12 +4097,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;
         };
@@ -4070,15 +4111,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;
@@ -4125,7 +4207,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;
@@ -4138,6 +4220,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;
         } & {
@@ -4149,7 +4232,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;
@@ -4174,15 +4257,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;
@@ -4267,7 +4391,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;
@@ -4280,13 +4404,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)[] | null | undefined;
         "onUpdate:modelValue"?: ((value: Date | (Date | null)[] | null) => void) | undefined;
         multiple?: false | "range" | undefined;