@webilio-xyz/webilio-vue 1.1.2 → 1.1.4

package/dist/Input.js

@@ -1,12 +1,12 @@
-import { computed as y, withDirectives as U, openBlock as b, createElementBlock as S, vModelCheckbox as J, ref as I, onMounted as T, renderSlot as v, createCommentVNode as N, createElementVNode as D, normalizeClass as V, unref as z, Fragment as se, createBlock as C, createVNode as L, normalizeStyle as ue, createSlots as q, withCtx as h, createTextVNode as A, toDisplayString as M } from "vue";
-import { trans as oe, isLoaded as ie, getActiveLanguage as re } from "laravel-vue-i18n";
-import de from "@vuepic/vue-datepicker";
-import { s as me, u as H, _ as K, E as Q } from "./LabelComponent-CfsH2P2a.js";
+import { computed as v, withDirectives as U, openBlock as b, createElementBlock as S, vModelCheckbox as J, ref as A, onMounted as M, renderSlot as y, createCommentVNode as N, createElementVNode as D, normalizeClass as V, unref as z, Fragment as se, createBlock as C, createVNode as L, normalizeStyle as ue, createSlots as q, withCtx as h, createTextVNode as E, toDisplayString as B, normalizeProps as oe, guardReactiveProps as ie } from "vue";
+import { trans as re, isLoaded as de, getActiveLanguage as me } from "laravel-vue-i18n";
+import ce from "@vuepic/vue-datepicker";
+import { s as pe, u as H, _ as K, E as Q } from "./LabelComponent-CfsH2P2a.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { a as ce } from "./toString-CykDHNcE.js";
-import { b as pe } from "./_baseIteratee-r_6HOn93.js";
-import { i as fe, b as ge } from "./_baseEach-BeZ5ghU7.js";
-import { i as he } from "./isObject-BD_iszZg.js";
+import { a as fe } from "./toString-CykDHNcE.js";
+import { b as ge } from "./_baseIteratee-r_6HOn93.js";
+import { i as he, b as be } from "./_baseEach-BeZ5ghU7.js";
+import { i as ye } from "./isObject-BD_iszZg.js";
 const Y = {
   __name: "CheckboxComponent",
   props: {
@@ -17,7 +17,7 @@ const Y = {
   },
   emits: ["update:checked", "update:modelValue"],
   setup(e, { emit: a }) {
-    const l = a, t = e, s = y({
+    const l = a, t = e, s = v({
       get() {
         return t.checked;
       },
@@ -34,7 +34,7 @@ const Y = {
     ]);
   }
 };
-var be = Object.defineProperty, ye = (e, a, l) => a in e ? be(e, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[a] = l, R = (e, a, l) => ye(e, typeof a != "symbol" ? a + "" : a, l);
+var ve = Object.defineProperty, ke = (e, a, l) => a in e ? ve(e, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[a] = l, R = (e, a, l) => ke(e, typeof a != "symbol" ? a + "" : a, l);
 const j = {
   "#": { pattern: /[0-9]/ },
   "@": { pattern: /[a-zA-Z]/ },
@@ -46,7 +46,7 @@ const j = {
     maximumFractionDigits: a,
     roundingMode: "trunc"
   });
-}, ve = (e, a = !0, l) => {
+}, xe = (e, a = !0, l) => {
   var t, s, u, i;
   const o = ((t = l.number) == null ? void 0 : t.unsigned) == null && e.startsWith("-") ? "-" : "", n = ((s = l.number) == null ? void 0 : s.fraction) ?? 0;
   let d = G(0, n, l);
@@ -60,7 +60,7 @@ const j = {
   let c = d.format(parseFloat(p));
   return a ? n > 0 && p.endsWith(".") && !p.slice(0, -1).includes(".") && (c += m) : c = Z(c, g, m), o + c;
 };
-class ke {
+class Ve {
   constructor(a = {}) {
     R(this, "opts", {}), R(this, "memo", /* @__PURE__ */ new Map());
     const l = { ...a };
@@ -108,15 +108,15 @@ class ke {
     }), { mask: l.join(""), escaped: t };
   }
   process(a, l, t = !0) {
-    if (this.opts.number != null) return ve(a, t, this.opts);
+    if (this.opts.number != null) return xe(a, t, this.opts);
     if (l == null) return a;
     const s = `v=${a},mr=${l},m=${t ? 1 : 0}`;
     if (this.memo.has(s)) return this.memo.get(s);
     const { mask: u, escaped: i } = this.escapeMask(l), o = [], n = this.opts.tokens != null ? this.opts.tokens : {}, d = this.isReversed() ? -1 : 1, f = this.isReversed() ? "unshift" : "push", g = this.isReversed() ? 0 : u.length - 1, m = this.isReversed() ? () => r > -1 && k > -1 : () => r < u.length && k < a.length, p = ($) => !this.isReversed() && $ <= g || this.isReversed() && $ >= g;
-    let x, c = -1, r = this.isReversed() ? u.length - 1 : 0, k = this.isReversed() ? a.length - 1 : 0, F = !1;
+    let x, c = -1, r = this.isReversed() ? u.length - 1 : 0, k = this.isReversed() ? a.length - 1 : 0, P = !1;
     for (; m(); ) {
-      const $ = u.charAt(r), w = n[$], E = (w == null ? void 0 : w.transform) != null ? w.transform(a.charAt(k)) : a.charAt(k);
-      if (!i.includes(r) && w != null ? (E.match(w.pattern) != null ? (o[f](E), w.repeated ? (c === -1 ? c = r : r === g && r !== c && (r = c - d), g === c && (r -= d)) : w.multiple && (F = !0, r -= d), r += d) : w.multiple ? F && (r += d, k -= d, F = !1) : E === x ? x = void 0 : w.optional && (r += d, k -= d), k += d) : (t && !this.isEager() && o[f]($), E === $ && !this.isEager() ? k += d : x = $, this.isEager() || (r += d)), this.isEager())
+      const $ = u.charAt(r), w = n[$], I = (w == null ? void 0 : w.transform) != null ? w.transform(a.charAt(k)) : a.charAt(k);
+      if (!i.includes(r) && w != null ? (I.match(w.pattern) != null ? (o[f](I), w.repeated ? (c === -1 ? c = r : r === g && r !== c && (r = c - d), g === c && (r -= d)) : w.multiple && (P = !0, r -= d), r += d) : w.multiple ? P && (r += d, k -= d, P = !1) : I === x ? x = void 0 : w.optional && (r += d, k -= d), k += d) : (t && !this.isEager() && o[f]($), I === $ && !this.isEager() ? k += d : x = $, this.isEager() || (r += d)), this.isEager())
         for (; p(r) && (n[u.charAt(r)] == null || i.includes(r)); ) {
           if (t) {
             if (o[f](u.charAt(r)), a.charAt(k) === u.charAt(r)) {
@@ -130,12 +130,12 @@ class ke {
     return this.memo.set(s, o.join("")), this.memo.get(s);
   }
 }
-const _ = (e) => JSON.parse(e.replaceAll("'", '"')), xe = (e, a = {}) => {
+const _ = (e) => JSON.parse(e.replaceAll("'", '"')), we = (e, a = {}) => {
   const l = { ...a };
-  e.dataset.maska != null && e.dataset.maska !== "" && (l.mask = Ve(e.dataset.maska)), e.dataset.maskaEager != null && (l.eager = B(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (l.reversed = B(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (l.tokensReplace = B(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (l.tokens = we(e.dataset.maskaTokens));
+  e.dataset.maska != null && e.dataset.maska !== "" && (l.mask = Se(e.dataset.maska)), e.dataset.maskaEager != null && (l.eager = T(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (l.reversed = T(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (l.tokensReplace = T(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (l.tokens = Ce(e.dataset.maskaTokens));
   const t = {};
-  return e.dataset.maskaNumberLocale != null && (t.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (t.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (t.unsigned = B(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(t).length > 0) && (l.number = t), l;
-}, B = (e) => e !== "" ? !!JSON.parse(e) : !0, Ve = (e) => e.startsWith("[") && e.endsWith("]") ? _(e) : e, we = (e) => {
+  return e.dataset.maskaNumberLocale != null && (t.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (t.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (t.unsigned = T(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(t).length > 0) && (l.number = t), l;
+}, T = (e) => e !== "" ? !!JSON.parse(e) : !0, Se = (e) => e.startsWith("[") && e.endsWith("]") ? _(e) : e, Ce = (e) => {
   if (e.startsWith("{") && e.endsWith("}"))
     return _(e);
   const a = {};
@@ -149,7 +149,7 @@ const _ = (e) => JSON.parse(e.replaceAll("'", '"')), xe = (e, a = {}) => {
     };
   }), a;
 };
-class Se {
+class $e {
   constructor(a, l = {}) {
     R(this, "items", /* @__PURE__ */ new Map()), R(this, "onInput", (t) => {
       if (t instanceof CustomEvent && t.type === "input")
@@ -173,7 +173,7 @@ class Se {
     const l = this.getOptions(this.options);
     for (const t of a) {
       this.items.has(t) || t.addEventListener("input", this.onInput, { capture: !0 });
-      const s = new ke(xe(t, l));
+      const s = new Ve(we(t, l));
       this.items.set(t, s), queueMicrotask(() => this.updateValue(t)), t.selectionStart === null && s.isEager() && console.warn("Maska: input of `%s` type is not supported", t.type);
     }
   }
@@ -207,11 +207,11 @@ class Se {
     };
   }
 }
-const O = /* @__PURE__ */ new WeakMap(), Ce = (e, a) => {
+const F = /* @__PURE__ */ new WeakMap(), Ae = (e, a) => {
   if (e.arg == null || e.instance == null) return;
   const l = "setup" in e.instance.$.type;
   e.arg in e.instance ? e.instance[e.arg] = a : l && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
-}, $e = (e, a) => {
+}, Me = (e, a) => {
   var l;
   const t = e instanceof HTMLInputElement ? e : e.querySelector("input");
   if (t == null || (t == null ? void 0 : t.type) === "file") return;
@@ -219,15 +219,15 @@ const O = /* @__PURE__ */ new WeakMap(), Ce = (e, a) => {
   if (a.value != null && (s = typeof a.value == "string" ? { mask: a.value } : { ...a.value }), a.arg != null) {
     const u = (i) => {
       const o = a.modifiers.unmasked ? i.unmasked : a.modifiers.completed ? i.completed : i.masked;
-      Ce(a, o);
+      Ae(a, o);
     };
     s.onMaska = s.onMaska == null ? u : Array.isArray(s.onMaska) ? [...s.onMaska, u] : [s.onMaska, u];
   }
-  O.has(t) ? (l = O.get(t)) == null || l.update(s) : O.set(t, new Se(t, s));
-}, Ae = { class: "wv-text-input-wrapper flex items-center border border-gray-300 focus-within:border-indigo-500 focus-within:ring-1 focus-within:ring-indigo-500 rounded-md shadow-sm" }, Me = {
+  F.has(t) ? (l = F.get(t)) == null || l.update(s) : F.set(t, new $e(t, s));
+}, Ie = { class: "wv-input wv-text-input-wrapper flex items-center border border-gray-300 focus-within:border-indigo-500 focus-within:ring-1 focus-within:ring-indigo-500 rounded-md shadow-sm" }, Te = {
   key: 0,
   class: "wv-text-input-prefix flex items-center pl-2"
-}, Ie = ["type", "inputmode", "value", "min", "max", "step"], Te = {
+}, Ee = ["type", "inputmode", "value", "min", "max", "step"], Be = {
   key: 1,
   class: "wv-text-input-suffix flex items-center pr-2"
 }, W = {
@@ -259,7 +259,7 @@ const O = /* @__PURE__ */ new WeakMap(), Ce = (e, a) => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: l }) {
-    const t = e, s = l, u = y(() => t.type === "number"), i = y(() => u.value && t.precision !== null ? "text" : t.type), o = y(() => u.value && t.precision !== null ? "decimal" : null), n = y(() => t.step ? t.step : t.precision !== null ? Math.pow(10, -t.precision).toFixed(t.precision) : null), d = (m) => {
+    const t = e, s = l, u = v(() => t.type === "number"), i = v(() => u.value && t.precision !== null ? "text" : t.type), o = v(() => u.value && t.precision !== null ? "decimal" : null), n = v(() => t.step ? t.step : t.precision !== null ? Math.pow(10, -t.precision).toFixed(t.precision) : null), d = (m) => {
       if (!u.value || m === "" || m === "-" || m === "." || m === "-.") return m;
       const p = parseFloat(m);
       return isNaN(p) ? m : t.min !== null && p < parseFloat(t.min) ? t.min : t.max !== null && p > parseFloat(t.max) ? t.max : m;
@@ -273,33 +273,33 @@ const O = /* @__PURE__ */ new WeakMap(), Ce = (e, a) => {
         }
       }
       p = d(p), m.target.value = p, s("update:modelValue", p);
-    }, g = I(null);
-    return T(() => {
+    }, g = A(null);
+    return M(() => {
       g.value.hasAttribute("autofocus") && g.value.focus();
-    }), a({ focus: () => g.value.focus() }), (m, p) => (b(), S("div", Ae, [
-      m.$slots.prefix ? (b(), S("div", Me, [
-        v(m.$slots, "prefix")
+    }), a({ focus: () => g.value.focus() }), (m, p) => (b(), S("div", Ie, [
+      m.$slots.prefix ? (b(), S("div", Te, [
+        y(m.$slots, "prefix")
       ])) : N("", !0),
       U(D("input", {
         ref_key: "input",
         ref: g,
         type: i.value,
         inputmode: o.value,
-        class: V(["wv-input wv-text-input flex-1 border-0 focus:ring-0 disabled:bg-gray-200 px-1", e.inputClass]),
+        class: V(["wv-text-input flex-1 border-0 focus:ring-0 disabled:bg-gray-200 px-1", e.inputClass]),
         value: e.modelValue,
         min: e.min,
         max: e.max,
         step: n.value,
         onInput: f
-      }, null, 42, Ie), [
-        [z($e), e.mask]
+      }, null, 42, Ee), [
+        [z(Me), e.mask]
       ]),
-      m.$slots.suffix ? (b(), S("div", Te, [
-        v(m.$slots, "suffix")
+      m.$slots.suffix ? (b(), S("div", Be, [
+        y(m.$slots, "suffix")
       ])) : N("", !0)
     ]));
   }
-}, Ee = {
+}, Ne = {
   __name: "DateComponent",
   props: {
     modelValue: String,
@@ -330,27 +330,27 @@ const O = /* @__PURE__ */ new WeakMap(), Ce = (e, a) => {
         import("date-fns"),
         import("date-fns-tz")
       ]));
-    }, u = y(() => {
+    }, u = v(() => {
       let c = "yyyy/MM/dd";
       if (i.value && l)
         try {
-          const r = oe("date.format").toString(), k = l.parse("29/10/1989", "P", /* @__PURE__ */ new Date());
+          const r = re("date.format").toString(), k = l.parse("29/10/1989", "P", /* @__PURE__ */ new Date());
           l.format(k, r), c = r;
         } catch {
         }
       return c;
-    }), i = I(!1);
-    T(async () => {
+    }), i = A(!1);
+    M(async () => {
       await s();
       const c = setInterval(() => {
-        ie() && (i.value = !0, clearInterval(c));
+        de() && (i.value = !0, clearInterval(c));
       }, 50);
     });
-    const o = y(() => re()), n = e, d = a, f = (c) => !c || !t ? null : Array.isArray(c) ? c.map((r) => t.fromZonedTime(r, Intl.DateTimeFormat().resolvedOptions().timeZone)) : t.fromZonedTime(c, Intl.DateTimeFormat().resolvedOptions().timeZone), g = y(() => f(n.modelValue)), m = y(() => f(n.min)), p = y(() => f(n.max)), x = (c) => {
+    const o = v(() => me()), n = e, d = a, f = (c) => !c || !t ? null : Array.isArray(c) ? c.map((r) => t.fromZonedTime(r, Intl.DateTimeFormat().resolvedOptions().timeZone)) : t.fromZonedTime(c, Intl.DateTimeFormat().resolvedOptions().timeZone), g = v(() => f(n.modelValue)), m = v(() => f(n.min)), p = v(() => f(n.max)), x = (c) => {
       d("update:modelValue", c);
     };
     return (c, r) => (b(), S(se, null, [
-      u.value ? (b(), C(z(de), {
+      u.value ? (b(), C(z(ce), {
         key: 0,
         class: "print:hidden wv-input wv-date-input",
         "model-value": g.value,
@@ -375,7 +375,7 @@ const O = /* @__PURE__ */ new WeakMap(), Ce = (e, a) => {
       }, null, 8, ["model-value"])
     ], 64));
   }
-}, ee = /* @__PURE__ */ X(Ee, [["__scopeId", "data-v-75d7c74c"]]), Be = ["disabled"], Ne = {
+}, ee = /* @__PURE__ */ X(Ne, [["__scopeId", "data-v-75d7c74c"]]), Le = ["disabled"], Re = {
   __name: "ToggleComponent",
   props: {
     modelValue: {
@@ -393,9 +393,9 @@ const O = /* @__PURE__ */ new WeakMap(), Ce = (e, a) => {
   },
   emits: ["update:checked", "update:modelValue"],
   setup(e, { emit: a }) {
-    const l = a, t = e, s = y(() => ({
+    const l = a, t = e, s = v(() => ({
       "--size": `${t.size}rem`
-    })), u = y({
+    })), u = v({
       get() {
         return !!t.modelValue;
       },
@@ -412,7 +412,7 @@ const O = /* @__PURE__ */ new WeakMap(), Ce = (e, a) => {
         value: "",
         disabled: e.disabled,
         class: "sr-only peer"
-      }, null, 8, Be), [
+      }, null, 8, Le), [
         [J, u.value]
       ]),
       D("div", {
@@ -425,16 +425,16 @@ const O = /* @__PURE__ */ new WeakMap(), Ce = (e, a) => {
       }, null, 6)
     ], 2));
   }
-}, te = /* @__PURE__ */ X(Ne, [["__scopeId", "data-v-d62d3d36"]]);
-function Le(e, a) {
-  var l = -1, t = fe(e) ? Array(e.length) : [];
-  return ge(e, function(s, u, i) {
+}, te = /* @__PURE__ */ X(Re, [["__scopeId", "data-v-d62d3d36"]]);
+function Pe(e, a) {
+  var l = -1, t = he(e) ? Array(e.length) : [];
+  return be(e, function(s, u, i) {
     t[++l] = a(s, u, i);
   }), t;
 }
-function P(e, a) {
-  var l = he(e) ? ce : Le;
-  return l(e, pe(a));
+function O(e, a) {
+  var l = ye(e) ? fe : Pe;
+  return l(e, ge(a));
 }
 const ae = {
   __name: "SelectComponent",
@@ -491,7 +491,7 @@ const ae = {
   },
   emits: ["update:modelValue", "tag"],
   setup(e, { emit: a }) {
-    const l = a, t = e, s = y({
+    const l = a, t = e, s = v({
       get() {
         return Array.isArray(t.modelValue) ? u.value.filter((n) => t.modelValue.includes(n == null ? void 0 : n.value)) : u.value.find((n) => (n == null ? void 0 : n.value) === t.modelValue);
       },
@@ -500,11 +500,11 @@ const ae = {
           if (!t.multiple)
             l("update:modelValue", n == null ? void 0 : n.value);
           else {
-            const d = P(n, (f) => f == null ? void 0 : f.value);
+            const d = O(n, (f) => f == null ? void 0 : f.value);
             l("update:modelValue", d);
           }
       }
-    }), u = y(() => P(t == null ? void 0 : t.options, (n) => typeof n == "string" ? {
+    }), u = v(() => O(t == null ? void 0 : t.options, (n) => typeof n == "string" ? {
       label: n,
       value: n
     } : n) ?? []), i = (n) => {
@@ -512,14 +512,14 @@ const ae = {
         let d;
         if (t.multiple) {
           const f = n == null ? void 0 : n.value;
-          d = P(s.value ?? [], (m) => m == null ? void 0 : m.value).filter((m) => m !== f);
+          d = O(s.value ?? [], (m) => m == null ? void 0 : m.value).filter((m) => m !== f);
         }
         l("update:modelValue", d);
       }
     }, o = (n) => {
       l("tag", n);
     };
-    return (n, d) => (b(), C(z(me), {
+    return (n, d) => (b(), C(z(pe), {
       id: "value",
       modelValue: s.value,
       "onUpdate:modelValue": d[0] || (d[0] = (f) => s.value = f),
@@ -541,85 +541,89 @@ const ae = {
       onRemove: i
     }, q({
       maxElements: h(() => [
-        A(M(n.$tChoice("select.maxElements", e.max)), 1)
+        E(B(n.$tChoice("select.maxElements", e.max)), 1)
       ]),
       noResult: h(() => [
-        A(M(n.$t("select.noResult")), 1)
+        E(B(n.$t("select.noResult")), 1)
       ]),
       noOptions: h(() => [
-        A(M(n.$t("select.noOptions")), 1)
-      ]),
-      tag: h(() => [
-        A(M(n.$t("select.tag")), 1)
+        E(B(n.$t("select.noOptions")), 1)
       ]),
       _: 2
     }, [
+      n.$slots.tag ? {
+        name: "tag",
+        fn: h((f) => [
+          y(n.$slots, "tag", oe(ie(f)))
+        ]),
+        key: "0"
+      } : void 0,
       n.$slots.beforeList ? {
         name: "beforeList",
         fn: h(() => [
-          v(n.$slots, "beforeList")
+          y(n.$slots, "beforeList")
         ]),
-        key: "0"
+        key: "1"
       } : void 0,
       n.$slots.afterList ? {
         name: "afterList",
         fn: h(() => [
-          v(n.$slots, "afterList")
+          y(n.$slots, "afterList")
         ]),
-        key: "1"
+        key: "2"
       } : void 0,
       n.$slots.caret ? {
         name: "caret",
         fn: h(() => [
-          v(n.$slots, "caret")
+          y(n.$slots, "caret")
         ]),
-        key: "2"
+        key: "3"
       } : void 0,
       n.$slots.singleLabel ? {
         name: "singleLabel",
         fn: h(() => [
-          v(n.$slots, "singleLabel")
+          y(n.$slots, "singleLabel")
         ]),
-        key: "3"
+        key: "4"
       } : void 0,
       n.$slots.placeholder ? {
         name: "placeholder",
         fn: h(() => [
-          v(n.$slots, "placeholder")
+          y(n.$slots, "placeholder")
         ]),
-        key: "4"
+        key: "5"
       } : void 0,
       n.$slots.limit ? {
         name: "limit",
         fn: h(() => [
-          v(n.$slots, "limit")
+          y(n.$slots, "limit")
         ]),
-        key: "5"
+        key: "6"
       } : void 0,
       n.$slots.clear ? {
         name: "clear",
         fn: h(() => [
-          v(n.$slots, "clear")
+          y(n.$slots, "clear")
         ]),
-        key: "6"
+        key: "7"
       } : void 0,
       n.$slots.tag ? {
         name: "tag",
         fn: h(() => [
-          v(n.$slots, "tag")
+          y(n.$slots, "tag")
         ]),
-        key: "7"
+        key: "8"
       } : void 0,
       n.$slots.selection ? {
         name: "selection",
         fn: h(() => [
-          v(n.$slots, "selection")
+          y(n.$slots, "selection")
         ]),
-        key: "8"
+        key: "9"
       } : void 0
     ]), 1032, ["modelValue", "options", "placeholder", "multiple", "max", "open-direction", "close-on-select", "searchable", "group-select", "group-values", "group-label", "taggable"]));
   }
-}, Re = ["value", "placeholder"], le = {
+}, Fe = ["value", "placeholder"], le = {
   __name: "TextareaComponent",
   props: {
     modelValue: String,
@@ -627,8 +631,8 @@ const ae = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a }) {
-    const l = I(null);
-    return T(() => {
+    const l = A(null);
+    return M(() => {
       l.value.hasAttribute("autofocus") && l.value.focus();
     }), a({ focus: () => l.value.focus() }), (t, s) => (b(), S("textarea", {
       ref_key: "input",
@@ -637,9 +641,9 @@ const ae = {
       value: e.modelValue,
       placeholder: e.placeholder,
       onInput: s[0] || (s[0] = (u) => t.$emit("update:modelValue", u.target.value))
-    }, null, 40, Re));
+    }, null, 40, Fe));
   }
-}, Fe = {
+}, Oe = {
   key: 1,
   class: "h-10 flex items-center"
 }, ne = {
@@ -712,11 +716,11 @@ const ae = {
   },
   emits: ["update:modelValue", "tag"],
   setup(e, { emit: a }) {
-    const l = e, t = a, s = I(null);
-    T(() => {
+    const l = e, t = a, s = A(null);
+    M(() => {
       s.value = H("input_group_");
     });
-    const u = y(() => l.type === "tel" ? "(###) ###-####" : null);
+    const u = v(() => l.type === "tel" ? "(###) ###-####" : null);
     return (i, o) => e.type === "checkbox" ? (b(), C(Y, {
       key: 0,
       id: s.value,
@@ -725,7 +729,7 @@ const ae = {
       class: V("size-10 " + e.customClass),
       disabled: e.disabled,
       "onUpdate:modelValue": o[0] || (o[0] = (n) => t("update:modelValue", n))
-    }, null, 8, ["id", "name", "model-value", "class", "disabled"])) : e.type === "toggle" ? (b(), S("div", Fe, [
+    }, null, 8, ["id", "name", "model-value", "class", "disabled"])) : e.type === "toggle" ? (b(), S("div", Oe, [
       L(te, {
         id: s.value,
         name: e.name,
@@ -790,20 +794,20 @@ const ae = {
       i.$slots.prefix ? {
         name: "prefix",
         fn: h(() => [
-          v(i.$slots, "prefix")
+          y(i.$slots, "prefix")
         ]),
         key: "0"
       } : void 0,
       i.$slots.suffix ? {
         name: "suffix",
         fn: h(() => [
-          v(i.$slots, "suffix")
+          y(i.$slots, "suffix")
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["id", "type", "name", "placeholder", "model-value", "disabled", "min", "max", "mask", "precision", "step", "class", "input-class"]));
   }
-}, Oe = {
+}, De = {
   __name: "InputGroupComponent",
   props: {
     modelValue: String,
@@ -882,11 +886,11 @@ const ae = {
   },
   emits: ["update:modelValue", "tag"],
   setup(e, { emit: a }) {
-    const l = e, t = a, s = I(null);
-    T(() => {
+    const l = e, t = a, s = A(null);
+    M(() => {
       s.value = H("input_group_");
     });
-    const u = y(() => l.type === "tel" ? "(###) ###-####" : null);
+    const u = v(() => l.type === "tel" ? "(###) ###-####" : null);
     return (i, o) => (b(), S("div", {
       class: V(["w-full", { error: e.errors !== null && e.errors !== "" }])
     }, [
@@ -897,7 +901,7 @@ const ae = {
         class: "w-full mb-2"
       }, {
         default: h(() => [
-          A(M(e.label), 1)
+          E(B(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "value", "required"]),
@@ -928,14 +932,14 @@ const ae = {
         i.$slots.prefix ? {
           name: "prefix",
           fn: h(() => [
-            v(i.$slots, "prefix")
+            y(i.$slots, "prefix")
           ]),
           key: "0"
         } : void 0,
         i.$slots.suffix ? {
           name: "suffix",
           fn: h(() => [
-            v(i.$slots, "suffix")
+            y(i.$slots, "suffix")
           ]),
           key: "1"
         } : void 0
@@ -947,12 +951,12 @@ const ae = {
       }, null, 8, ["message"])) : N("", !0)
     ], 2));
   }
-}, Je = {
+}, Ke = {
   CheckboxComponent: Y,
   DateComponent: ee,
   ErrorComponent: Q,
   InputComponent: ne,
-  InputGroupComponent: Oe,
+  InputGroupComponent: De,
   LabelComponent: K,
   SelectComponent: ae,
   TextareaComponent: le,
@@ -964,11 +968,11 @@ export {
   ee as DateComponent,
   Q as ErrorComponent,
   ne as InputComponent,
-  Oe as InputGroupComponent,
+  De as InputGroupComponent,
   K as LabelComponent,
   ae as SelectComponent,
   W as TextInputComponent,
   le as TextareaComponent,
   te as ToggleComponent,
-  Je as default
+  Ke as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilio-xyz/webilio-vue",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "type": "module",
   "scripts": {
     "dev": "vite --host 0.0.0.0",