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

@cnamts/synapse 1.0.2 → 1.0.3

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

Files changed (706) hide show

package/dist/components/DatePicker/DateTextInput/DateTextInput.d.ts CHANGED Viewed

@@ -40,13 +40,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     "onUpdate:model-value"?: ((value: DateValue) => any) | undefined;
     "onDate-selected"?: ((value: DateValue) => any) | undefined;
 }>, {
-    required: boolean;
-    modelValue: DateValue;
     label: string;
+    disabled: boolean;
     readonly: boolean;
+    modelValue: DateValue;
     bgColor: string;
-    disabled: boolean;
     placeholder: string;
+    required: boolean;
     noIcon: boolean;
     customRules: ValidationRule[];
     customWarningRules: ValidationRule[];
@@ -72,7 +72,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;
@@ -90,7 +90,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;
@@ -145,11 +145,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;
@@ -188,13 +189,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;
@@ -203,14 +205,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>;
@@ -268,12 +271,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;
@@ -289,7 +292,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;
@@ -313,17 +316,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;
                 };
@@ -354,7 +357,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;
@@ -379,14 +382,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;
                 }, {
@@ -397,9 +400,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;
@@ -451,7 +454,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;
@@ -467,7 +470,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 persistentHint: boolean;
             }> & Omit<{
                 error: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
                 style: import('vue').StyleValue;
                 disabled: boolean | null;
                 readonly: boolean | null;
@@ -492,17 +495,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 class?: any;
                 theme?: string | undefined;
                 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
+                validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                 validationValue?: any;
                 baseColor?: string | undefined;
                 prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                 appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                iconColor?: string | boolean | undefined;
                 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
                 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                iconColor?: string | boolean | undefined;
                 hint?: string | undefined;
                 hideDetails?: boolean | "auto" | undefined;
-            }, "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[]>;
@@ -511,15 +514,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;
@@ -535,9 +539,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;
@@ -558,14 +563,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;
                 };
@@ -605,9 +610,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;
@@ -629,13 +635,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;
                 }, {
@@ -644,12 +650,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;
@@ -709,9 +716,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;
@@ -727,9 +735,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;
@@ -751,22 +760,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>;
@@ -785,11 +794,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;
@@ -862,11 +872,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;
@@ -905,13 +916,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;
@@ -920,14 +932,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>;
@@ -985,12 +998,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;
@@ -1006,7 +1019,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;
@@ -1030,17 +1043,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;
                 };
@@ -1071,7 +1084,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;
@@ -1096,14 +1109,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;
                 }, {
@@ -1114,9 +1127,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;
@@ -1168,7 +1181,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;
@@ -1184,7 +1197,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 persistentHint: boolean;
             }> & Omit<{
                 error: boolean;
-                direction: "horizontal" | "vertical";
+                direction: "vertical" | "horizontal";
                 style: import('vue').StyleValue;
                 disabled: boolean | null;
                 readonly: boolean | null;
@@ -1209,17 +1222,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 class?: any;
                 theme?: string | undefined;
                 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                validateOn?: "lazy" | "blur" | "input" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | "eager" | undefined;
+                validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                 validationValue?: any;
                 baseColor?: string | undefined;
                 prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                 appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                iconColor?: string | boolean | undefined;
                 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
                 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                iconColor?: string | boolean | undefined;
                 hint?: string | undefined;
                 hideDetails?: boolean | "auto" | undefined;
-            }, "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[]>;
@@ -1228,15 +1241,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;
@@ -1252,9 +1266,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;
@@ -1275,14 +1290,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;
                 };
