@davincihealthcare/elty-design-system-vue 1.36.0 → 1.36.1

package/README.md

@@ -139,3 +139,8 @@ This section handles the styling for your Vue component library, leveraging Tail
 
    You don't need to worry about providing dist/style.cjs separately. It's included in the built library package.
    Your library's components can leverage Tailwind classes by referencing them directly.
+
+### Breaking changes that will do in v2
+
+- button v2 will have a different interface
+- remove id from input which is useless and just use name prop

package/dist/forms/ElInputCheckbox.vue.d.ts

@@ -29,6 +29,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: number;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -86,6 +91,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: number;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -119,6 +129,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((val: boolean | "indeterminate") => any) | undefined;
 }, {
+    name: string;
     disabled: boolean;
     label: string;
     id: string;

package/dist/forms/ElInputDate.vue.d.ts

@@ -21,6 +21,11 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -72,6 +77,11 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -106,6 +116,7 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:modelValue"?: ((value: NumberValueType) => any) | undefined;
     "onUpdate:readableString"?: ((value: string) => any) | undefined;
 }, {
+    name: string;
     disabled: boolean;
     type: "time" | "date" | "datetime-local";
     label: string;

package/dist/forms/ElInputFile.vue.d.ts

@@ -20,6 +20,11 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         required: false;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -70,6 +75,11 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         required: false;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -103,6 +113,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
 }, {
+    name: string;
     disabled: boolean;
     label: string;
     id: string;

package/dist/forms/ElInputMeasureUnit.vue.d.ts

@@ -34,6 +34,11 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -95,6 +100,11 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -129,6 +139,7 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:modelValue"?: ((value: NumberValueType) => any) | undefined;
     onChangeUnit?: ((value: string) => any) | undefined;
 }, {
+    name: string;
     disabled: boolean;
     label: string;
     id: string;

package/dist/forms/ElInputNumber.vue.d.ts

@@ -22,6 +22,11 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -78,6 +83,11 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -113,6 +123,7 @@ declare const _default: import('vue').DefineComponent<{
     onOverlayedBtnClicked?: (() => any) | undefined;
     "onUpdate:formattedAmount"?: ((value: NumberValueType) => any) | undefined;
 }, {
+    name: string;
     disabled: boolean;
     label: string;
     id: string;

package/dist/forms/ElInputPhone.vue.d.ts

@@ -10,6 +10,11 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -52,6 +57,11 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -85,6 +95,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: TextualValueType) => any) | undefined;
 }, {
+    name: string;
     disabled: boolean;
     label: string;
     id: string;

package/dist/forms/ElInputSelect.vue.d.ts

@@ -31,6 +31,11 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: string;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -92,6 +97,11 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: string;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -126,6 +136,7 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:modelValue"?: ((newValue: OptionValueType) => any) | undefined;
     "onUpdate:modelLabel"?: ((newValue: OptionValueType) => any) | undefined;
 }, {
+    name: string;
     disabled: boolean;
     label: string;
     id: string;

package/dist/forms/ElInputText.vue.d.ts

@@ -36,6 +36,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: string;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -100,6 +105,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: string;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -133,6 +143,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: TextualValueType) => any) | undefined;
 }, {
+    name: string;
     disabled: boolean;
     type: "text" | "password";
     label: string;

package/dist/forms/ElInputTextarea.vue.d.ts

@@ -22,6 +22,11 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -76,6 +81,11 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -109,6 +119,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: TextualValueType) => any) | undefined;
 }, {
+    name: string;
     disabled: boolean;
     label: string;
     id: string;

package/dist/forms/input.d.ts

@@ -84,6 +84,11 @@ export declare const withTextualInputProps: () => {
     };
 };
 export declare const withCommonElInputProps: () => {
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -125,6 +130,11 @@ export declare const withTextualElInputProps: () => {
         default: string;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -218,6 +228,11 @@ export declare const withNumberElInputProps: () => {
         default: number;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
     id: {
         type: StringConstructor;
         required: boolean;
@@ -249,7 +264,7 @@ export declare const withNumberElInputProps: () => {
         default: boolean;
     };
 };
-export declare function useInput<T = string>(initialValue: Ref<T>, validations: Ref<string[]> | ComputedRef<string[]>, onChange?: (value: T) => void): {
+export declare function useInput<T = string>(initialValue: Ref<T>, validations: Ref<string[]> | ComputedRef<string[]>, inputName?: string, onChange?: (value: T) => void): {
     fieldContext: import('vee-validate').FieldContext<T>;
     errorMessage: Ref<string | undefined>;
     value: Ref<T>;

package/dist/index.js

@@ -17454,6 +17454,11 @@ let eo = 0;
 const rG = () => ({
   getID: () => (eo++, `elty-input-${eo.toString()}`)
 }), CA = () => ({
+  name: {
+    type: String,
+    required: !1,
+    default: ""
+  },
   id: {
     type: String,
     required: !1,
@@ -17512,24 +17517,24 @@ const rG = () => ({
     required: !1
   }
 });
-function oe(t, e, n) {
-  const o = rG().getID(), l = q(() => e.value && e.value.join("|")), s = ws(o, l, {
+function oe(t, e, n = "", o) {
+  const l = rG().getID(), s = q(() => e.value && e.value.join("|")), N = ws(n || l, s, {
     // empty string counts as a forced blank value
     initialValue: t,
     // validation is performed manually on value change, only if there are errors
     validateOnValueUpdate: !1
   });
-  return W0(t, (N) => {
-    s.setValue(N);
-  }), W0(s.value, (N) => {
-    n && n(N), s.errorMessage.value && s.validate();
+  return W0(t, (c) => {
+    N.setValue(c);
+  }), W0(N.value, (c) => {
+    o && o(c), N.errorMessage.value && N.validate();
   }), {
-    fieldContext: s,
-    errorMessage: s.errorMessage,
-    value: s.value,
-    uuid: o,
-    meta: s.meta,
-    setValue: s.setValue
+    fieldContext: N,
+    errorMessage: N.errorMessage,
+    value: N.value,
+    uuid: l,
+    meta: N.meta,
+    setValue: N.setValue
   };
 }
 function e5(t, e) {
@@ -17734,7 +17739,7 @@ const nG = ["for"], OG = {
       var M;
       n.focusOnMount && ((M = l.value) == null || M.focus());
     });
-    const s = e, N = q(() => n.modelValue), c = q(() => [n.validation]), { value: S, errorMessage: d, uuid: G, fieldContext: D } = oe(N, c, (M) => {
+    const s = e, N = q(() => n.modelValue), c = q(() => [n.validation]), { value: S, errorMessage: d, uuid: G, fieldContext: D } = oe(N, c, n.name, (M) => {
       s("update:modelValue", M == null ? void 0 : M.trim());
     }), h = q(() => n.label ? n.label.trim().replaceAll(" ", "") : n.type), T = () => {
       o.value = o.value === "text" ? "password" : "text";
@@ -17769,7 +17774,7 @@ const nG = ["for"], OG = {
             ref_key: "inputRef",
             ref: l,
             "onUpdate:modelValue": P[0] || (P[0] = (w) => aA(S) ? S.value = w : null),
-            name: M.id || `${Z(G)}-${h.value}`,
+            name: n.name || M.id || `${Z(G)}-${h.value}`,
             type: o.value,
             class: b(["el-input", {
               error: u,
@@ -21854,7 +21859,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       })) : y("", !0)
     ], 2));
   }
-}), HG = ["id"], xG = ["id", "checked", "indeterminate", "disabled", "data-cy"], kG = ["for"], yG = { class: "ml-1" }, HD = ["xs", "xxs"], xD = [!0, !1, "indeterminate"], oA = /* @__PURE__ */ E0({
+}), HG = ["id"], xG = ["id", "name", "checked", "indeterminate", "disabled", "data-cy"], kG = ["for"], yG = { class: "ml-1" }, HD = ["xs", "xxs"], xD = [!0, !1, "indeterminate"], oA = /* @__PURE__ */ E0({
   __name: "ElInputCheckbox",
   props: {
     ...m2(),
@@ -21875,9 +21880,14 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = t, o = e, l = q(() => n.modelValue || !1), s = q(() => [n.validation]), { value: N, errorMessage: c, uuid: S } = oe(l, s, (G) => {
-      o("update:modelValue", G);
-    }), d = () => {
+    const n = t, o = e, l = q(() => n.modelValue || !1), s = q(() => [n.validation]), { value: N, errorMessage: c, uuid: S } = oe(
+      l,
+      s,
+      n.name,
+      (G) => {
+        o("update:modelValue", G);
+      }
+    ), d = () => {
       n.disabled || (n.modelValue === "indeterminate" ? N.value = !0 : N.value = !N.value);
     };
     return (G, D) => (I(), t0(he, F0(G.$attrs, {
@@ -21899,6 +21909,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
           }, [
             a("input", {
               id: Z(S),
+              name: n.name,
               checked: typeof t.modelValue == "boolean" && t.modelValue,
               indeterminate: t.modelValue === "indeterminate",
               type: "checkbox",
@@ -21936,7 +21947,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       _: 3
     }, 16, ["error-message", "hidden-error-message", "name"]));
   }
-}), _G = ["id", "type", "placeholder", "disabled", "data-cy"], kD = ["date", "datetime-local", "time"], ga = /* @__PURE__ */ E0({
+}), _G = ["id", "name", "type", "placeholder", "disabled", "data-cy"], kD = ["date", "datetime-local", "time"], ga = /* @__PURE__ */ E0({
   __name: "ElInputDate",
   props: {
     ...m2(),
@@ -21958,7 +21969,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
         default:
           return "";
       }
-    }), N = q(() => n.modelValue), c = q(() => [n.validation]), { value: S, errorMessage: d, uuid: G, fieldContext: D } = oe(N, c, (T) => {
+    }), N = q(() => n.modelValue), c = q(() => [n.validation]), { value: S, errorMessage: d, uuid: G, fieldContext: D } = oe(N, c, n.name, (T) => {
       o("update:modelValue", T), o("update:readableString", h.value);
     }), h = q({
       get: () => S.value ? I0.fromSeconds(S.value).toFormat(s.value) : "",
@@ -21980,6 +21991,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       default: H0(() => [
         K1(a("input", {
           id: Z(G),
+          name: n.name,
           "onUpdate:modelValue": M[0] || (M[0] = (P) => h.value = P),
           type: t.type,
           class: b(["el-input", {
@@ -22213,7 +22225,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
           break;
       }
       return u;
-    }), { value: d, errorMessage: G, uuid: D } = oe(N, S, (u) => {
+    }), { value: d, errorMessage: G, uuid: D } = oe(N, S, n.name, (u) => {
       s("update:modelValue", u);
     }), h = (u) => {
       const v = u.target;
@@ -22279,7 +22291,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
             class: "hidden",
             accept: c.value.join(","),
             disabled: u.disabled,
-            name: Z(D),
+            name: n.name || Z(D),
             multiple: t.multiple,
             onChange: p0(h, ["prevent"])
           }, null, 40, JG),
@@ -22296,7 +22308,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       _: 1
     }, 16, ["name", "label", "error-message", "hidden-error-message"]));
   }
-}), XG = ["id", "placeholder", "disabled"], ef = {
+}), XG = ["id", "name", "placeholder", "disabled"], ef = {
   key: 0,
   class: "absolute top-[4px] right-[-4px] flex h-5/6 items-center"
 }, Af = ["disabled"], QD = /* @__PURE__ */ E0({
@@ -22339,7 +22351,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       }
     }, S = q(() => l.modelValue), d = q(() => [l.validation]), G = X(l.defaultUnit || c(l.availableUnitCategory)), D = (f) => {
       N("update:modelValue", f);
-    }, { value: h, errorMessage: T, uuid: M } = oe(S, d, (f) => D(f)), P = X(G), u = () => {
+    }, { value: h, errorMessage: T, uuid: M } = oe(S, d, l.name, (f) => D(f)), P = X(G), u = () => {
       const f = P.value === "Al bisogno" ? "AlBisogno" : P.value;
       N("changeUnit", f);
     }, v = (f) => P.value = f;
@@ -22361,6 +22373,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       default: H0(({ error: x }) => [
         K1(a("input", {
           id: Z(M),
+          name: l.name,
           "onUpdate:modelValue": w[0] || (w[0] = (Q) => aA(h) ? h.value = Q : null),
           type: "number",
           class: b(["el-input el-input-measure-unit", { error: x }]),
@@ -22388,7 +22401,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       _: 1
     }, 16, ["name", "label", "error-message", "hidden-error-message", "set-required-mark"]));
   }
-}), tf = ["id", "step", "placeholder", "disabled", "data-cy"], zD = /* @__PURE__ */ E0({
+}), tf = ["id", "name", "step", "placeholder", "disabled", "data-cy"], zD = /* @__PURE__ */ E0({
   __name: "ElInputNumber",
   props: {
     ...m2(),
@@ -22403,7 +22416,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
   },
   emits: ["update:modelValue", "overlayedBtnClicked", "update:formattedAmount"],
   setup(t, { emit: e }) {
-    const n = t, o = e, l = X(!1), s = q(() => n.modelValue), N = q(() => [n.validation]), { value: c, errorMessage: S, uuid: d, fieldContext: G } = oe(s, N, (M) => {
+    const n = t, o = e, l = X(!1), s = q(() => n.modelValue), N = q(() => [n.validation]), { value: c, errorMessage: S, uuid: d, fieldContext: G } = oe(s, N, n.name, (M) => {
       typeof M == "string" && (String(M).length === 0 ? M = void 0 : M = Number(M)), o("update:modelValue", M), o("update:formattedAmount", D.value);
     }), D = q({
       get: () => c.value == null || typeof c.value == "string" ? null : n.isTwoDecimals ? parseFloat((c.value / 100).toFixed(2)) : c.value,
@@ -22425,6 +22438,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       default: H0(({ error: u }) => [
         K1(a("input", {
           id: Z(d),
+          name: n.name,
           "onUpdate:modelValue": [
             P[0] || (P[0] = (v) => D.value = v),
             P[1] || (P[1] = (v) => l.value = !0)
@@ -22691,7 +22705,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
     );
     const s = e, N = () => {
       s("update:modelValue", o.value + d.value);
-    }, c = q(() => ["min:5|regex:^([0-9]+)$", n.validation]), { errorMessage: S, value: d, setValue: G, uuid: D, fieldContext: h } = oe(l, c, N), T = q(() => n.label.trim().replaceAll(" ", ""));
+    }, c = q(() => ["min:5|regex:^([0-9]+)$", n.validation]), { errorMessage: S, value: d, setValue: G, uuid: D, fieldContext: h } = oe(l, c, n.name, N), T = q(() => n.label.trim().replaceAll(" ", ""));
     return (M, P) => (I(), t0(he, F0(M.$attrs, {
       name: M.id || `${Z(D)}-${T.value}`,
       class: "relative",
@@ -22724,7 +22738,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
         a("input", {
           id: M.id || `${Z(D)}-${T.value}`,
           value: l.value,
-          name: M.id || `${Z(D)}-${T.value}`,
+          name: n.name || M.id || `${Z(D)}-${T.value}`,
           disabled: M.disabled,
           type: "text",
           class: b([{
@@ -22740,7 +22754,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       _: 1
     }, 16, ["name", "label", "error-message", "hidden-error-message", "set-required-mark"]));
   }
-}), If = ["disabled", "data-cy", "onMousedown", "onFocus", "onBlur", "onKeydown"], lf = {
+}), If = ["name", "disabled", "data-cy", "onMousedown", "onFocus", "onBlur", "onKeydown"], lf = {
   key: 0,
   class: "text-neutral-inactive truncate"
 }, Ef = {
@@ -22800,7 +22814,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
         text: "-",
         onClick: () => G(void 0)
       }), f;
-    }), l = e, s = X(), N = q(() => n.modelValue), c = q(() => [n.validation]), { errorMessage: S, value: d, setValue: G } = oe(N, c, (f) => {
+    }), l = e, s = X(), N = q(() => n.modelValue), c = q(() => [n.validation]), { errorMessage: S, value: d, setValue: G } = oe(N, c, n.name, (f) => {
       l("update:modelValue", f), l("update:modelLabel", h(f));
     }), D = q(() => !d.value || !h(d.value)), h = (f) => {
       var w, x;
@@ -22836,6 +22850,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
               ref_key: "button",
               ref: s,
               type: "button",
+              name: n.name,
               disabled: f.disabled,
               class: b(["el-input !pr-8", { error: x, empty: D.value, "focus:ring-1": !x }]),
               "aria-haspopup": "listbox",
@@ -22870,7 +22885,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       _: 1
     }, 16, ["name", "label", "error-message", "hidden-error-message", "set-required-mark"]));
   }
-}), Cf = ["id", "placeholder", "disabled", "data-cy"], WD = /* @__PURE__ */ E0({
+}), Cf = ["id", "name", "placeholder", "disabled", "data-cy"], WD = /* @__PURE__ */ E0({
   __name: "ElInputTextarea",
   props: {
     ...Fr(),
@@ -22892,6 +22907,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
     const n = X(), o = t, l = e, s = q(() => o.modelValue || void 0), N = q(() => [`max:${o.maxCharacters > 0 ? o.maxCharacters : 1e3}`, o.validation]), { value: c, errorMessage: S, uuid: d, fieldContext: G } = oe(
       s,
       N,
+      o.name,
       (T) => l("update:modelValue", T)
     ), D = q(() => {
       var T;
@@ -22910,6 +22926,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
       default: H0(({ error: P }) => [
         K1(a("textarea", {
           id: Z(d),
+          name: o.name,
           ref_key: "textareaRef",
           ref: n,
           "onUpdate:modelValue": M[0] || (M[0] = (u) => aA(c) ? c.value = u : null),
@@ -23285,7 +23302,7 @@ const fG = /* @__PURE__ */ mr(Ur), VG = { class: "relative" }, vG = { class: "bo
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = t, o = e, l = q(() => n.modelValue), s = q(() => [n.validation]), { value: N, uuid: c } = oe(l, s, (S) => {
+    const n = t, o = e, l = q(() => n.modelValue), s = q(() => [n.validation]), { value: N, uuid: c } = oe(l, s, n.name, (S) => {
       o("update:modelValue", S);
     });
     return (S, d) => (I(), i(j0, null, [