@espri/vue-components 2.4.2 → 2.4.4

package/dist/checkbox.css

@@ -1 +1 @@
-.error[data-v-8069bff2]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}
+.error[data-v-14fb5088]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/checkbox.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as V, computed as n, openBlock as i, createElementBlock as d, normalizeClass as _, createElementVNode as u, createVNode as b, unref as a, toDisplayString as c, createCommentVNode as h } from "vue";
-import { Checkbox as x } from "primevue";
-import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import './checkbox.css';const C = { class: "flex items-center gap-2" }, g = ["for"], y = { class: "error" }, E = /* @__PURE__ */ V({
+import { defineComponent as V, computed as n, openBlock as i, createElementBlock as u, createElementVNode as d, createVNode as _, unref as s, normalizeClass as b, toDisplayString as c, createCommentVNode as C } from "vue";
+import { Checkbox as h } from "primevue";
+import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import './checkbox.css';const k = { class: "flex items-center gap-2" }, g = ["for"], y = { class: "error" }, E = /* @__PURE__ */ V({
   __name: "checkbox",
   props: {
     label: {},
@@ -9,6 +9,7 @@ import './checkbox.css';const C = { class: "flex items-center gap-2" }, g = ["fo
     trueValue: {},
     falseValue: {},
     class: {},
+    inputClass: {},
     disabled: { type: Boolean },
     required: { type: Boolean },
     showError: { type: Boolean },
@@ -17,37 +18,37 @@ import './checkbox.css';const C = { class: "flex items-center gap-2" }, g = ["fo
   },
   emits: ["update:modelValue"],
   setup(m, { emit: p }) {
-    const e = m, f = p, t = Math.random().toString(16).slice(2), s = n({
+    const e = m, f = p, o = Math.random().toString(16).slice(2), t = n({
       get() {
         return e.modelValue;
       },
-      set(o) {
-        f("update:modelValue", o);
+      set(a) {
+        f("update:modelValue", a);
       }
     }), r = n(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (o, l) => (i(), d("div", {
-      class: _(`field ${e.class || ""}`)
-    }, [
-      u("div", C, [
-        b(a(x), {
-          modelValue: s.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (v) => s.value = v),
-          "input-id": a(t),
+    return (a, l) => (i(), u("div", null, [
+      d("div", k, [
+        _(s(h), {
+          modelValue: t.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (v) => t.value = v),
+          "input-id": s(o),
+          "input-class": e.inputClass ? { [e.inputClass]: !0 } : void 0,
+          class: b(e.class),
           invalid: !!r.value,
           "false-value": e.falseValue,
           "true-value": e.trueValue,
           disabled: e.disabled,
           binary: ""
-        }, null, 8, ["modelValue", "input-id", "invalid", "false-value", "true-value", "disabled"]),
-        e.label ? (i(), d("label", {
+        }, null, 8, ["modelValue", "input-id", "input-class", "class", "invalid", "false-value", "true-value", "disabled"]),
+        e.label ? (i(), u("label", {
           key: 0,
-          for: a(t)
-        }, c(e.label), 9, g)) : h("", !0)
+          for: s(o)
+        }, c(e.label), 9, g)) : C("", !0)
       ]),
-      u("small", y, c(r.value), 1)
-    ], 2));
+      d("small", y, c(r.value), 1)
+    ]));
   }
-}), B = /* @__PURE__ */ k(E, [["__scopeId", "data-v-8069bff2"]]), z = B;
+}), B = /* @__PURE__ */ x(E, [["__scopeId", "data-v-14fb5088"]]), z = B;
 export {
   z as default
 };

package/dist/date-picker.css

@@ -0,0 +1 @@
+.error[data-v-884590ec]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/date-picker.es.js

@@ -0,0 +1,62 @@
+import { defineComponent as V, computed as n, openBlock as a, createElementBlock as i, createBlock as c, unref as t, withCtx as v, createVNode as h, normalizeClass as y, createElementVNode as u, createTextVNode as b, toDisplayString as m, createCommentVNode as g } from "vue";
+import { Skeleton as B, FloatLabel as C, DatePicker as E } from "primevue";
+import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import './date-picker.css';const w = ["for"], D = { key: 0 }, N = { class: "error" }, F = /* @__PURE__ */ V({
+  __name: "date-picker",
+  props: {
+    label: {},
+    modelValue: {},
+    class: {},
+    inputClass: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    loading: { type: Boolean },
+    showError: { type: Boolean },
+    rules: {},
+    dateFormat: {},
+    placeholder: {}
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: f }) {
+    const e = p, _ = f, s = Math.random().toString(16).slice(2), r = n({
+      get() {
+        return e.modelValue;
+      },
+      set(o) {
+        _("update:modelValue", o);
+      }
+    }), d = n(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
+    return (o, l) => (a(), i("div", null, [
+      e.loading ? (a(), c(t(B), {
+        key: 0,
+        class: "skeleton-input mt-3"
+      })) : (a(), c(t(C), {
+        key: 1,
+        class: "mt-3"
+      }, {
+        default: v(() => [
+          h(t(E), {
+            modelValue: r.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (k) => r.value = k),
+            class: y(["w-full", e.class]),
+            invalid: !!d.value,
+            disabled: e.disabled,
+            placeholder: e.placeholder,
+            "input-id": t(s),
+            "date-format": e.dateFormat || "dd/mm/yy",
+            "input-class": e.inputClass
+          }, null, 8, ["modelValue", "class", "invalid", "disabled", "placeholder", "input-id", "date-format", "input-class"]),
+          u("label", { for: t(s) }, [
+            b(m(e.label), 1),
+            e.required ? (a(), i("span", D, " *")) : g("", !0)
+          ], 8, w)
+        ]),
+        _: 1
+      })),
+      u("small", N, m(d.value), 1)
+    ]));
+  }
+}), P = /* @__PURE__ */ x(F, [["__scopeId", "data-v-884590ec"]]), R = P;
+export {
+  R as default
+};

package/dist/index.es.js

@@ -1,156 +1,18 @@
-import { default as A } from "./checkbox.es.js";
-import { defineComponent as _, computed as c, openBlock as a, createElementBlock as m, normalizeClass as p, createBlock as u, unref as t, withCtx as v, createVNode as V, createElementVNode as f, createTextVNode as g, toDisplayString as h, createCommentVNode as x } from "vue";
-import { Skeleton as k, FloatLabel as E, DatePicker as w, MultiSelect as C } from "primevue";
-import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { default as H } from "./input-number.es.js";
-import { default as Q } from "./input-password.es.js";
-import { default as X } from "./input-text.es.js";
-import { default as Z } from "./select.es.js";
-import { default as le } from "./virtual-keyboard.es.js";
-import './index.css';const $ = ["for"], M = { key: 0 }, S = { class: "error" }, L = /* @__PURE__ */ _({
-  __name: "date-picker",
-  props: {
-    label: {},
-    modelValue: {},
-    class: {},
-    disabled: { type: Boolean },
-    required: { type: Boolean },
-    loading: { type: Boolean },
-    showError: { type: Boolean },
-    rules: {},
-    dateFormat: {},
-    placeholder: {}
-  },
-  emits: ["update:modelValue"],
-  setup(b, { emit: y }) {
-    const e = b, r = y, i = Math.random().toString(16).slice(2), d = c({
-      get() {
-        return e.modelValue;
-      },
-      set(o) {
-        r("update:modelValue", o);
-      }
-    }), n = c(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (o, l) => (a(), m("div", {
-      class: p(`field ${e.class || ""}`)
-    }, [
-      e.loading ? (a(), u(t(k), {
-        key: 0,
-        class: "skeleton-input mt-3"
-      })) : (a(), u(t(E), {
-        key: 1,
-        class: "mt-3"
-      }, {
-        default: v(() => [
-          V(t(w), {
-            modelValue: d.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (s) => d.value = s),
-            class: p(["w-full", e.class]),
-            invalid: !!n.value,
-            disabled: e.disabled,
-            placeholder: e.placeholder,
-            "input-id": t(i),
-            "date-format": e.dateFormat || "dd/mm/yy"
-          }, null, 8, ["modelValue", "class", "invalid", "disabled", "placeholder", "input-id", "date-format"]),
-          f("label", { for: t(i) }, [
-            g(h(e.label), 1),
-            e.required ? (a(), m("span", M, " *")) : x("", !0)
-          ], 8, $)
-        ]),
-        _: 1
-      })),
-      f("small", S, h(n.value), 1)
-    ], 2));
-  }
-}), F = /* @__PURE__ */ B(L, [["__scopeId", "data-v-702f97d9"]]), U = F, I = ["for"], P = { key: 0 }, N = { class: "error" }, q = /* @__PURE__ */ _({
-  __name: "multi-select",
-  props: {
-    label: {},
-    options: {},
-    modelValue: {},
-    class: {},
-    disabled: { type: Boolean },
-    required: { type: Boolean },
-    showClear: { type: Boolean },
-    loading: { type: Boolean },
-    showError: { type: Boolean },
-    rules: {},
-    placeholder: {},
-    maxSelectedLabels: {},
-    selectionLimit: {},
-    emptyMessage: {},
-    selectedItemsLabel: {},
-    resetFilterOnClear: { type: Boolean },
-    filter: { type: Boolean },
-    filterPlaceholder: {},
-    filterLocale: {},
-    filterMatchMode: {},
-    filterFields: {}
-  },
-  emits: ["update:modelValue", "filter", "selectall-change"],
-  setup(b, { emit: y }) {
-    const e = b, r = y, i = Math.random().toString(16).slice(2), d = c({
-      get() {
-        return e.modelValue;
-      },
-      set(o) {
-        r("update:modelValue", o);
-      }
-    }), n = c(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (o, l) => (a(), m("div", {
-      class: p(`field ${e.class || ""}`)
-    }, [
-      e.loading ? (a(), u(t(k), {
-        key: 0,
-        class: "skeleton-input mt-3"
-      })) : (a(), u(t(E), {
-        key: 1,
-        class: "mt-3"
-      }, {
-        default: v(() => [
-          V(t(C), {
-            modelValue: d.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (s) => d.value = s),
-            options: e.options,
-            "option-label": "label",
-            "option-value": "value",
-            class: p(["w-full", e.class]),
-            invalid: !!n.value,
-            disabled: e.disabled,
-            placeholder: e.placeholder,
-            "show-clear": e.showClear,
-            "max-selected-labels": e.maxSelectedLabels,
-            "empty-message": e.emptyMessage,
-            "selection-limit": e.selectionLimit,
-            "selected-items-label": e.selectedItemsLabel,
-            "reset-filter-on-clear": e.resetFilterOnClear,
-            filter: e.filter,
-            "filter-placeholder": e.filterPlaceholder,
-            "filter-locale": e.filterLocale,
-            "filter-match-mode": e.filterMatchMode,
-            "filter-fields": e.filterFields,
-            "input-id": t(i),
-            onFilter: l[1] || (l[1] = (s) => r("filter", s)),
-            onSelectallChange: l[2] || (l[2] = (s) => r("selectall-change", s))
-          }, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "show-clear", "max-selected-labels", "empty-message", "selection-limit", "selected-items-label", "reset-filter-on-clear", "filter", "filter-placeholder", "filter-locale", "filter-match-mode", "filter-fields", "input-id"]),
-          f("label", { for: t(i) }, [
-            g(h(e.label), 1),
-            e.required ? (a(), m("span", P, " *")) : x("", !0)
-          ], 8, I)
-        ]),
-        _: 1
-      })),
-      f("small", N, h(n.value), 1)
-    ], 2));
-  }
-}), D = /* @__PURE__ */ B(q, [["__scopeId", "data-v-6cb5331a"]]), z = D;
+import { default as t } from "./checkbox.es.js";
+import { default as o } from "./date-picker.es.js";
+import { default as s } from "./input-number.es.js";
+import { default as u } from "./input-password.es.js";
+import { default as i } from "./input-text.es.js";
+import { default as x } from "./multi-select.es.js";
+import { default as E } from "./select.es.js";
+import { default as b } from "./virtual-keyboard.es.js";
 export {
-  A as EspriCheckbox,
-  U as EspriDatePicker,
-  H as EspriInputNumber,
-  Q as EspriInputPassword,
-  X as EspriInputText,
-  z as EspriMultiSelect,
-  Z as EspriSelect,
-  le as EspriVirtualKeyboard
+  t as EspriCheckbox,
+  o as EspriDatePicker,
+  s as EspriInputNumber,
+  u as EspriInputPassword,
+  i as EspriInputText,
+  x as EspriMultiSelect,
+  E as EspriSelect,
+  b as EspriVirtualKeyboard
 };

package/dist/input-number.css

@@ -1 +1 @@
-.error[data-v-8eb7b6a7]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}
+.error[data-v-62ab020d]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/input-number.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as _, computed as m, openBlock as a, createElementBlock as d, normalizeClass as u, createBlock as c, unref as o, withCtx as g, createVNode as V, createElementVNode as p, createTextVNode as v, toDisplayString as f, createCommentVNode as h } from "vue";
+import { defineComponent as y, computed as m, openBlock as i, createElementBlock as d, createBlock as u, unref as l, withCtx as _, createVNode as g, normalizeClass as V, createElementVNode as c, createTextVNode as v, toDisplayString as p, createCommentVNode as h } from "vue";
 import { Skeleton as k, FloatLabel as B, InputNumber as C } from "primevue";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import './input-number.css';const E = ["for"], D = { key: 0 }, F = { class: "error" }, $ = /* @__PURE__ */ _({
+import './input-number.css';const E = ["for"], D = { key: 0 }, F = { class: "error" }, S = /* @__PURE__ */ y({
   __name: "input-number",
   props: {
     label: {},
@@ -24,30 +24,28 @@ import './input-number.css';const E = ["for"], D = { key: 0 }, F = { class: "err
     placeholder: {}
   },
   emits: ["update:modelValue"],
-  setup(x, { emit: b }) {
-    const e = x, i = b, s = Math.random().toString(16).slice(2), n = m({
+  setup(f, { emit: x }) {
+    const e = f, a = x, n = Math.random().toString(16).slice(2), s = m({
       get() {
-        return (e.modelValue || e.modelValue === 0) && (typeof e.min == "number" && e.modelValue < e.min || typeof e.max == "number" && e.modelValue > e.max) ? (i("update:modelValue", null), null) : e.modelValue;
+        return (e.modelValue || e.modelValue === 0) && (typeof e.min == "number" && e.modelValue < e.min || typeof e.max == "number" && e.modelValue > e.max) ? (a("update:modelValue", null), null) : e.modelValue;
       },
       set(t) {
-        (t || t === 0) && (typeof e.min == "number" && t < e.min || typeof e.max == "number" && t > e.max) && (t = null), i("update:modelValue", t);
+        (t || t === 0) && (typeof e.min == "number" && t < e.min || typeof e.max == "number" && t > e.max) && (t = null), a("update:modelValue", t);
       }
-    }), r = m(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (t, l) => (a(), d("div", {
-      class: u(`field ${e.class || ""}`)
-    }, [
-      e.loading ? (a(), c(o(k), {
+    }), r = m(() => e.showError && e.rules?.find((o) => o?.$invalid && o?.$message)?.$message || "");
+    return (t, o) => (i(), d("div", null, [
+      e.loading ? (i(), u(l(k), {
         key: 0,
         class: "skeleton-input mt-3"
-      })) : (a(), c(o(B), {
+      })) : (i(), u(l(B), {
         key: 1,
         class: "mt-3"
       }, {
-        default: g(() => [
-          V(o(C), {
-            modelValue: n.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (y) => n.value = y),
-            class: u(["w-full", e.class]),
+        default: _(() => [
+          g(l(C), {
+            modelValue: s.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (b) => s.value = b),
+            class: V(["w-full", e.class]),
             min: e.min,
             max: e.max,
             mode: e.mode,
@@ -60,19 +58,19 @@ import './input-number.css';const E = ["for"], D = { key: 0 }, F = { class: "err
             "input-class": e.inputClass,
             disabled: e.disabled,
             placeholder: e.placeholder,
-            "input-id": o(s)
+            "input-id": l(n)
           }, null, 8, ["modelValue", "min", "max", "mode", "step", "min-fraction-digits", "max-fraction-digits", "currency", "suffix", "invalid", "class", "input-class", "disabled", "placeholder", "input-id"]),
-          p("label", { for: o(s) }, [
-            v(f(e.label), 1),
-            e.required ? (a(), d("span", D, " *")) : h("", !0)
+          c("label", { for: l(n) }, [
+            v(p(e.label), 1),
+            e.required ? (i(), d("span", D, " *")) : h("", !0)
           ], 8, E)
         ]),
         _: 1
       })),
-      p("small", F, f(r.value), 1)
-    ], 2));
+      c("small", F, p(r.value), 1)
+    ]));
   }
-}), S = /* @__PURE__ */ N($, [["__scopeId", "data-v-8eb7b6a7"]]), R = S;
+}), T = /* @__PURE__ */ N(S, [["__scopeId", "data-v-62ab020d"]]), R = T;
 export {
   R as default
 };

package/dist/input-password.css

@@ -1 +1 @@
-.error[data-v-e3a9900a]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}
+.error[data-v-8a4b20d3]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/input-password.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as k, computed as r, openBlock as o, createElementBlock as i, normalizeClass as p, createBlock as c, unref as a, withCtx as y, createVNode as w, createElementVNode as u, createTextVNode as V, toDisplayString as m, createCommentVNode as v } from "vue";
-import { Skeleton as B, FloatLabel as b, Password as x } from "primevue";
+import { defineComponent as h, computed as r, openBlock as o, createElementBlock as i, createBlock as p, unref as a, withCtx as k, createVNode as y, normalizeClass as w, createElementVNode as u, createTextVNode as V, toDisplayString as c, createCommentVNode as b } from "vue";
+import { Skeleton as v, FloatLabel as B, Password as x } from "primevue";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import './input-password.css';const P = ["for"], E = { key: 0 }, N = { class: "error" }, $ = /* @__PURE__ */ k({
+import './input-password.css';const P = ["for"], E = { key: 0 }, N = { class: "error" }, F = /* @__PURE__ */ h({
   __name: "input-password",
   props: {
     label: {},
@@ -19,30 +19,28 @@ import './input-password.css';const P = ["for"], E = { key: 0 }, N = { class: "e
     displayPasswordToggle: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(g, { emit: f }) {
-    const e = g, _ = f, t = Math.random().toString(16).slice(2), d = r({
+  setup(m, { emit: g }) {
+    const e = m, f = g, t = Math.random().toString(16).slice(2), d = r({
       get() {
         return e.modelValue;
       },
       set(s) {
-        _("update:modelValue", s);
+        f("update:modelValue", s);
       }
     }), n = r(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (s, l) => (o(), i("div", {
-      class: p(`field ${e.class || ""}`)
-    }, [
-      e.loading ? (o(), c(a(B), {
+    return (s, l) => (o(), i("div", null, [
+      e.loading ? (o(), p(a(v), {
         key: 0,
         class: "skeleton-input mt-3"
-      })) : (o(), c(a(b), {
+      })) : (o(), p(a(B), {
         key: 1,
         class: "mt-3"
       }, {
-        default: y(() => [
-          w(a(x), {
+        default: k(() => [
+          y(a(x), {
             modelValue: d.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (h) => d.value = h),
-            class: p(["w-full", e.class]),
+            "onUpdate:modelValue": l[0] || (l[0] = (_) => d.value = _),
+            class: w(["w-full", e.class]),
             "input-class": e.inputClass,
             invalid: !!n.value,
             maxlength: e.maxlength,
@@ -53,16 +51,16 @@ import './input-password.css';const P = ["for"], E = { key: 0 }, N = { class: "e
             "input-id": a(t)
           }, null, 8, ["modelValue", "class", "input-class", "invalid", "maxlength", "feedback", "toggle-mask", "disabled", "placeholder", "input-id"]),
           u("label", { for: a(t) }, [
-            V(m(e.label), 1),
-            e.required ? (o(), i("span", E, " *")) : v("", !0)
+            V(c(e.label), 1),
+            e.required ? (o(), i("span", E, " *")) : b("", !0)
           ], 8, P)
         ]),
         _: 1
       })),
-      u("small", N, m(n.value), 1)
-    ], 2));
+      u("small", N, c(n.value), 1)
+    ]));
   }
-}), F = /* @__PURE__ */ C($, [["__scopeId", "data-v-e3a9900a"]]), q = F;
+}), I = /* @__PURE__ */ C(F, [["__scopeId", "data-v-8a4b20d3"]]), q = I;
 export {
   q as default
 };

package/dist/input-text.css

@@ -1 +1 @@
-.error[data-v-2a41cea7]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}
+.error[data-v-40b19f93]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/input-text.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as V, computed as d, openBlock as o, createElementBlock as i, normalizeClass as u, createBlock as c, unref as t, withCtx as g, createVNode as v, createElementVNode as m, createTextVNode as b, toDisplayString as p, createCommentVNode as k } from "vue";
+import { defineComponent as x, computed as d, openBlock as o, createElementBlock as i, createBlock as u, unref as t, withCtx as V, createVNode as g, normalizeClass as v, createElementVNode as m, createTextVNode as b, toDisplayString as p, createCommentVNode as k } from "vue";
 import { Skeleton as y, FloatLabel as B, InputText as E } from "primevue";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import './input-text.css';const w = ["for"], I = { key: 0 }, N = { class: "error" }, T = /* @__PURE__ */ V({
+import './input-text.css';const w = ["for"], I = { key: 0 }, N = { class: "error" }, T = /* @__PURE__ */ x({
   __name: "input-text",
   props: {
     label: {},
@@ -16,37 +16,35 @@ import './input-text.css';const w = ["for"], I = { key: 0 }, N = { class: "error
     placeholder: {}
   },
   emits: ["update:modelValue"],
-  setup(_, { emit: f }) {
-    const e = _, h = f, s = Math.random().toString(16).slice(2), n = d({
+  setup(c, { emit: _ }) {
+    const e = c, f = _, n = Math.random().toString(16).slice(2), s = d({
       get() {
         return e.modelValue;
       },
       set(a) {
-        h("update:modelValue", a);
+        f("update:modelValue", a);
       }
     }), r = d(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (a, l) => (o(), i("div", {
-      class: u(`field ${e.class || ""}`)
-    }, [
-      e.loading ? (o(), c(t(y), {
+    return (a, l) => (o(), i("div", null, [
+      e.loading ? (o(), u(t(y), {
         key: 0,
         class: "skeleton-input mt-3"
-      })) : (o(), c(t(B), {
+      })) : (o(), u(t(B), {
         key: 1,
         class: "mt-3"
       }, {
-        default: g(() => [
-          v(t(E), {
-            modelValue: n.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (x) => n.value = x),
-            class: u(["w-full", e.class]),
+        default: V(() => [
+          g(t(E), {
+            modelValue: s.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (h) => s.value = h),
+            class: v(["w-full", e.class]),
             invalid: !!r.value,
             maxlength: e.maxlength,
             disabled: e.disabled,
             placeholder: e.placeholder,
-            "input-id": t(s)
+            "input-id": t(n)
           }, null, 8, ["modelValue", "class", "invalid", "maxlength", "disabled", "placeholder", "input-id"]),
-          m("label", { for: t(s) }, [
+          m("label", { for: t(n) }, [
             b(p(e.label), 1),
             e.required ? (o(), i("span", I, " *")) : k("", !0)
           ], 8, w)
@@ -54,9 +52,9 @@ import './input-text.css';const w = ["for"], I = { key: 0 }, N = { class: "error
         _: 1
       })),
       m("small", N, p(r.value), 1)
-    ], 2));
+    ]));
   }
-}), $ = /* @__PURE__ */ C(T, [["__scopeId", "data-v-2a41cea7"]]), z = $;
+}), S = /* @__PURE__ */ C(T, [["__scopeId", "data-v-40b19f93"]]), z = S;
 export {
   z as default
 };

package/dist/multi-select.css

@@ -0,0 +1 @@
+.error[data-v-b8098681]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/multi-select.es.js

@@ -0,0 +1,90 @@
+import { defineComponent as g, computed as c, openBlock as a, createElementBlock as m, normalizeClass as p, createBlock as u, unref as o, withCtx as v, createVNode as C, createElementVNode as f, createTextVNode as V, toDisplayString as h, createCommentVNode as _ } from "vue";
+import { Skeleton as B, FloatLabel as M, MultiSelect as x } from "primevue";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import './multi-select.css';const S = ["for"], k = { key: 0 }, w = { class: "error" }, E = /* @__PURE__ */ g({
+  __name: "multi-select",
+  props: {
+    label: {},
+    options: {},
+    modelValue: {},
+    class: {},
+    inputClass: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    showClear: { type: Boolean },
+    loading: { type: Boolean },
+    showError: { type: Boolean },
+    rules: {},
+    placeholder: {},
+    maxSelectedLabels: {},
+    selectionLimit: {},
+    emptyMessage: {},
+    selectedItemsLabel: {},
+    resetFilterOnClear: { type: Boolean },
+    filter: { type: Boolean },
+    filterPlaceholder: {},
+    filterLocale: {},
+    filterMatchMode: {},
+    filterFields: {}
+  },
+  emits: ["update:modelValue", "filter", "selectall-change"],
+  setup(b, { emit: y }) {
+    const e = b, s = y, r = Math.random().toString(16).slice(2), n = c({
+      get() {
+        return e.modelValue;
+      },
+      set(i) {
+        s("update:modelValue", i);
+      }
+    }), d = c(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
+    return (i, l) => (a(), m("div", {
+      class: p(`field ${e.class || ""}`)
+    }, [
+      e.loading ? (a(), u(o(B), {
+        key: 0,
+        class: "skeleton-input mt-3"
+      })) : (a(), u(o(M), {
+        key: 1,
+        class: "mt-3"
+      }, {
+        default: v(() => [
+          C(o(x), {
+            modelValue: n.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (t) => n.value = t),
+            options: e.options,
+            "option-label": "label",
+            "option-value": "value",
+            class: p(["w-full", e.class]),
+            invalid: !!d.value,
+            disabled: e.disabled,
+            placeholder: e.placeholder,
+            "show-clear": e.showClear,
+            "max-selected-labels": e.maxSelectedLabels,
+            "empty-message": e.emptyMessage,
+            "selection-limit": e.selectionLimit,
+            "selected-items-label": e.selectedItemsLabel,
+            "reset-filter-on-clear": e.resetFilterOnClear,
+            filter: e.filter,
+            "filter-placeholder": e.filterPlaceholder,
+            "filter-locale": e.filterLocale,
+            "filter-match-mode": e.filterMatchMode,
+            "filter-fields": e.filterFields,
+            "input-id": o(r),
+            "input-class": e.inputClass,
+            onFilter: l[1] || (l[1] = (t) => s("filter", t)),
+            onSelectallChange: l[2] || (l[2] = (t) => s("selectall-change", t))
+          }, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "show-clear", "max-selected-labels", "empty-message", "selection-limit", "selected-items-label", "reset-filter-on-clear", "filter", "filter-placeholder", "filter-locale", "filter-match-mode", "filter-fields", "input-id", "input-class"]),
+          f("label", { for: o(r) }, [
+            V(h(e.label), 1),
+            e.required ? (a(), m("span", k, " *")) : _("", !0)
+          ], 8, S)
+        ]),
+        _: 1
+      })),
+      f("small", w, h(d.value), 1)
+    ], 2));
+  }
+}), F = /* @__PURE__ */ L(E, [["__scopeId", "data-v-b8098681"]]), q = F;
+export {
+  q as default
+};

package/dist/select.css

@@ -1 +1 @@
-.error[data-v-55a0f12b]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}
+.error[data-v-310b2bf8]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/select.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as V, computed as i, openBlock as t, createElementBlock as d, normalizeClass as c, createBlock as p, unref as o, withCtx as b, createVNode as y, createElementVNode as u, createTextVNode as g, toDisplayString as m, createCommentVNode as k } from "vue";
-import { Skeleton as w, FloatLabel as B, Select as C } from "primevue";
+import { defineComponent as v, computed as i, openBlock as t, createElementBlock as d, createBlock as c, unref as o, withCtx as b, createVNode as V, normalizeClass as y, createElementVNode as p, createTextVNode as C, toDisplayString as u, createCommentVNode as g } from "vue";
+import { Skeleton as k, FloatLabel as w, Select as B } from "primevue";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import './select.css';const E = ["for"], S = { key: 0 }, N = { class: "error" }, $ = /* @__PURE__ */ V({
+import './select.css';const E = ["for"], S = { key: 0 }, N = { class: "error" }, $ = /* @__PURE__ */ v({
   __name: "select",
   props: {
     label: {},
@@ -15,54 +15,54 @@ import './select.css';const E = ["for"], S = { key: 0 }, N = { class: "error" },
     placeholder: {},
     style: {},
     class: {},
+    inputClass: {},
     loading: { type: Boolean },
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(f, { emit: _ }) {
-    const e = f, h = _, s = Math.random().toString(16).slice(2), n = i({
+  setup(m, { emit: _ }) {
+    const e = m, f = _, s = Math.random().toString(16).slice(2), n = i({
       get() {
         return e.modelValue;
       },
       set(a) {
-        h("update:modelValue", a);
+        f("update:modelValue", a);
       }
     }), r = i(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (a, l) => (t(), d("div", {
-      class: c(`field ${e.class || ""}`)
-    }, [
-      e.loading ? (t(), p(o(w), {
+    return (a, l) => (t(), d("div", null, [
+      e.loading ? (t(), c(o(k), {
         key: 0,
         class: "skeleton-input mt-3"
-      })) : (t(), p(o(B), {
+      })) : (t(), c(o(w), {
         key: 1,
         class: "mt-3"
       }, {
         default: b(() => [
-          y(o(C), {
+          V(o(B), {
             modelValue: n.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (v) => n.value = v),
+            "onUpdate:modelValue": l[0] || (l[0] = (h) => n.value = h),
             options: e.options,
             "option-label": "label",
             "option-value": "value",
-            class: c(["w-full", e.class]),
+            class: y(["w-full", e.class]),
+            "input-class": e.inputClass,
             invalid: !!r.value,
             disabled: e.disabled,
             placeholder: e.placeholder,
             "show-clear": e.showClear,
             "input-id": o(s)
-          }, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "show-clear", "input-id"]),
-          u("label", { for: o(s) }, [
-            g(m(e.label), 1),
-            e.required ? (t(), d("span", S, " *")) : k("", !0)
+          }, null, 8, ["modelValue", "options", "class", "input-class", "invalid", "disabled", "placeholder", "show-clear", "input-id"]),
+          p("label", { for: o(s) }, [
+            C(u(e.label), 1),
+            e.required ? (t(), d("span", S, " *")) : g("", !0)
           ], 8, E)
         ]),
         _: 1
       })),
-      u("small", N, m(r.value), 1)
-    ], 2));
+      p("small", N, u(r.value), 1)
+    ]));
   }
-}), q = /* @__PURE__ */ x($, [["__scopeId", "data-v-55a0f12b"]]), F = q;
+}), q = /* @__PURE__ */ x($, [["__scopeId", "data-v-310b2bf8"]]), F = q;
 export {
   F as default
 };

package/dist/types/checkbox/interfaces/checkbox-props.interface.d.ts

@@ -19,6 +19,10 @@ export default interface EspriCheckboxProps {
      * Class of the component.
      */
     class?: any;
+    /**
+     * Optional CSS class applied to the input element.
+     */
+    inputClass?: string;
     /**
      * Disables the checkbox when true.
      */

package/dist/types/date-picker/interfaces/date-picker-props.interface.d.ts

@@ -11,6 +11,10 @@ export default interface EspriDatePickerProps {
      * Class of the component.
      */
     class?: any;
+    /**
+     * Optional CSS class applied to the input element.
+     */
+    inputClass?: string;
     /**
      * Disables the date picker when true.
      */

package/dist/types/input-number/interfaces/input-number-props.interface.d.ts

@@ -38,7 +38,7 @@ export default interface EspriInputNumberProps {
     /**
      * Indicates if the input is in a loading state.
      */
-    loading: boolean;
+    loading?: boolean;
     /**
      * Shows error messages when true.
      */

package/dist/types/input-password/interfaces/input-password-props.interface.d.ts

@@ -26,7 +26,7 @@ export default interface EspriInputPasswordProps {
     /**
      * Indicates if the input is in a loading state.
      */
-    loading: boolean;
+    loading?: boolean;
     /**
      * Shows error messages when true.
      */

package/dist/types/multi-select/interfaces/multi-select-props.interface.d.ts

@@ -26,6 +26,10 @@ export default interface EspriMultiSelectProps {
      * Class of the component.
      */
     class?: any;
+    /**
+     * Optional CSS class applied to the input element.
+     */
+    inputClass?: string;
     /**
      * Disables the input when true.
      */

package/dist/types/select/interfaces/select-props.interface.d.ts

@@ -59,10 +59,14 @@ export default interface EspriSelectProps {
      * Class of the component.
      */
     class?: any;
+    /**
+     * Optional CSS class applied to the input element.
+     */
+    inputClass?: string;
     /**
      * Indicates if the input is in a loading state.
      */
-    loading: boolean;
+    loading?: boolean;
     /**
      * Model value representing the current state of the input.
      */

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@espri/vue-components",
-  "version": "2.4.2",
+  "version": "2.4.4",
   "description": "ESPRI Digital - Vue components library",
   "author": "ESPRI Digital",
-  "homepage": "https://github.com/ESPRI-Digital/vue-select#readme",
+  "homepage": "https://github.com/ESPRI-Digital/vue-components#readme",
   "publishConfig": {
     "access": "public"
   },

package/dist/index.css

@@ -1 +0,0 @@
-.error[data-v-702f97d9],.error[data-v-6cb5331a]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}