@@ -1322,9 +1337,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;
@@ -1346,13 +1362,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;
                 }, {
@@ -1361,12 +1377,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;
@@ -1426,9 +1443,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;
@@ -1444,9 +1462,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;
@@ -1468,22 +1487,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>;
@@ -1497,11 +1516,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;
@@ -1543,7 +1563,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;
@@ -1561,7 +1581,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;
@@ -1627,60 +1647,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             "prepend-icon-click": (...args: any[]) => void;
             "append-icon-click": (...args: any[]) => void;
         }, string, {
+            type: string;
+            label: string;
+            width: string | number;
+            role: string;
+            color: import('../../Customs/SyTextField/types').ColorType;
+            theme: string;
+            disabled: boolean;
+            rounded: string | number | boolean;
+            loading: string | boolean;
+            maxWidth: string | number;
+            minWidth: string | number;
+            density: "default" | "comfortable" | "compact";
+            baseColor: string;
+            prependIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            appendIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            readonly: boolean;
+            id: string;
+            name: string;
             modelValue: string | number | null;
-            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            bgColor: string;
+            isActive: boolean;
+            placeholder: string;
+            direction: "vertical" | "horizontal";
+            prependInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+            appendInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
             prependTooltip: string;
             appendTooltip: string;
-            tooltipLocation: "top" | "bottom" | "start" | "end";
+            tooltipLocation: "start" | "end" | "top" | "bottom";
             variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
-            color: import('../../Customs/SyTextField/types').ColorType;
             isClearable: boolean;
-            label: string;
             errorMessages: string[] | null;
             warningMessages: string[] | null;
             successMessages: string[] | null;
-            readonly: boolean;
-            isActive: boolean;
-            baseColor: string;
-            bgColor: string;
             centerAffix: boolean;
             counter: string | number | boolean;
             counterValue: number | ((value: any) => number);
-            density: "default" | "comfortable" | "compact";
-            direction: "horizontal" | "vertical";
             isDirty: boolean;
-            disabled: boolean;
             isOnError: boolean;
             isFlat: boolean;
             isFocused: boolean;
             areDetailsHidden: boolean | "auto";
             areSpinButtonsHidden: boolean;
             hint: string;
-            id: string;
-            loading: string | boolean;
             maxErrors: string | number;
-            maxWidth: string | number;
             messages: string | string[];
-            minWidth: string | number;
-            name: string;
             displayPersistentClear: boolean;
             displayPersistentCounter: boolean;
             displayPersistentHint: boolean;
             displayPersistentPlaceholder: boolean;
-            placeholder: string;
             prefix: string;
             isReversed: boolean;
-            role: string;
-            rounded: string | number | boolean;
             isOnSingleLine: boolean;
             suffix: string;
-            theme: string;
             isTiled: boolean;
-            type: string;
-            width: string | number;
             displayAsterisk: boolean;
             noIcon: boolean;
             customRules: ValidationRule[];
@@ -1712,60 +1732,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $nextTick: typeof nextTick;
         $watch<T_4 extends string | ((...args: any) => any)>(source: T_4, cb: T_4 extends (...args: any) => infer R_4 ? (args_0: R_4, args_1: R_4, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
     } & Readonly<{
+        type: string;
+        label: string;
+        width: string | number;
+        role: string;
+        color: import('../../Customs/SyTextField/types').ColorType;
+        theme: string;
+        disabled: boolean;
+        rounded: string | number | boolean;
+        loading: string | boolean;
+        maxWidth: string | number;
+        minWidth: string | number;
+        density: "default" | "comfortable" | "compact";
+        baseColor: string;
+        prependIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+        appendIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+        readonly: boolean;
+        id: string;
+        name: string;
         modelValue: string | number | null;
-        prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-        appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-        prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-        appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+        bgColor: string;
+        isActive: boolean;
+        placeholder: string;
+        direction: "vertical" | "horizontal";
+        prependInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
+        appendInnerIcon: "close" | "error" | "success" | "warning" | "info" | "calendar";
         prependTooltip: string;
         appendTooltip: string;
-        tooltipLocation: "top" | "bottom" | "start" | "end";
+        tooltipLocation: "start" | "end" | "top" | "bottom";
         variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
-        color: import('../../Customs/SyTextField/types').ColorType;
         isClearable: boolean;
-        label: string;
         errorMessages: string[] | null;
         warningMessages: string[] | null;
         successMessages: string[] | null;
-        readonly: boolean;
-        isActive: boolean;
-        baseColor: string;
-        bgColor: string;
         centerAffix: boolean;
         counter: string | number | boolean;
         counterValue: number | ((value: any) => number);
-        density: "default" | "comfortable" | "compact";
-        direction: "horizontal" | "vertical";
         isDirty: boolean;
-        disabled: boolean;
         isOnError: boolean;
         isFlat: boolean;
         isFocused: boolean;
         areDetailsHidden: boolean | "auto";
         areSpinButtonsHidden: boolean;
         hint: string;
-        id: string;
-        loading: string | boolean;
         maxErrors: string | number;
-        maxWidth: string | number;
         messages: string | string[];
-        minWidth: string | number;
-        name: string;
         displayPersistentClear: boolean;
         displayPersistentCounter: boolean;
         displayPersistentHint: boolean;
         displayPersistentPlaceholder: boolean;
-        placeholder: string;
         prefix: string;
         isReversed: boolean;
-        role: string;
-        rounded: string | number | boolean;
         isOnSingleLine: boolean;
         suffix: string;
-        theme: string;
         isTiled: boolean;
-        type: string;
-        width: string | number;
         displayAsterisk: boolean;
         noIcon: boolean;
         customRules: ValidationRule[];
@@ -1784,7 +1804,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;
@@ -1802,7 +1822,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;
@@ -1848,7 +1868,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[]>;