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

@cnamts/synapse 1.0.27 → 1.1.0

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 (473) hide show

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

@@ -106,9 +106,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;
@@ -117,6 +114,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;
@@ -197,10 +197,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
-        hint: string;
-        noIcon: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        hint: string;
+        noIcon: boolean;
         isValidateOnBlur: boolean;
         persistentHint: boolean;
         format: string;
@@ -219,15 +219,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;
@@ -244,7 +244,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;
@@ -275,6 +274,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?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
                 readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
                 readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
@@ -683,7 +684,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<{
@@ -1420,7 +1421,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<{
@@ -1735,65 +1736,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;
@@ -1803,7 +1746,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;
@@ -1819,10 +1762,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;
@@ -1843,12 +1787,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 disableErrorHandling: boolean;
                 errorMessages: string[] | null;
                 maxErrors: number;
+                hasError: boolean;
+                hasWarning: boolean;
+                hasSuccess: boolean;
+                useVuetifyValidation: boolean;
+                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
                 prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 prependTooltip: string;
                 appendTooltip: string;
                 tooltipLocation: "top" | "bottom" | "start" | "end";
-                variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+                variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
                 isClearable: boolean;
                 centerAffix: boolean;
                 counter: string | number | boolean;
@@ -1857,7 +1808,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[];
@@ -1875,15 +1825,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
-                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
-                customWarningRules: import('../../../composables/validation/useValidation').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)[];
@@ -1911,10 +1855,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;
@@ -1935,12 +1880,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling: boolean;
             errorMessages: string[] | null;
             maxErrors: number;
+            hasError: boolean;
+            hasWarning: boolean;
+            hasSuccess: boolean;
+            useVuetifyValidation: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
             prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             prependTooltip: string;
             appendTooltip: string;
             tooltipLocation: "top" | "bottom" | "start" | "end";
-            variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+            variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
             isClearable: boolean;
             centerAffix: boolean;
             counter: string | number | boolean;
@@ -1949,7 +1901,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[];
@@ -1967,75 +1918,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
-            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules: import('../../../composables/validation/useValidation').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;
@@ -2044,8 +1931,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;
@@ -2113,10 +2000,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
-        hint: string;
-        noIcon: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        hint: string;
+        noIcon: boolean;
         isValidateOnBlur: boolean;
         persistentHint: boolean;
         format: string;
@@ -2187,10 +2074,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
-        hint: string;
-        noIcon: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        hint: string;
+        noIcon: boolean;
         isValidateOnBlur: boolean;
         persistentHint: boolean;
         format: string;
@@ -2209,15 +2096,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;
@@ -2234,7 +2121,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;
@@ -2265,6 +2151,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?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
                 readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
                 readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
@@ -2673,7 +2561,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<{
@@ -3410,7 +3298,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<{
@@ -3725,65 +3613,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;
@@ -3793,7 +3623,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;
@@ -3809,10 +3639,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;
@@ -3833,12 +3664,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 disableErrorHandling: boolean;
                 errorMessages: string[] | null;
                 maxErrors: number;
+                hasError: boolean;
+                hasWarning: boolean;
+                hasSuccess: boolean;
+                useVuetifyValidation: boolean;
+                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
                 prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 prependTooltip: string;
                 appendTooltip: string;
                 tooltipLocation: "top" | "bottom" | "start" | "end";
-                variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+                variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
                 isClearable: boolean;
                 centerAffix: boolean;
                 counter: string | number | boolean;
@@ -3847,7 +3685,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[];
@@ -3865,15 +3702,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
-                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
-                customWarningRules: import('../../../composables/validation/useValidation').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)[];
@@ -3901,10 +3732,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;
@@ -3925,12 +3757,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling: boolean;
             errorMessages: string[] | null;
             maxErrors: number;
+            hasError: boolean;
+            hasWarning: boolean;
+            hasSuccess: boolean;
+            useVuetifyValidation: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
             prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             prependTooltip: string;
             appendTooltip: string;
             tooltipLocation: "top" | "bottom" | "start" | "end";
-            variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
+            variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
             isClearable: boolean;
             centerAffix: boolean;
             counter: string | number | boolean;
@@ -3939,7 +3778,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[];
@@ -3957,75 +3795,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
-            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules: import('../../../composables/validation/useValidation').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;
@@ -4034,8 +3808,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;
@@ -4103,10 +3877,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
-        hint: string;
-        noIcon: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        hint: string;
+        noIcon: boolean;
         isValidateOnBlur: boolean;
         persistentHint: boolean;
         format: string;