adverich-kun-ui 0.1.490 → 0.1.492

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

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