adverich-kun-ui 0.1.490 → 0.1.491

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

@@ -1,157 +1,160 @@
-import { mergeModels as $, useModel as z, onMounted as ie, ref as A, watch as se, createElementBlock as y, openBlock as u, createVNode as a, unref as t, withKeys as ue, withModifiers as E, isRef as _, createSlots as de, withCtx as n, createCommentVNode as g, normalizeClass as ce, createTextVNode as b, toDisplayString as V, createBlock as p, Fragment as me, renderList as fe, createElementVNode as pe } from "vue";
-import { icons as v } from "../../../../icons/index.js";
-import { isNotEmpty as x, isArray as R } from "../../../../utils/utils.js";
-import ve from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
-import ke from "../../../KunList/src/components/KunList.vue.js";
-import O from "../../../KunListItem/src/components/KunListItem.vue.js";
-import B from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import he from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import ye from "../../../KunMenu/src/components/KunMenu.vue.js";
-import { useAutocomplete as ge } from "../composables/useAutocomplete.js";
-import { KunAutocompleteProps as be } from "../composables/KunAutocompleteProps.js";
-import Ce from "../../../KunTextField/src/components/KunTextField.vue.js";
-import we from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Se from "../../../KunChip/src/components/KunChip.vue.js";
+import { mergeModels as $, useModel as x, onMounted as se, ref as z, watch as ue, nextTick as A, createElementBlock as y, openBlock as u, createVNode as i, unref as o, withKeys as de, withModifiers as E, isRef as _, createSlots as ce, withCtx as n, createCommentVNode as g, normalizeClass as fe, createTextVNode as b, toDisplayString as V, createBlock as v, Fragment as me, renderList as pe, createElementVNode as ve } from "vue";
+import { icons as k } from "../../../../icons/index.js";
+import { isNotEmpty as O, isArray as R } from "../../../../utils/utils.js";
+import ke from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import he from "../../../KunList/src/components/KunList.vue.js";
+import B from "../../../KunListItem/src/components/KunListItem.vue.js";
+import F from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import ye from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import ge from "../../../KunMenu/src/components/KunMenu.vue.js";
+import { useAutocomplete as be } from "../composables/useAutocomplete.js";
+import { KunAutocompleteProps as Ce } from "../composables/KunAutocompleteProps.js";
+import we from "../../../KunTextField/src/components/KunTextField.vue.js";
+import Se from "../../../KunBtn/src/components/KunBtn.vue.js";
+import Ve from "../../../KunChip/src/components/KunChip.vue.js";
 import C from "../../../KunIcon/src/components/KunIcon.vue.js";
