@cnamts/synapse 1.0.26 → 1.1.0

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

@@ -1,5 +1,4 @@
 import { nextTick, ComponentPublicInstance, Ref } from 'vue';
-import { ValidationResult, ValidationRule } from '../../../composables/validation/useValidation';
 import { DateModelValue, DateInput } from '../../../composables/date/useDateInitializationDayjs';
 type __VLS_Props = {
     autoClamp?: boolean;
@@ -90,10 +89,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     required: boolean;
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
-    hint: string;
-    displayAsterisk: boolean;
-    noIcon: boolean;
-    isValidateOnBlur: boolean;
     customRules: {
         type: string;
         options: any;
@@ -102,8 +97,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         type: string;
         options: any;
     }[];
-    persistentHint: boolean;
+    hint: string;
+    displayAsterisk: boolean;
+    noIcon: boolean;
     hideDetails: boolean | "auto";
+    isValidateOnBlur: boolean;
+    persistentHint: boolean;
     format: string;
     autoClamp: boolean;
     noCalendar: boolean;
@@ -129,8 +128,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         autoClamp?: boolean;
         bgColor?: string;
-        customRules?: ValidationRule[];
-        customWarningRules?: ValidationRule[];
+        customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
         dateFormatReturn?: string;
         density?: "default" | "comfortable" | "compact";
         disableErrorHandling?: boolean;
@@ -153,6 +152,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required?: boolean;
         showSuccessMessages?: boolean;
         title?: string | false;
+        skipInternalValidation?: boolean;
     }> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onBlur?: (() => any) | undefined;
@@ -181,11 +181,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
+        customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
         hint: string;
         noIcon: boolean;
         isValidateOnBlur: boolean;
-        customRules: ValidationRule[];
-        customWarningRules: ValidationRule[];
         persistentHint: boolean;
         format: string;
         autoClamp: boolean;
@@ -196,21 +196,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayPrependIcon: boolean;
         externalErrorMessages: string[];
         isOutlined: boolean;
+        skipInternalValidation: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         inputRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
                 readonly modelValue?: string | number | null | undefined | undefined;
-                readonly prependIcon?: import('../../../types/vuetifyTypes').IconType;
-                readonly appendIcon?: import('../../../types/vuetifyTypes').IconType;
-                readonly prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                readonly appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
+                readonly prependIcon?: import('../../Customs/SyTextField/types').IconType;
+                readonly appendIcon?: import('../../Customs/SyTextField/types').IconType;
+                readonly prependInnerIcon?: import('../../Customs/SyTextField/types').IconType;
+                readonly appendInnerIcon?: import('../../Customs/SyTextField/types').IconType;
                 readonly prependTooltip?: string | undefined;
                 readonly appendTooltip?: string | undefined;
                 readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
-                readonly variantStyle?: import('../../../types/vuetifyTypes').VariantStyle | undefined;
-                readonly color?: import('../../../types/vuetifyTypes').ColorType | undefined;
+                readonly variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
+                readonly color?: import('../../Customs/SyTextField/types').ColorType | undefined;
                 readonly isClearable?: boolean | undefined;
                 readonly showDivider?: boolean | undefined;
                 readonly label?: string | undefined;
@@ -227,7 +228,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly disabled?: boolean | undefined;
                 readonly isFlat?: boolean | undefined;
                 readonly isFocused?: boolean | undefined;
-                readonly areDetailsHidden?: boolean | "auto" | undefined;
                 readonly areSpinButtonsHidden?: boolean | undefined;
                 readonly hint?: string | undefined;
                 readonly id?: string | undefined;
@@ -258,22 +258,24 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly helpText?: string | undefined;
                 readonly maxlength?: string | number | undefined;
                 readonly title?: string | false | undefined;
-                readonly required?: boolean | undefined;
-                readonly isValidateOnBlur?: boolean | undefined;
-                readonly showSuccessMessages?: boolean | undefined;
+                readonly hideDetails?: boolean | "auto" | undefined;
+                readonly locales?: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
+                readonly customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
                 readonly disableErrorHandling?: boolean | undefined;
-                readonly useVuetifyValidation?: boolean | undefined;
-                readonly rules?: import('vuetify').ValidationRule[] | undefined;
-                readonly customRules?: ValidationRule[] | undefined;
-                readonly customWarningRules?: ValidationRule[] | undefined;
-                readonly customSuccessRules?: ValidationRule[] | undefined;
                 readonly errorMessages?: string[] | null | undefined;
-                readonly warningMessages?: string[] | null | undefined;
-                readonly successMessages?: string[] | null | undefined;
                 readonly hasError?: boolean | undefined;
-                readonly hasWarning?: boolean | undefined;
                 readonly hasSuccess?: boolean | undefined;
+                readonly hasWarning?: boolean | undefined;
+                readonly isValidateOnBlur?: boolean | undefined;
                 readonly maxErrors?: number | undefined;
+                readonly required?: boolean | undefined;
+                readonly rules?: import('vuetify').ValidationRule[] | undefined;
+                readonly showSuccessMessages?: boolean | undefined;
+                readonly successMessages?: string[] | null | undefined;
+                readonly useVuetifyValidation?: boolean | undefined;
+                readonly warningMessages?: string[] | null | undefined;
                 readonly onInput?: ((...args: any[]) => any) | undefined;
                 readonly onBlur?: ((...args: any[]) => any) | undefined;
                 readonly onFocus?: ((...args: any[]) => any) | undefined;
