@cnamts/synapse 1.0.1 → 1.0.2

package/README.md

@@ -31,7 +31,7 @@ Pour utiliser ce Design System, vous devez avoir au moins les versions suivantes
 
 Pour utiliser ce package, vous pouvez installer le starter kit suivant :
 
--   [Starter Kit Synapse](https://gitlab.cnqd.cnamts.fr/human/developpement/SKV3_X)
+-   [Starter Kit Synapse](https://gitlab.cnqd.cnamts.fr/human/developpement/sksn_x)
 
 ### Librairie uniquement
 

package/dist/{DateFilter-BmRuzQ9Z.js → DateFilter-YWOTbfeL.js}

@@ -1,5 +1,5 @@
 import { defineComponent as h, computed as D, createBlock as k, openBlock as p } from "vue";
-import { u as C, D as F, _ as V } from "./main-WDqeoGM-.js";
+import { u as C, D as F, _ as V } from "./main-Cx8qG7YR.js";
 const v = /* @__PURE__ */ h({
   __name: "DateFilter",
   props: {

package/dist/{NumberFilter-CnIPDHqx.js → NumberFilter-DMmMgALM.js}

@@ -1,5 +1,5 @@
 import { defineComponent as k, ref as h, watch as x, computed as T, createElementBlock as V, openBlock as F, createVNode as w } from "vue";
-import { a as S, _ as D } from "./main-WDqeoGM-.js";
+import { a as S, _ as D } from "./main-Cx8qG7YR.js";
 const E = { class: "number-filter-container" }, B = /* @__PURE__ */ k({
   __name: "NumberFilter",
   props: {

package/dist/{PeriodFilter-CZwZ8CnQ.js → PeriodFilter-Bok5BHcn.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as h, createBlock as p, openBlock as k } from "vue";
-import { P as C, _ as F } from "./main-WDqeoGM-.js";
+import { P as C, _ as F } from "./main-Cx8qG7YR.js";
 const V = /* @__PURE__ */ b({
   __name: "PeriodFilter",
   props: {

package/dist/SelectFilter-BKud2WhN.js

@@ -0,0 +1,136 @@
+import { defineComponent as k, computed as p, ref as C, createElementBlock as F, openBlock as S, createVNode as A } from "vue";
+import { S as B, _ as E } from "./main-Cx8qG7YR.js";
+const n = {
+  defaultOption: "- choisir -",
+  emptyValue: "(vide)"
+}, D = { class: "select-filter-wrapper" }, I = /* @__PURE__ */ k({
+  __name: "SelectFilter",
+  props: {
+    header: {
+      type: Object,
+      required: !0
+    },
+    filters: {
+      type: Array,
+      default: () => []
+    },
+    filterValue: {
+      type: [String, Number, Object, Array, void 0, null],
+      default: null
+    },
+    inputConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    disableErrorHandling: {
+      type: Boolean,
+      default: !1
+    },
+    variant: {
+      type: String,
+      default: "outlined"
+    },
+    hideDetails: {
+      type: Boolean,
+      default: !0
+    },
+    density: {
+      type: String,
+      default: "compact"
+    },
+    backgroundColor: {
+      type: String,
+      default: "white"
+    },
+    clearable: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:filters"],
+  setup(i, { emit: v }) {
+    const e = i, o = v;
+    function y() {
+      return String(e.header.key || e.header.value || (e.header.title ? `filter_${e.header.title}` : `filter_${Date.now()}`));
+    }
+    const m = p(() => {
+      if (!e.header.filterOptions || !Array.isArray(e.header.filterOptions))
+        return [{ text: n.defaultOption, value: n.defaultOption }];
+      const l = [{ text: n.defaultOption, value: n.defaultOption }];
+      return e.header.filterOptions.forEach((t) => {
+        t.text === void 0 || t.text === null || t.text === "" ? l.push({ text: n.emptyValue, value: t.value }) : l.push(t);
+      }), l;
+    }), f = p({
+      get: () => e.filterValue === null ? e.header.multiple ? [] : n.defaultOption : e.filterValue,
+      set: (l) => {
+        const t = y();
+        if (!t) return;
+        if (e.header.multiple) {
+          if (!l || Array.isArray(l) && l.length === 0) {
+            const d = e.filters.filter((c) => c.key !== t);
+            o("update:filters", d);
+            return;
+          }
+          const r = e.filters.findIndex((d) => d.key === t), a = [...e.filters];
+          r >= 0 ? a[r].value = l : a.push({
+            key: t,
+            value: l,
+            type: "select"
+          }), o("update:filters", a);
+          return;
+        }
+        if (l == null || l === n.defaultOption) {
+          const r = e.filters.filter((a) => a.key !== t);
+          o("update:filters", r);
+          return;
+        }
+        const u = e.filters.findIndex((r) => r.key === t), s = [...e.filters];
+        u >= 0 ? s[u].value = l : s.push({
+          key: t,
+          value: l,
+          type: "select"
+        }), o("update:filters", s);
+      }
+    });
+    function g() {
+      const l = y(), t = e.filters.filter((u) => u.key !== l);
+      o("update:filters", t);
+    }
+    const h = C(!1);
+    function b() {
+      h.value = !0;
+    }
+    function O() {
+      h.value = !1;
+    }
+    const x = p(() => typeof process < "u" && process.env.NODE_ENV === "test" ? !0 : e.header.multiple ? Array.isArray(f.value) && f.value.length > 0 : f.value !== n.defaultOption);
+    return (l, t) => {
+      var u, s, r, a, d;
+      return S(), F("div", D, [
+        A(B, {
+          modelValue: f.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (c) => f.value = c),
+          label: e.header.title || "",
+          items: m.value,
+          clearable: x.value,
+          density: ((u = i.inputConfig) == null ? void 0 : u.density) ?? i.density,
+          "hide-details": ((s = i.inputConfig) == null ? void 0 : s.hideDetails) ?? i.hideDetails,
+          "hide-messages": !0,
+          variant: ((r = i.inputConfig) == null ? void 0 : r.variant) ?? i.variant,
+          "bg-color": ((a = i.inputConfig) == null ? void 0 : a.backgroundColor) ?? i.backgroundColor,
+          "disable-error-handling": ((d = i.inputConfig) == null ? void 0 : d.disableErrorHandling) ?? i.disableErrorHandling,
+          multiple: e.header.multiple,
+          chips: e.header.chips,
+          class: "filter-input",
+          "aria-label": e.header.title || "Filtre",
+          "onClick:clear": g,
+          onFocus: b,
+          onBlur: O
+        }, null, 8, ["modelValue", "label", "items", "clearable", "density", "hide-details", "variant", "bg-color", "disable-error-handling", "multiple", "chips", "aria-label"])
+      ]);
+    };
+  }
+}), H = /* @__PURE__ */ E(I, [["__scopeId", "data-v-cc9a7ce5"]]);
+export {
+  H as default
+};

package/dist/{TextFilter-DTxZHJwX.js → TextFilter-DvMf2thH.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, ref as b, watch as k, computed as T, createElementBlock as x, openBlock as w, createVNode as F } from "vue";
-import { a as V, _ as E } from "./main-WDqeoGM-.js";
+import { a as V, _ as E } from "./main-Cx8qG7YR.js";
 const S = { class: "text-filter-container" }, B = /* @__PURE__ */ C({
   __name: "TextFilter",
   props: {

package/dist/components/Accordion/Accordion.d.ts

@@ -8,6 +8,7 @@ interface AccordionItem {
     title: string;
     content: string | ContentObject;
     headingLevel?: number;
+    disabled?: boolean;
 }
 interface Props extends CustomizableOptions {
     items: AccordionItem[];
@@ -24,8 +25,8 @@ interface Props extends CustomizableOptions {
     };
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    headingLevel: number;
     groupId: string;
+    headingLevel: number;
     vuetifyOptions: {
         accordion?: {
             backgroundColor?: string | undefined;

package/dist/components/Accordion/composables/useAccordionGroupCommunication.d.ts

@@ -0,0 +1,5 @@
+export interface AccordionGroupCommunication {
+    emitFocusChange: (itemId: string | null) => void;
+    handleFocusChange: (event: CustomEvent) => void;
+}
+export default function useAccordionGroupCommunication(instanceId: string, groupId: string, onFocusChange: (itemId: string | null) => void): AccordionGroupCommunication;

package/dist/components/Accordion/composables/useAccordionKeyboardNavigation.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+export interface AccordionItem {
+    id: string;
+    title: string;
+    content: any;
+    headingLevel?: number;
+    disabled?: boolean;
+}
+export interface AccordionKeyboardNavigation {
+    handleKeyNavigation: (event: KeyboardEvent, itemId: string, index: number) => void;
+}
+export default function useAccordionKeyboardNavigation(items: Ref<AccordionItem[]> | AccordionItem[], setFocus: (itemId: string | null) => void): AccordionKeyboardNavigation;

package/dist/components/Accordion/composables/useAccordionState.d.ts

@@ -0,0 +1,13 @@
+export interface AccordionState {
+    openItems: {
+        value: string[];
+    };
+    focusedItemId: {
+        value: string | null;
+    };
+    toggleItem: (itemId: string) => void;
+    isItemOpen: (itemId: string) => boolean;
+    isItemFocused: (itemId: string) => boolean;
+    setFocus: (itemId: string | null) => void;
+}
+export default function useAccordionState(): AccordionState;

package/dist/components/Customs/SyCheckbox/SyCheckbox.d.ts

@@ -0,0 +1,85 @@
+import { ValidationRule } from '../../../composables/validation/useValidation';
+type __VLS_Props = {
+    modelValue?: boolean | null;
+    indeterminate?: boolean;
+    label?: string;
+    color?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    hideDetails?: boolean | 'auto';
+    density?: 'default' | 'comfortable' | 'compact';
+    errorMessages?: string[] | null;
+    warningMessages?: string[] | null;
+    successMessages?: string[] | null;
+    customRules?: ValidationRule[];
+    customWarningRules?: ValidationRule[];
+    customSuccessRules?: ValidationRule[];
+    showSuccessMessages?: boolean;
+    isValidateOnBlur?: boolean;
+    disableErrorHandling?: boolean;
+    id?: string;
+    name?: string;
+    value?: unknown;
+    trueValue?: unknown;
+    falseValue?: unknown;
+    controlsIds?: string[];
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {
+    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;
+    toggleMixed: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    "update:indeterminate": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:indeterminate"?: ((...args: any[]) => any) | undefined;
+}>, {
+    required: boolean;
+    modelValue: boolean | null;
+    color: string;
+    label: string;
+    errorMessages: string[] | null;
+    warningMessages: string[] | null;
+    successMessages: string[] | null;
+    readonly: boolean;
+    density: "default" | "comfortable" | "compact";
+    disabled: boolean;
+    id: string;
+    name: string;
+    customRules: ValidationRule[];
+    customWarningRules: ValidationRule[];
+    customSuccessRules: ValidationRule[];
+    showSuccessMessages: boolean;
+    isValidateOnBlur: boolean;
+    disableErrorHandling: boolean;
+    hideDetails: boolean | "auto";
+    indeterminate: boolean;
+    value: undefined;
+    trueValue: true;
+    falseValue: false;
+    controlsIds: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    label?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -15,6 +15,7 @@ type __VLS_Props = CustomizableOptions & {
     clearable?: boolean;
     customRules?: ValidationRule[];
     disableErrorHandling?: boolean;
+    bgColor?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     isOpen: import('vue').Ref<boolean, boolean>;
@@ -38,6 +39,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     label: string;
     errorMessages: string | string[];
     readonly: boolean;
+    bgColor: string;
     displayAsterisk: boolean;
     customRules: ValidationRule[];
     disableErrorHandling: boolean;

package/dist/components/Customs/SySelect/SySelect.d.ts

@@ -1,10 +1,12 @@
-import { PropType } from 'vue';
+import { nextTick, PropType } from 'vue';
 export type ItemType = {
     [key: string]: unknown;
 };
+export type SelectItemValueType = Record<string, unknown> | string | number | null | undefined;
+export type SelectItemArrayType = Array<Record<string, unknown> | string | number>;
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor | ObjectConstructor)[];
+        type: PropType<string | number | Record<string, unknown> | SelectItemArrayType | null>;
         default: null;
     };
     items: {
@@ -61,7 +63,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     bgColor: {
         type: StringConstructor;
-        default: undefined;
+        default: string;
     };
     readonly: {
         type: BooleanConstructor;
@@ -79,14 +81,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    chips: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     isOpen: import('vue').Ref<boolean, boolean>;
-    closeList: () => void;
+    closeList: (event?: Event | undefined) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor | ObjectConstructor)[];
+        type: PropType<string | number | Record<string, unknown> | SelectItemArrayType | null>;
         default: null;
     };
     items: {
@@ -143,7 +153,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     bgColor: {
         type: StringConstructor;
-        default: undefined;
+        default: string;
     };
     readonly: {
         type: BooleanConstructor;
@@ -161,12 +171,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    chips: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     required: boolean;
     outlined: boolean;
-    modelValue: string | number | Record<string, any>;
+    modelValue: string | number | Record<string, unknown> | SelectItemArrayType | null;
     label: string;
     errorMessages: string | readonly string[];
     readonly: boolean;
@@ -177,12 +195,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     displayAsterisk: boolean;
     disableErrorHandling: boolean;
     clearable: boolean;
+    multiple: boolean;
     items: ItemType[];
     menuId: string;
     textKey: string;
     valueKey: string;
     returnObject: boolean;
     hideMessages: boolean;
+    chips: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     input: import('vue').CreateComponentPublicInstanceWithMixins<{
         flat: boolean;
@@ -489,7 +509,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
+        $nextTick: typeof 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<{
         error: boolean;
@@ -746,7 +766,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
+        $nextTick: typeof nextTick;
         $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R_1 ? (args_0: R_1, args_1: R_1, 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<{
         flat: boolean;
@@ -1206,7 +1226,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
+        $nextTick: typeof nextTick;
         $watch<T_2 extends string | ((...args: any) => any)>(source: T_2, cb: T_2 extends (...args: any) => infer R_2 ? (args_0: R_2, args_1: R_2, 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<{
         error: boolean;
@@ -1463,7 +1483,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
+        $nextTick: typeof nextTick;
         $watch<T_3 extends string | ((...args: any) => any)>(source: T_3, cb: T_3 extends (...args: any) => infer R_3 ? (args_0: R_3, args_1: R_3, 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<{
         flat: boolean;
@@ -1549,7 +1569,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         disabled: boolean;
         readonly: boolean | null;
         messages: string | readonly string[];
-        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>) | [string, any, (string | undefined)?])[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
@@ -1569,5 +1589,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         persistentCounter: boolean;
     }> | null;
     labelRef: HTMLSpanElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

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

@@ -206,7 +206,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: any;
         validateOn?: "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" | "eager" | undefined;
-        validationValue?: any;
+        /** @type { typeof __VLS_ctx.syTextFieldRef } */ validationValue?: any;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
@@ -1524,7 +1524,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
         disabled: boolean;
         readonly: boolean | null;
         messages: string | readonly string[];
-        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+        rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>) | [string, any, (string | undefined)?])[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;