adverich-kun-ui 0.1.177 → 0.1.179

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

@@ -1,4 +1,4 @@
-import { useSlots as B, useAttrs as C, computed as s, createBlock as l, openBlock as a, resolveDynamicComponent as o, mergeProps as j, unref as z, 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 { 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";
@@ -46,15 +46,16 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
     ring: Boolean,
     icon: [Boolean, String, Function, Object, Array],
     prependIcon: [String, Function, Object, Array],
-    appendIcon: [String, Function, Object, Array]
+    appendIcon: [String, Function, Object, Array],
+    iconSize: { type: String, default: null }
   },
   setup(n) {
-    const x = B(), t = n, u = C(), g = s(() => !!t.to || !!t.href), m = s(() => !g.value), h = s(() => t.href ? "a" : t.to ? F : "button"), d = (e) => !e || e === !1 || e === !0 && !t.icon ? null : W(D, {
+    const x = z(), t = n, u = B(), g = r(() => !!t.to || !!t.href), m = r(() => !g.value), h = r(() => t.href ? "a" : t.to ? F : "button"), d = (e) => !e || e === !1 || e === !0 && !t.icon ? null : W(D, {
       icon: e,
       size: v.value,
       color: t.textColor ?? "text-font-color",
       disabled: t.disabled
-    }), b = s(() => t.href ? {
+    }), b = r(() => t.href ? {
       href: t.href,
       target: t.target ?? "_self",
       rel: t.target === "_blank" ? "noopener noreferrer" : null
@@ -83,7 +84,8 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
         default:
           return "px-3 py-2 text-sm";
       }
-    }, v = s(() => {
+    }, v = r(() => {
+      if (t.iconSize) return t.iconSize;
       switch (t.size) {
         case "xxs":
           return "text-xs";
@@ -102,25 +104,25 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
         default:
           return "text-base";
       }
-    }), k = s(() => {
-      const e = t.bgColor, r = t.textColor;
+    }), k = r(() => {
+      const e = t.bgColor, s = t.textColor;
       switch (t.variant) {
         case "default":
-          return `${e} ${r} shadow hover:brightness-95`;
+          return `${e} ${s} shadow hover:brightness-95`;
         case "tonal":
-          return `${e} ${r} shadow-sm hover:shadow-md`;
+          return `${e} ${s} shadow-sm hover:shadow-md`;
         case "soft":
-          return `${e} ${r} hover:bg-opacity-30 shadow-sm`;
+          return `${e} ${s} hover:bg-opacity-30 shadow-sm`;
         case "outlined":
-          return `bg-transparent ${r} border ${e} border-opacity-40 hover:bg-black/5`;
+          return `bg-transparent ${s} border ${e} border-opacity-40 hover:bg-black/5`;
         case "plain":
-          return `bg-transparent ${r} hover:bg-transparent active:bg-black/10`;
+          return `bg-transparent ${s} hover:bg-transparent active:bg-black/10`;
         case "text":
-          return `${e} ${r} hover:bg-opacity-10 active:bg-black/5`;
+          return `${e} ${s} hover:bg-opacity-10 active:bg-black/5`;
         default:
-          return `${e} ${r}`;
+          return `${e} ${s}`;
       }
-    }), $ = s(() => !!t.text), S = s(() => {
+    }), S = r(() => !!t.text), $ = r(() => {
       const e = [
         "inline-flex items-center justify-center break-keep transition-all whitespace-nowrap",
         y(t.size),
@@ -131,7 +133,7 @@ const E = { class: "relative flex items-center justify-center w-full h-full" },
         "relative"
         // 🔹 Hace que los hijos `absolute` se posicionen correctamente
       ];
-      if (w.value)
+      if (u.class && e.push(u.class), w.value)
         switch (e.push("aspect-square justify-center items-center"), t.size) {
           case "xxs":
             e.push("p-1");
@@ -164,11 +166,11 @@ 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), u.class && e.push(u.class), e.filter(Boolean);
-    }), w = s(() => !!t.icon && !t.text && !x.default);
-    return (e, r) => (a(), l(o(h.value), j(b.value, {
-      class: S.value,
-      style: z(u).style,
+      ) : (e.push("pointer-events-none"), t.disabled && e.push("opacity-50 cursor-not-allowed")), S.value && e.push(t.minWidth), e.filter(Boolean);
+    }), w = r(() => !!t.icon && !t.text && !x.default);
+    return (e, s) => (a(), l(o(h.value), C(b.value, {
+      class: $.value,
+      style: j(u).style,
       disabled: m.value && (n.loading || n.disabled)
     }), {
       default: I(() => [

package/package.json

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