adverich-kun-ui 0.1.409 → 0.1.411

package/dist/components/KunTextarea/src/components/KunTextarea.vue.js

@@ -1,45 +1,53 @@
-import { useAttrs as x, ref as _, getCurrentInstance as ee, computed as a, createElementBlock as l, openBlock as s, mergeProps as E, renderSlot as i, createElementVNode as d, createCommentVNode as u, normalizeClass as g, toDisplayString as y, normalizeProps as I, guardReactiveProps as R, unref as r, createBlock as b, resolveDynamicComponent as m, withKeys as oe, Fragment as te, renderList as ne, withDirectives as re, vShow as se, createTextVNode as le } from "vue";
-import { kunTextareaProps as ae } from "../composables/KunTextareaProps.js";
-import ie from "../composables/useKunTextareaComposable.js";
-import { renderIconSlot as k } from "../../../../utils/renderIcon.js";
-const de = { class: "relative" }, ue = {
+import { useAttrs as oe, ref as te, getCurrentInstance as ne, computed as a, createElementBlock as l, openBlock as t, mergeProps as M, renderSlot as d, createElementVNode as i, createCommentVNode as u, normalizeClass as b, toDisplayString as g, normalizeProps as z, guardReactiveProps as B, unref as n, createBlock as y, resolveDynamicComponent as m, Fragment as re, renderList as se, withDirectives as le, vShow as ae, createTextVNode as de } from "vue";
+import { kunTextareaProps as ie } from "../composables/KunTextareaProps.js";
+import ue from "../composables/useKunTextareaComposable.js";
+import { renderIconSlot as h } from "../../../../utils/renderIcon.js";
+import { debounce as pe } from "../../../../utils/utils.js";
+const ce = { class: "relative" }, ve = {
   key: 0,
   class: "absolute left-2 top-2 flex items-center"
-}, pe = {
+}, fe = {
   key: 1,
   class: "absolute left-2 top-2 ml-1"
-}, ve = ["value", "rows", "disabled", "readonly", "placeholder"], ce = {
+}, be = ["value", "rows", "disabled", "readonly", "placeholder"], ge = {
   key: 3,
   class: "absolute right-2 top-2 mr-1"
-}, fe = {
+}, ye = {
   key: 4,
   class: "absolute right-2 top-2 flex items-center"
-}, ge = {
+}, me = {
   key: 5,
   class: "mt-1"
-}, ye = { class: "h-1 w-full bg-gray-200 rounded overflow-hidden" }, be = {
+}, he = { class: "h-1 w-full bg-gray-200 rounded overflow-hidden" }, ke = {
   key: 7,
   class: "text-xs text-right mt-1 text-gray-400"
-}, me = { key: 0 }, $e = {
+}, Ce = { key: 0 }, Re = {
   __name: "KunTextarea",
-  props: { ...ae },
+  props: { ...ie },
   emits: ["update:modelValue", "click:clear", "click:control", "update:focused", "mousedown:control"],
-  setup(M, { expose: P, emit: T }) {
-    const o = M, F = T, G = x(), p = _(null), K = `textarea-${ee().uid}`, {
-      isFocused: v,
-      internalValue: c,
-      rootRef: V,
-      // si no usás, sacalo del composable y de acá
-      updateValue: N,
-      handleClear: z,
-      validate: H,
-      reset: L,
-      resetValidation: j,
+  setup(A, { expose: D, emit: F }) {
+    const o = A, k = F, G = oe(), p = te(null), R = `textarea-${ne().uid}`, {
+      isFocused: c,
+      internalValue: v,
+      updateModel: P,
+      handleClear: S,
+      validate: T,
+      reset: E,
+      resetValidation: N,
       hasError: f,
       displayedMessages: C,
-      adjustHeight: J,
-      handleJsonEnter: B
-    } = ie(o, F), S = a(() => v.value || !!c.value || o.dirty), h = a(() => typeof c.value == "string" ? c.value.length : 0), w = a(() => o.counter === !0 ? 25 : o.counter || null), q = a(() => o.persistentCounter || o.counter && v.value), O = a(() => ["relative w-full flex flex-col", o.class, o.wrapperClass]), Q = a(() => o.persistentClear ? "opacity-100" : "hover:opacity-100 opacity-0 transition-opacity duration-200"), A = a(() => {
+      adjustHeight: H
+    } = ue(o, k, p), L = (e) => {
+      v.value = e.target.value, j(e.target.value), o.autoGrow && H();
+    }, j = pe((e) => {
+      P(e);
+    }, 2e3), K = () => {
+      c.value = !0, k("update:focused", !0);
+    }, U = () => {
+      c.value = !1, k("update:focused", !1);
+    }, V = a(() => c.value || !!v.value || o.dirty), w = a(() => typeof v.value == "string" ? v.value.length : 0), I = a(() => o.counter === !0 ? 25 : o.counter || null), q = a(() => o.persistentCounter || o.counter && c.value), J = a(() => ["relative w-full flex flex-col", o.class, o.wrapperClass]), O = a(
+      () => o.persistentClear ? "opacity-100" : "hover:opacity-100 opacity-0 transition-opacity duration-200"
+    ), Q = a(() => {
       const e = o.bgColor ? "" : o.variant === "filled" ? "bg-gray-100 dark:bg-gray-900" : "";
       switch (o.variant) {
         case "filled":
@@ -53,10 +61,9 @@ const de = { class: "relative" }, ue = {
         default:
           return "";
       }
-    }), D = a(
+    }), W = a(
       () => o.density === "compact" ? "p-1" : o.density === "comfortable" ? "p-2" : "p-3"
-    );
-    a(() => [
+    ), X = a(() => [
       "w-full resize-none p-2 transition-colors duration-150 py-3",
       o.inputClass,
       {
@@ -74,161 +81,169 @@ const de = { class: "relative" }, ue = {
         "resize-none": o.noResize || o.autoGrow,
         resize: !o.noResize && !o.autoGrow
       },
-      A.value,
-      D.value
-    ]);
-    const U = { label: o.label, isFocused: v, isActive: S, controlRef: p, focus: () => {
-      var e;
-      return (e = p.value) == null ? void 0 : e.focus();
-    }, blur: () => {
-      var e;
-      return (e = p.value) == null ? void 0 : e.blur();
-    }, props: o }, $ = { isActive: !!c.value, isFocused: v, controlRef: p, focus: () => {
-      var e;
-      return (e = p.value) == null ? void 0 : e.focus();
-    }, blur: () => {
-      var e;
-      return (e = p.value) == null ? void 0 : e.blur();
-    }, props: o }, W = $, X = $, Y = a(() => {
-      const { class: e, ...t } = G;
-      return t;
+      Q.value,
+      W.value
+    ]), Y = {
+      label: o.label,
+      isFocused: c,
+      isActive: V,
+      controlRef: p,
+      focus: () => {
+        var e;
+        return (e = p.value) == null ? void 0 : e.focus();
+      },
+      blur: () => {
+        var e;
+        return (e = p.value) == null ? void 0 : e.blur();
+      },
+      props: o
+    }, $ = {
+      isActive: !!v.value,
+      isFocused: c,
+      controlRef: p,
+      focus: () => {
+        var e;
+        return (e = p.value) == null ? void 0 : e.focus();
+      },
+      blur: () => {
+        var e;
+        return (e = p.value) == null ? void 0 : e.blur();
+      },
+      props: o
+    }, Z = $, x = $, _ = a(() => {
+      const { class: e, ...r } = G;
+      return r;
     });
-    return P({
-      validate: H,
-      reset: L,
-      resetValidation: j,
+    return D({
+      validate: T,
+      reset: E,
+      resetValidation: N,
       errorMessages: C,
       isValid: a(() => !f.value),
-      rootRef: V,
       focus: () => {
         var e;
         return (e = p.value) == null ? void 0 : e.focus();
-      }
-    }), (e, t) => (s(), l("div", E({
-      class: O.value,
-      ref_key: "rootRef",
-      ref: V
-    }, Y.value), [
-      i(e.$slots, "label", E({ for: K }, U), () => [
-        e.label ? (s(), l("label", {
+      },
+      rootRef: p
+    }), (e, r) => (t(), l("div", M({
+      class: J.value,
+      ref: "rootRef"
+    }, _.value), [
+      d(e.$slots, "label", M({ for: R }, Y), () => [
+        e.label ? (t(), l("label", {
           key: 0,
-          class: g(["absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10", S.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"])
-        }, y(e.label), 3)) : u("", !0)
+          for: R,
+          class: b(["absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10", V.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"])
+        }, g(e.label), 3)) : u("", !0)
       ]),
-      d("div", de, [
-        e.prependIcon || e.$slots.prepend ? (s(), l("div", ue, [
-          i(e.$slots, "prepend", I(R(r(W))), () => [
-            d("div", {
-              onClick: t[0] || (t[0] = (n) => e.handleIconClick(n, "prepend"))
+      i("div", ce, [
+        e.prependIcon || e.$slots.prepend ? (t(), l("div", ve, [
+          d(e.$slots, "prepend", z(B(n(Z))), () => [
+            i("div", {
+              onClick: r[0] || (r[0] = (s) => e.handleIconClick(s, "prepend"))
             }, [
-              (s(), b(m(r(k)(e.prependIcon))))
+              (t(), y(m(n(h)(e.prependIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.prependInnerIcon || e.$slots["prepend-inner"] ? (s(), l("div", pe, [
-          i(e.$slots, "prepend-inner", {}, () => [
-            d("div", {
-              onClick: t[1] || (t[1] = (n) => e.handleIconClick(n, "prependInner"))
+        e.prependInnerIcon || e.$slots["prepend-inner"] ? (t(), l("div", fe, [
+          d(e.$slots, "prepend-inner", {}, () => [
+            i("div", {
+              onClick: r[1] || (r[1] = (s) => e.handleIconClick(s, "prependInner"))
             }, [
-              (s(), b(m(r(k)(e.prependInnerIcon))))
+              (t(), y(m(n(h)(e.prependInnerIcon))))
             ])
           ])
         ])) : u("", !0),
-        d("textarea", {
+        i("textarea", {
           ref_key: "textareaRef",
           ref: p,
-          value: r(c),
-          rows: e.rows,
+          value: n(v),
+          rows: e.autoGrow ? void 0 : e.rows,
           disabled: e.disabled,
           readonly: e.readonly,
           placeholder: e.placeholder,
-          onInput: t[2] || (t[2] = (n) => {
-            r(N)(n.target.value), e.autoGrow && r(J)();
-          }),
-          onFocus: t[3] || (t[3] = (n) => {
-            v.value = !0, e.$emit("update:focused", !0);
-          }),
-          onBlur: t[4] || (t[4] = (n) => {
-            v.value = !1, e.$emit("update:focused", !1);
-          }),
-          onClick: t[5] || (t[5] = (n) => e.$emit("click:control", n)),
-          onMousedown: t[6] || (t[6] = (n) => e.$emit("mousedown:control", n)),
-          onKeydown: t[7] || (t[7] = oe((...n) => r(B) && r(B)(...n), ["enter"])),
-          class: g([[A.value, D.value, e.inputClasses], "py-3"])
-        }, null, 42, ve),
-        e.clearable && r(c) ? (s(), l("div", {
+          onInput: L,
+          onFocus: K,
+          onBlur: U,
+          onClick: r[2] || (r[2] = (s) => e.$emit("click:control", s)),
+          onMousedown: r[3] || (r[3] = (s) => e.$emit("mousedown:control", s)),
+          class: b([X.value]),
+          style: { width: "100%", "box-sizing": "border-box", "overflow-y": "hidden" }
+        }, null, 42, be),
+        e.clearable && n(v) ? (t(), l("div", {
           key: 2,
-          class: g(["absolute right-2 top-2", Q.value])
+          class: b(["absolute right-2 top-2", O.value])
         }, [
-          i(e.$slots, "clear", I(R($)), () => [
-            d("button", {
+          d(e.$slots, "clear", z(B($)), () => [
+            i("button", {
               type: "button",
-              onClick: t[8] || (t[8] = (...n) => r(z) && r(z)(...n)),
+              onClick: r[4] || (r[4] = (...s) => n(S) && n(S)(...s)),
               class: "text-gray-500 hover:text-gray-700"
             }, [
-              (s(), b(m(r(k)(e.clearIcon))))
+              (t(), y(m(n(h)(e.clearIcon))))
             ])
           ])
         ], 2)) : u("", !0),
-        e.appendInnerIcon || e.$slots["append-inner"] ? (s(), l("div", ce, [
-          i(e.$slots, "append-inner", {}, () => [
-            d("div", {
-              onClick: t[9] || (t[9] = (n) => e.handleIconClick(n, "appendInner"))
+        e.appendInnerIcon || e.$slots["append-inner"] ? (t(), l("div", ge, [
+          d(e.$slots, "append-inner", {}, () => [
+            i("div", {
+              onClick: r[5] || (r[5] = (s) => e.handleIconClick(s, "appendInner"))
             }, [
-              (s(), b(m(r(k)(e.appendInnerIcon))))
+              (t(), y(m(n(h)(e.appendInnerIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.appendIcon || e.$slots.append ? (s(), l("div", fe, [
-          i(e.$slots, "append", I(R(r(X))), () => [
-            d("div", {
-              onClick: t[10] || (t[10] = (n) => e.handleIconClick(n, "append"))
+        e.appendIcon || e.$slots.append ? (t(), l("div", ye, [
+          d(e.$slots, "append", z(B(n(x))), () => [
+            i("div", {
+              onClick: r[6] || (r[6] = (s) => e.handleIconClick(s, "append"))
             }, [
-              (s(), b(m(r(k)(e.appendIcon))))
+              (t(), y(m(n(h)(e.appendIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.loading ? (s(), l("div", ge, [
-          i(e.$slots, "loader", {
+        e.loading ? (t(), l("div", me, [
+          d(e.$slots, "loader", {
             color: e.loadingColor,
             isActive: !0
           }, () => [
-            d("div", ye, [
-              d("div", {
-                class: g(["h-full transition-all duration-300", [e.loadingColor]]),
+            i("div", he, [
+              i("div", {
+                class: b(["h-full transition-all duration-300", [e.loadingColor]]),
                 style: { width: "100%" }
               }, null, 2)
             ])
           ])
         ])) : u("", !0),
-        !e.hideDetails || e.hideDetails === "auto" && (r(C).length || e.hint) ? (s(), l("div", {
+        !e.hideDetails || e.hideDetails === "auto" && (n(C).length || e.hint) ? (t(), l("div", {
           key: 6,
-          class: g(["text-xs mt-1 space-y-1", { "text-red-500": r(f), "text-gray-500": !r(f) }])
+          class: b(["text-xs mt-1 space-y-1", { "text-red-500": n(f), "text-gray-500": !n(f) }])
         }, [
-          i(e.$slots, "details", {}, () => [
-            r(f) ? (s(!0), l(te, { key: 0 }, ne(r(C), (n, Z) => i(e.$slots, "message", {
-              key: Z,
-              message: n
+          d(e.$slots, "details", {}, () => [
+            n(f) ? (t(!0), l(re, { key: 0 }, se(n(C), (s, ee) => d(e.$slots, "message", {
+              key: ee,
+              message: s
             }, () => [
-              d("div", null, y(n), 1)
-            ])), 128)) : e.hint ? i(e.$slots, "hint", {
+              i("div", null, g(s), 1)
+            ])), 128)) : e.hint ? d(e.$slots, "hint", {
               key: 1,
               hint: e.hint
             }, () => [
-              re(d("div", null, y(e.hint), 513), [
-                [se, e.persistentHint || r(v)]
+              le(i("div", null, g(e.hint), 513), [
+                [ae, e.persistentHint || n(c)]
               ])
             ]) : u("", !0)
           ])
         ], 2)) : u("", !0),
-        q.value ? (s(), l("div", be, [
-          i(e.$slots, "counter", {
-            counter: h.value,
-            max: w.value,
-            value: h.value
+        q.value ? (t(), l("div", ke, [
+          d(e.$slots, "counter", {
+            counter: w.value,
+            max: I.value,
+            value: w.value
           }, () => [
-            le(y(h.value), 1),
-            w.value ? (s(), l("span", me, " / " + y(w.value), 1)) : u("", !0)
+            de(g(w.value), 1),
+            I.value ? (t(), l("span", Ce, " / " + g(I.value), 1)) : u("", !0)
           ])
         ])) : u("", !0)
       ])
@@ -236,5 +251,5 @@ const de = { class: "relative" }, ue = {
   }
 };
 export {
-  $e as default
+  Re as default
 };

package/dist/components/KunTextarea/src/composables/KunTextareaProps.js

@@ -1,47 +1,37 @@
 const e = {
-  modelValue: [String, Number],
-  // Etiqueta visible del textarea
+  modelValue: [String, Number, Object],
   label: String,
-  // Texto de ayuda o descripción secundaria
   hint: String,
-  // Clases de estilo personalizadas
   class: String,
   bgColor: String,
   textColor: String,
-  // Alineación de texto (left, center, right)
-  textAlign: {
-    type: String,
-    default: "left"
-  },
-  // Define si se debe mostrar el loader
+  textAlign: { type: String, default: "left" },
+  formatModel: { type: String, default: "auto" },
   loading: Boolean,
-  // Slot para ícono al comienzo
+  prependIcon: [String, Object, Function],
+  appendIcon: [String, Object, Function],
   prependInnerIcon: [String, Object, Function],
-  // Slot para ícono al final
   appendInnerIcon: [String, Object, Function],
-  // Slots adicionales
+  clearable: Boolean,
+  persistentClear: Boolean,
   loader: Boolean,
-  hideDetails: Boolean,
-  // Deshabilita la entrada
+  hideDetails: [Boolean, String],
   disabled: Boolean,
   readonly: Boolean,
-  // Valida errores sólo al blur (desenfocar)
   blurValidation: Boolean,
-  // Validaciones
   rules: Array,
   errorMessages: [String, Array],
-  maxErrors: Number,
-  // Forzar estado de error visual
+  maxErrors: {
+    type: Number,
+    default: 3
+  },
   error: Boolean,
-  // Contador de caracteres
   counter: Boolean,
+  persistentCounter: Boolean,
   maxLength: [Number, String],
-  // Crecimiento dinámico
   autoGrow: Boolean,
   noResize: Boolean,
   maxRows: [Number, String],
-  // aplica si autoGrow está activo
-  // Atributos HTML nativos
   placeholder: String,
   name: String,
   id: String,
@@ -49,7 +39,23 @@ const e = {
   rows: {
     type: [Number, String],
     default: 5
-  }
+  },
+  dirty: Boolean,
+  variant: {
+    type: String,
+    default: "outlined"
+  },
+  density: {
+    type: String,
+    default: "default"
+  },
+  inputClass: [String, Array],
+  wrapperClass: [String, Array],
+  tile: Boolean,
+  rounded: [String, Number],
+  flat: Boolean,
+  color: String,
+  loadingColor: String
 };
 export {
   e as kunTextareaProps

package/dist/components/KunTextarea/src/composables/useKunTextareaComposable.js

@@ -1,8 +1,8 @@
-import { ref as o, computed as g, watch as A, nextTick as h, onMounted as C, onBeforeUnmount as F } from "vue";
-function L(t, v) {
-  const m = o(null), r = o(""), i = o(t.modelValue), H = o(!1), s = o([]), x = o(null), c = g(() => t.formatModel === "json" || t.formatModel === "auto" && typeof t.modelValue == "object");
-  function y(e) {
-    if (c.value && e != null)
+import { ref as i, computed as h, watch as E, nextTick as m, onMounted as A, onBeforeUnmount as F } from "vue";
+function $(t, H, l) {
+  const s = i(""), c = i(t.modelValue), J = i(!1), a = i([]), f = h(() => t.formatModel === "json" || t.formatModel === "auto" && typeof t.modelValue == "object");
+  function v(e) {
+    if (f.value && e != null)
       try {
         return JSON.stringify(e, null, 2);
       } catch {
@@ -10,8 +10,8 @@ function L(t, v) {
       }
     return e ?? "";
   }
-  function R(e) {
-    if (c.value && typeof e == "string")
+  function y(e) {
+    if (f.value && typeof e == "string")
       try {
         return JSON.parse(e);
       } catch {
@@ -19,72 +19,74 @@ function L(t, v) {
       }
     return e;
   }
-  function J(e) {
-    const n = R(e);
-    i.value = n, v("update:modelValue", n), v("change", n);
+  function x(e) {
+    const u = y(e);
+    c.value = u, H("update:modelValue", u);
   }
-  A(() => t.modelValue, (e) => {
-    const n = JSON.stringify(e), a = JSON.stringify(i.value);
-    n !== a && (i.value = e, r.value = y(e), t.autoGrow && h(f));
-  });
-  const f = () => {
-    if (!textareaRef.value) return;
-    textareaRef.value.style.height = "auto", textareaRef.value.style.overflowY = "hidden";
-    const e = textareaRef.value.scrollHeight, n = parseFloat(getComputedStyle(textareaRef.value).lineHeight || "24"), a = Number(t.maxRows || 0);
-    if (t.maxRows && a > 0) {
-      const u = a * n;
-      textareaRef.value.style.height = Math.min(e, u) + "px";
+  E(
+    () => t.modelValue,
+    (e) => {
+      const u = JSON.stringify(e), n = JSON.stringify(c.value);
+      u !== n && (c.value = e, s.value = v(e), t.autoGrow && m(() => d()));
+    },
+    { immediate: !0 }
+  );
+  const d = () => {
+    if (!l.value) return;
+    l.value.style.height = "auto", l.value.style.overflowY = "hidden";
+    const e = l.value.scrollHeight, u = parseFloat(getComputedStyle(l.value).lineHeight) || 24, n = Number(t.maxRows || 0);
+    if (t.maxRows && n > 0) {
+      const o = n * u;
+      l.value.style.height = Math.min(e, o) + "px";
     } else
-      textareaRef.value.style.height = e + "px";
+      l.value.style.height = e + "px";
   };
-  C(() => {
-    r.value = y(t.modelValue), h(() => {
-      t.autoGrow && f();
+  function N(e) {
+    var S;
+    if (!f.value) return;
+    const u = l.value;
+    if (!u) return;
+    const n = u.selectionStart, o = s.value, r = "  ", g = o.slice(0, n), j = o.slice(n), C = g.lastIndexOf(`
+`) + 1, w = `
+${((S = g.slice(C).match(/^\s*/)) == null ? void 0 : S[0]) ?? ""}${r}`;
+    s.value = g + w + j, m(() => {
+      const V = n + w.length;
+      u.setSelectionRange(V, V);
+    }), e.preventDefault();
+  }
+  A(() => {
+    s.value = v(t.modelValue), m(() => {
+      t.autoGrow && d();
     });
   }), F(() => {
-    x.value && cancelAnimationFrame(x.value);
   });
-  const M = g(() => {
+  const M = h(() => {
     var e;
-    return !!(s.value.length || (e = t.errorMessages) != null && e.length);
-  }), N = g(() => M.value ? [...t.errorMessages || [], ...s.value].slice(0, t.maxErrors) : []);
-  function O() {
-    const e = t.rules || [], n = t.required && !r.value ? null : R(r.value), a = [];
-    for (const u of e) {
-      const l = typeof u == "function" ? u(n) : u;
-      Array.isArray(l) ? a.push(...l) : typeof l == "string" ? a.push(l) : l === !1 && a.push("Campo inválido");
+    return !!(a.value.length || (e = t.errorMessages) != null && e.length);
+  }), O = h(() => M.value ? [...t.errorMessages || [], ...a.value].slice(0, t.maxErrors) : []);
+  function I() {
+    const e = t.rules || [], u = t.required && !s.value ? null : y(s.value), n = [];
+    for (const o of e) {
+      const r = typeof o == "function" ? o(u) : o;
+      Array.isArray(r) ? n.push(...r) : typeof r == "string" ? n.push(r) : r === !1 && n.push("Campo inválido");
     }
-    return s.value = a, a.length === 0;
-  }
-  function E() {
-    s.value = [];
+    return a.value = n, n.length === 0;
   }
-  function I(e) {
-    var S;
-    if (!c.value || e.key !== "Enter") return;
-    const n = m.value;
-    if (!n) return;
-    const a = n.selectionStart, u = r.value, l = "  ", d = u.slice(0, a), b = u.slice(a), j = d.lastIndexOf(`
-`) + 1, w = `
-${((S = d.slice(j).match(/^\s*/)) == null ? void 0 : S[0]) ?? ""}${l}`;
-    r.value = d + w + b, h(() => {
-      const V = a + w.length;
-      n.setSelectionRange(V, V);
-    }), e.preventDefault();
+  function b() {
+    a.value = [];
   }
   return {
-    inputRef: m,
-    internalValue: r,
-    isFocused: H,
+    internalValue: s,
+    isFocused: J,
     hasError: M,
-    displayedMessages: N,
-    validate: O,
-    resetValidation: E,
-    updateModel: J,
-    adjustHeight: f,
-    handleJsonEnter: I
+    displayedMessages: O,
+    validate: I,
+    resetValidation: b,
+    updateModel: x,
+    adjustHeight: d,
+    handleJsonEnter: N
   };
 }
 export {
-  L as default
+  $ as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.409",
+  "version": "0.1.411",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",