npm - @cnamts/synapse - Versions diffs - 1.0.27 → 1.1.1 - Mend

@cnamts/synapse 1.0.27 → 1.1.1

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

Files changed (621) hide show

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

@@ -57,9 +57,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     required: boolean;
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
-    noIcon: boolean;
     customRules: ValidationRule[];
     customWarningRules: ValidationRule[];
+    noIcon: boolean;
     hideDetails: boolean | "auto";
     format: string;
     noCalendar: boolean;
@@ -158,9 +158,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
-        hint: string;
-        displayAsterisk: boolean;
-        noIcon: boolean;
         customRules: {
             type: string;
             options: any;
@@ -169,9 +166,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             type: string;
             options: any;
         }[];
+        hint: string;
+        displayAsterisk: boolean;
+        noIcon: boolean;
+        hideDetails: boolean | "auto";
         isValidateOnBlur: boolean;
         persistentHint: boolean;
-        hideDetails: boolean | "auto";
         format: string;
         autoClamp: boolean;
         noCalendar: boolean;
@@ -250,10 +250,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
-            hint: string;
-            noIcon: boolean;
             customRules: ValidationRule[];
             customWarningRules: ValidationRule[];
+            hint: string;
+            noIcon: boolean;
             isValidateOnBlur: boolean;
             persistentHint: boolean;
             format: string;
@@ -272,15 +272,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;
@@ -297,7 +297,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;
@@ -328,6 +327,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly helpText?: string | undefined;
                     readonly maxlength?: string | number | undefined;
                     readonly title?: string | false | undefined;
+                    readonly hideDetails?: boolean | "auto" | undefined;
+                    readonly locales?: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
                     readonly customRules?: ValidationRule[] | undefined;
                     readonly customSuccessRules?: ValidationRule[] | undefined;
                     readonly customWarningRules?: ValidationRule[] | undefined;