@@ -666,7 +668,7 @@ 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>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: Partial<{
@@ -1403,7 +1405,7 @@ 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>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: Partial<{
@@ -1718,65 +1720,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             $host: Element | null;
             $emit: ((event: "input", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<{
-                modelValue?: string | number | null | undefined;
-                prependIcon?: import('../../../types/vuetifyTypes').IconType;
-                appendIcon?: import('../../../types/vuetifyTypes').IconType;
-                prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                prependTooltip?: string;
-                appendTooltip?: string;
-                tooltipLocation?: "top" | "bottom" | "start" | "end";
-                variantStyle?: import('../../../types/vuetifyTypes').VariantStyle;
-                color?: import('../../../types/vuetifyTypes').ColorType;
-                isClearable?: boolean;
-                showDivider?: boolean;
-                label?: string;
-                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;
-                isFlat?: boolean;
-                isFocused?: boolean;
-                areDetailsHidden?: boolean | "auto";
-                areSpinButtonsHidden?: boolean;
-                hint?: string;
-                id?: string;
-                loading?: string | boolean;
-                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;
-                disableClickButton?: boolean;
-                autocomplete?: string;
-                helpText?: string;
-                maxlength?: string | number;
-                title?: string | false;
-            } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onFocus?: ((...args: any[]) => any) | undefined;
@@ -1786,7 +1730,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                 "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
             }>, {
-                validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+                validateOnSubmit: () => Promise<boolean>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 input: (...args: any[]) => void;
                 blur: (...args: any[]) => void;
@@ -1802,10 +1746,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 title: string | false;
                 width: string | number;
                 role: string;
-                color: import('../../../types/vuetifyTypes').ColorType;
+                color: import('../../Customs/SyTextField/types').ColorType;
                 theme: string;
                 disabled: boolean;
                 placeholder: string;
+                locales: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales>;
                 density: "default" | "comfortable" | "compact";
                 rounded: string | number | boolean;
                 maxWidth: string | number;
@@ -1826,12 +1771,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 disableErrorHandling: boolean;
                 errorMessages: string[] | null;
                 maxErrors: number;
+                hasError: boolean;
+                hasWarning: boolean;
+                hasSuccess: boolean;
+                useVuetifyValidation: boolean;
+                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
                 prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 prependTooltip: string;
                 appendTooltip: string;
                 tooltipLocation: "top" | "bottom" | "start" | "end";
-                variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+                variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
                 isClearable: boolean;
                 centerAffix: boolean;
                 counter: string | number | boolean;
@@ -1840,7 +1792,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 isDirty: boolean;
                 isFlat: boolean;
                 isFocused: boolean;
-                areDetailsHidden: boolean | "auto";
                 areSpinButtonsHidden: boolean;
                 hint: string;
                 messages: string | string[];
@@ -1858,16 +1809,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
+                hideDetails: boolean | "auto";
                 isValidateOnBlur: boolean;
-                useVuetifyValidation: boolean;
-                customRules: ValidationRule[];
-                customWarningRules: ValidationRule[];
-                customSuccessRules: ValidationRule[];
-                warningMessages: string[] | null;
                 successMessages: string[] | null;
-                hasError: boolean;
-                hasWarning: boolean;
-                hasSuccess: boolean;
+                warningMessages: string[] | null;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -1894,10 +1839,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             title: string | false;
             width: string | number;
             role: string;
-            color: import('../../../types/vuetifyTypes').ColorType;
+            color: import('../../Customs/SyTextField/types').ColorType;
             theme: string;
             disabled: boolean;
             placeholder: string;
+            locales: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales>;
             density: "default" | "comfortable" | "compact";
             rounded: string | number | boolean;
             maxWidth: string | number;
@@ -1918,12 +1864,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling: boolean;
             errorMessages: string[] | null;
             maxErrors: number;
+            hasError: boolean;
+            hasWarning: boolean;
+            hasSuccess: boolean;
+            useVuetifyValidation: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
             prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             prependTooltip: string;
             appendTooltip: string;
             tooltipLocation: "top" | "bottom" | "start" | "end";
-            variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+            variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
             isClearable: boolean;
             centerAffix: boolean;
             counter: string | number | boolean;
@@ -1932,7 +1885,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isDirty: boolean;
             isFlat: boolean;
             isFocused: boolean;
-            areDetailsHidden: boolean | "auto";
             areSpinButtonsHidden: boolean;
             hint: string;
             messages: string | string[];
@@ -1950,75 +1902,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
+            hideDetails: boolean | "auto";
             isValidateOnBlur: boolean;
-            useVuetifyValidation: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            customSuccessRules: ValidationRule[];
-            warningMessages: string[] | null;
             successMessages: string[] | null;
-            hasError: boolean;
-            hasWarning: boolean;
-            hasSuccess: boolean;
-        }> & Omit<Readonly<{
-            modelValue?: string | number | null | undefined;
-            prependIcon?: import('../../../types/vuetifyTypes').IconType;
-            appendIcon?: import('../../../types/vuetifyTypes').IconType;
-            prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-            appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-            prependTooltip?: string;
-            appendTooltip?: string;
-            tooltipLocation?: "top" | "bottom" | "start" | "end";
-            variantStyle?: import('../../../types/vuetifyTypes').VariantStyle;
-            color?: import('../../../types/vuetifyTypes').ColorType;
-            isClearable?: boolean;
-            showDivider?: boolean;
-            label?: string;
-            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;
-            isFlat?: boolean;
-            isFocused?: boolean;
-            areDetailsHidden?: boolean | "auto";
-            areSpinButtonsHidden?: boolean;
-            hint?: string;
-            id?: string;
-            loading?: string | boolean;
-            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;
-            disableClickButton?: boolean;
-            autocomplete?: string;
-            helpText?: string;
-            maxlength?: string | number;
-            title?: string | false;
-        } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
+            warningMessages: string[] | null;
+        }> & Omit<Readonly<import('../../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
@@ -2027,8 +1915,8 @@ 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;
-        }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "isValidateOnBlur" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "warningMessages" | "successMessages" | "hasError" | "hasWarning" | "hasSuccess")> & {
-            validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+        }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "locales" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "hasError" | "hasWarning" | "hasSuccess" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "hideDetails" | "isValidateOnBlur" | "successMessages" | "warningMessages")> & {
+            validateOnSubmit: () => Promise<boolean>;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 prepend?(_: {}): any;
@@ -2049,8 +1937,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     }, Readonly<{
         autoClamp?: boolean;
         bgColor?: string;
-        customRules?: ValidationRule[];
-        customWarningRules?: ValidationRule[];
+        customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
         dateFormatReturn?: string;
         density?: "default" | "comfortable" | "compact";
         disableErrorHandling?: boolean;
@@ -2073,6 +1961,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required?: boolean;
         showSuccessMessages?: boolean;
         title?: string | false;
+        skipInternalValidation?: boolean;
     }> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onBlur?: (() => any) | undefined;
@@ -2095,11 +1984,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
+        customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
         hint: string;
         noIcon: boolean;
         isValidateOnBlur: boolean;
-        customRules: ValidationRule[];
-        customWarningRules: ValidationRule[];
         persistentHint: boolean;
         format: string;
         autoClamp: boolean;
@@ -2110,6 +1999,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayPrependIcon: boolean;
         externalErrorMessages: string[];
         isOutlined: boolean;
