@cnamts/synapse 1.0.1 → 1.0.3

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

@@ -35,12 +35,15 @@ type __VLS_Props = {
     hideDetails?: boolean | 'auto';
     displayWeekendDays?: boolean;
     displayTodayButton?: boolean;
+    displayHolidayDays?: boolean;
     useCombinedMode?: boolean;
     textFieldActivator?: boolean;
+    displayAsterisk?: boolean;
     period?: {
         min?: string;
         max?: string;
     };
+    autoClamp?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     validateOnSubmit: () => any;
@@ -52,25 +55,30 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     updateAccessibility: () => Promise<void>;
     openDatePicker: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: DateValue) => any;
     blur: () => any;
     focus: () => any;
+    input: (value: DateValue) => 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: DateValue) => 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;
+    density: "default" | "comfortable" | "compact";
     readonly: boolean;
+    modelValue: DateInput;
     bgColor: string;
-    density: "default" | "comfortable" | "compact";
-    disabled: boolean;
     placeholder: string;
-    width: string;
+    required: boolean;
+    displayAsterisk: boolean;
     noIcon: boolean;
     customRules: {
         type: string;
@@ -92,11 +100,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     displayIcon: boolean;
     displayAppendIcon: boolean;
     displayPrependIcon: boolean;
+    autoClamp: boolean;
     isBirthDate: boolean;
     birthDate: boolean;
     showWeekNumber: boolean;
     displayTodayButton: boolean;
     displayWeekendDays: boolean;
+    displayHolidayDays: boolean;
     period: {
         min?: string | undefined;
         max?: string | undefined;
@@ -123,6 +133,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         showSuccessMessages?: boolean | undefined;
         bgColor?: string | undefined;
         displayRange?: boolean | undefined;
+        autoClamp?: boolean | undefined;
     }> & Readonly<{
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
@@ -140,13 +151,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[];
@@ -159,6 +170,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayIcon: boolean;
         displayAppendIcon: boolean;
         displayPrependIcon: boolean;
+        autoClamp: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         inputRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -171,7 +183,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;
@@ -189,7 +201,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;
@@ -244,11 +256,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;
@@ -287,13 +300,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;
@@ -302,14 +316,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>;
@@ -367,12 +382,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;
@@ -388,7 +403,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;
@@ -412,17 +427,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;
                     };
@@ -453,7 +468,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;
@@ -478,14 +493,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;
                     }, {
@@ -496,9 +511,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;
@@ -550,7 +565,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;
@@ -566,7 +581,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;
@@ -591,17 +606,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[]>;
@@ -610,15 +625,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;
@@ -634,9 +650,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;
@@ -657,14 +674,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;
                     };
@@ -704,9 +721,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;
@@ -728,13 +746,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;
                     }, {
@@ -743,12 +761,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;
@@ -808,9 +827,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;
@@ -826,9 +846,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;
@@ -850,22 +871,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
+                    iconColor?: string | boolean | undefined;
                     appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
                     'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                     'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                     centerAffix?: boolean | undefined;
-                    iconColor?: string | boolean | undefined;
                 } & {
                     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-                }, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
+                }, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
                     controlRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     fieldIconColor: import('vue').ComputedRef<string | undefined>;
                 }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                     modelValue?: unknown;
                     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "modelValue" | "prependInnerIcon" | "appendInnerIcon" | "color" | "label" | "baseColor" | "bgColor" | "centerAffix" | "disabled" | "id" | "loading" | "rounded" | "theme" | "onUpdate:modelValue" | "style" | "focused" | "glow" | "class" | "onUpdate:focused" | "iconColor" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
+                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "rounded" | "tile" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
                     _allExposed: {} | {
                         reset: () => Promise<void>;
                         resetValidation: () => Promise<void>;
@@ -884,11 +905,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;
@@ -961,11 +983,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;
@@ -1004,13 +1027,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;
@@ -1019,14 +1043,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>;
@@ -1084,12 +1109,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;
@@ -1105,7 +1130,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;
@@ -1129,17 +1154,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;
                     };
@@ -1170,7 +1195,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;
@@ -1195,14 +1220,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;
                     }, {
@@ -1213,9 +1238,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;
@@ -1267,7 +1292,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;
@@ -1283,7 +1308,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;
@@ -1308,17 +1333,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[]>;
@@ -1327,15 +1352,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;
@@ -1351,9 +1377,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;
@@ -1374,14 +1401,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;
                     };