@@ -736,7 +737,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<{
@@ -1473,7 +1474,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<{
@@ -1788,65 +1789,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;
@@ -1856,7 +1799,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;
@@ -1872,10 +1815,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;
@@ -1896,12 +1840,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: ValidationRule[];
+                    customWarningRules: ValidationRule[];
+                    customSuccessRules: 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;
@@ -1910,7 +1861,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[];
@@ -1928,15 +1878,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     autocomplete: string;
                     helpText: string;
                     maxlength: string | number;
-                    customRules: ValidationRule[];
-                    customSuccessRules: ValidationRule[];
-                    customWarningRules: ValidationRule[];
-                    hasError: boolean;
-                    hasSuccess: boolean;
-                    hasWarning: boolean;
+                    hideDetails: boolean | "auto";
                     isValidateOnBlur: boolean;
                     successMessages: string[] | null;
-                    useVuetifyValidation: boolean;
                     warningMessages: string[] | null;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -1964,10 +1908,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;
@@ -1988,12 +1933,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: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: 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;
@@ -2002,7 +1954,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[];
@@ -2020,75 +1971,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
-                customRules: ValidationRule[];
-                customSuccessRules: ValidationRule[];
-                customWarningRules: ValidationRule[];
-                hasError: boolean;
-                hasSuccess: boolean;
-                hasWarning: boolean;
+                hideDetails: boolean | "auto";
                 isValidateOnBlur: boolean;
                 successMessages: string[] | null;
-                useVuetifyValidation: boolean;
                 warningMessages: string[] | null;
-            }> & 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<{
+            }> & Omit<Readonly<import('../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onFocus?: ((...args: any[]) => any) | undefined;
@@ -2097,8 +1984,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" | "customRules" | "customSuccessRules" | "customWarningRules" | "hasError" | "hasSuccess" | "hasWarning" | "isValidateOnBlur" | "successMessages" | "useVuetifyValidation" | "warningMessages")> & {
-                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;
@@ -2166,10 +2053,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
-            hint: string;
-            noIcon: boolean;
             customRules: ValidationRule[];
             customWarningRules: ValidationRule[];
+            hint: string;
+            noIcon: boolean;
             isValidateOnBlur: boolean;
             persistentHint: boolean;
             format: string;
@@ -2287,9 +2174,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
-            hint: string;
-            displayAsterisk: boolean;
-            noIcon: boolean;
             customRules: {
                 type: string;
                 options: any;
@@ -2298,6 +2182,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 type: string;
                 options: any;
             }[];
+            hint: string;
+            displayAsterisk: boolean;
+            noIcon: boolean;
             isValidateOnBlur: boolean;
             persistentHint: boolean;
             format: string;
@@ -2378,10 +2265,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 required: boolean;
                 showSuccessMessages: boolean;
                 disableErrorHandling: boolean;
-                hint: string;
-                noIcon: boolean;
                 customRules: ValidationRule[];
                 customWarningRules: ValidationRule[];
+                hint: string;
+                noIcon: boolean;
                 isValidateOnBlur: boolean;
                 persistentHint: boolean;
                 format: string;
@@ -2400,15 +2287,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;
@@ -2425,7 +2312,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;
@@ -2456,6 +2342,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         readonly helpText?: string | undefined;
                         readonly maxlength?: string | number | undefined;
                         readonly title?: string | false | undefined;
+                        readonly hideDetails?: boolean | "auto" | undefined;
+                        readonly locales?: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
                         readonly customRules?: ValidationRule[] | undefined;
                         readonly customSuccessRules?: ValidationRule[] | undefined;
                         readonly customWarningRules?: ValidationRule[] | undefined;
@@ -2864,7 +2752,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<{
@@ -3601,7 +3489,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<{
@@ -3916,65 +3804,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;
@@ -3984,7 +3814,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;
@@ -4000,10 +3830,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;
@@ -4024,12 +3855,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: ValidationRule[];
+                        customWarningRules: ValidationRule[];
+                        customSuccessRules: 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;
@@ -4038,7 +3876,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[];
@@ -4056,15 +3893,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         autocomplete: string;
                         helpText: string;
                         maxlength: string | number;
-                        customRules: ValidationRule[];
-                        customSuccessRules: ValidationRule[];
-                        customWarningRules: ValidationRule[];
-                        hasError: boolean;
-                        hasSuccess: boolean;
-                        hasWarning: boolean;
+                        hideDetails: boolean | "auto";
                         isValidateOnBlur: boolean;
                         successMessages: string[] | null;
-                        useVuetifyValidation: boolean;
                         warningMessages: string[] | null;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -4092,10 +3923,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;
@@ -4116,12 +3948,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: ValidationRule[];
+                    customWarningRules: ValidationRule[];
+                    customSuccessRules: 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;
@@ -4130,7 +3969,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[];
@@ -4148,75 +3986,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     autocomplete: string;
                     helpText: string;
                     maxlength: string | number;
-                    customRules: ValidationRule[];
-                    customSuccessRules: ValidationRule[];
-                    customWarningRules: ValidationRule[];
-                    hasError: boolean;
-                    hasSuccess: boolean;
-                    hasWarning: boolean;
+                    hideDetails: boolean | "auto";
                     isValidateOnBlur: boolean;
                     successMessages: string[] | null;
-                    useVuetifyValidation: boolean;
                     warningMessages: string[] | null;
-                }> & 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<{
+                }> & Omit<Readonly<import('../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                     onInput?: ((...args: any[]) => any) | undefined;
                     onBlur?: ((...args: any[]) => any) | undefined;
                     onFocus?: ((...args: any[]) => any) | undefined;
@@ -4225,8 +3999,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" | "customRules" | "customSuccessRules" | "customWarningRules" | "hasError" | "hasSuccess" | "hasWarning" | "isValidateOnBlur" | "successMessages" | "useVuetifyValidation" | "warningMessages")> & {
-                    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;
@@ -4294,10 +4068,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 required: boolean;
                 showSuccessMessages: boolean;
                 disableErrorHandling: boolean;
-                hint: string;
-                noIcon: boolean;
                 customRules: ValidationRule[];
                 customWarningRules: ValidationRule[];
+                hint: string;
+                noIcon: boolean;
                 isValidateOnBlur: boolean;
                 persistentHint: boolean;
                 format: string;
@@ -4368,10 +4142,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 required: boolean;
                 showSuccessMessages: boolean;
                 disableErrorHandling: boolean;
-                hint: string;
-                noIcon: boolean;
                 customRules: ValidationRule[];
                 customWarningRules: ValidationRule[];
+                hint: string;
+                noIcon: boolean;
                 isValidateOnBlur: boolean;
                 persistentHint: boolean;
                 format: string;
@@ -4390,15 +4164,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;
@@ -4415,7 +4189,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;
@@ -4446,6 +4219,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         readonly helpText?: string | undefined;
                         readonly maxlength?: string | number | undefined;
                         readonly title?: string | false | undefined;
+                        readonly hideDetails?: boolean | "auto" | undefined;
+                        readonly locales?: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
                         readonly customRules?: ValidationRule[] | undefined;
                         readonly customSuccessRules?: ValidationRule[] | undefined;
                         readonly customWarningRules?: ValidationRule[] | undefined;
@@ -4854,7 +4629,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<{
@@ -5591,7 +5366,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<{
@@ -5906,65 +5681,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;
@@ -5974,7 +5691,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;
@@ -5990,10 +5707,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;
@@ -6014,12 +5732,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: ValidationRule[];
+                        customWarningRules: ValidationRule[];
+                        customSuccessRules: 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;
@@ -6028,7 +5753,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[];
@@ -6046,15 +5770,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         autocomplete: string;
                         helpText: string;
                         maxlength: string | number;
-                        customRules: ValidationRule[];
-                        customSuccessRules: ValidationRule[];
-                        customWarningRules: ValidationRule[];
-                        hasError: boolean;
-                        hasSuccess: boolean;
-                        hasWarning: boolean;
+                        hideDetails: boolean | "auto";
                         isValidateOnBlur: boolean;
                         successMessages: string[] | null;
-                        useVuetifyValidation: boolean;
                         warningMessages: string[] | null;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -6082,10 +5800,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;
@@ -6106,12 +5825,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: ValidationRule[];
+                    customWarningRules: ValidationRule[];
+                    customSuccessRules: 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;
@@ -6120,7 +5846,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[];
@@ -6138,75 +5863,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     autocomplete: string;
                     helpText: string;
                     maxlength: string | number;
-                    customRules: ValidationRule[];
-                    customSuccessRules: ValidationRule[];
-                    customWarningRules: ValidationRule[];
-                    hasError: boolean;
-                    hasSuccess: boolean;
-                    hasWarning: boolean;
+                    hideDetails: boolean | "auto";
                     isValidateOnBlur: boolean;
                     successMessages: string[] | null;
-                    useVuetifyValidation: boolean;
                     warningMessages: string[] | null;
-                }> & 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<{
+                }> & Omit<Readonly<import('../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                     onInput?: ((...args: any[]) => any) | undefined;
                     onBlur?: ((...args: any[]) => any) | undefined;
                     onFocus?: ((...args: any[]) => any) | undefined;
@@ -6215,8 +5876,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" | "customRules" | "customSuccessRules" | "customWarningRules" | "hasError" | "hasSuccess" | "hasWarning" | "isValidateOnBlur" | "successMessages" | "useVuetifyValidation" | "warningMessages")> & {
-                    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;
@@ -6284,10 +5945,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 required: boolean;
                 showSuccessMessages: boolean;
                 disableErrorHandling: boolean;
-                hint: string;
-                noIcon: boolean;
                 customRules: ValidationRule[];
                 customWarningRules: ValidationRule[];
+                hint: string;
+                noIcon: boolean;
                 isValidateOnBlur: boolean;
                 persistentHint: boolean;
                 format: string;
@@ -6846,9 +6507,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
-            hint: string;
-            displayAsterisk: boolean;
-            noIcon: boolean;
             customRules: {
                 type: string;
                 options: any;
@@ -6857,6 +6515,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 type: string;
                 options: any;
             }[];
+            hint: string;
+            displayAsterisk: boolean;
+            noIcon: boolean;
             isValidateOnBlur: boolean;
             persistentHint: boolean;
             format: string;
@@ -6885,15 +6546,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;
@@ -6910,7 +6571,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;
@@ -6941,6 +6601,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly helpText?: string | undefined;
                 readonly maxlength?: string | number | undefined;
                 readonly title?: string | false | undefined;
+                readonly hideDetails?: boolean | "auto" | undefined;
+                readonly locales?: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
                 readonly customRules?: ValidationRule[] | undefined;
                 readonly customSuccessRules?: ValidationRule[] | undefined;
                 readonly customWarningRules?: ValidationRule[] | undefined;
@@ -7349,7 +7011,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<{
@@ -8086,7 +7748,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<{
@@ -8401,65 +8063,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;
@@ -8469,7 +8073,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;
@@ -8485,10 +8089,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;
@@ -8509,12 +8114,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: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: 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;
@@ -8523,7 +8135,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[];
@@ -8541,15 +8152,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
-                customRules: ValidationRule[];
-                customSuccessRules: ValidationRule[];
-                customWarningRules: ValidationRule[];
-                hasError: boolean;
-                hasSuccess: boolean;
-                hasWarning: boolean;
+                hideDetails: boolean | "auto";
                 isValidateOnBlur: boolean;
                 successMessages: string[] | null;
-                useVuetifyValidation: boolean;
                 warningMessages: string[] | null;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -8577,10 +8182,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;
@@ -8601,12 +8207,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: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: 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;
@@ -8615,7 +8228,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[];
@@ -8633,75 +8245,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
-            customRules: ValidationRule[];
-            customSuccessRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            hasError: boolean;
-            hasSuccess: boolean;
-            hasWarning: boolean;
+            hideDetails: boolean | "auto";
             isValidateOnBlur: boolean;
             successMessages: string[] | null;
-            useVuetifyValidation: boolean;
             warningMessages: string[] | null;
-        }> & 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<{
+        }> & Omit<Readonly<import('../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
@@ -8710,8 +8258,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" | "customRules" | "customSuccessRules" | "customWarningRules" | "hasError" | "hasSuccess" | "hasWarning" | "isValidateOnBlur" | "successMessages" | "useVuetifyValidation" | "warningMessages")> & {
-            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;
@@ -9250,9 +8798,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
-        hint: string;
-        displayAsterisk: boolean;
-        noIcon: boolean;
         customRules: {
             type: string;
             options: any;
@@ -9261,9 +8806,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             type: string;
             options: any;
         }[];
+        hint: string;
+        displayAsterisk: boolean;
+        noIcon: boolean;
+        hideDetails: boolean | "auto";
         isValidateOnBlur: boolean;
         persistentHint: boolean;
-        hideDetails: boolean | "auto";
         format: string;
         autoClamp: boolean;
         noCalendar: boolean;
@@ -9373,9 +8921,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
-        hint: string;
-        displayAsterisk: boolean;
-        noIcon: boolean;
         customRules: {
             type: string;
             options: any;
@@ -9384,9 +8929,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             type: string;
             options: any;
         }[];
+        hint: string;
+        displayAsterisk: boolean;
+        noIcon: boolean;
+        hideDetails: boolean | "auto";
         isValidateOnBlur: boolean;
         persistentHint: boolean;
-        hideDetails: boolean | "auto";
         format: string;
         autoClamp: boolean;
         noCalendar: boolean;
@@ -9465,10 +9013,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
-            hint: string;
-            noIcon: boolean;
             customRules: ValidationRule[];
             customWarningRules: ValidationRule[];
+            hint: string;
+            noIcon: boolean;
             isValidateOnBlur: boolean;
             persistentHint: boolean;
             format: string;
@@ -9487,15 +9035,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;
@@ -9512,7 +9060,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;
@@ -9543,6 +9090,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly helpText?: string | undefined;
                     readonly maxlength?: string | number | undefined;
                     readonly title?: string | false | undefined;
+                    readonly hideDetails?: boolean | "auto" | undefined;
+                    readonly locales?: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
                     readonly customRules?: ValidationRule[] | undefined;
                     readonly customSuccessRules?: ValidationRule[] | undefined;
                     readonly customWarningRules?: ValidationRule[] | undefined;
@@ -9951,7 +9500,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<{
@@ -10688,7 +10237,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<{
@@ -11003,65 +10552,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;
@@ -11071,7 +10562,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;
@@ -11087,10 +10578,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;
@@ -11111,12 +10603,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: ValidationRule[];
+                    customWarningRules: ValidationRule[];
+                    customSuccessRules: 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;
@@ -11125,7 +10624,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[];
@@ -11143,15 +10641,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     autocomplete: string;
                     helpText: string;
                     maxlength: string | number;
-                    customRules: ValidationRule[];
-                    customSuccessRules: ValidationRule[];
-                    customWarningRules: ValidationRule[];
-                    hasError: boolean;
-                    hasSuccess: boolean;
-                    hasWarning: boolean;
+                    hideDetails: boolean | "auto";
                     isValidateOnBlur: boolean;
                     successMessages: string[] | null;
-                    useVuetifyValidation: boolean;
                     warningMessages: string[] | null;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -11179,10 +10671,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;
@@ -11203,12 +10696,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: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: 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;
@@ -11217,7 +10717,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[];
@@ -11235,75 +10734,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
-                customRules: ValidationRule[];
-                customSuccessRules: ValidationRule[];
-                customWarningRules: ValidationRule[];
-                hasError: boolean;
-                hasSuccess: boolean;
-                hasWarning: boolean;
+                hideDetails: boolean | "auto";
                 isValidateOnBlur: boolean;
                 successMessages: string[] | null;
-                useVuetifyValidation: boolean;
                 warningMessages: string[] | null;
-            }> & 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<{
+            }> & Omit<Readonly<import('../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onFocus?: ((...args: any[]) => any) | undefined;
@@ -11312,8 +10747,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" | "customRules" | "customSuccessRules" | "customWarningRules" | "hasError" | "hasSuccess" | "hasWarning" | "isValidateOnBlur" | "successMessages" | "useVuetifyValidation" | "warningMessages")> & {
-                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;
@@ -11381,10 +10816,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
-            hint: string;
-            noIcon: boolean;
             customRules: ValidationRule[];
             customWarningRules: ValidationRule[];
+            hint: string;
+            noIcon: boolean;
             isValidateOnBlur: boolean;
             persistentHint: boolean;
             format: string;
@@ -11502,9 +10937,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
-            hint: string;
-            displayAsterisk: boolean;
-            noIcon: boolean;
             customRules: {
                 type: string;
                 options: any;
@@ -11513,6 +10945,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 type: string;
                 options: any;
             }[];
+            hint: string;
+            displayAsterisk: boolean;
+            noIcon: boolean;
             isValidateOnBlur: boolean;
             persistentHint: boolean;
             format: string;
@@ -11593,10 +11028,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 required: boolean;
                 showSuccessMessages: boolean;
                 disableErrorHandling: boolean;
-                hint: string;
-                noIcon: boolean;
                 customRules: ValidationRule[];
                 customWarningRules: ValidationRule[];
+                hint: string;
+                noIcon: boolean;
                 isValidateOnBlur: boolean;
                 persistentHint: boolean;
                 format: string;
@@ -11615,15 +11050,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;
@@ -11640,7 +11075,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;
@@ -11671,6 +11105,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         readonly helpText?: string | undefined;
                         readonly maxlength?: string | number | undefined;
                         readonly title?: string | false | undefined;
+                        readonly hideDetails?: boolean | "auto" | undefined;
+                        readonly locales?: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
                         readonly customRules?: ValidationRule[] | undefined;
                         readonly customSuccessRules?: ValidationRule[] | undefined;
                         readonly customWarningRules?: ValidationRule[] | undefined;
@@ -12079,7 +11515,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<{
@@ -12816,7 +12252,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<{
@@ -13131,65 +12567,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;
@@ -13199,7 +12577,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;
@@ -13215,10 +12593,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;
@@ -13239,12 +12618,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: ValidationRule[];
+                        customWarningRules: ValidationRule[];
+                        customSuccessRules: 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;
@@ -13253,7 +12639,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[];
@@ -13271,15 +12656,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         autocomplete: string;
                         helpText: string;
                         maxlength: string | number;
-                        customRules: ValidationRule[];
-                        customSuccessRules: ValidationRule[];
-                        customWarningRules: ValidationRule[];
-                        hasError: boolean;
-                        hasSuccess: boolean;
-                        hasWarning: boolean;
+                        hideDetails: boolean | "auto";
                         isValidateOnBlur: boolean;
                         successMessages: string[] | null;
-                        useVuetifyValidation: boolean;
                         warningMessages: string[] | null;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -13307,10 +12686,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;
@@ -13331,12 +12711,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: ValidationRule[];
+                    customWarningRules: ValidationRule[];
+                    customSuccessRules: 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;
@@ -13345,7 +12732,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[];
@@ -13363,75 +12749,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     autocomplete: string;
                     helpText: string;
                     maxlength: string | number;
-                    customRules: ValidationRule[];
-                    customSuccessRules: ValidationRule[];
-                    customWarningRules: ValidationRule[];
-                    hasError: boolean;
-                    hasSuccess: boolean;
-                    hasWarning: boolean;
+                    hideDetails: boolean | "auto";
                     isValidateOnBlur: boolean;
                     successMessages: string[] | null;
-                    useVuetifyValidation: boolean;
                     warningMessages: string[] | null;
-                }> & 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<{
+                }> & Omit<Readonly<import('../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                     onInput?: ((...args: any[]) => any) | undefined;
                     onBlur?: ((...args: any[]) => any) | undefined;
                     onFocus?: ((...args: any[]) => any) | undefined;
@@ -13440,8 +12762,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" | "customRules" | "customSuccessRules" | "customWarningRules" | "hasError" | "hasSuccess" | "hasWarning" | "isValidateOnBlur" | "successMessages" | "useVuetifyValidation" | "warningMessages")> & {
-                    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;
@@ -13509,10 +12831,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 required: boolean;
                 showSuccessMessages: boolean;
                 disableErrorHandling: boolean;
-                hint: string;
-                noIcon: boolean;
                 customRules: ValidationRule[];
                 customWarningRules: ValidationRule[];
+                hint: string;
+                noIcon: boolean;
                 isValidateOnBlur: boolean;
                 persistentHint: boolean;
                 format: string;
@@ -13583,10 +12905,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 required: boolean;
                 showSuccessMessages: boolean;
                 disableErrorHandling: boolean;
-                hint: string;
-                noIcon: boolean;
                 customRules: ValidationRule[];
                 customWarningRules: ValidationRule[];
+                hint: string;
+                noIcon: boolean;
                 isValidateOnBlur: boolean;
                 persistentHint: boolean;
                 format: string;
@@ -13605,15 +12927,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;
@@ -13630,7 +12952,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;
@@ -13661,6 +12982,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         readonly helpText?: string | undefined;
                         readonly maxlength?: string | number | undefined;
                         readonly title?: string | false | undefined;
+                        readonly hideDetails?: boolean | "auto" | undefined;
+                        readonly locales?: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
                         readonly customRules?: ValidationRule[] | undefined;
                         readonly customSuccessRules?: ValidationRule[] | undefined;
                         readonly customWarningRules?: ValidationRule[] | undefined;
@@ -14069,7 +13392,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<{
@@ -14806,7 +14129,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<{
@@ -15121,65 +14444,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;
@@ -15189,7 +14454,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;
@@ -15205,10 +14470,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;
@@ -15229,12 +14495,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: ValidationRule[];
+                        customWarningRules: ValidationRule[];
+                        customSuccessRules: 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;
@@ -15243,7 +14516,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[];
@@ -15261,15 +14533,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         autocomplete: string;
                         helpText: string;
                         maxlength: string | number;
-                        customRules: ValidationRule[];
-                        customSuccessRules: ValidationRule[];
-                        customWarningRules: ValidationRule[];
-                        hasError: boolean;
-                        hasSuccess: boolean;
-                        hasWarning: boolean;
+                        hideDetails: boolean | "auto";
                         isValidateOnBlur: boolean;
                         successMessages: string[] | null;
-                        useVuetifyValidation: boolean;
                         warningMessages: string[] | null;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -15297,10 +14563,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;
@@ -15321,12 +14588,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: ValidationRule[];
+                    customWarningRules: ValidationRule[];
+                    customSuccessRules: 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;
@@ -15335,7 +14609,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[];
@@ -15353,75 +14626,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     autocomplete: string;
                     helpText: string;
                     maxlength: string | number;
-                    customRules: ValidationRule[];
-                    customSuccessRules: ValidationRule[];
-                    customWarningRules: ValidationRule[];
-                    hasError: boolean;
-                    hasSuccess: boolean;
-                    hasWarning: boolean;
+                    hideDetails: boolean | "auto";
                     isValidateOnBlur: boolean;
                     successMessages: string[] | null;
-                    useVuetifyValidation: boolean;
                     warningMessages: string[] | null;
-                }> & 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<{
+                }> & Omit<Readonly<import('../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
                     onInput?: ((...args: any[]) => any) | undefined;
                     onBlur?: ((...args: any[]) => any) | undefined;
                     onFocus?: ((...args: any[]) => any) | undefined;
@@ -15430,8 +14639,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" | "customRules" | "customSuccessRules" | "customWarningRules" | "hasError" | "hasSuccess" | "hasWarning" | "isValidateOnBlur" | "successMessages" | "useVuetifyValidation" | "warningMessages")> & {
-                    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;
@@ -15499,10 +14708,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 required: boolean;
                 showSuccessMessages: boolean;
                 disableErrorHandling: boolean;
-                hint: string;
-                noIcon: boolean;
                 customRules: ValidationRule[];
                 customWarningRules: ValidationRule[];
+                hint: string;
+                noIcon: boolean;
                 isValidateOnBlur: boolean;
                 persistentHint: boolean;
                 format: string;
@@ -16061,9 +15270,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             showSuccessMessages: boolean;
             disableErrorHandling: boolean;
-            hint: string;
-            displayAsterisk: boolean;
-            noIcon: boolean;
             customRules: {
                 type: string;
                 options: any;
@@ -16072,6 +15278,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 type: string;
                 options: any;
             }[];
+            hint: string;
+            displayAsterisk: boolean;
+            noIcon: boolean;
             isValidateOnBlur: boolean;
             persistentHint: boolean;
             format: string;
@@ -16100,15 +15309,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;
@@ -16125,7 +15334,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;
@@ -16156,6 +15364,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly helpText?: string | undefined;
                 readonly maxlength?: string | number | undefined;
                 readonly title?: string | false | undefined;
+                readonly hideDetails?: boolean | "auto" | undefined;
+                readonly locales?: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
                 readonly customRules?: ValidationRule[] | undefined;
                 readonly customSuccessRules?: ValidationRule[] | undefined;
                 readonly customWarningRules?: ValidationRule[] | undefined;
@@ -16564,7 +15774,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<{
@@ -17301,7 +16511,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<{
@@ -17616,65 +16826,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;
@@ -17684,7 +16836,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;
@@ -17700,10 +16852,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;
@@ -17724,12 +16877,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: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: 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;
@@ -17738,7 +16898,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[];
@@ -17756,15 +16915,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
-                customRules: ValidationRule[];
-                customSuccessRules: ValidationRule[];
-                customWarningRules: ValidationRule[];
-                hasError: boolean;
-                hasSuccess: boolean;
-                hasWarning: boolean;
+                hideDetails: boolean | "auto";
                 isValidateOnBlur: boolean;
                 successMessages: string[] | null;
-                useVuetifyValidation: boolean;
                 warningMessages: string[] | null;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -17792,10 +16945,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;
@@ -17816,12 +16970,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: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: 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;
@@ -17830,7 +16991,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[];
@@ -17848,75 +17008,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
-            customRules: ValidationRule[];
-            customSuccessRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            hasError: boolean;
-            hasSuccess: boolean;
-            hasWarning: boolean;
+            hideDetails: boolean | "auto";
             isValidateOnBlur: boolean;
             successMessages: string[] | null;
-            useVuetifyValidation: boolean;
             warningMessages: string[] | null;
-        }> & 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<{
+        }> & Omit<Readonly<import('../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
@@ -17925,8 +17021,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" | "customRules" | "customSuccessRules" | "customWarningRules" | "hasError" | "hasSuccess" | "hasWarning" | "isValidateOnBlur" | "successMessages" | "useVuetifyValidation" | "warningMessages")> & {
-            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;
@@ -18465,9 +17561,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
-        hint: string;
-        displayAsterisk: boolean;
-        noIcon: boolean;
         customRules: {
             type: string;
             options: any;
@@ -18476,9 +17569,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             type: string;
             options: any;
         }[];
+        hint: string;
+        displayAsterisk: boolean;
+        noIcon: boolean;
+        hideDetails: boolean | "auto";
         isValidateOnBlur: boolean;
         persistentHint: boolean;
-        hideDetails: boolean | "auto";
         format: string;
         autoClamp: boolean;
         noCalendar: boolean;