+        skipInternalValidation: boolean;
     }> | null;
     complexDatePickerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         autoClamp?: boolean;
@@ -2179,9 +2069,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         currentMonth: Ref<string | null, string | null>;
         currentMonthName: Ref<string | null, string | null>;
         toggleDatePicker: () => void;
-        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => ValidationResult | Promise<ValidationResult>;
+        validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => Promise<import('../../../composables/validation/useValidation').ValidationResult> | import('../../../composables/validation/useValidation').ValidationResult;
         clearValidation: () => void;
-        validateDates: (forceValidation?: boolean) => ValidationResult | Promise<ValidationResult>;
+        validateDates: (forceValidation?: boolean) => import('../../../composables/validation/useValidation').ValidationResult | Promise<import('../../../composables/validation/useValidation').ValidationResult | undefined>;
         formatDateInput: (input: string, cursorPosition?: number) => {
             formatted: string;
             cursorPos: number;
@@ -2215,10 +2105,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
-        hint: string;
-        displayAsterisk: boolean;
-        noIcon: boolean;
-        isValidateOnBlur: boolean;
         customRules: {
             type: string;
             options: any;
@@ -2227,6 +2113,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             type: string;
             options: any;
         }[];
+        hint: string;
+        displayAsterisk: boolean;
+        noIcon: boolean;
+        isValidateOnBlur: boolean;
         persistentHint: boolean;
         format: string;
         autoClamp: boolean;
@@ -2253,8 +2143,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             autoClamp?: boolean;
             bgColor?: string;
-            customRules?: ValidationRule[];
-            customWarningRules?: ValidationRule[];
+            customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
             dateFormatReturn?: string;
             density?: "default" | "comfortable" | "compact";
             disableErrorHandling?: boolean;
@@ -2277,6 +2167,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required?: boolean;
             showSuccessMessages?: boolean;
             title?: string | false;
+            skipInternalValidation?: boolean;
         }> & Readonly<{
             onInput?: ((value: string) => any) | undefined;
             onBlur?: (() => any) | undefined;
@@ -2305,11 +2196,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
             hint: string;
             noIcon: boolean;
             isValidateOnBlur: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
             persistentHint: boolean;
             format: string;
             autoClamp: boolean;
@@ -2320,21 +2211,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             displayPrependIcon: boolean;
             externalErrorMessages: string[];
             isOutlined: boolean;
+            skipInternalValidation: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             inputRef: ({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
                     readonly modelValue?: string | number | null | undefined | undefined;
-                    readonly prependIcon?: import('../../../types/vuetifyTypes').IconType;
-                    readonly appendIcon?: import('../../../types/vuetifyTypes').IconType;
-                    readonly prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                    readonly appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
+                    readonly prependIcon?: import('../../Customs/SyTextField/types').IconType;
+                    readonly appendIcon?: import('../../Customs/SyTextField/types').IconType;
+                    readonly prependInnerIcon?: import('../../Customs/SyTextField/types').IconType;
+                    readonly appendInnerIcon?: import('../../Customs/SyTextField/types').IconType;
                     readonly prependTooltip?: string | undefined;
                     readonly appendTooltip?: string | undefined;
                     readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
-                    readonly variantStyle?: import('../../../types/vuetifyTypes').VariantStyle | undefined;
-                    readonly color?: import('../../../types/vuetifyTypes').ColorType | undefined;
+                    readonly variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
+                    readonly color?: import('../../Customs/SyTextField/types').ColorType | undefined;
                     readonly isClearable?: boolean | undefined;
                     readonly showDivider?: boolean | undefined;
                     readonly label?: string | undefined;
@@ -2351,7 +2243,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly disabled?: boolean | undefined;
                     readonly isFlat?: boolean | undefined;
                     readonly isFocused?: boolean | undefined;
-                    readonly areDetailsHidden?: boolean | "auto" | undefined;
                     readonly areSpinButtonsHidden?: boolean | undefined;
                     readonly hint?: string | undefined;
                     readonly id?: string | undefined;
@@ -2382,22 +2273,24 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly helpText?: string | undefined;
                     readonly maxlength?: string | number | undefined;
                     readonly title?: string | false | undefined;
-                    readonly required?: boolean | undefined;
-                    readonly isValidateOnBlur?: boolean | undefined;
-                    readonly showSuccessMessages?: boolean | undefined;
+                    readonly hideDetails?: boolean | "auto" | undefined;
+                    readonly locales?: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
+                    readonly customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
                     readonly disableErrorHandling?: boolean | undefined;
-                    readonly useVuetifyValidation?: boolean | undefined;
-                    readonly rules?: import('vuetify').ValidationRule[] | undefined;
-                    readonly customRules?: ValidationRule[] | undefined;
-                    readonly customWarningRules?: ValidationRule[] | undefined;
-                    readonly customSuccessRules?: ValidationRule[] | undefined;
                     readonly errorMessages?: string[] | null | undefined;
-                    readonly warningMessages?: string[] | null | undefined;
-                    readonly successMessages?: string[] | null | undefined;
                     readonly hasError?: boolean | undefined;
-                    readonly hasWarning?: boolean | undefined;
                     readonly hasSuccess?: boolean | undefined;
+                    readonly hasWarning?: boolean | undefined;
+                    readonly isValidateOnBlur?: boolean | undefined;
                     readonly maxErrors?: number | undefined;
+                    readonly required?: boolean | undefined;
+                    readonly rules?: import('vuetify').ValidationRule[] | undefined;
+                    readonly showSuccessMessages?: boolean | undefined;
+                    readonly successMessages?: string[] | null | undefined;
+                    readonly useVuetifyValidation?: boolean | undefined;
+                    readonly warningMessages?: string[] | null | undefined;
                     readonly onInput?: ((...args: any[]) => any) | undefined;
                     readonly onBlur?: ((...args: any[]) => any) | undefined;
                     readonly onFocus?: ((...args: any[]) => any) | undefined;
@@ -2790,7 +2683,7 @@ 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>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+                    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                         $: import('vue').ComponentInternalInstance;
                         $data: {};
                         $props: Partial<{
@@ -3527,7 +3420,7 @@ 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>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+                    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                         $: import('vue').ComponentInternalInstance;
                         $data: {};
                         $props: Partial<{
@@ -3842,65 +3735,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $host: Element | null;
                 $emit: ((event: "input", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<{
-                    modelValue?: string | number | null | undefined;
-                    prependIcon?: import('../../../types/vuetifyTypes').IconType;
-                    appendIcon?: import('../../../types/vuetifyTypes').IconType;
-                    prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                    appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                    prependTooltip?: string;
-                    appendTooltip?: string;
-                    tooltipLocation?: "top" | "bottom" | "start" | "end";
-                    variantStyle?: import('../../../types/vuetifyTypes').VariantStyle;
-                    color?: import('../../../types/vuetifyTypes').ColorType;
-                    isClearable?: boolean;
-                    showDivider?: boolean;
-                    label?: string;
-                    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;
-                    isFlat?: boolean;
-                    isFocused?: boolean;
-                    areDetailsHidden?: boolean | "auto";
-                    areSpinButtonsHidden?: boolean;
-                    hint?: string;
-                    id?: string;
-                    loading?: string | boolean;
-                    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;
-                    disableClickButton?: boolean;
-                    autocomplete?: string;
-                    helpText?: string;
-                    maxlength?: string | number;
-                    title?: string | false;
-                } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
+                $options: import('vue').ComponentOptionsBase<Readonly<import('../../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                     onInput?: ((...args: any[]) => any) | undefined;
                     onBlur?: ((...args: any[]) => any) | undefined;
                     onFocus?: ((...args: any[]) => any) | undefined;
@@ -3910,7 +3745,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                     "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+                    validateOnSubmit: () => Promise<boolean>;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     input: (...args: any[]) => void;
                     blur: (...args: any[]) => void;
@@ -3926,10 +3761,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     title: string | false;
                     width: string | number;
                     role: string;
-                    color: import('../../../types/vuetifyTypes').ColorType;
+                    color: import('../../Customs/SyTextField/types').ColorType;
                     theme: string;
                     disabled: boolean;
                     placeholder: string;
+                    locales: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales>;
                     density: "default" | "comfortable" | "compact";
                     rounded: string | number | boolean;
                     maxWidth: string | number;
@@ -3950,12 +3786,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     disableErrorHandling: boolean;
                     errorMessages: string[] | null;
                     maxErrors: number;
+                    hasError: boolean;
+                    hasWarning: boolean;
+                    hasSuccess: boolean;
+                    useVuetifyValidation: boolean;
+                    customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                    customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                    customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
                     prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                     appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                     prependTooltip: string;
                     appendTooltip: string;
                     tooltipLocation: "top" | "bottom" | "start" | "end";
-                    variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+                    variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
                     isClearable: boolean;
                     centerAffix: boolean;
                     counter: string | number | boolean;
@@ -3964,7 +3807,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     isDirty: boolean;
                     isFlat: boolean;
                     isFocused: boolean;
-                    areDetailsHidden: boolean | "auto";
                     areSpinButtonsHidden: boolean;
                     hint: string;
                     messages: string | string[];
@@ -3982,16 +3824,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     autocomplete: string;
                     helpText: string;
                     maxlength: string | number;
+                    hideDetails: boolean | "auto";
                     isValidateOnBlur: boolean;
-                    useVuetifyValidation: boolean;
-                    customRules: ValidationRule[];
-                    customWarningRules: ValidationRule[];
-                    customSuccessRules: ValidationRule[];
-                    warningMessages: string[] | null;
                     successMessages: string[] | null;
-                    hasError: boolean;
-                    hasWarning: boolean;
-                    hasSuccess: boolean;
+                    warningMessages: string[] | null;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -4018,10 +3854,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 title: string | false;
                 width: string | number;
                 role: string;
-                color: import('../../../types/vuetifyTypes').ColorType;
+                color: import('../../Customs/SyTextField/types').ColorType;
                 theme: string;
                 disabled: boolean;
                 placeholder: string;
+                locales: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales>;
                 density: "default" | "comfortable" | "compact";
                 rounded: string | number | boolean;
                 maxWidth: string | number;
@@ -4042,12 +3879,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 disableErrorHandling: boolean;
                 errorMessages: string[] | null;
                 maxErrors: number;
+                hasError: boolean;
+                hasWarning: boolean;
+                hasSuccess: boolean;
+                useVuetifyValidation: boolean;
+                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
                 prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 prependTooltip: string;
                 appendTooltip: string;
                 tooltipLocation: "top" | "bottom" | "start" | "end";
-                variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+                variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
                 isClearable: boolean;
                 centerAffix: boolean;
                 counter: string | number | boolean;
@@ -4056,7 +3900,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 isDirty: boolean;
                 isFlat: boolean;
                 isFocused: boolean;
-                areDetailsHidden: boolean | "auto";
                 areSpinButtonsHidden: boolean;
                 hint: string;
                 messages: string | string[];
@@ -4074,75 +3917,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
+                hideDetails: boolean | "auto";
                 isValidateOnBlur: boolean;
-                useVuetifyValidation: boolean;
-                customRules: ValidationRule[];
-                customWarningRules: ValidationRule[];
-                customSuccessRules: ValidationRule[];
-                warningMessages: string[] | null;
                 successMessages: string[] | null;
-                hasError: boolean;
-                hasWarning: boolean;
-                hasSuccess: boolean;
-            }> & Omit<Readonly<{
-                modelValue?: string | number | null | undefined;
-                prependIcon?: import('../../../types/vuetifyTypes').IconType;
-                appendIcon?: import('../../../types/vuetifyTypes').IconType;
-                prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                prependTooltip?: string;
-                appendTooltip?: string;
-                tooltipLocation?: "top" | "bottom" | "start" | "end";
-                variantStyle?: import('../../../types/vuetifyTypes').VariantStyle;
-                color?: import('../../../types/vuetifyTypes').ColorType;
-                isClearable?: boolean;
-                showDivider?: boolean;
-                label?: string;
-                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;
-                isFlat?: boolean;
-                isFocused?: boolean;
-                areDetailsHidden?: boolean | "auto";
-                areSpinButtonsHidden?: boolean;
-                hint?: string;
-                id?: string;
-                loading?: string | boolean;
-                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;
-                disableClickButton?: boolean;
-                autocomplete?: string;
-                helpText?: string;
-                maxlength?: string | number;
-                title?: string | false;
-            } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
+                warningMessages: string[] | null;
+            }> & Omit<Readonly<import('../../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onFocus?: ((...args: any[]) => any) | undefined;
@@ -4151,8 +3930,8 @@ 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;
-            }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "isValidateOnBlur" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "warningMessages" | "successMessages" | "hasError" | "hasWarning" | "hasSuccess")> & {
-                validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+            }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "locales" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "hasError" | "hasWarning" | "hasSuccess" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "hideDetails" | "isValidateOnBlur" | "successMessages" | "warningMessages")> & {
+                validateOnSubmit: () => Promise<boolean>;
             } & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     prepend?(_: {}): any;
@@ -4173,8 +3952,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         }, Readonly<{
             autoClamp?: boolean;
             bgColor?: string;
-            customRules?: ValidationRule[];
-            customWarningRules?: ValidationRule[];
+            customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
             dateFormatReturn?: string;
             density?: "default" | "comfortable" | "compact";
             disableErrorHandling?: boolean;
@@ -4197,6 +3976,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required?: boolean;
             showSuccessMessages?: boolean;
             title?: string | false;
+            skipInternalValidation?: boolean;
         }> & Readonly<{
             onInput?: ((value: string) => any) | undefined;
             onBlur?: (() => any) | undefined;
@@ -4219,11 +3999,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
             hint: string;
             noIcon: boolean;
             isValidateOnBlur: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
             persistentHint: boolean;
             format: string;
             autoClamp: boolean;
@@ -4234,13 +4014,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             displayPrependIcon: boolean;
             externalErrorMessages: string[];
             isOutlined: boolean;
+            skipInternalValidation: boolean;
         }> | null;
         menuActivatorRef: HTMLDivElement;
         dateCalendarTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             autoClamp?: boolean;
             bgColor?: string;
-            customRules?: ValidationRule[];
-            customWarningRules?: ValidationRule[];
+            customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
             dateFormatReturn?: string;
             density?: "default" | "comfortable" | "compact";
             disableErrorHandling?: boolean;
@@ -4263,6 +4044,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required?: boolean;
             showSuccessMessages?: boolean;
             title?: string | false;
+            skipInternalValidation?: boolean;
         }> & Readonly<{
             onInput?: ((value: string) => any) | undefined;
             onBlur?: (() => any) | undefined;
@@ -4291,11 +4073,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
             hint: string;
             noIcon: boolean;
             isValidateOnBlur: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
             persistentHint: boolean;
             format: string;
             autoClamp: boolean;
@@ -4306,21 +4088,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             displayPrependIcon: boolean;
             externalErrorMessages: string[];
             isOutlined: boolean;
+            skipInternalValidation: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             inputRef: ({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
                     readonly modelValue?: string | number | null | undefined | undefined;
-                    readonly prependIcon?: import('../../../types/vuetifyTypes').IconType;
-                    readonly appendIcon?: import('../../../types/vuetifyTypes').IconType;
-                    readonly prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                    readonly appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
+                    readonly prependIcon?: import('../../Customs/SyTextField/types').IconType;
+                    readonly appendIcon?: import('../../Customs/SyTextField/types').IconType;
+                    readonly prependInnerIcon?: import('../../Customs/SyTextField/types').IconType;
+                    readonly appendInnerIcon?: import('../../Customs/SyTextField/types').IconType;
                     readonly prependTooltip?: string | undefined;
                     readonly appendTooltip?: string | undefined;
                     readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
-                    readonly variantStyle?: import('../../../types/vuetifyTypes').VariantStyle | undefined;
-                    readonly color?: import('../../../types/vuetifyTypes').ColorType | undefined;
+                    readonly variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
+                    readonly color?: import('../../Customs/SyTextField/types').ColorType | undefined;
                     readonly isClearable?: boolean | undefined;
                     readonly showDivider?: boolean | undefined;
                     readonly label?: string | undefined;
@@ -4337,7 +4120,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly disabled?: boolean | undefined;
                     readonly isFlat?: boolean | undefined;
                     readonly isFocused?: boolean | undefined;
-                    readonly areDetailsHidden?: boolean | "auto" | undefined;
                     readonly areSpinButtonsHidden?: boolean | undefined;
                     readonly hint?: string | undefined;
                     readonly id?: string | undefined;
@@ -4368,22 +4150,24 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly helpText?: string | undefined;
                     readonly maxlength?: string | number | undefined;
                     readonly title?: string | false | undefined;
-                    readonly required?: boolean | undefined;
-                    readonly isValidateOnBlur?: boolean | undefined;
-                    readonly showSuccessMessages?: boolean | undefined;
+                    readonly hideDetails?: boolean | "auto" | undefined;
+                    readonly locales?: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
+                    readonly customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
                     readonly disableErrorHandling?: boolean | undefined;
-                    readonly useVuetifyValidation?: boolean | undefined;
-                    readonly rules?: import('vuetify').ValidationRule[] | undefined;
-                    readonly customRules?: ValidationRule[] | undefined;
-                    readonly customWarningRules?: ValidationRule[] | undefined;
-                    readonly customSuccessRules?: ValidationRule[] | undefined;
                     readonly errorMessages?: string[] | null | undefined;
-                    readonly warningMessages?: string[] | null | undefined;
-                    readonly successMessages?: string[] | null | undefined;
                     readonly hasError?: boolean | undefined;
-                    readonly hasWarning?: boolean | undefined;
                     readonly hasSuccess?: boolean | undefined;
+                    readonly hasWarning?: boolean | undefined;
+                    readonly isValidateOnBlur?: boolean | undefined;
                     readonly maxErrors?: number | undefined;
+                    readonly required?: boolean | undefined;
+                    readonly rules?: import('vuetify').ValidationRule[] | undefined;
+                    readonly showSuccessMessages?: boolean | undefined;
+                    readonly successMessages?: string[] | null | undefined;
+                    readonly useVuetifyValidation?: boolean | undefined;
+                    readonly warningMessages?: string[] | null | undefined;
                     readonly onInput?: ((...args: any[]) => any) | undefined;
                     readonly onBlur?: ((...args: any[]) => any) | undefined;
                     readonly onFocus?: ((...args: any[]) => any) | undefined;
@@ -4776,7 +4560,7 @@ 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>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+                    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                         $: import('vue').ComponentInternalInstance;
                         $data: {};
                         $props: Partial<{
@@ -5513,7 +5297,7 @@ 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>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+                    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                         $: import('vue').ComponentInternalInstance;
                         $data: {};
                         $props: Partial<{
@@ -5828,65 +5612,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $host: Element | null;
                 $emit: ((event: "input", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<{
-                    modelValue?: string | number | null | undefined;
-                    prependIcon?: import('../../../types/vuetifyTypes').IconType;
-                    appendIcon?: import('../../../types/vuetifyTypes').IconType;
-                    prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                    appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                    prependTooltip?: string;
-                    appendTooltip?: string;
-                    tooltipLocation?: "top" | "bottom" | "start" | "end";
-                    variantStyle?: import('../../../types/vuetifyTypes').VariantStyle;
-                    color?: import('../../../types/vuetifyTypes').ColorType;
-                    isClearable?: boolean;
-                    showDivider?: boolean;
-                    label?: string;
-                    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;
-                    isFlat?: boolean;
-                    isFocused?: boolean;
-                    areDetailsHidden?: boolean | "auto";
-                    areSpinButtonsHidden?: boolean;
-                    hint?: string;
-                    id?: string;
-                    loading?: string | boolean;
-                    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;
-                    disableClickButton?: boolean;
-                    autocomplete?: string;
-                    helpText?: string;
-                    maxlength?: string | number;
-                    title?: string | false;
-                } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
+                $options: import('vue').ComponentOptionsBase<Readonly<import('../../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                     onInput?: ((...args: any[]) => any) | undefined;
                     onBlur?: ((...args: any[]) => any) | undefined;
                     onFocus?: ((...args: any[]) => any) | undefined;
@@ -5896,7 +5622,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                     "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+                    validateOnSubmit: () => Promise<boolean>;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     input: (...args: any[]) => void;
                     blur: (...args: any[]) => void;
@@ -5912,10 +5638,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     title: string | false;
                     width: string | number;
                     role: string;
-                    color: import('../../../types/vuetifyTypes').ColorType;
+                    color: import('../../Customs/SyTextField/types').ColorType;
                     theme: string;
                     disabled: boolean;
                     placeholder: string;
+                    locales: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales>;
                     density: "default" | "comfortable" | "compact";
                     rounded: string | number | boolean;
                     maxWidth: string | number;
@@ -5936,12 +5663,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     disableErrorHandling: boolean;
                     errorMessages: string[] | null;
                     maxErrors: number;
+                    hasError: boolean;
+                    hasWarning: boolean;
+                    hasSuccess: boolean;
+                    useVuetifyValidation: boolean;
+                    customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                    customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                    customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
                     prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                     appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                     prependTooltip: string;
                     appendTooltip: string;
                     tooltipLocation: "top" | "bottom" | "start" | "end";
-                    variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+                    variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
                     isClearable: boolean;
                     centerAffix: boolean;
                     counter: string | number | boolean;
@@ -5950,7 +5684,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     isDirty: boolean;
                     isFlat: boolean;
                     isFocused: boolean;
-                    areDetailsHidden: boolean | "auto";
                     areSpinButtonsHidden: boolean;
                     hint: string;
                     messages: string | string[];
@@ -5968,16 +5701,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     autocomplete: string;
                     helpText: string;
                     maxlength: string | number;
+                    hideDetails: boolean | "auto";
                     isValidateOnBlur: boolean;
-                    useVuetifyValidation: boolean;
-                    customRules: ValidationRule[];
-                    customWarningRules: ValidationRule[];
-                    customSuccessRules: ValidationRule[];
-                    warningMessages: string[] | null;
                     successMessages: string[] | null;
-                    hasError: boolean;
-                    hasWarning: boolean;
-                    hasSuccess: boolean;
+                    warningMessages: string[] | null;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -6004,10 +5731,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 title: string | false;
                 width: string | number;
                 role: string;
-                color: import('../../../types/vuetifyTypes').ColorType;
+                color: import('../../Customs/SyTextField/types').ColorType;
                 theme: string;
                 disabled: boolean;
                 placeholder: string;
+                locales: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales>;
                 density: "default" | "comfortable" | "compact";
                 rounded: string | number | boolean;
                 maxWidth: string | number;
@@ -6028,12 +5756,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 disableErrorHandling: boolean;
                 errorMessages: string[] | null;
                 maxErrors: number;
+                hasError: boolean;
+                hasWarning: boolean;
+                hasSuccess: boolean;
+                useVuetifyValidation: boolean;
+                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
                 prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 prependTooltip: string;
                 appendTooltip: string;
                 tooltipLocation: "top" | "bottom" | "start" | "end";
-                variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+                variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
                 isClearable: boolean;
                 centerAffix: boolean;
                 counter: string | number | boolean;
@@ -6042,7 +5777,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 isDirty: boolean;
                 isFlat: boolean;
                 isFocused: boolean;
-                areDetailsHidden: boolean | "auto";
                 areSpinButtonsHidden: boolean;
                 hint: string;
                 messages: string | string[];
@@ -6060,75 +5794,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
+                hideDetails: boolean | "auto";
                 isValidateOnBlur: boolean;
-                useVuetifyValidation: boolean;
-                customRules: ValidationRule[];
-                customWarningRules: ValidationRule[];
-                customSuccessRules: ValidationRule[];
-                warningMessages: string[] | null;
                 successMessages: string[] | null;
-                hasError: boolean;
-                hasWarning: boolean;
-                hasSuccess: boolean;
-            }> & Omit<Readonly<{
-                modelValue?: string | number | null | undefined;
-                prependIcon?: import('../../../types/vuetifyTypes').IconType;
-                appendIcon?: import('../../../types/vuetifyTypes').IconType;
-                prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-                prependTooltip?: string;
-                appendTooltip?: string;
-                tooltipLocation?: "top" | "bottom" | "start" | "end";
-                variantStyle?: import('../../../types/vuetifyTypes').VariantStyle;
-                color?: import('../../../types/vuetifyTypes').ColorType;
-                isClearable?: boolean;
-                showDivider?: boolean;
-                label?: string;
-                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;
-                isFlat?: boolean;
-                isFocused?: boolean;
-                areDetailsHidden?: boolean | "auto";
-                areSpinButtonsHidden?: boolean;
-                hint?: string;
-                id?: string;
-                loading?: string | boolean;
-                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;
-                disableClickButton?: boolean;
-                autocomplete?: string;
-                helpText?: string;
-                maxlength?: string | number;
-                title?: string | false;
-            } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
+                warningMessages: string[] | null;
+            }> & Omit<Readonly<import('../../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onFocus?: ((...args: any[]) => any) | undefined;
@@ -6137,8 +5807,8 @@ 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;
-            }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "isValidateOnBlur" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "warningMessages" | "successMessages" | "hasError" | "hasWarning" | "hasSuccess")> & {
-                validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+            }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "locales" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "hasError" | "hasWarning" | "hasSuccess" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "hideDetails" | "isValidateOnBlur" | "successMessages" | "warningMessages")> & {
+                validateOnSubmit: () => Promise<boolean>;
             } & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     prepend?(_: {}): any;
@@ -6159,8 +5829,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         }, Readonly<{
             autoClamp?: boolean;
             bgColor?: string;
-            customRules?: ValidationRule[];
-            customWarningRules?: ValidationRule[];
+            customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
             dateFormatReturn?: string;
             density?: "default" | "comfortable" | "compact";
             disableErrorHandling?: boolean;
@@ -6183,6 +5853,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required?: boolean;
             showSuccessMessages?: boolean;
             title?: string | false;
+            skipInternalValidation?: boolean;
         }> & Readonly<{
             onInput?: ((value: string) => any) | undefined;
             onBlur?: (() => any) | undefined;
@@ -6205,11 +5876,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
             hint: string;
             noIcon: boolean;
             isValidateOnBlur: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
             persistentHint: boolean;
             format: string;
             autoClamp: boolean;
@@ -6220,6 +5891,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             displayPrependIcon: boolean;
             externalErrorMessages: string[];
             isOutlined: boolean;
+            skipInternalValidation: boolean;
         }> | null;
         datePickerRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -6737,9 +6409,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         currentMonth: Ref<string | null, string | null>;
         currentMonthName: Ref<string | null, string | null>;
         toggleDatePicker: () => void;
-        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => ValidationResult | Promise<ValidationResult>;
+        validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => Promise<import('../../../composables/validation/useValidation').ValidationResult> | import('../../../composables/validation/useValidation').ValidationResult;
         clearValidation: () => void;
-        validateDates: (forceValidation?: boolean) => ValidationResult | Promise<ValidationResult>;
+        validateDates: (forceValidation?: boolean) => import('../../../composables/validation/useValidation').ValidationResult | Promise<import('../../../composables/validation/useValidation').ValidationResult | undefined>;
         formatDateInput: (input: string, cursorPosition?: number) => {
             formatted: string;
             cursorPos: number;
@@ -6766,10 +6438,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
-        hint: string;
-        displayAsterisk: boolean;
-        noIcon: boolean;
-        isValidateOnBlur: boolean;
         customRules: {
             type: string;
             options: any;
@@ -6778,6 +6446,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             type: string;
             options: any;
         }[];
+        hint: string;
+        displayAsterisk: boolean;
+        noIcon: boolean;
+        isValidateOnBlur: boolean;
         persistentHint: boolean;
         format: string;
         autoClamp: boolean;
@@ -6805,15 +6477,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $data: {};
         $props: {
             readonly modelValue?: string | number | null | undefined | undefined;
-            readonly prependIcon?: import('../../../types/vuetifyTypes').IconType;
-            readonly appendIcon?: import('../../../types/vuetifyTypes').IconType;
-            readonly prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-            readonly appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
+            readonly prependIcon?: import('../../Customs/SyTextField/types').IconType;
+            readonly appendIcon?: import('../../Customs/SyTextField/types').IconType;
+            readonly prependInnerIcon?: import('../../Customs/SyTextField/types').IconType;
+            readonly appendInnerIcon?: import('../../Customs/SyTextField/types').IconType;
             readonly prependTooltip?: string | undefined;
             readonly appendTooltip?: string | undefined;
             readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
-            readonly variantStyle?: import('../../../types/vuetifyTypes').VariantStyle | undefined;
-            readonly color?: import('../../../types/vuetifyTypes').ColorType | undefined;
+            readonly variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
+            readonly color?: import('../../Customs/SyTextField/types').ColorType | undefined;
             readonly isClearable?: boolean | undefined;
             readonly showDivider?: boolean | undefined;
             readonly label?: string | undefined;
@@ -6830,7 +6502,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly disabled?: boolean | undefined;
             readonly isFlat?: boolean | undefined;
             readonly isFocused?: boolean | undefined;
-            readonly areDetailsHidden?: boolean | "auto" | undefined;
             readonly areSpinButtonsHidden?: boolean | undefined;
             readonly hint?: string | undefined;
             readonly id?: string | undefined;
@@ -6861,22 +6532,24 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly helpText?: string | undefined;
             readonly maxlength?: string | number | undefined;
             readonly title?: string | false | undefined;
-            readonly required?: boolean | undefined;
-            readonly isValidateOnBlur?: boolean | undefined;
-            readonly showSuccessMessages?: boolean | undefined;
+            readonly hideDetails?: boolean | "auto" | undefined;
+            readonly locales?: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
+            readonly customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+            readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+            readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
             readonly disableErrorHandling?: boolean | undefined;
-            readonly useVuetifyValidation?: boolean | undefined;
-            readonly rules?: import('vuetify').ValidationRule[] | undefined;
-            readonly customRules?: ValidationRule[] | undefined;
-            readonly customWarningRules?: ValidationRule[] | undefined;
-            readonly customSuccessRules?: ValidationRule[] | undefined;
             readonly errorMessages?: string[] | null | undefined;
-            readonly warningMessages?: string[] | null | undefined;
-            readonly successMessages?: string[] | null | undefined;
             readonly hasError?: boolean | undefined;
-            readonly hasWarning?: boolean | undefined;
             readonly hasSuccess?: boolean | undefined;
+            readonly hasWarning?: boolean | undefined;
+            readonly isValidateOnBlur?: boolean | undefined;
             readonly maxErrors?: number | undefined;
+            readonly required?: boolean | undefined;
+            readonly rules?: import('vuetify').ValidationRule[] | undefined;
+            readonly showSuccessMessages?: boolean | undefined;
+            readonly successMessages?: string[] | null | undefined;
+            readonly useVuetifyValidation?: boolean | undefined;
+            readonly warningMessages?: string[] | null | undefined;
             readonly onInput?: ((...args: any[]) => any) | undefined;
             readonly onBlur?: ((...args: any[]) => any) | undefined;
             readonly onFocus?: ((...args: any[]) => any) | undefined;
@@ -7269,7 +6942,7 @@ 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>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
@@ -8006,7 +7679,7 @@ 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>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
@@ -8321,65 +7994,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $host: Element | null;
         $emit: ((event: "input", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            modelValue?: string | number | null | undefined;
-            prependIcon?: import('../../../types/vuetifyTypes').IconType;
-            appendIcon?: import('../../../types/vuetifyTypes').IconType;
-            prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-            appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-            prependTooltip?: string;
-            appendTooltip?: string;
-            tooltipLocation?: "top" | "bottom" | "start" | "end";
-            variantStyle?: import('../../../types/vuetifyTypes').VariantStyle;
-            color?: import('../../../types/vuetifyTypes').ColorType;
-            isClearable?: boolean;
-            showDivider?: boolean;
-            label?: string;
-            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;
-            isFlat?: boolean;
-            isFocused?: boolean;
-            areDetailsHidden?: boolean | "auto";
-            areSpinButtonsHidden?: boolean;
-            hint?: string;
-            id?: string;
-            loading?: string | boolean;
-            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;
-            disableClickButton?: boolean;
-            autocomplete?: string;
-            helpText?: string;
-            maxlength?: string | number;
-            title?: string | false;
-        } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
@@ -8389,7 +8004,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
             "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
         }>, {
-            validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+            validateOnSubmit: () => Promise<boolean>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             input: (...args: any[]) => void;
             blur: (...args: any[]) => void;
@@ -8405,10 +8020,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             title: string | false;
             width: string | number;
             role: string;
-            color: import('../../../types/vuetifyTypes').ColorType;
+            color: import('../../Customs/SyTextField/types').ColorType;
             theme: string;
             disabled: boolean;
             placeholder: string;
+            locales: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales>;
             density: "default" | "comfortable" | "compact";
             rounded: string | number | boolean;
             maxWidth: string | number;
@@ -8429,12 +8045,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling: boolean;
             errorMessages: string[] | null;
             maxErrors: number;
+            hasError: boolean;
+            hasWarning: boolean;
+            hasSuccess: boolean;
+            useVuetifyValidation: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
             prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             prependTooltip: string;
             appendTooltip: string;
             tooltipLocation: "top" | "bottom" | "start" | "end";
-            variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+            variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
             isClearable: boolean;
             centerAffix: boolean;
             counter: string | number | boolean;
@@ -8443,7 +8066,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isDirty: boolean;
             isFlat: boolean;
             isFocused: boolean;
-            areDetailsHidden: boolean | "auto";
             areSpinButtonsHidden: boolean;
             hint: string;
             messages: string | string[];
@@ -8461,16 +8083,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
+            hideDetails: boolean | "auto";
             isValidateOnBlur: boolean;
-            useVuetifyValidation: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            customSuccessRules: ValidationRule[];
-            warningMessages: string[] | null;
             successMessages: string[] | null;
-            hasError: boolean;
-            hasWarning: boolean;
-            hasSuccess: boolean;
+            warningMessages: string[] | null;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -8497,10 +8113,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         title: string | false;
         width: string | number;
         role: string;
-        color: import('../../../types/vuetifyTypes').ColorType;
+        color: import('../../Customs/SyTextField/types').ColorType;
         theme: string;
         disabled: boolean;
         placeholder: string;
+        locales: Partial<import('../../Customs/SyTextField/locales').SyTextFieldLocales>;
         density: "default" | "comfortable" | "compact";
         rounded: string | number | boolean;
         maxWidth: string | number;
@@ -8521,12 +8138,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         disableErrorHandling: boolean;
         errorMessages: string[] | null;
         maxErrors: number;
+        hasError: boolean;
+        hasWarning: boolean;
+        hasSuccess: boolean;
+        useVuetifyValidation: boolean;
+        customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
         prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
         appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
         prependTooltip: string;
         appendTooltip: string;
         tooltipLocation: "top" | "bottom" | "start" | "end";
-        variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+        variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
         isClearable: boolean;
         centerAffix: boolean;
         counter: string | number | boolean;
@@ -8535,7 +8159,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isDirty: boolean;
         isFlat: boolean;
         isFocused: boolean;
-        areDetailsHidden: boolean | "auto";
         areSpinButtonsHidden: boolean;
         hint: string;
         messages: string | string[];
@@ -8553,75 +8176,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         autocomplete: string;
         helpText: string;
         maxlength: string | number;
+        hideDetails: boolean | "auto";
         isValidateOnBlur: boolean;
-        useVuetifyValidation: boolean;
-        customRules: ValidationRule[];
-        customWarningRules: ValidationRule[];
-        customSuccessRules: ValidationRule[];
-        warningMessages: string[] | null;
         successMessages: string[] | null;
-        hasError: boolean;
-        hasWarning: boolean;
-        hasSuccess: boolean;
-    }> & Omit<Readonly<{
-        modelValue?: string | number | null | undefined;
-        prependIcon?: import('../../../types/vuetifyTypes').IconType;
-        appendIcon?: import('../../../types/vuetifyTypes').IconType;
-        prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-        appendInnerIcon?: import('../../../types/vuetifyTypes').IconType;
-        prependTooltip?: string;
-        appendTooltip?: string;
-        tooltipLocation?: "top" | "bottom" | "start" | "end";
-        variantStyle?: import('../../../types/vuetifyTypes').VariantStyle;
-        color?: import('../../../types/vuetifyTypes').ColorType;
-        isClearable?: boolean;
-        showDivider?: boolean;
-        label?: string;
-        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;
-        isFlat?: boolean;
-        isFocused?: boolean;
-        areDetailsHidden?: boolean | "auto";
-        areSpinButtonsHidden?: boolean;
-        hint?: string;
-        id?: string;
-        loading?: string | boolean;
-        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;
-        disableClickButton?: boolean;
-        autocomplete?: string;
-        helpText?: string;
-        maxlength?: string | number;
-        title?: string | false;
-    } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
+        warningMessages: string[] | null;
+    }> & Omit<Readonly<import('../../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
         onInput?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
@@ -8630,8 +8189,8 @@ 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;
-    }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "isValidateOnBlur" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "warningMessages" | "successMessages" | "hasError" | "hasWarning" | "hasSuccess")> & {
-        validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+    }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "locales" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "hasError" | "hasWarning" | "hasSuccess" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "hideDetails" | "isValidateOnBlur" | "successMessages" | "warningMessages")> & {
+        validateOnSubmit: () => Promise<boolean>;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             prepend?(_: {}): any;