@@ -1421,9 +1448,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;
@@ -1445,13 +1473,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;
                     }, {
@@ -1460,12 +1488,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;
@@ -1525,9 +1554,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;
@@ -1543,9 +1573,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;
@@ -1567,22 +1598,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     rounded?: string | number | boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
+                    iconColor?: string | boolean | undefined;
                     appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                     'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
                     'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                     'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                     centerAffix?: boolean | undefined;
-                    iconColor?: string | boolean | undefined;
                 } & {
                     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-                }, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
+                }, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
                     controlRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     fieldIconColor: import('vue').ComputedRef<string | undefined>;
                 }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                     modelValue?: unknown;
                     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "modelValue" | "prependInnerIcon" | "appendInnerIcon" | "color" | "label" | "baseColor" | "bgColor" | "centerAffix" | "disabled" | "id" | "loading" | "rounded" | "theme" | "onUpdate:modelValue" | "style" | "focused" | "glow" | "class" | "onUpdate:focused" | "iconColor" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
+                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "rounded" | "tile" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
                     _allExposed: {} | {
                         reset: () => Promise<void>;
                         resetValidation: () => Promise<void>;
@@ -1596,17 +1627,18 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 }, {}, {}, {}, {
                     flat: boolean;
                     reverse: boolean;
-                    variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                    variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                     type: string;
                     error: boolean;
                     active: boolean;
-                    direction: "horizontal" | "vertical";
+                    direction: "vertical" | "horizontal";
+                    details: boolean;
                     style: import('vue').StyleValue;
                     autofocus: boolean;
                     disabled: boolean;
                     readonly: boolean | null;
                     messages: string | readonly string[];
-                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>) | [string, any, (string | undefined)?])[];
                     focused: boolean;
                     errorMessages: string | readonly string[] | null;
                     maxErrors: string | number;
@@ -1642,7 +1674,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;
@@ -1660,7 +1692,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;
@@ -1726,60 +1758,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[];
@@ -1811,60 +1843,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[];
@@ -1883,7 +1915,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;
@@ -1901,7 +1933,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;
@@ -1947,7 +1979,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             onClear?: ((...args: any[]) => any) | undefined;
             "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
             "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
+        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "placeholder" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
             validation: {
                 errors: import('vue').Ref<string[], string[]>;
                 warnings: import('vue').Ref<string[], string[]>;
@@ -1997,6 +2029,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         showSuccessMessages?: boolean | undefined;
         bgColor?: string | undefined;
         displayRange?: boolean | undefined;
+        autoClamp?: boolean | undefined;
     }> & Readonly<{
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
@@ -2008,13 +2041,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[];
@@ -2027,6 +2060,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayIcon: boolean;
         displayAppendIcon: boolean;
         displayPrependIcon: boolean;
+        autoClamp: boolean;
     }> | null;
     dateCalendarTextInputRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -2039,7 +2073,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;
@@ -2057,7 +2091,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;
@@ -2112,11 +2146,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;
@@ -2155,13 +2190,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;
@@ -2170,14 +2206,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>;
@@ -2235,12 +2272,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;
@@ -2256,7 +2293,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;
@@ -2280,17 +2317,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;
                 };
@@ -2321,7 +2358,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;
@@ -2346,14 +2383,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;
                 }, {
@@ -2364,9 +2401,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;
@@ -2418,7 +2455,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;
@@ -2434,7 +2471,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;
@@ -2459,17 +2496,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[]>;
@@ -2478,15 +2515,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;
@@ -2502,9 +2540,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;
@@ -2525,14 +2564,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;
                 };
@@ -2572,9 +2611,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;
@@ -2596,13 +2636,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;
                 }, {
@@ -2611,12 +2651,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;
@@ -2676,9 +2717,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;
@@ -2694,9 +2736,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;
@@ -2718,22 +2761,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 rounded?: string | number | boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
+                iconColor?: string | boolean | undefined;
                 appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                 prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
                 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 centerAffix?: boolean | undefined;
-                iconColor?: string | boolean | undefined;
             } & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
+            }, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
                 controlRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 fieldIconColor: import('vue').ComputedRef<string | undefined>;
             }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "modelValue" | "prependInnerIcon" | "appendInnerIcon" | "color" | "label" | "baseColor" | "bgColor" | "centerAffix" | "disabled" | "id" | "loading" | "rounded" | "theme" | "onUpdate:modelValue" | "style" | "focused" | "glow" | "class" | "onUpdate:focused" | "iconColor" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
