@cnamts/synapse 0.0.11-alpha → 0.0.13-alpha

package/dist/src/components/Amelipro/types/types.d.ts

@@ -0,0 +1,38 @@
+export interface IndexedObject<T = string> {
+    [key: string]: T;
+}
+export interface Theme {
+    primary: string;
+    secondary: string;
+    info: string;
+    warning: string;
+    error: string;
+    success: string;
+}
+export interface Color {
+    darken1?: string;
+    darken2?: string;
+    darken3?: string;
+    darken4?: string;
+    darken5?: string;
+    darken6?: string;
+    base: string;
+    lighten1?: string;
+    lighten2?: string;
+    lighten3?: string;
+    lighten4?: string;
+    lighten5?: string;
+    lighten6?: string;
+}
+export interface Palette {
+    apBlue: Color;
+    apGrey: Color;
+    apWhite: Color;
+    apBlack: Color;
+    apYellow: Color;
+    apGreen: Color;
+    apRed: Color;
+    apTurquoise: Color;
+    apParme: Color;
+    apPink: Color;
+}

package/dist/src/components/CookieBanner/CookieBanner.d.ts

@@ -14,9 +14,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     customize: (...args: any[]) => void;
     "update:modelValue": (value: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
     onAccept?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onReject?: ((...args: any[]) => any) | undefined;
     onCustomize?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, any>;

package/dist/src/components/Customs/SyInputSelect/SyInputSelect.d.ts

@@ -9,6 +9,7 @@ type __VLS_Props = CustomizableOptions & {
     required?: boolean;
     errorMessages?: string | string[];
     isHeaderToolbar?: boolean;
+    displayAsterisk?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     isOpen: import('vue').Ref<boolean, boolean>;
@@ -26,6 +27,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     modelValue: string | Record<string, unknown> | null;
     label: string;
     errorMessages: string | string[];
+    displayAsterisk: boolean;
     items: string[] | Record<string, unknown>[];
     textKey: string;
     valueKey: string;

package/dist/src/components/Customs/SyTextField/SyTextField.d.ts

@@ -1,11 +1,14 @@
 import { IconType, VariantStyle, ColorType } from './types';
-import { RuleOptions } from '../../../composables/rules/useFieldValidation';
+import { ValidationRule } from '../../../composables/validation/useValidation';
 type __VLS_Props = {
     modelValue?: string | number | null;
     prependIcon?: IconType;
     appendIcon?: IconType;
     prependInnerIcon?: IconType;
     appendInnerIcon?: IconType;
+    prependTooltip?: string;
+    appendTooltip?: string;
+    tooltipLocation?: 'top' | 'bottom' | 'start' | 'end';
     variantStyle?: VariantStyle;
     color?: ColorType;
     isClearable?: boolean;
@@ -56,30 +59,35 @@ type __VLS_Props = {
     width?: string | number;
     displayAsterisk?: boolean;
     noIcon?: boolean;
-    customRules?: {
-        type: string;
-        options: RuleOptions;
-    }[];
-    customWarningRules?: {
-        type: string;
-        options: RuleOptions;
-    }[];
+    customRules?: ValidationRule[];
+    customWarningRules?: ValidationRule[];
+    customSuccessRules?: ValidationRule[];
     showSuccessMessages?: boolean;
+    isValidateOnBlur?: boolean;
+    disableErrorHandling?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {
-    appendInnerIconColor: import('vue').ComputedRef<"error" | "warning" | "success" | "black">;
+    validation: {
+        errors: import('vue').Ref<string[], string[]>;
+        warnings: import('vue').Ref<string[], string[]>;
+        successes: import('vue').Ref<string[], string[]>;
+        hasError: import('vue').ComputedRef<boolean>;
+        hasWarning: import('vue').ComputedRef<boolean>;
+        hasSuccess: import('vue').ComputedRef<boolean>;
+        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult;
+        validateOnSubmit: () => Promise<boolean>;
+        clearValidation: () => void;
+    };
     validateOnSubmit: () => boolean;
-    errors: import('vue').Ref<string[], string[]>;
-    warnings: import('vue').Ref<string[], string[]>;
-    successes: import('vue').Ref<string[], string[]>;
+    checkErrorOnBlur: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
     clear: (...args: any[]) => void;
-    "update:model-value": (...args: any[]) => void;
     "prepend-icon-click": (...args: any[]) => void;
     "append-icon-click": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
     "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
     "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -88,6 +96,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
     prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
     appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+    prependTooltip: string;
+    appendTooltip: string;
+    tooltipLocation: "top" | "bottom" | "start" | "end";
     variantStyle: VariantStyle;
     color: ColorType;
     isClearable: boolean;
@@ -136,15 +147,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     width: string | number;
     displayAsterisk: boolean;
     noIcon: boolean;
-    customRules: {
-        type: string;
-        options: RuleOptions;
-    }[];
-    customWarningRules: {
-        type: string;
-        options: RuleOptions;
-    }[];
+    customRules: ValidationRule[];
+    customWarningRules: ValidationRule[];
+    customSuccessRules: ValidationRule[];
     showSuccessMessages: boolean;
+    isValidateOnBlur: boolean;
+    disableErrorHandling: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     prepend?(_: {}): any;
     append?(_: {}): any;

package/dist/src/components/Customs/SyTextField/types.d.ts

@@ -1,3 +1,4 @@
 export type IconType = 'info' | 'success' | 'warning' | 'error' | 'close' | 'calendar' | undefined
 export type VariantStyle = 'outlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled' | 'underlined'
 export type ColorType = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error'
+export type ValidateOnType = 'eager' | 'lazy' | 'blur' | 'input' | 'submit' | 'invalid-input' | 'blur lazy' | 'input lazy' | 'submit lazy' | 'invalid-input lazy' | 'blur eager' | 'input eager' | 'submit eager' | 'invalid-input eager' | 'lazy blur' | 'lazy input' | 'lazy submit' | 'lazy invalid-input' | 'eager blur' | 'eager input' | 'eager submit' | 'eager invalid-input' | undefined

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

@@ -1,7 +1,5 @@
 import { nextTick } from 'vue';
-import { RuleOptions } from '../../composables/rules/useFieldValidation';
-type DateValue = string | [string, string] | null;
-type DateInput = string | string[] | null | object;
+import { DateValue, DateInput } from '../../composables/date/useDateInitialization';
 type __VLS_Props = {
     modelValue?: DateInput;
     placeholder?: string;
@@ -16,11 +14,11 @@ type __VLS_Props = {
     displayPrependIcon?: boolean;
     customRules?: {
         type: string;
-        options: RuleOptions;
+        options: any;
     }[];
     customWarningRules?: {
         type: string;
-        options: RuleOptions;
+        options: any;
     }[];
     isDisabled?: boolean;
     noIcon?: boolean;
@@ -28,24 +26,27 @@ type __VLS_Props = {
     isOutlined?: boolean;
     isReadOnly?: boolean;
     width?: string;
+    disableErrorHandling?: boolean;
+    showSuccessMessages?: boolean;
 };
-declare function initializeSelectedDates(modelValue: DateInput | null): Date | Date[] | null;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     validateOnSubmit: () => any;
     isDatePickerVisible: import('vue').Ref<boolean, boolean>;
     selectedDates: import('vue').Ref<Date | Date[] | null, Date | Date[] | null>;
     errorMessages: import('vue').Ref<string[], string[]>;
     handleClickOutside: (event: MouseEvent) => void;
-    initializeSelectedDates: typeof initializeSelectedDates;
+    initializeSelectedDates: (modelValue: DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
+    updateAccessibility: () => Promise<void>;
+    openDatePicker: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: DateValue) => any;
     blur: () => any;
     focus: () => any;
-    "update:modelValue": (value: DateValue) => any;
     closed: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateValue) => any) | undefined;
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: DateValue) => any) | undefined;
     onClosed?: (() => any) | undefined;
 }>, {
     required: boolean;
@@ -57,12 +58,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     noIcon: boolean;
     customRules: {
         type: string;
-        options: RuleOptions;
+        options: any;
     }[];
     customWarningRules: {
         type: string;
-        options: RuleOptions;
+        options: any;
     }[];
+    showSuccessMessages: boolean;
+    disableErrorHandling: boolean;
     format: string;
     dateFormatReturn: string;
     isOutlined: boolean;
@@ -87,27 +90,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayIcon?: boolean | undefined;
         displayAppendIcon?: boolean | undefined;
         noIcon?: boolean | undefined;
-        customRules?: {
-            type: string;
-            options: RuleOptions;
-        }[] | undefined;
-        customWarningRules?: {
-            type: string;
-            options: RuleOptions;
-        }[] | undefined;
+        customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+        customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
         displayPrependIcon?: boolean | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
     }> & Readonly<{
-        "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
+        "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
     }>, {
-        validateOnSubmit: () => boolean;
+        validateOnSubmit: () => Promise<boolean>;
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:model-value": (value: string | null) => any;
         blur: () => any;
         focus: () => any;
+        "update:model-value": (value: string | null) => any;
     }, import('vue').PublicProps, {
         required: boolean;
         modelValue: string | null;
@@ -116,14 +115,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isDisabled: boolean;
         placeholder: string;
         noIcon: boolean;
-        customRules: {
-            type: string;
-            options: RuleOptions;
-        }[];
-        customWarningRules: {
-            type: string;
-            options: RuleOptions;
-        }[];
+        customRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         format: string;
         dateFormatReturn: string;
         isOutlined: boolean;
@@ -140,6 +135,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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('../Customs/SyTextField/types').VariantStyle | undefined;
                 readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
                 readonly isClearable?: boolean | undefined;
@@ -190,17 +188,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly width?: string | number | undefined;
                 readonly displayAsterisk?: boolean | undefined;
                 readonly noIcon?: boolean | undefined;
-                readonly customRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | undefined;
-                readonly customWarningRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | undefined;
+                readonly customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
                 readonly showSuccessMessages?: boolean | undefined;
+                readonly isValidateOnBlur?: boolean | undefined;
+                readonly disableErrorHandling?: boolean | undefined;
+                readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 readonly onClear?: ((...args: any[]) => any) | undefined;
-                readonly "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                 readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -216,7 +211,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
             $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
             $host: Element | null;
-            $emit: ((event: "clear", ...args: any[]) => void) & ((event: "update:model-value", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+            $emit: ((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;
@@ -224,6 +219,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 appendIcon?: import('../Customs/SyTextField/types').IconType;
                 prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
                 appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
                 variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
                 color?: import('../Customs/SyTextField/types').ColorType | undefined;
                 isClearable?: boolean | undefined;
@@ -274,29 +272,34 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width?: string | number | undefined;
                 displayAsterisk?: boolean | undefined;
                 noIcon?: boolean | undefined;
-                customRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | undefined;
-                customWarningRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | undefined;
+                customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
                 showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: boolean | undefined;
+                disableErrorHandling?: boolean | undefined;
             }> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                 "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
             }>, {
-                appendInnerIconColor: import('vue').ComputedRef<"error" | "warning" | "success" | "black">;
+                validation: {
+                    errors: import('vue').Ref<string[], string[]>;
+                    warnings: import('vue').Ref<string[], string[]>;
+                    successes: import('vue').Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
+                };
                 validateOnSubmit: () => boolean;
-                errors: import('vue').Ref<string[], string[]>;
-                warnings: import('vue').Ref<string[], string[]>;
-                successes: import('vue').Ref<string[], string[]>;
+                checkErrorOnBlur: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
                 clear: (...args: any[]) => void;
-                "update:model-value": (...args: any[]) => void;
                 "prepend-icon-click": (...args: any[]) => void;
                 "append-icon-click": (...args: any[]) => void;
             }, string, {
@@ -305,6 +308,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
                 prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
                 appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
                 variantStyle: import('../Customs/SyTextField/types').VariantStyle;
                 color: import('../Customs/SyTextField/types').ColorType;
                 isClearable: boolean;
@@ -353,15 +359,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width: string | number;
                 displayAsterisk: boolean;
                 noIcon: boolean;
-                customRules: {
-                    type: string;
-                    options: RuleOptions;
-                }[];
-                customWarningRules: {
-                    type: string;
-                    options: RuleOptions;
-                }[];
+                customRules: import('../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
                 showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
+                disableErrorHandling: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -388,6 +391,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
             prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
             appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependTooltip: string;
+            appendTooltip: string;
+            tooltipLocation: "top" | "bottom" | "start" | "end";
             variantStyle: import('../Customs/SyTextField/types').VariantStyle;
             color: import('../Customs/SyTextField/types').ColorType;
             isClearable: boolean;
@@ -436,21 +442,21 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             width: string | number;
             displayAsterisk: boolean;
             noIcon: boolean;
-            customRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
-            customWarningRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
+            customRules: import('../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
             showSuccessMessages: boolean;
+            isValidateOnBlur: boolean;
+            disableErrorHandling: boolean;
         }> & Omit<Readonly<{
             modelValue?: string | number | null | undefined;
             prependIcon?: import('../Customs/SyTextField/types').IconType;
             appendIcon?: import('../Customs/SyTextField/types').IconType;
             prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
             appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            prependTooltip?: string | undefined;
+            appendTooltip?: string | undefined;
+            tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
             variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
             color?: import('../Customs/SyTextField/types').ColorType | undefined;
             isClearable?: boolean | undefined;
@@ -501,26 +507,31 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             width?: string | number | undefined;
             displayAsterisk?: boolean | undefined;
             noIcon?: boolean | undefined;
-            customRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
-            customWarningRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
+            customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
             showSuccessMessages?: boolean | undefined;
+            isValidateOnBlur?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
         }> & Readonly<{
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
             "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-        }>, "appendInnerIconColor" | "validateOnSubmit" | "errors" | "warnings" | "successes" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "isReadOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "isDisabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "showSuccessMessages")> & import('vue').ShallowUnwrapRef<{
-            appendInnerIconColor: import('vue').ComputedRef<"error" | "warning" | "success" | "black">;
+        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "isReadOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "isDisabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+            validation: {
+                errors: import('vue').Ref<string[], string[]>;
+                warnings: import('vue').Ref<string[], string[]>;
+                successes: import('vue').Ref<string[], string[]>;
+                hasError: import('vue').ComputedRef<boolean>;
+                hasWarning: import('vue').ComputedRef<boolean>;
+                hasSuccess: import('vue').ComputedRef<boolean>;
+                validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                validateOnSubmit: () => Promise<boolean>;
+                clearValidation: () => void;
+            };
             validateOnSubmit: () => boolean;
-            errors: import('vue').Ref<string[], string[]>;
-            warnings: import('vue').Ref<string[], string[]>;
-            successes: import('vue').Ref<string[], string[]>;
+            checkErrorOnBlur: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 prepend?(_: {}): any;
@@ -550,21 +561,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayIcon?: boolean | undefined;
         displayAppendIcon?: boolean | undefined;
         noIcon?: boolean | undefined;
-        customRules?: {
-            type: string;
-            options: RuleOptions;
-        }[] | undefined;
-        customWarningRules?: {
-            type: string;
-            options: RuleOptions;
-        }[] | undefined;
+        customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+        customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
         displayPrependIcon?: boolean | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
     }> & Readonly<{
-        "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
+        "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
     }>, {
-        validateOnSubmit: () => boolean;
+        validateOnSubmit: () => Promise<boolean>;
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, {
@@ -575,14 +582,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isDisabled: boolean;
         placeholder: string;
         noIcon: boolean;
-        customRules: {
-            type: string;
-            options: RuleOptions;
-        }[];
-        customWarningRules: {
-            type: string;
-            options: RuleOptions;
-        }[];
+        customRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         format: string;
         dateFormatReturn: string;
         isOutlined: boolean;