@cnamts/synapse 0.0.13-alpha → 0.0.15-alpha

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

@@ -1,1405 +0,0 @@
-import { ValidationRule } from '../../composables/validation/useValidation';
-type DateInput = string | null;
-type PeriodValue = {
-    from: DateInput;
-    to: DateInput;
-};
-type __VLS_Props = {
-    modelValue?: PeriodValue;
-    placeholderFrom?: string;
-    placeholderTo?: string;
-    format?: string;
-    dateFormatReturn?: string;
-    showWeekNumber?: boolean;
-    required?: boolean;
-    displayIcon?: boolean;
-    displayAppendIcon?: boolean;
-    isDisabled?: boolean;
-    noIcon?: boolean;
-    noCalendar?: boolean;
-    isOutlined?: boolean;
-    showSuccessMessages?: boolean;
-    customRules?: ValidationRule[];
-    customWarningRules?: ValidationRule[];
-    disableErrorHandling?: boolean;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {
-    validateOnSubmit: () => boolean;
-    errors: {
-        fromDate: import('vue').Ref<string[], string[]>;
-        toDate: import('vue').Ref<string[], string[]>;
-    };
-    successes: {
-        fromDate: import('vue').Ref<string[], string[]>;
-        toDate: import('vue').Ref<string[], string[]>;
-    };
-    warnings: {
-        fromDate: import('vue').Ref<string[], string[]>;
-        toDate: import('vue').Ref<string[], string[]>;
-    };
-    isValid: import('vue').ComputedRef<boolean>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-    required: boolean;
-    modelValue: PeriodValue;
-    isDisabled: boolean;
-    noIcon: boolean;
-    customRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
-    showSuccessMessages: boolean;
-    disableErrorHandling: boolean;
-    format: string;
-    dateFormatReturn: string;
-    isOutlined: boolean;
-    displayIcon: boolean;
-    displayAppendIcon: boolean;
-    showWeekNumber: boolean;
-    noCalendar: boolean;
-    placeholderFrom: string;
-    placeholderTo: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    fromDateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
-        placeholder?: string | undefined;
-        format?: string | undefined;
-        dateFormatReturn?: string | undefined;
-        isBirthDate?: boolean | undefined;
-        showWeekNumber?: boolean | undefined;
-        required?: boolean | undefined;
-        displayRange?: boolean | undefined;
-        displayIcon?: boolean | undefined;
-        displayAppendIcon?: boolean | undefined;
-        displayPrependIcon?: boolean | undefined;
-        customRules?: {
-            type: string;
-            options: any;
-        }[] | undefined;
-        customWarningRules?: {
-            type: string;
-            options: any;
-        }[] | undefined;
-        isDisabled?: boolean | undefined;
-        noIcon?: boolean | undefined;
-        noCalendar?: boolean | undefined;
-        isOutlined?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
-        width?: string | undefined;
-        disableErrorHandling?: boolean | undefined;
-        showSuccessMessages?: boolean | undefined;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
-        onBlur?: (() => any) | undefined;
-        onFocus?: (() => any) | undefined;
-        onClosed?: (() => any) | undefined;
-    }>, {
-        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: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
-        updateAccessibility: () => Promise<void>;
-        openDatePicker: () => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: import('../../composables/date/useDateInitialization').DateValue) => any;
-        blur: () => any;
-        focus: () => any;
-        closed: () => any;
-    }, import('vue').PublicProps, {
-        required: boolean;
-        modelValue: import('../../composables/date/useDateInitialization').DateInput;
-        isReadOnly: boolean;
-        isDisabled: boolean;
-        placeholder: string;
-        width: string;
-        noIcon: boolean;
-        customRules: {
-            type: string;
-            options: any;
-        }[];
-        customWarningRules: {
-            type: string;
-            options: any;
-        }[];
-        showSuccessMessages: boolean;
-        disableErrorHandling: boolean;
-        format: string;
-        dateFormatReturn: string;
-        isOutlined: boolean;
-        displayIcon: boolean;
-        displayAppendIcon: boolean;
-        displayPrependIcon: boolean;
-        isBirthDate: boolean;
-        showWeekNumber: boolean;
-        displayRange: boolean;
-        noCalendar: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            modelValue?: (string | null) | undefined;
-            placeholder?: string | undefined;
-            format?: string | undefined;
-            dateFormatReturn?: string | undefined;
-            label?: string | undefined;
-            required?: boolean | undefined;
-            isDisabled?: boolean | undefined;
-            isReadOnly?: boolean | undefined;
-            isOutlined?: boolean | undefined;
-            displayIcon?: boolean | undefined;
-            displayAppendIcon?: boolean | undefined;
-            noIcon?: boolean | undefined;
-            customRules?: ValidationRule[] | undefined;
-            customWarningRules?: ValidationRule[] | undefined;
-            displayPrependIcon?: boolean | undefined;
-            disableErrorHandling?: boolean | undefined;
-            showSuccessMessages?: boolean | undefined;
-        }> & Readonly<{
-            onBlur?: (() => any) | undefined;
-            onFocus?: (() => any) | undefined;
-            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
-        }>, {
-            validateOnSubmit: () => Promise<boolean>;
-            focus: () => void;
-            blur: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            blur: () => any;
-            focus: () => any;
-            "update:model-value": (value: string | null) => any;
-        }, import('vue').PublicProps, {
-            required: boolean;
-            modelValue: string | null;
-            label: string;
-            isReadOnly: boolean;
-            isDisabled: boolean;
-            placeholder: string;
-            noIcon: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            showSuccessMessages: boolean;
-            disableErrorHandling: boolean;
-            format: string;
-            dateFormatReturn: string;
-            isOutlined: boolean;
-            displayIcon: boolean;
-            displayAppendIcon: boolean;
-            displayPrependIcon: boolean;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            inputRef: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly modelValue?: string | number | null | undefined;
-                    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('../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;
-                    readonly required?: boolean | undefined;
-                    readonly errorMessages?: string[] | null | undefined;
-                    readonly warningMessages?: string[] | null | undefined;
-                    readonly successMessages?: string[] | null | undefined;
-                    readonly isReadOnly?: boolean | undefined;
-                    readonly isActive?: boolean | undefined;
-                    readonly baseColor?: string | undefined;
-                    readonly bgColor?: string | undefined;
-                    readonly centerAffix?: boolean | undefined;
-                    readonly counter?: string | number | boolean | undefined;
-                    readonly counterValue?: number | ((value: any) => number) | undefined;
-                    readonly density?: "default" | "comfortable" | "compact" | undefined;
-                    readonly direction?: "horizontal" | "vertical" | undefined;
-                    readonly isDirty?: boolean | undefined;
-                    readonly isDisabled?: boolean | undefined;
-                    readonly isOnError?: 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;
-                    readonly loading?: string | boolean | undefined;
-                    readonly maxErrors?: string | number | undefined;
-                    readonly maxWidth?: string | number | undefined;
-                    readonly messages?: string | string[] | undefined;
-                    readonly minWidth?: string | number | undefined;
-                    readonly name?: string | undefined;
-                    readonly displayPersistentClear?: boolean | undefined;
-                    readonly displayPersistentCounter?: boolean | undefined;
-                    readonly displayPersistentHint?: boolean | undefined;
-                    readonly displayPersistentPlaceholder?: boolean | undefined;
-                    readonly placeholder?: string | undefined;
-                    readonly prefix?: string | undefined;
-                    readonly isReversed?: boolean | undefined;
-                    readonly role?: string | undefined;
-                    readonly rounded?: string | number | boolean | undefined;
-                    readonly isOnSingleLine?: boolean | undefined;
-                    readonly suffix?: string | undefined;
-                    readonly theme?: string | undefined;
-                    readonly isTiled?: boolean | undefined;
-                    readonly type?: string | undefined;
-                    readonly width?: string | number | undefined;
-                    readonly displayAsterisk?: boolean | undefined;
-                    readonly noIcon?: boolean | undefined;
-                    readonly customRules?: ValidationRule[] | undefined;
-                    readonly customWarningRules?: ValidationRule[] | undefined;
-                    readonly customSuccessRules?: 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 "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
-                    readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $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: "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('../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;
-                    showDivider?: boolean | undefined;
-                    label?: string | undefined;
-                    required?: boolean | undefined;
-                    errorMessages?: string[] | null | undefined;
-                    warningMessages?: string[] | null | undefined;
-                    successMessages?: string[] | null | undefined;
-                    isReadOnly?: boolean | undefined;
-                    isActive?: boolean | undefined;
-                    baseColor?: string | undefined;
-                    bgColor?: string | undefined;
-                    centerAffix?: boolean | undefined;
-                    counter?: string | number | boolean | undefined;
-                    counterValue?: number | ((value: any) => number) | undefined;
-                    density?: "default" | "comfortable" | "compact" | undefined;
-                    direction?: "horizontal" | "vertical" | undefined;
-                    isDirty?: boolean | undefined;
-                    isDisabled?: boolean | undefined;
-                    isOnError?: boolean | undefined;
-                    isFlat?: boolean | undefined;
-                    isFocused?: boolean | undefined;
-                    areDetailsHidden?: boolean | "auto" | undefined;
-                    areSpinButtonsHidden?: boolean | undefined;
-                    hint?: string | undefined;
-                    id?: string | undefined;
-                    loading?: string | boolean | undefined;
-                    maxErrors?: string | number | undefined;
-                    maxWidth?: string | number | undefined;
-                    messages?: string | string[] | undefined;
-                    minWidth?: string | number | undefined;
-                    name?: string | undefined;
-                    displayPersistentClear?: boolean | undefined;
-                    displayPersistentCounter?: boolean | undefined;
-                    displayPersistentHint?: boolean | undefined;
-                    displayPersistentPlaceholder?: boolean | undefined;
-                    placeholder?: string | undefined;
-                    prefix?: string | undefined;
-                    isReversed?: boolean | undefined;
-                    role?: string | undefined;
-                    rounded?: string | number | boolean | undefined;
-                    isOnSingleLine?: boolean | undefined;
-                    suffix?: string | undefined;
-                    theme?: string | undefined;
-                    isTiled?: boolean | undefined;
-                    type?: string | undefined;
-                    width?: string | number | undefined;
-                    displayAsterisk?: boolean | undefined;
-                    noIcon?: boolean | undefined;
-                    customRules?: ValidationRule[] | undefined;
-                    customWarningRules?: ValidationRule[] | undefined;
-                    customSuccessRules?: ValidationRule[] | undefined;
-                    showSuccessMessages?: boolean | undefined;
-                    isValidateOnBlur?: boolean | undefined;
-                    disableErrorHandling?: boolean | undefined;
-                }> & Readonly<{
-                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                    onClear?: ((...args: any[]) => any) | undefined;
-                    "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
-                    "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    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;
-                    checkErrorOnBlur: () => void;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "update:modelValue": (...args: any[]) => void;
-                    clear: (...args: any[]) => void;
-                    "prepend-icon-click": (...args: any[]) => void;
-                    "append-icon-click": (...args: any[]) => void;
-                }, string, {
-                    modelValue: string | number | null;
-                    prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                    appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                    prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                    appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                    prependTooltip: string;
-                    appendTooltip: string;
-                    tooltipLocation: "top" | "bottom" | "start" | "end";
-                    variantStyle: import('../Customs/SyTextField/types').VariantStyle;
-                    color: import('../Customs/SyTextField/types').ColorType;
-                    isClearable: boolean;
-                    label: string;
-                    errorMessages: string[] | null;
-                    warningMessages: string[] | null;
-                    successMessages: string[] | null;
-                    isReadOnly: 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;
-                    isDisabled: boolean;
-                    isOnError: boolean;
-                    isFlat: boolean;
-                    isFocused: boolean;
-                    areDetailsHidden: boolean | "auto";
-                    areSpinButtonsHidden: boolean;
-                    hint: string;
-                    id: string;
-                    loading: string | boolean;
-                    maxErrors: string | number;
-                    maxWidth: string | number;
-                    messages: string | string[];
-                    minWidth: string | number;
-                    name: string;
-                    displayPersistentClear: boolean;
-                    displayPersistentCounter: boolean;
-                    displayPersistentHint: boolean;
-                    displayPersistentPlaceholder: boolean;
-                    placeholder: string;
-                    prefix: string;
-                    isReversed: boolean;
-                    role: string;
-                    rounded: string | number | boolean;
-                    isOnSingleLine: boolean;
-                    suffix: string;
-                    theme: string;
-                    isTiled: boolean;
-                    type: string;
-                    width: string | number;
-                    displayAsterisk: boolean;
-                    noIcon: boolean;
-                    customRules: ValidationRule[];
-                    customWarningRules: ValidationRule[];
-                    customSuccessRules: 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;
-                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                    mounted?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                    updated?: ((() => void) | (() => void)[]) | undefined;
-                    activated?: ((() => void) | (() => void)[]) | undefined;
-                    deactivated?: ((() => void) | (() => void)[]) | undefined;
-                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                    destroyed?: ((() => void) | (() => void)[]) | undefined;
-                    unmounted?: ((() => void) | (() => void)[]) | undefined;
-                    renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-                    renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-                    errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
-            } & Readonly<{
-                modelValue: string | number | null;
-                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                prependTooltip: string;
-                appendTooltip: string;
-                tooltipLocation: "top" | "bottom" | "start" | "end";
-                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
-                color: import('../Customs/SyTextField/types').ColorType;
-                isClearable: boolean;
-                label: string;
-                errorMessages: string[] | null;
-                warningMessages: string[] | null;
-                successMessages: string[] | null;
-                isReadOnly: 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;
-                isDisabled: boolean;
-                isOnError: boolean;
-                isFlat: boolean;
-                isFocused: boolean;
-                areDetailsHidden: boolean | "auto";
-                areSpinButtonsHidden: boolean;
-                hint: string;
-                id: string;
-                loading: string | boolean;
-                maxErrors: string | number;
-                maxWidth: string | number;
-                messages: string | string[];
-                minWidth: string | number;
-                name: string;
-                displayPersistentClear: boolean;
-                displayPersistentCounter: boolean;
-                displayPersistentHint: boolean;
-                displayPersistentPlaceholder: boolean;
-                placeholder: string;
-                prefix: string;
-                isReversed: boolean;
-                role: string;
-                rounded: string | number | boolean;
-                isOnSingleLine: boolean;
-                suffix: string;
-                theme: string;
-                isTiled: boolean;
-                type: string;
-                width: string | number;
-                displayAsterisk: boolean;
-                noIcon: boolean;
-                customRules: ValidationRule[];
-                customWarningRules: ValidationRule[];
-                customSuccessRules: 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;
-                showDivider?: boolean | undefined;
-                label?: string | undefined;
-                required?: boolean | undefined;
-                errorMessages?: string[] | null | undefined;
-                warningMessages?: string[] | null | undefined;
-                successMessages?: string[] | null | undefined;
-                isReadOnly?: boolean | undefined;
-                isActive?: boolean | undefined;
-                baseColor?: string | undefined;
-                bgColor?: string | undefined;
-                centerAffix?: boolean | undefined;
-                counter?: string | number | boolean | undefined;
-                counterValue?: number | ((value: any) => number) | undefined;
-                density?: "default" | "comfortable" | "compact" | undefined;
-                direction?: "horizontal" | "vertical" | undefined;
-                isDirty?: boolean | undefined;
-                isDisabled?: boolean | undefined;
-                isOnError?: boolean | undefined;
-                isFlat?: boolean | undefined;
-                isFocused?: boolean | undefined;
-                areDetailsHidden?: boolean | "auto" | undefined;
-                areSpinButtonsHidden?: boolean | undefined;
-                hint?: string | undefined;
-                id?: string | undefined;
-                loading?: string | boolean | undefined;
-                maxErrors?: string | number | undefined;
-                maxWidth?: string | number | undefined;
-                messages?: string | string[] | undefined;
-                minWidth?: string | number | undefined;
-                name?: string | undefined;
-                displayPersistentClear?: boolean | undefined;
-                displayPersistentCounter?: boolean | undefined;
-                displayPersistentHint?: boolean | undefined;
-                displayPersistentPlaceholder?: boolean | undefined;
-                placeholder?: string | undefined;
-                prefix?: string | undefined;
-                isReversed?: boolean | undefined;
-                role?: string | undefined;
-                rounded?: string | number | boolean | undefined;
-                isOnSingleLine?: boolean | undefined;
-                suffix?: string | undefined;
-                theme?: string | undefined;
-                isTiled?: boolean | undefined;
-                type?: string | undefined;
-                width?: string | number | undefined;
-                displayAsterisk?: boolean | undefined;
-                noIcon?: boolean | undefined;
-                customRules?: ValidationRule[] | undefined;
-                customWarningRules?: ValidationRule[] | undefined;
-                customSuccessRules?: ValidationRule[] | undefined;
-                showSuccessMessages?: boolean | undefined;
-                isValidateOnBlur?: boolean | undefined;
-                disableErrorHandling?: boolean | undefined;
-            }> & Readonly<{
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                onClear?: ((...args: any[]) => any) | undefined;
-                "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
-                "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-            }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "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?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
-                    validateOnSubmit: () => Promise<boolean>;
-                    clearValidation: () => void;
-                };
-                validateOnSubmit: () => boolean;
-                checkErrorOnBlur: () => void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    prepend?(_: {}): any;
-                    append?(_: {}): any;
-                    'prepend-inner'?(_: {}): any;
-                    'append-inner'?(_: {}): any;
-                    details?(_: {}): any;
-                };
-            }) | null;
-        }, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            modelValue?: (string | null) | undefined;
-            placeholder?: string | undefined;
-            format?: string | undefined;
-            dateFormatReturn?: string | undefined;
-            label?: string | undefined;
-            required?: boolean | undefined;
-            isDisabled?: boolean | undefined;
-            isReadOnly?: boolean | undefined;
-            isOutlined?: boolean | undefined;
-            displayIcon?: boolean | undefined;
-            displayAppendIcon?: boolean | undefined;
-            noIcon?: boolean | undefined;
-            customRules?: ValidationRule[] | undefined;
-            customWarningRules?: ValidationRule[] | undefined;
-            displayPrependIcon?: boolean | undefined;
-            disableErrorHandling?: boolean | undefined;
-            showSuccessMessages?: boolean | undefined;
-        }> & Readonly<{
-            onBlur?: (() => any) | undefined;
-            onFocus?: (() => any) | undefined;
-            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
-        }>, {
-            validateOnSubmit: () => Promise<boolean>;
-            focus: () => void;
-            blur: () => void;
-        }, {}, {}, {}, {
-            required: boolean;
-            modelValue: string | null;
-            label: string;
-            isReadOnly: boolean;
-            isDisabled: boolean;
-            placeholder: string;
-            noIcon: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            showSuccessMessages: boolean;
-            disableErrorHandling: boolean;
-            format: string;
-            dateFormatReturn: string;
-            isOutlined: boolean;
-            displayIcon: boolean;
-            displayAppendIcon: boolean;
-            displayPrependIcon: boolean;
-        }> | null;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
-        placeholder?: string | undefined;
-        format?: string | undefined;
-        dateFormatReturn?: string | undefined;
-        isBirthDate?: boolean | undefined;
-        showWeekNumber?: boolean | undefined;
-        required?: boolean | undefined;
-        displayRange?: boolean | undefined;
-        displayIcon?: boolean | undefined;
-        displayAppendIcon?: boolean | undefined;
-        displayPrependIcon?: boolean | undefined;
-        customRules?: {
-            type: string;
-            options: any;
-        }[] | undefined;
-        customWarningRules?: {
-            type: string;
-            options: any;
-        }[] | undefined;
-        isDisabled?: boolean | undefined;
-        noIcon?: boolean | undefined;
-        noCalendar?: boolean | undefined;
-        isOutlined?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
-        width?: string | undefined;
-        disableErrorHandling?: boolean | undefined;
-        showSuccessMessages?: boolean | undefined;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
-        onBlur?: (() => any) | undefined;
-        onFocus?: (() => any) | undefined;
-        onClosed?: (() => any) | undefined;
-    }>, {
-        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: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
-        updateAccessibility: () => Promise<void>;
-        openDatePicker: () => void;
-    }, {}, {}, {}, {
-        required: boolean;
-        modelValue: import('../../composables/date/useDateInitialization').DateInput;
-        isReadOnly: boolean;
-        isDisabled: boolean;
-        placeholder: string;
-        width: string;
-        noIcon: boolean;
-        customRules: {
-            type: string;
-            options: any;
-        }[];
-        customWarningRules: {
-            type: string;
-            options: any;
-        }[];
-        showSuccessMessages: boolean;
-        disableErrorHandling: boolean;
-        format: string;
-        dateFormatReturn: string;
-        isOutlined: boolean;
-        displayIcon: boolean;
-        displayAppendIcon: boolean;
-        displayPrependIcon: boolean;
-        isBirthDate: boolean;
-        showWeekNumber: boolean;
-        displayRange: boolean;
-        noCalendar: boolean;
-    }> | null;
-    toDateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
-        placeholder?: string | undefined;
-        format?: string | undefined;
-        dateFormatReturn?: string | undefined;
-        isBirthDate?: boolean | undefined;
-        showWeekNumber?: boolean | undefined;
-        required?: boolean | undefined;
-        displayRange?: boolean | undefined;
-        displayIcon?: boolean | undefined;
-        displayAppendIcon?: boolean | undefined;
-        displayPrependIcon?: boolean | undefined;
-        customRules?: {
-            type: string;
-            options: any;
-        }[] | undefined;
-        customWarningRules?: {
-            type: string;
-            options: any;
-        }[] | undefined;
-        isDisabled?: boolean | undefined;
-        noIcon?: boolean | undefined;
-        noCalendar?: boolean | undefined;
-        isOutlined?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
-        width?: string | undefined;
-        disableErrorHandling?: boolean | undefined;
-        showSuccessMessages?: boolean | undefined;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
-        onBlur?: (() => any) | undefined;
-        onFocus?: (() => any) | undefined;
-        onClosed?: (() => any) | undefined;
-    }>, {
-        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: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
-        updateAccessibility: () => Promise<void>;
-        openDatePicker: () => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: import('../../composables/date/useDateInitialization').DateValue) => any;
-        blur: () => any;
-        focus: () => any;
-        closed: () => any;
-    }, import('vue').PublicProps, {
-        required: boolean;
-        modelValue: import('../../composables/date/useDateInitialization').DateInput;
-        isReadOnly: boolean;
-        isDisabled: boolean;
-        placeholder: string;
-        width: string;
-        noIcon: boolean;
-        customRules: {
-            type: string;
-            options: any;
-        }[];
-        customWarningRules: {
-            type: string;
-            options: any;
-        }[];
-        showSuccessMessages: boolean;
-        disableErrorHandling: boolean;
-        format: string;
-        dateFormatReturn: string;
-        isOutlined: boolean;
-        displayIcon: boolean;
-        displayAppendIcon: boolean;
-        displayPrependIcon: boolean;
-        isBirthDate: boolean;
-        showWeekNumber: boolean;
-        displayRange: boolean;
-        noCalendar: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            modelValue?: (string | null) | undefined;
-            placeholder?: string | undefined;
-            format?: string | undefined;
-            dateFormatReturn?: string | undefined;
-            label?: string | undefined;
-            required?: boolean | undefined;
-            isDisabled?: boolean | undefined;
-            isReadOnly?: boolean | undefined;
-            isOutlined?: boolean | undefined;
-            displayIcon?: boolean | undefined;
-            displayAppendIcon?: boolean | undefined;
-            noIcon?: boolean | undefined;
-            customRules?: ValidationRule[] | undefined;
-            customWarningRules?: ValidationRule[] | undefined;
-            displayPrependIcon?: boolean | undefined;
-            disableErrorHandling?: boolean | undefined;
-            showSuccessMessages?: boolean | undefined;
-        }> & Readonly<{
-            onBlur?: (() => any) | undefined;
-            onFocus?: (() => any) | undefined;
-            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
-        }>, {
-            validateOnSubmit: () => Promise<boolean>;
-            focus: () => void;
-            blur: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            blur: () => any;
-            focus: () => any;
-            "update:model-value": (value: string | null) => any;
-        }, import('vue').PublicProps, {
-            required: boolean;
-            modelValue: string | null;
-            label: string;
-            isReadOnly: boolean;
-            isDisabled: boolean;
-            placeholder: string;
-            noIcon: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            showSuccessMessages: boolean;
-            disableErrorHandling: boolean;
-            format: string;
-            dateFormatReturn: string;
-            isOutlined: boolean;
-            displayIcon: boolean;
-            displayAppendIcon: boolean;
-            displayPrependIcon: boolean;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            inputRef: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly modelValue?: string | number | null | undefined;
-                    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('../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;
-                    readonly required?: boolean | undefined;
-                    readonly errorMessages?: string[] | null | undefined;
-                    readonly warningMessages?: string[] | null | undefined;
-                    readonly successMessages?: string[] | null | undefined;
-                    readonly isReadOnly?: boolean | undefined;
-                    readonly isActive?: boolean | undefined;
-                    readonly baseColor?: string | undefined;
-                    readonly bgColor?: string | undefined;
-                    readonly centerAffix?: boolean | undefined;
-                    readonly counter?: string | number | boolean | undefined;
-                    readonly counterValue?: number | ((value: any) => number) | undefined;
-                    readonly density?: "default" | "comfortable" | "compact" | undefined;
-                    readonly direction?: "horizontal" | "vertical" | undefined;
-                    readonly isDirty?: boolean | undefined;
-                    readonly isDisabled?: boolean | undefined;
-                    readonly isOnError?: 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;
-                    readonly loading?: string | boolean | undefined;
-                    readonly maxErrors?: string | number | undefined;
-                    readonly maxWidth?: string | number | undefined;
-                    readonly messages?: string | string[] | undefined;
-                    readonly minWidth?: string | number | undefined;
-                    readonly name?: string | undefined;
-                    readonly displayPersistentClear?: boolean | undefined;
-                    readonly displayPersistentCounter?: boolean | undefined;
-                    readonly displayPersistentHint?: boolean | undefined;
-                    readonly displayPersistentPlaceholder?: boolean | undefined;
-                    readonly placeholder?: string | undefined;
-                    readonly prefix?: string | undefined;
-                    readonly isReversed?: boolean | undefined;
-                    readonly role?: string | undefined;
-                    readonly rounded?: string | number | boolean | undefined;
-                    readonly isOnSingleLine?: boolean | undefined;
-                    readonly suffix?: string | undefined;
-                    readonly theme?: string | undefined;
-                    readonly isTiled?: boolean | undefined;
-                    readonly type?: string | undefined;
-                    readonly width?: string | number | undefined;
-                    readonly displayAsterisk?: boolean | undefined;
-                    readonly noIcon?: boolean | undefined;
-                    readonly customRules?: ValidationRule[] | undefined;
-                    readonly customWarningRules?: ValidationRule[] | undefined;
-                    readonly customSuccessRules?: 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 "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
-                    readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $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: "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('../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;
-                    showDivider?: boolean | undefined;
-                    label?: string | undefined;
-                    required?: boolean | undefined;
-                    errorMessages?: string[] | null | undefined;
-                    warningMessages?: string[] | null | undefined;
-                    successMessages?: string[] | null | undefined;
-                    isReadOnly?: boolean | undefined;
-                    isActive?: boolean | undefined;
-                    baseColor?: string | undefined;
-                    bgColor?: string | undefined;
-                    centerAffix?: boolean | undefined;
-                    counter?: string | number | boolean | undefined;
-                    counterValue?: number | ((value: any) => number) | undefined;
-                    density?: "default" | "comfortable" | "compact" | undefined;
-                    direction?: "horizontal" | "vertical" | undefined;
-                    isDirty?: boolean | undefined;
-                    isDisabled?: boolean | undefined;
-                    isOnError?: boolean | undefined;
-                    isFlat?: boolean | undefined;
-                    isFocused?: boolean | undefined;
-                    areDetailsHidden?: boolean | "auto" | undefined;
-                    areSpinButtonsHidden?: boolean | undefined;
-                    hint?: string | undefined;
-                    id?: string | undefined;
-                    loading?: string | boolean | undefined;
-                    maxErrors?: string | number | undefined;
-                    maxWidth?: string | number | undefined;
-                    messages?: string | string[] | undefined;
-                    minWidth?: string | number | undefined;
-                    name?: string | undefined;
-                    displayPersistentClear?: boolean | undefined;
-                    displayPersistentCounter?: boolean | undefined;
-                    displayPersistentHint?: boolean | undefined;
-                    displayPersistentPlaceholder?: boolean | undefined;
-                    placeholder?: string | undefined;
-                    prefix?: string | undefined;
-                    isReversed?: boolean | undefined;
-                    role?: string | undefined;
-                    rounded?: string | number | boolean | undefined;
-                    isOnSingleLine?: boolean | undefined;
-                    suffix?: string | undefined;
-                    theme?: string | undefined;
-                    isTiled?: boolean | undefined;
-                    type?: string | undefined;
-                    width?: string | number | undefined;
-                    displayAsterisk?: boolean | undefined;
-                    noIcon?: boolean | undefined;
-                    customRules?: ValidationRule[] | undefined;
-                    customWarningRules?: ValidationRule[] | undefined;
-                    customSuccessRules?: ValidationRule[] | undefined;
-                    showSuccessMessages?: boolean | undefined;
-                    isValidateOnBlur?: boolean | undefined;
-                    disableErrorHandling?: boolean | undefined;
-                }> & Readonly<{
-                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                    onClear?: ((...args: any[]) => any) | undefined;
-                    "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
-                    "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    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;
-                    checkErrorOnBlur: () => void;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "update:modelValue": (...args: any[]) => void;
-                    clear: (...args: any[]) => void;
-                    "prepend-icon-click": (...args: any[]) => void;
-                    "append-icon-click": (...args: any[]) => void;
-                }, string, {
-                    modelValue: string | number | null;
-                    prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                    appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                    prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                    appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                    prependTooltip: string;
-                    appendTooltip: string;
-                    tooltipLocation: "top" | "bottom" | "start" | "end";
-                    variantStyle: import('../Customs/SyTextField/types').VariantStyle;
-                    color: import('../Customs/SyTextField/types').ColorType;
-                    isClearable: boolean;
-                    label: string;
-                    errorMessages: string[] | null;
-                    warningMessages: string[] | null;
-                    successMessages: string[] | null;
-                    isReadOnly: 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;
-                    isDisabled: boolean;
-                    isOnError: boolean;
-                    isFlat: boolean;
-                    isFocused: boolean;
-                    areDetailsHidden: boolean | "auto";
-                    areSpinButtonsHidden: boolean;
-                    hint: string;
-                    id: string;
-                    loading: string | boolean;
-                    maxErrors: string | number;
-                    maxWidth: string | number;
-                    messages: string | string[];
-                    minWidth: string | number;
-                    name: string;
-                    displayPersistentClear: boolean;
-                    displayPersistentCounter: boolean;
-                    displayPersistentHint: boolean;
-                    displayPersistentPlaceholder: boolean;
-                    placeholder: string;
-                    prefix: string;
-                    isReversed: boolean;
-                    role: string;
-                    rounded: string | number | boolean;
-                    isOnSingleLine: boolean;
-                    suffix: string;
-                    theme: string;
-                    isTiled: boolean;
-                    type: string;
-                    width: string | number;
-                    displayAsterisk: boolean;
-                    noIcon: boolean;
-                    customRules: ValidationRule[];
-                    customWarningRules: ValidationRule[];
-                    customSuccessRules: 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;
-                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                    mounted?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                    updated?: ((() => void) | (() => void)[]) | undefined;
-                    activated?: ((() => void) | (() => void)[]) | undefined;
-                    deactivated?: ((() => void) | (() => void)[]) | undefined;
-                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                    destroyed?: ((() => void) | (() => void)[]) | undefined;
-                    unmounted?: ((() => void) | (() => void)[]) | undefined;
-                    renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-                    renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-                    errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
-            } & Readonly<{
-                modelValue: string | number | null;
-                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
-                prependTooltip: string;
-                appendTooltip: string;
-                tooltipLocation: "top" | "bottom" | "start" | "end";
-                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
-                color: import('../Customs/SyTextField/types').ColorType;
-                isClearable: boolean;
-                label: string;
-                errorMessages: string[] | null;
-                warningMessages: string[] | null;
-                successMessages: string[] | null;
-                isReadOnly: 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;
-                isDisabled: boolean;
-                isOnError: boolean;
-                isFlat: boolean;
-                isFocused: boolean;
-                areDetailsHidden: boolean | "auto";
-                areSpinButtonsHidden: boolean;
-                hint: string;
-                id: string;
-                loading: string | boolean;
-                maxErrors: string | number;
-                maxWidth: string | number;
-                messages: string | string[];
-                minWidth: string | number;
-                name: string;
-                displayPersistentClear: boolean;
-                displayPersistentCounter: boolean;
-                displayPersistentHint: boolean;
-                displayPersistentPlaceholder: boolean;
-                placeholder: string;
-                prefix: string;
-                isReversed: boolean;
-                role: string;
-                rounded: string | number | boolean;
-                isOnSingleLine: boolean;
-                suffix: string;
-                theme: string;
-                isTiled: boolean;
-                type: string;
-                width: string | number;
-                displayAsterisk: boolean;
-                noIcon: boolean;
-                customRules: ValidationRule[];
-                customWarningRules: ValidationRule[];
-                customSuccessRules: 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;
-                showDivider?: boolean | undefined;
-                label?: string | undefined;
-                required?: boolean | undefined;
-                errorMessages?: string[] | null | undefined;
-                warningMessages?: string[] | null | undefined;
-                successMessages?: string[] | null | undefined;
-                isReadOnly?: boolean | undefined;
-                isActive?: boolean | undefined;
-                baseColor?: string | undefined;
-                bgColor?: string | undefined;
-                centerAffix?: boolean | undefined;
-                counter?: string | number | boolean | undefined;
-                counterValue?: number | ((value: any) => number) | undefined;
-                density?: "default" | "comfortable" | "compact" | undefined;
-                direction?: "horizontal" | "vertical" | undefined;
-                isDirty?: boolean | undefined;
-                isDisabled?: boolean | undefined;
-                isOnError?: boolean | undefined;
-                isFlat?: boolean | undefined;
-                isFocused?: boolean | undefined;
-                areDetailsHidden?: boolean | "auto" | undefined;
-                areSpinButtonsHidden?: boolean | undefined;
-                hint?: string | undefined;
-                id?: string | undefined;
-                loading?: string | boolean | undefined;
-                maxErrors?: string | number | undefined;
-                maxWidth?: string | number | undefined;
-                messages?: string | string[] | undefined;
-                minWidth?: string | number | undefined;
-                name?: string | undefined;
-                displayPersistentClear?: boolean | undefined;
-                displayPersistentCounter?: boolean | undefined;
-                displayPersistentHint?: boolean | undefined;
-                displayPersistentPlaceholder?: boolean | undefined;
-                placeholder?: string | undefined;
-                prefix?: string | undefined;
-                isReversed?: boolean | undefined;
-                role?: string | undefined;
-                rounded?: string | number | boolean | undefined;
-                isOnSingleLine?: boolean | undefined;
-                suffix?: string | undefined;
-                theme?: string | undefined;
-                isTiled?: boolean | undefined;
-                type?: string | undefined;
-                width?: string | number | undefined;
-                displayAsterisk?: boolean | undefined;
-                noIcon?: boolean | undefined;
-                customRules?: ValidationRule[] | undefined;
-                customWarningRules?: ValidationRule[] | undefined;
-                customSuccessRules?: ValidationRule[] | undefined;
-                showSuccessMessages?: boolean | undefined;
-                isValidateOnBlur?: boolean | undefined;
-                disableErrorHandling?: boolean | undefined;
-            }> & Readonly<{
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                onClear?: ((...args: any[]) => any) | undefined;
-                "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
-                "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-            }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "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?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
-                    validateOnSubmit: () => Promise<boolean>;
-                    clearValidation: () => void;
-                };
-                validateOnSubmit: () => boolean;
-                checkErrorOnBlur: () => void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    prepend?(_: {}): any;
-                    append?(_: {}): any;
-                    'prepend-inner'?(_: {}): any;
-                    'append-inner'?(_: {}): any;
-                    details?(_: {}): any;
-                };
-            }) | null;
-        }, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            modelValue?: (string | null) | undefined;
-            placeholder?: string | undefined;
-            format?: string | undefined;
-            dateFormatReturn?: string | undefined;
-            label?: string | undefined;
-            required?: boolean | undefined;
-            isDisabled?: boolean | undefined;
-            isReadOnly?: boolean | undefined;
-            isOutlined?: boolean | undefined;
-            displayIcon?: boolean | undefined;
-            displayAppendIcon?: boolean | undefined;
-            noIcon?: boolean | undefined;
-            customRules?: ValidationRule[] | undefined;
-            customWarningRules?: ValidationRule[] | undefined;
-            displayPrependIcon?: boolean | undefined;
-            disableErrorHandling?: boolean | undefined;
-            showSuccessMessages?: boolean | undefined;
-        }> & Readonly<{
-            onBlur?: (() => any) | undefined;
-            onFocus?: (() => any) | undefined;
-            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
-        }>, {
-            validateOnSubmit: () => Promise<boolean>;
-            focus: () => void;
-            blur: () => void;
-        }, {}, {}, {}, {
-            required: boolean;
-            modelValue: string | null;
-            label: string;
-            isReadOnly: boolean;
-            isDisabled: boolean;
-            placeholder: string;
-            noIcon: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            showSuccessMessages: boolean;
-            disableErrorHandling: boolean;
-            format: string;
-            dateFormatReturn: string;
-            isOutlined: boolean;
-            displayIcon: boolean;
-            displayAppendIcon: boolean;
-            displayPrependIcon: boolean;
-        }> | null;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
-        placeholder?: string | undefined;
-        format?: string | undefined;
-        dateFormatReturn?: string | undefined;
-        isBirthDate?: boolean | undefined;
-        showWeekNumber?: boolean | undefined;
-        required?: boolean | undefined;
-        displayRange?: boolean | undefined;
-        displayIcon?: boolean | undefined;
-        displayAppendIcon?: boolean | undefined;
-        displayPrependIcon?: boolean | undefined;
-        customRules?: {
-            type: string;
-            options: any;
-        }[] | undefined;
-        customWarningRules?: {
-            type: string;
-            options: any;
-        }[] | undefined;
-        isDisabled?: boolean | undefined;
-        noIcon?: boolean | undefined;
-        noCalendar?: boolean | undefined;
-        isOutlined?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
-        width?: string | undefined;
-        disableErrorHandling?: boolean | undefined;
-        showSuccessMessages?: boolean | undefined;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
-        onBlur?: (() => any) | undefined;
-        onFocus?: (() => any) | undefined;
-        onClosed?: (() => any) | undefined;
-    }>, {
-        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: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
-        updateAccessibility: () => Promise<void>;
-        openDatePicker: () => void;
-    }, {}, {}, {}, {
-        required: boolean;
-        modelValue: import('../../composables/date/useDateInitialization').DateInput;
-        isReadOnly: boolean;
-        isDisabled: boolean;
-        placeholder: string;
-        width: string;
-        noIcon: boolean;
-        customRules: {
-            type: string;
-            options: any;
-        }[];
-        customWarningRules: {
-            type: string;
-            options: any;
-        }[];
-        showSuccessMessages: boolean;
-        disableErrorHandling: boolean;
-        format: string;
-        dateFormatReturn: string;
-        isOutlined: boolean;
-        displayIcon: boolean;
-        displayAppendIcon: boolean;
-        displayPrependIcon: boolean;
-        isBirthDate: boolean;
-        showWeekNumber: boolean;
-        displayRange: boolean;
-        noCalendar: boolean;
-    }> | null;
-}, HTMLDivElement>;
-export default _default;