+            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "rounded" | "tile" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
                 _allExposed: {} | {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -2752,11 +2795,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;
@@ -2829,11 +2873,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;
@@ -2872,13 +2917,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;
@@ -2887,14 +2933,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>;
@@ -2952,12 +2999,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;
@@ -2973,7 +3020,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;
@@ -2997,17 +3044,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;
                 };
@@ -3038,7 +3085,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;
@@ -3063,14 +3110,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;
                 }, {
@@ -3081,9 +3128,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;
@@ -3135,7 +3182,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;
@@ -3151,7 +3198,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;
@@ -3176,17 +3223,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[]>;
@@ -3195,15 +3242,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;
@@ -3219,9 +3267,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;
@@ -3242,14 +3291,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;
                 };
@@ -3289,9 +3338,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;
@@ -3313,13 +3363,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;
                 }, {
@@ -3328,12 +3378,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;
@@ -3393,9 +3444,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;
@@ -3411,9 +3463,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;
@@ -3435,22 +3488,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 rounded?: string | number | boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
+                iconColor?: string | boolean | undefined;
                 appendInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                 prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
                 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 centerAffix?: boolean | undefined;
-                iconColor?: string | boolean | undefined;
             } & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "error" | "reverse" | "flat" | "centerAffix" | "disabled" | "rounded" | "style" | "focused" | "glow" | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
+            }, "error" | "reverse" | "flat" | "details" | "style" | "disabled" | "variant" | "rounded" | "tile" | "active" | "centerAffix" | "focused" | "glow" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "fieldIconColor"> & import('vue').ShallowUnwrapRef<{
                 controlRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 fieldIconColor: import('vue').ComputedRef<string | undefined>;
             }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "modelValue" | "prependInnerIcon" | "appendInnerIcon" | "color" | "label" | "baseColor" | "bgColor" | "centerAffix" | "disabled" | "id" | "loading" | "rounded" | "theme" | "onUpdate:modelValue" | "style" | "focused" | "glow" | "class" | "onUpdate:focused" | "iconColor" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "active" | "tile" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
+            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "error" | "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "variant" | "rounded" | "tile" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, `$${any}`> & {
                 _allExposed: {} | {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -3464,17 +3517,18 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             }, {}, {}, {}, {
                 flat: boolean;
                 reverse: boolean;
-                variant: "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined" | "plain";
+                variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
                 type: string;
                 error: boolean;
                 active: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
+                details: boolean;
                 style: import('vue').StyleValue;
                 autofocus: boolean;
                 disabled: boolean;
                 readonly: boolean | null;
                 messages: string | readonly string[];
-                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>) | [string, any, (string | undefined)?])[];
                 focused: boolean;
                 errorMessages: string | readonly string[] | null;
                 maxErrors: string | number;
@@ -3510,7 +3564,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;
@@ -3528,7 +3582,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;
@@ -3594,60 +3648,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[];
@@ -3679,60 +3733,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[];
@@ -3751,7 +3805,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;
@@ -3769,7 +3823,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;
@@ -3815,7 +3869,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         onClear?: ((...args: any[]) => any) | undefined;
         "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
         "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
+    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "placeholder" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
         validation: {
             errors: import('vue').Ref<string[], string[]>;
             warnings: import('vue').Ref<string[], string[]>;
@@ -3898,7 +3952,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;
@@ -3911,12 +3965,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;
         };
@@ -3924,15 +3979,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;
@@ -3979,7 +4075,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;
@@ -3992,6 +4088,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;
         } & {
@@ -4003,7 +4100,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;
@@ -4028,15 +4125,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;
@@ -4121,7 +4259,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;
@@ -4134,13 +4272,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         headerColor?: string | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        weekdayFormat?: "long" | "short" | "narrow" | undefined;
         allowedMonths?: number[] | ((date: number) => boolean) | undefined;
         allowedYears?: number[] | ((date: number) => boolean) | undefined;
     } & {
         "onUpdate:month"?: ((date: any) => any) | undefined;
         "onUpdate:year"?: ((date: any) => any) | undefined;
         "onUpdate:viewMode"?: ((date: any) => any) | undefined;
-    }, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+    }, "header" | "style" | "title" | "tag" | "disabled" | "transition" | "rounded" | "tile" | "active" | "nextIcon" | "prevIcon" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "modeIcon" | "viewMode"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
         modelValue?: Date | Date[] | null | undefined;
         "onUpdate:modelValue"?: ((value: Date | Date[] | null) => void) | undefined;
         multiple?: false | "range" | undefined;