adverich-kun-ui 0.1.346 → 0.1.348

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

@@ -1,17 +1,17 @@
-import { useSlots as z, useAttrs as B, computed as r, createBlock as l, openBlock as a, resolveDynamicComponent as o, mergeProps as C, unref as j, withCtx as I, createElementVNode as p, renderSlot as i, createCommentVNode as c, createVNode as A, normalizeClass as O, createElementBlock as f, createTextVNode as N, toDisplayString as V, h as W } from "vue";
-import { RouterLink as F } from "vue-router";
-import T from "../../../KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
-import D from "../../../KunIcon/src/components/KunIcon.vue.js";
-const E = { class: "relative flex items-center justify-center w-full h-full" }, L = { class: "absolute inset-0 flex items-center justify-center z-10" }, q = {
+import { useSlots as C, useAttrs as j, computed as r, ref as I, createBlock as l, openBlock as a, resolveDynamicComponent as o, mergeProps as A, unref as O, withCtx as N, createElementVNode as f, renderSlot as i, createCommentVNode as c, createVNode as V, normalizeClass as W, createElementBlock as p, createTextVNode as E, toDisplayString as F, h as T } from "vue";
+import { RouterLink as D } from "vue-router";
+import L from "../../../KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
+import q from "../../../KunIcon/src/components/KunIcon.vue.js";
+const K = { class: "relative flex items-center justify-center w-full h-full" }, P = { class: "absolute inset-0 flex items-center justify-center z-10" }, R = {
   key: 0,
   class: "mr-2 flex items-center"
-}, K = {
+}, G = {
   key: 1,
   class: "truncate flex items-center justify-center"
-}, P = {
+}, H = {
   key: 2,
   class: "ml-2 flex items-center"
-}, M = {
+}, X = {
   __name: "KunBtn",
   props: {
     text: String,
@@ -49,13 +49,13 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
     appendIcon: [String, Function, Object, Array],
     iconSize: { type: String, default: null }
   },
-  setup(n) {
-    const g = z(), t = n, u = B(), m = r(() => !!t.to || !!t.href), h = r(() => !m.value), b = r(() => t.href ? "a" : t.to ? F : "button"), d = (e) => !e || e === !1 || e === !0 && !t.icon ? null : W(D, {
+  setup(n, { expose: g }) {
+    const m = C(), t = n, u = j(), h = r(() => !!t.to || !!t.href), b = r(() => !h.value), y = r(() => t.href ? "a" : t.to ? D : "button"), d = (e) => !e || e === !1 || e === !0 && !t.icon ? null : T(q, {
       icon: e,
-      size: k.value,
+      size: S.value,
       color: t.textColor ?? "text-font-color",
       disabled: t.disabled
-    }), y = r(() => t.href ? {
+    }), v = r(() => t.href ? {
       href: t.href,
       target: t.target ?? "_self",
       rel: t.target === "_blank" ? "noopener noreferrer" : null
@@ -65,7 +65,7 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
     } : {
       type: "button",
       disabled: t.loading || t.disabled
-    }), v = (e) => {
+    }), k = (e) => {
       switch (e) {
         case "xxs":
           return "px-1 py-1 text-xs";
@@ -84,7 +84,7 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
         default:
           return "px-3 py-2 text-sm";
       }
-    }, k = r(() => {
+    }, S = r(() => {
       if (t.iconSize) return t.iconSize;
       switch (t.size) {
         case "xxs":
@@ -104,7 +104,7 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
         default:
           return "text-base";
       }
-    }), S = r(() => {
+    }), $ = r(() => {
       const e = t.bgColor, s = t.textColor;
       switch (t.variant) {
         case "default":
@@ -122,14 +122,14 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
         default:
           return `${e} ${s}`;
       }
-    }), $ = r(() => !!t.text), w = r(() => {
+    }), w = r(() => !!t.text), z = r(() => {
       const e = [
         "inline-flex items-center justify-center break-keep transition-all whitespace-nowrap",
-        x.value ? "" : v(t.size),
+        x.value ? "" : k(t.size),
         t.fontWeight,
         t.rounded,
         t.textAlign,
-        S.value,
+        $.value,
         "relative"
         // 🔹 Hace que los hijos `absolute` se posicionen correctamente
       ];
@@ -166,36 +166,41 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
         "active:scale-[.98]",
         "transition duration-100 ease-in-out",
         "cursor-pointer"
-      ) : (e.push("pointer-events-none"), t.disabled && e.push("opacity-50 cursor-not-allowed")), $.value && e.push(t.minWidth), e.filter(Boolean);
-    }), x = r(() => !!t.icon && !t.text && !g.default);
-    return (e, s) => (a(), l(o(b.value), C(y.value, {
-      class: w.value,
-      style: j(u).style,
-      disabled: h.value && (n.loading || n.disabled)
+      ) : (e.push("pointer-events-none"), t.disabled && e.push("opacity-50 cursor-not-allowed")), w.value && e.push(t.minWidth), e.filter(Boolean);
+    }), x = r(() => !!t.icon && !t.text && !m.default), B = I(null);
+    return g({
+      focus: () => {
+        var e, s;
+        return (s = (e = B.value) == null ? void 0 : e.focus) == null ? void 0 : s.call(e);
+      }
+    }), (e, s) => (a(), l(o(y.value), A(v.value, {
+      class: z.value,
+      style: O(u).style,
+      disabled: b.value && (n.loading || n.disabled)
     }), {
-      default: I(() => [
-        p("div", E, [
+      default: N(() => [
+        f("div", K, [
           n.loading ? i(e.$slots, "loader", { key: 0 }, () => [
-            p("div", L, [
-              A(T, {
+            f("div", P, [
+              V(L, {
                 size: "20",
                 width: "5"
               })
             ])
           ]) : c("", !0),
-          p("div", {
-            class: O([{ "opacity-50": n.loading }, "flex items-center justify-center w-full h-full"])
+          f("div", {
+            class: W([{ "opacity-50": n.loading }, "flex items-center justify-center w-full h-full"])
           }, [
-            e.$slots.prepend || n.prependIcon ? (a(), f("span", q, [
+            e.$slots.prepend || n.prependIcon ? (a(), p("span", R, [
               i(e.$slots, "prepend"),
               (a(), l(o(d(n.prependIcon))))
             ])) : c("", !0),
-            n.text || e.$slots.default || n.icon ? (a(), f("span", K, [
+            n.text || e.$slots.default || n.icon ? (a(), p("span", G, [
               n.icon && !n.text && !e.$slots.default ? (a(), l(o(d(n.icon)), { key: 0 })) : i(e.$slots, "default", { key: 1 }, () => [
-                N(V(n.text), 1)
+                E(F(n.text), 1)
               ])
             ])) : c("", !0),
-            e.$slots.append || n.appendIcon ? (a(), f("span", P, [
+            e.$slots.append || n.appendIcon ? (a(), p("span", H, [
               i(e.$slots, "append"),
               (a(), l(o(d(n.appendIcon))))
             ])) : c("", !0)
@@ -207,5 +212,5 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
   }
 };
 export {
-  M as default
+  X as default
 };

package/package.json

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