adverich-kun-ui 0.1.499 → 0.1.501

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

@@ -44,10 +44,11 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
     icon: [Boolean, String, Function, Object, Array],
     prependIcon: [String, Function, Object, Array],
     appendIcon: [String, Function, Object, Array],
-    iconSize: { type: String, default: null }
+    iconSize: { type: String, default: null },
+    focusColor: { type: String, default: null }
   },
   setup(n, { expose: v }) {
-    const h = O(), a = W(), t = n, k = r(() => !!t.to || !!t.href), S = r(() => !k.value), $ = r(() => t.href ? "a" : t.to ? H : "button"), f = (e) => !e || e === !1 || e === !0 && !t.icon ? null : q(P, {
+    const g = O(), a = W(), t = n, k = r(() => !!t.to || !!t.href), S = r(() => !k.value), $ = r(() => t.href ? "a" : t.to ? H : "button"), f = (e) => !e || e === !1 || e === !0 && !t.icon ? null : q(P, {
       icon: e,
       size: z.value,
       color: t.textColor ?? "text-font-color",
@@ -119,7 +120,7 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
         default:
           return `${e} ${s}`;
       }
-    }), j = r(() => !!t.text), g = r(() => {
+    }), j = r(() => !!t.text), h = r(() => {
       var e, s, o;
       return ((e = a.class) == null ? void 0 : e.includes("w-")) || ((s = a.class) == null ? void 0 : s.includes("min-w-")) || ((o = a.class) == null ? void 0 : o.includes("max-w-"));
     }), I = r(() => {
@@ -127,8 +128,8 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
       return ((e = a.class) == null ? void 0 : e.includes("h-")) || ((s = a.class) == null ? void 0 : s.includes("min-h-")) || ((o = a.class) == null ? void 0 : o.includes("max-h-"));
     }), p = r(() => {
       var s;
-      const e = ((s = t.text) == null ? void 0 : s.length) === 1 && !h.default && !t.icon;
-      return !!t.icon && !t.text && !h.default || e;
+      const e = ((s = t.text) == null ? void 0 : s.length) === 1 && !g.default && !t.icon;
+      return !!t.icon && !t.text && !g.default || e;
     }), A = r(() => {
       const e = [
         "inline-flex items-center justify-center break-keep transition-all whitespace-nowrap",
@@ -171,8 +172,9 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
         t.ring ? "focus:ring-2 focus:ring-offset-2" : "",
         "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")), j.value && !p.value && !g.value && e.push(t.minWidth), e.filter(Boolean);
+        "cursor-pointer",
+        t.focusColor ? `${t.focusColor}` : ""
+      ) : (e.push("pointer-events-none"), t.disabled && e.push("opacity-50 cursor-not-allowed")), j.value && !p.value && !h.value && e.push(t.minWidth), e.filter(Boolean);
     }), b = E(null);
     return v({
       focus: () => {
@@ -189,7 +191,7 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
     }), {
       default: V(() => [
         x("div", {
-          class: y(["relative flex items-center justify-center", g.value ? "" : "w-full", I.value ? "" : "h-full"])
+          class: y(["relative flex items-center justify-center", h.value ? "" : "w-full", I.value ? "" : "h-full"])
         }, [
           n.loading ? u(e.$slots, "loader", { key: 0 }, () => [
             x("div", R, [

package/package.json

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