-const Ve = {
+const De = {
   key: 0,
   class: "flex flex-nowrap items-center space-x-1 min-w-3xs max-w-full overflow-x-auto overflow-y-hidden"
-}, De = { class: "flex items-center" }, Ie = {
+}, Ie = { class: "flex items-center" }, Ke = {
   key: 0,
   class: "sticky top-0 z-10 p-2 border-b bg-select-background"
-}, Ue = {
+}, je = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ $(be, {
+  props: /* @__PURE__ */ $(Ce, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
   emits: /* @__PURE__ */ $(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter"], ["update:modelValue", "update:items"]),
-  setup(w, { expose: F, emit: N }) {
-    const i = z(w, "modelValue"), f = z(w, "items"), s = w, c = N, {
-      textFieldRef: k,
+  setup(w, { expose: T, emit: N }) {
+    const s = x(w, "modelValue"), m = x(w, "items"), r = w, c = N, {
+      textFieldRef: p,
       listRef: D,
       menuModel: d,
-      search: r,
-      removeItem: T,
-      clearSelection: U,
-      lightReset: j,
+      search: a,
+      removeItem: U,
+      clearSelection: j,
+      lightReset: H,
       openMenu: S,
-      closeMenu: H,
-      toggleMenu: q,
-      onMenuKeydown: P,
+      closeMenu: q,
+      toggleMenu: P,
+      onMenuKeydown: W,
       getSelectedItem: I,
-      textArr: W,
-      getArrayText: G,
-      isAlphanumeric: J,
-      createItem: Q,
-      checkDisabled: X,
+      textArr: G,
+      getArrayText: J,
+      isAlphanumeric: Q,
+      createItem: X,
+      checkDisabled: Y,
       itemToString: K,
-      placeholder: Y
-    } = ge(s, c, i, f);
-    ie(() => {
-      s.focusOnRender && k.value.focus();
+      placeholder: Z
+    } = be(r, c, s, m);
+    se(() => {
+      r.focusOnRender && p.value.focus();
     });
-    const L = A(null), h = A(""), M = (e) => {
-      for (const o of s.rules) {
-        const l = o(e);
-        if (l !== !0)
-          return h.value = l, c("validation", !1), !1;
+    const L = z(null), h = z(""), M = (e) => {
+      for (const l of r.rules) {
+        const t = l(e);
+        if (t !== !0)
+          return h.value = t, c("validation", !1), !1;
       }
       return h.value = "", c("validation", !0), !0;
     };
-    se(() => i.value, (e, o) => {
-      x(s.rules) && M(e);
+    ue(() => s.value, (e, l) => {
+      O(r.rules) && M(e);
     });
-    function Z() {
+    function ee() {
       var e;
-      d.value = !1, (e = k.value.inputField) == null || e.focus();
+      d.value = !1, (e = p.value.inputField) == null || e.focus();
     }
-    function ee(e) {
-      var l, m;
-      const o = e.key;
-      if (o === "Tab" || o === "Shift" || o === "Escape") {
-        H(), c("keyDown", o);
+    function le(e) {
+      var t, f;
+      const l = e.key;
+      if (l === "Tab" || l === "Shift" || l === "Escape") {
+        q(), c("keyDown", l);
         return;
       }
-      (J(o) || o === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), d.value || S(), (m = (l = D.value) == null ? void 0 : l.focusWithKey) == null || m.call(l, o));
-    }
-    function le(e) {
-      c("search", r);
+      (Q(l) || l === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(l) && (e.preventDefault(), d.value || S(), (f = (t = D.value) == null ? void 0 : t.focusWithKey) == null || f.call(t, l));
     }
-    function te() {
-      M(i);
+    function te(e) {
+      c("search", a);
     }
-    function oe(e) {
-      P(e);
+    function oe() {
+      M(s);
     }
-    function ne() {
+    function ne(e) {
+      W(e);
     }
     function re() {
-      if (!r.value) return;
+    }
+    function ae() {
+      if (!a.value) return;
       let e = null;
-      s.returnObject ? e = f.value.find(
-        (o) => Object.values(o).some(
-          (l) => String(l).toLowerCase() === String(r.value).toLowerCase()
+      r.returnObject ? e = m.value.find(
+        (l) => Object.values(l).some(
+          (t) => String(t).toLowerCase() === String(a.value).toLowerCase()
         )
-      ) : s.itemValue ? e = f.value.find(
-        (o) => String(o[s.itemValue]).toLowerCase() === String(r.value).toLowerCase()
-      ) : e = f.value.find(
-        (o) => typeof o == "object" ? Object.values(o).some((l) => String(l).toLowerCase() === String(r.value).toLowerCase()) : String(o).toLowerCase() === String(r.value).toLowerCase()
-      ), e && I(e), c("keyDownEnter");
+      ) : r.itemValue ? e = m.value.find(
+        (l) => String(l[r.itemValue]).toLowerCase() === String(a.value).toLowerCase()
+      ) : e = m.value.find(
+        (l) => typeof l == "object" ? Object.values(l).some((t) => String(t).toLowerCase() === String(a.value).toLowerCase()) : String(l).toLowerCase() === String(a.value).toLowerCase()
+      ), e && (I(e), r.focusOnSelect && A(() => {
+        var l;
+        (l = p.value) == null || l.focus();
+      })), c("keyDownEnter");
     }
-    return F({
-      focus: () => {
+    return T({
+      focus: () => A(() => {
         var e;
-        (e = k.value) == null || e.focus();
-      }
-    }), (e, o) => (u(), y("div", {
+        return (e = p.value) == null ? void 0 : e.focus();
+      })
+    }), (e, l) => (u(), y("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: L
     }, [
-      a(Ce, {
-        modelValue: t(r),
+      i(we, {
+        modelValue: o(a),
         "onUpdate:modelValue": [
-          o[1] || (o[1] = (l) => _(r) ? r.value = l : null),
-          le
+          l[1] || (l[1] = (t) => _(a) ? a.value = t : null),
+          te
         ],
         label: e.label,
         dirty: "",
         "hide-details": e.hideDetails,
         density: e.density,
         ref_key: "textFieldRef",
-        ref: k,
+        ref: p,
         autocomplete: "off",
-        onFocusInput: te,
-        onHandleClick: t(q),
-        rounded: t(d) ? "rounded-t" : "rounded",
-        onBlur: ne,
+        onFocusInput: oe,
+        onHandleClick: o(P),
+        rounded: o(d) ? "rounded-t" : "rounded",
+        onBlur: re,
         onKeyDown: [
-          ee,
-          ue(E(re, ["prevent"]), ["enter"])
+          le,
+          de(E(ae, ["prevent"]), ["enter"])
         ],
-        placeholder: s.multiple && t(R)(i.value) && i.value.length ? "" : t(Y),
+        placeholder: r.multiple && o(R)(s.value) && s.value.length ? "" : o(Z),
         error: !!h.value,
         "error-messages": h.value
-      }, de({
+      }, ce({
         "prepend-input-content": n(() => [
-          t(R)(i.value) && t(x)(i.value) ? (u(), y("div", Ve, [
-            (u(!0), y(me, null, fe(i.value, (l) => (u(), p(Se, {
-              key: l.id ?? l.name,
+          o(R)(s.value) && o(O)(s.value) ? (u(), y("div", De, [
+            (u(!0), y(me, null, pe(s.value, (t) => (u(), v(Ve, {
+              key: t.id ?? t.name,
               size: "small",
               variant: "pill"
             }, {
               default: n(() => [
-                pe("div", De, [
-                  b(V(t(G)(l)) + " ", 1),
-                  a(C, {
+                ve("div", Ie, [
+                  b(V(o(J)(t)) + " ", 1),
+                  i(C, {
                     color: "error",
-                    icon: t(v).close,
+                    icon: o(k).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (m) => t(T)(l)
+                    onClick: (f) => o(U)(t)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
@@ -160,16 +163,16 @@ const Ve = {
           ])) : g("", !0)
         ]),
         default: n(() => [
-          a(ye, {
+          i(ge, {
             transition: "fade",
-            "onClick:outside": t(j),
-            modelValue: t(d),
-            "onUpdate:modelValue": o[0] || (o[0] = (l) => _(d) ? d.value = l : null),
+            "onClick:outside": o(H),
+            modelValue: o(d),
+            "onUpdate:modelValue": l[0] || (l[0] = (t) => _(d) ? d.value = t : null),
             activator: "parent",
             "z-index": e.zIndex,
             "parent-ref": L.value,
             origin: e.menuOrigin,
-            onHandleEscape: Z,
+            onHandleEscape: ee,
             bgColor: e.bgMenuColor,
             "close-on-content-click": e.closeOnSelect,
             width: "w-full",
@@ -177,11 +180,11 @@ const Ve = {
             "hide-details": e.hideDetails
           }, {
             default: n(() => [
-              e.hasCreateItem ? (u(), y("div", Ie, [
-                a(we, {
-                  onClick: t(Q),
+              e.hasCreateItem ? (u(), y("div", Ke, [
+                i(Se, {
+                  onClick: o(X),
                   bgColor: e.btnCreateBg,
-                  class: ce(e.btnCreateClass)
+                  class: fe(e.btnCreateClass)
                 }, {
                   default: n(() => [
                     b(V(e.btnCreateText), 1)
@@ -189,29 +192,29 @@ const Ve = {
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
               ])) : g("", !0),
-              a(ke, {
-                "onClick:select": t(I),
+              i(he, {
+                "onClick:select": o(I),
                 ref_key: "listRef",
                 ref: D,
-                onKeyDown: oe,
+                onKeyDown: ne,
                 selectable: !0
               }, {
                 default: n(() => [
-                  a(ve, {
-                    items: f.value,
-                    search: t(r),
-                    "searchable-keys": s.searchableKeys,
+                  i(ke, {
+                    items: m.value,
+                    search: o(a),
+                    "searchable-keys": r.searchableKeys,
                     virtual: !1,
                     "items-per-intersection": 10,
-                    enabled: t(d),
+                    enabled: o(d),
                     "item-height": 48
                   }, {
-                    default: n(({ item: l, index: m, empty: ae }) => [
-                      !ae && l != null ? (u(), p(O, {
-                        value: l,
-                        key: `kun-list-${m + 1}`,
-                        id: `kun-item-${m + 1}`,
-                        disabled: t(X)(l),
+                    default: n(({ item: t, index: f, empty: ie }) => [
+                      !ie && t != null ? (u(), v(B, {
+                        value: t,
+                        key: `kun-list-${f + 1}`,
+                        id: `kun-item-${f + 1}`,
+                        disabled: o(Y)(t),
                         "bg-items": e.bgItemListColor,
                         "hover-bg": e.hoverItemListColor,
                         activeClass: e.selectedItemListColor,
@@ -219,24 +222,24 @@ const Ve = {
                         selectable: !0
                       }, {
                         default: n(() => [
-                          a(B, { class: "text-wrap" }, {
+                          i(F, { class: "text-wrap" }, {
                             default: n(() => [
-                              b(V(t(K)(l, e.itemTitle ?? t(W), "hasDefault")), 1)
+                              b(V(o(K)(t, e.itemTitle ?? o(G), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          a(he, {
-                            text: e.itemSubtitle ? t(K)(l, e.itemSubtitle) : ""
+                          i(ye, {
+                            text: e.itemSubtitle ? o(K)(t, e.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
                         _: 2
-                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (u(), p(O, {
+                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (u(), v(B, {
                         key: 1,
                         disabled: ""
                       }, {
                         default: n(() => [
-                          a(B, { class: "text-center w-full text-gray-500" }, {
-                            default: n(() => o[2] || (o[2] = [
+                          i(F, { class: "text-center w-full text-gray-500" }, {
+                            default: n(() => l[2] || (l[2] = [
                               b(" No hay elementos disponibles ")
                             ])),
                             _: 1,
@@ -260,27 +263,27 @@ const Ve = {
         e.hasIcons ? {
           name: "append-inner",
           fn: n(() => [
-            e.clearable && i.value ? (u(), p(C, {
+            e.clearable && s.value ? (u(), v(C, {
               key: 0,
-              onClick: t(U),
+              onClick: o(j),
               size: "small",
               color: "error",
-              icon: t(v).close,
+              icon: o(k).close,
               class: "mr-1 mt-1"
             }, null, 8, ["onClick", "icon"])) : g("", !0),
-            a(C, {
+            i(C, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
-              icon: t(d) ? t(v).menuUpOutline : t(v).menuDownOutline,
-              onClick: E(t(S), ["stop"])
+              icon: o(d) ? o(k).menuUpOutline : o(k).menuDownOutline,
+              onClick: E(o(S), ["stop"])
             }, null, 8, ["icon", "onClick"]),
-            e.required ? (u(), p(C, {
+            e.required ? (u(), v(C, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",
               class: "mb-4",
-              icon: t(v).asterisk
+              icon: o(k).asterisk
             }, null, 8, ["icon"])) : g("", !0)
           ]),
           key: "0"
@@ -290,5 +293,5 @@ const Ve = {
   }
 };
 export {
-  Ue as default
+  je as default
 };

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

@@ -1,48 +1,48 @@
-import { getCurrentInstance as z, useSlots as E, computed as P, createElementBlock as l, openBlock as r, createCommentVNode as n, createElementVNode as d, normalizeClass as y, toDisplayString as u, mergeProps as R, unref as o, createBlock as I, renderSlot as x, createVNode as V, withCtx as U, Fragment as j, renderList as H } from "vue";
-import { KunNumberFieldProps as L } from "../composables/KunNumberFieldProps.js";
-import { useKunNumberField as T } from "../composables/useKunNumberFieldComposable.js";
-import q from "../../../KunBtn/src/components/KunBtn.vue.js";
+import { getCurrentInstance as z, useSlots as E, nextTick as P, computed as R, createElementBlock as l, openBlock as r, createCommentVNode as n, createElementVNode as d, normalizeClass as y, toDisplayString as u, mergeProps as U, unref as o, createBlock as I, renderSlot as x, createVNode as V, withCtx as H, Fragment as j, renderList as L } from "vue";
+import { KunNumberFieldProps as T } from "../composables/KunNumberFieldProps.js";
+import { useKunNumberField as q } from "../composables/useKunNumberFieldComposable.js";
+import G from "../../../KunBtn/src/components/KunBtn.vue.js";
 import f from "../../../KunIcon/src/components/KunIcon.vue.js";
-import G from "../../../../icons/IconClose.vue.js";
-const J = {
+import J from "../../../../icons/IconClose.vue.js";
+const O = {
   key: 0,
   class: "h-full"
-}, O = ["disabled"], Q = {
+}, Q = ["disabled"], W = {
   key: 1,
   class: "mx-2"
-}, W = {
+}, X = {
   key: 2,
   class: "flex items-center justify-center h-full pl-2"
-}, X = ["value", "placeholder", "readonly", "disabled", "maxlength", "aria-invalid"], Y = {
+}, Y = ["value", "placeholder", "readonly", "disabled", "maxlength", "aria-invalid"], Z = {
   key: 3,
   class: "px-2"
-}, Z = {
+}, _ = {
   key: 0,
   class: "flex items-center h-full"
-}, _ = ["disabled"], ee = ["disabled"], te = {
+}, ee = ["disabled"], te = ["disabled"], oe = {
   key: 1,
   class: "flex flex-col items-center justify-center border-l border-slate-600"
-}, oe = ["disabled"], re = ["disabled"], se = {
+}, re = ["disabled"], se = ["disabled"], le = {
   key: 5,
   class: "flex items-center justify-center h-full pr-1"
-}, le = {
+}, ne = {
   key: 6,
   class: "h-full"
-}, ne = ["disabled"], de = {
+}, de = ["disabled"], ie = {
   key: 7,
   class: "ml-2"
-}, ie = {
+}, ae = {
   key: 0,
   class: "h-[1.25rem]"
-}, ae = {
+}, ue = {
   key: 0,
   class: "text-red-500 text-sm text-center"
-}, ue = { key: 0 }, pe = { key: 1 }, be = {
+}, pe = { key: 0 }, be = { key: 1 }, ce = {
   key: 1,
   class: "text-xs text-center"
-}, ve = {
+}, we = {
   __name: "KunNumberField",
-  props: L,
+  props: T,
   emits: [
     "update:modelValue",
     "focus",
@@ -64,18 +64,18 @@ const J = {
       focus: w,
       handleFocus: g,
       handleBlur: C
-    } = T(p, b);
+    } = q(p, b);
     F({
       numberInput: c,
       rootRef: v,
       focus: () => {
-        nextTick(() => {
+        P(() => {
           var e;
           (e = c.value) == null || e.focus();
         });
       }
     });
-    const S = P(() => p.density === "compact" ? "p-1" : p.density === "comfortable" ? "p-2" : "p-3");
+    const S = R(() => p.density === "compact" ? "p-1" : p.density === "comfortable" ? "p-2" : "p-3");
     return (e, s) => (r(), l("div", {
       class: "w-full flex flex-col relative h-fit",
       ref_key: "rootRef",
@@ -90,7 +90,7 @@ const J = {
           "-top-2.25 text-xs opacity-80"
         ])
       }, u(e.label), 3)) : n("", !0),
-      d("div", R({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
+      d("div", U({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
         d("div", {
           class: y(["flex items-center w-full h-full border", [
             e.bgInput,
@@ -100,16 +100,16 @@ const J = {
             e.error ? "bg-red-200 dark:bg-red-900" : ""
           ]])
         }, [
-          !e.noArrows && e.controlVariant === "split" ? (r(), l("div", J, [
+          !e.noArrows && e.controlVariant === "split" ? (r(), l("div", O, [
             d("button", {
               type: "button",
               class: "p-3 text-lg border-r border-slate-600 text-black dark:text-white disabled:opacity-50 cursor-pointer hover:opacity-80",
               onClick: s[0] || (s[0] = (...t) => o(a) && o(a)(...t)),
               disabled: e.disabled || e.readonly
-            }, "−", 8, O)
+            }, "−", 8, Q)
           ])) : n("", !0),
-          e.prefix ? (r(), l("div", Q, u(e.prefix), 1)) : n("", !0),
-          e.prependIcon || N ? (r(), l("div", W, [
+          e.prefix ? (r(), l("div", W, u(e.prefix), 1)) : n("", !0),
+          e.prependIcon || N ? (r(), l("div", X, [
             e.prependIcon ? (r(), I(f, {
               key: 0,
               icon: e.prependIcon
@@ -134,18 +134,18 @@ const J = {
             onKeyup: s[4] || (s[4] = (t) => b("keyUp", t)),
             inputmode: "decimal",
             pattern: "[0-9]+([\\.,][0-9]+)?"
-          }, null, 42, X),
-          e.clearable && o(h) != null ? (r(), l("div", Y, [
-            V(q, {
+          }, null, 42, Y),
+          e.clearable && o(h) != null ? (r(), l("div", Z, [
+            V(G, {
               onClick: o(B),
               rounded: "rounded-full",
               bgColor: "bg-red-500/75",
               disabled: e.disabled || e.readonly,
               class: "h-6 w-6"
             }, {
-              default: U(() => [
+              default: H(() => [
                 V(f, {
-                  icon: G,
+                  icon: J,
                   size: "text-xs"
                 })
               ]),
@@ -153,21 +153,21 @@ const J = {
             }, 8, ["onClick", "disabled"])
           ])) : n("", !0),
           e.noArrows ? n("", !0) : (r(), l(j, { key: 4 }, [
-            e.controlVariant === "default" ? (r(), l("div", Z, [
+            e.controlVariant === "default" ? (r(), l("div", _, [
               d("button", {
                 type: "button",
                 class: "flex items-center border-l border-slate-600 p-3 justify-center text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer hover:opacity-80",
                 onClick: s[5] || (s[5] = (...t) => o(i) && o(i)(...t)),
                 disabled: e.disabled || e.readonly
-              }, " ▲ ", 8, _),
+              }, " ▲ ", 8, ee),
               d("button", {
                 type: "button",
                 class: "flex items-center border-l border-slate-600 p-3 justify-center text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer hover:opacity-80",
                 onClick: s[6] || (s[6] = (...t) => o(a) && o(a)(...t)),
                 disabled: e.disabled || e.readonly
-              }, " ▼ ", 8, ee)
+              }, " ▼ ", 8, te)
             ])) : n("", !0),
-            e.controlVariant === "stacked" ? (r(), l("div", te, [
+            e.controlVariant === "stacked" ? (r(), l("div", oe, [
               d("div", {
                 class: "border-b border-slate-600 pb-1 px-3 flex hover:opacity-80 cursor-pointer",
                 onClick: s[7] || (s[7] = (...t) => o(i) && o(i)(...t))
@@ -176,7 +176,7 @@ const J = {
                   type: "button",
                   class: "text-xs text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer",
                   disabled: e.disabled || e.readonly
-                }, "▲", 8, oe)
+                }, "▲", 8, re)
               ]),
               d("div", {
                 class: "border-t border-slate-600 pt-1 px-3 flex hover:opacity-80 cursor-pointer",
@@ -186,37 +186,37 @@ const J = {
                   type: "button",
                   class: "text-xs text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer",
                   disabled: e.disabled || e.readonly
-                }, "▼", 8, re)
+                }, "▼", 8, se)
               ])
             ])) : n("", !0)
           ], 64)),
-          e.appendIcon || A ? (r(), l("div", se, [
+          e.appendIcon || A ? (r(), l("div", le, [
             e.appendIcon ? (r(), I(f, {
               key: 0,
               icon: e.appendIcon
             }, null, 8, ["icon"])) : x(e.$slots, "append-icon", { key: 1 })
           ])) : n("", !0),
-          !e.noArrows && e.controlVariant === "split" ? (r(), l("div", le, [
+          !e.noArrows && e.controlVariant === "split" ? (r(), l("div", ne, [
             d("button", {
               type: "button",
               class: "p-3 text-lg border-l border-slate-600 text-black dark:text-white disabled:opacity-50 cursor-pointer hover:opacity-80",
               onClick: s[9] || (s[9] = (...t) => o(i) && o(i)(...t)),
               disabled: e.disabled || e.readonly
-            }, "+", 8, ne)
+            }, "+", 8, de)
           ])) : n("", !0),
-          e.suffix ? (r(), l("div", de, u(e.suffix), 1)) : n("", !0)
+          e.suffix ? (r(), l("div", ie, u(e.suffix), 1)) : n("", !0)
         ], 2),
-        e.hideDetails ? n("", !0) : (r(), l("div", ie, [
-          e.error || e.errorMessages ? (r(), l("div", ae, [
-            Array.isArray(e.errorMessages) ? (r(), l("div", ue, [
-              (r(!0), l(j, null, H(e.errorMessages, (t, $) => (r(), l("div", { key: $ }, u(t), 1))), 128))
-            ])) : typeof e.errorMessages == "string" ? (r(), l("div", pe, u(e.errorMessages), 1)) : n("", !0)
-          ])) : e.hint && (e.persistentHint || o(w)) ? (r(), l("div", be, u(e.hint), 1)) : n("", !0)
+        e.hideDetails ? n("", !0) : (r(), l("div", ae, [
+          e.error || e.errorMessages ? (r(), l("div", ue, [
+            Array.isArray(e.errorMessages) ? (r(), l("div", pe, [
+              (r(!0), l(j, null, L(e.errorMessages, (t, $) => (r(), l("div", { key: $ }, u(t), 1))), 128))
+            ])) : typeof e.errorMessages == "string" ? (r(), l("div", be, u(e.errorMessages), 1)) : n("", !0)
+          ])) : e.hint && (e.persistentHint || o(w)) ? (r(), l("div", ce, u(e.hint), 1)) : n("", !0)
         ]))
       ], 16)
     ], 512));
   }
 };
 export {
-  ve as default
+  we as default
 };

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

@@ -1,29 +1,29 @@
-import { getCurrentInstance as U, computed as d, useSlots as H, ref as q, createElementBlock as n, openBlock as o, createCommentVNode as r, createElementVNode as k, normalizeClass as u, toDisplayString as i, mergeProps as G, unref as t, renderSlot as c, withModifiers as J, createVNode as L } from "vue";
+import { nextTick as U, getCurrentInstance as H, computed as d, useSlots as q, ref as G, createElementBlock as n, openBlock as o, createCommentVNode as r, createElementVNode as k, normalizeClass as u, toDisplayString as i, mergeProps as J, unref as t, renderSlot as c, withModifiers as L, createVNode as Q } from "vue";
 import { icons as P } from "../../../../icons/index.js";
-import Q from "../composables/KunTextFieldProps.js";
-import W from "../composables/useKunTextFieldComposable.js";
-import X from "../../../KunIcon/src/components/KunIcon.vue.js";
-const Y = {
+import W from "../composables/KunTextFieldProps.js";
+import X from "../composables/useKunTextFieldComposable.js";
+import Y from "../../../KunIcon/src/components/KunIcon.vue.js";
+const Z = {
   key: 0,
   class: "mr-2"
-}, Z = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], _ = ["disabled"], ee = {
+}, _ = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], ee = ["disabled"], te = {
   key: 3,
   class: "flex items-center justify-center min-w-[32px] h-full px-1"
-}, te = {
+}, le = {
   key: 5,
   class: "ml-2"
-}, le = {
+}, se = {
   key: 0,
   class: "h-[1.25rem]"
-}, se = ["id"], ne = {
+}, ne = ["id"], oe = {
   key: 1,
   class: "text-xs text-center"
-}, oe = {
+}, re = {
   key: 2,
   class: "text-xs text-right"
-}, pe = {
+}, fe = {
   __name: "KunTextField",
-  props: { ...Q },
+  props: { ...W },
   emits: [
     "update:modelValue",
     "focus",
@@ -47,7 +47,7 @@ const Y = {
       reset: E,
       resetValidation: K,
       clearInput: $
-    } = W(a, p);
+    } = X(a, p);
     D({
       validate: B,
       reset: E,
@@ -55,13 +55,13 @@ const Y = {
       inputField: b,
       rootRef: w,
       focus: () => {
-        nextTick(() => {
+        U(() => {
           var e;
           (e = b.value) == null || e.focus();
         });
       }
     });
-    const m = `input-${U().uid}`, S = d(() => h.value || f.value !== "" || a.dirty), x = H(), N = d(() => !!x["prepend-inner"]), O = d(() => !!x["append-inner"]), v = q(!1), z = d(() => v.value ? P.eyeOffOutline : P.eyeOutline);
+    const m = `input-${H().uid}`, S = d(() => h.value || f.value !== "" || a.dirty), x = q(), N = d(() => !!x["prepend-inner"]), O = d(() => !!x["append-inner"]), v = G(!1), z = d(() => v.value ? P.eyeOffOutline : P.eyeOutline);
     function A() {
       v.value = !v.value;
     }
@@ -82,7 +82,7 @@ const Y = {
             S.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
           ])
         }, i(e.label), 3)) : r("", !0),
-        k("div", G({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
+        k("div", J({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
           k("div", {
             class: u(["flex flex-row items-center w-full h-full border", [
               e.bgInput,
@@ -92,7 +92,7 @@ const Y = {
               t(y) ? "bg-red-200 dark:bg-red-900" : ""
             ]])
           }, [
-            e.prefix ? (o(), n("div", Y, i(e.prefix), 1)) : r("", !0),
+            e.prefix ? (o(), n("div", Z, i(e.prefix), 1)) : r("", !0),
             N.value ? (o(), n("div", {
               key: 1,
               class: u([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
@@ -117,20 +117,20 @@ const Y = {
               onInput: l[0] || (l[0] = (...s) => t(g) && t(g)(...s)),
               onBlur: l[1] || (l[1] = (...s) => t(C) && t(C)(...s)),
               onFocus: l[2] || (l[2] = (...s) => t(I) && t(I)(...s)),
-              onClick: l[3] || (l[3] = J((s) => p("handleClick"), ["stop"])),
+              onClick: l[3] || (l[3] = L((s) => p("handleClick"), ["stop"])),
               onKeydown: l[4] || (l[4] = (s) => p("keyDown", s)),
               onKeyup: l[5] || (l[5] = (s) => p("keyUp", s))
-            }, null, 42, Z),
+            }, null, 42, _),
             e.clearable && t(f) ? (o(), n("button", {
               key: 2,
               type: "button",
               onClick: l[6] || (l[6] = (...s) => t($) && t($)(...s)),
               class: u(["ml-2", e.textColor]),
               disabled: e.disabled || e.readonly
-            }, " × ", 10, _)) : r("", !0),
+            }, " × ", 10, ee)) : r("", !0),
             c(e.$slots, "default"),
-            e.type === "password" && e.showPasswordToggle ? (o(), n("div", ee, [
-              L(X, {
+            e.type === "password" && e.showPasswordToggle ? (o(), n("div", te, [
+              Q(Y, {
                 icon: z.value,
                 onClick: A
               }, null, 8, ["icon"])
@@ -141,15 +141,15 @@ const Y = {
             }, [
               c(e.$slots, "append-inner")
             ], 2)) : r("", !0),
-            e.suffix ? (o(), n("div", te, i(e.suffix), 1)) : r("", !0)
+            e.suffix ? (o(), n("div", le, i(e.suffix), 1)) : r("", !0)
           ], 2),
-          e.hideDetails ? r("", !0) : (o(), n("div", le, [
+          e.hideDetails ? r("", !0) : (o(), n("div", se, [
             t(y) ? (o(), n("div", {
               key: 0,
               id: `error-${m}`,
               class: "text-red-500 text-sm text-center"
-            }, i(t(j) || e.errorMessage), 9, se)) : e.hint && (e.persistentHint || t(h)) ? (o(), n("div", ne, i(e.hint), 1)) : r("", !0),
-            e.counter && e.maxlength ? (o(), n("div", oe, i(((F = t(f)) == null ? void 0 : F.length) || 0) + " / " + i(e.maxlength), 1)) : r("", !0)
+            }, i(t(j) || e.errorMessage), 9, ne)) : e.hint && (e.persistentHint || t(h)) ? (o(), n("div", oe, i(e.hint), 1)) : r("", !0),
+            e.counter && e.maxlength ? (o(), n("div", re, i(((F = t(f)) == null ? void 0 : F.length) || 0) + " / " + i(e.maxlength), 1)) : r("", !0)
           ]))
         ], 16)
       ], 512);
@@ -157,5 +157,5 @@ const Y = {
   }
 };
 export {
-  pe as default
+  fe as default
 };

package/package.json

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