adverich-kun-ui 0.1.348 → 0.1.349

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

@@ -1,4 +1,4 @@
-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 { useSlots as C, useAttrs as j, computed as s, ref as I, createBlock as l, openBlock as a, resolveDynamicComponent as o, mergeProps as A, unref as O, withCtx as E, createElementVNode as f, renderSlot as i, createCommentVNode as c, createVNode as N, normalizeClass as V, createElementBlock as p, createTextVNode as W, 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";
@@ -49,13 +49,13 @@ const K = { class: "relative flex items-center justify-center w-full h-full" },
     appendIcon: [String, Function, Object, Array],
     iconSize: { type: String, default: null }
   },
-  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, {
+  setup(n, { expose: m }) {
+    const h = C(), t = n, u = j(), b = s(() => !!t.to || !!t.href), y = s(() => !b.value), v = s(() => t.href ? "a" : t.to ? D : "button"), d = (e) => !e || e === !1 || e === !0 && !t.icon ? null : T(q, {
       icon: e,
-      size: S.value,
+      size: $.value,
       color: t.textColor ?? "text-font-color",
       disabled: t.disabled
-    }), v = r(() => t.href ? {
+    }), k = s(() => t.href ? {
       href: t.href,
       target: t.target ?? "_self",
       rel: t.target === "_blank" ? "noopener noreferrer" : null
@@ -65,7 +65,7 @@ const K = { class: "relative flex items-center justify-center w-full h-full" },
     } : {
       type: "button",
       disabled: t.loading || t.disabled
-    }), k = (e) => {
+    }), S = (e) => {
       switch (e) {
         case "xxs":
           return "px-1 py-1 text-xs";
@@ -84,7 +84,7 @@ const K = { class: "relative flex items-center justify-center w-full h-full" },
         default:
           return "px-3 py-2 text-sm";
       }
-    }, S = r(() => {
+    }, $ = s(() => {
       if (t.iconSize) return t.iconSize;
       switch (t.size) {
         case "xxs":
@@ -104,32 +104,32 @@ const K = { class: "relative flex items-center justify-center w-full h-full" },
         default:
           return "text-base";
       }
-    }), $ = r(() => {
-      const e = t.bgColor, s = t.textColor;
+    }), w = s(() => {
+      const e = t.bgColor, r = t.textColor;
       switch (t.variant) {
         case "default":
-          return `${e} ${s} shadow hover:brightness-95`;
+          return `${e} ${r} shadow hover:brightness-95`;
         case "tonal":
-          return `${e} ${s} shadow-sm hover:shadow-md`;
+          return `${e} ${r} shadow-sm hover:shadow-md`;
         case "soft":
-          return `${e} ${s} hover:bg-opacity-30 shadow-sm`;
+          return `${e} ${r} hover:bg-opacity-30 shadow-sm`;
         case "outlined":
-          return `bg-transparent ${s} border ${e} border-opacity-40 hover:bg-black/5`;
+          return `bg-transparent ${r} border ${e} border-opacity-40 hover:bg-black/5`;
         case "plain":
-          return `bg-transparent ${s} hover:bg-transparent active:bg-black/10`;
+          return `bg-transparent ${r} hover:bg-transparent active:bg-black/10`;
         case "text":
-          return `${e} ${s} hover:bg-opacity-10 active:bg-black/5`;
+          return `${e} ${r} hover:bg-opacity-10 active:bg-black/5`;
         default:
-          return `${e} ${s}`;
+          return `${e} ${r}`;
       }
-    }), w = r(() => !!t.text), z = r(() => {
+    }), z = s(() => !!t.text), B = s(() => {
       const e = [
         "inline-flex items-center justify-center break-keep transition-all whitespace-nowrap",
-        x.value ? "" : k(t.size),
+        x.value ? "" : S(t.size),
         t.fontWeight,
         t.rounded,
         t.textAlign,
-        $.value,
+        w.value,
         "relative"
         // 🔹 Hace que los hijos `absolute` se posicionen correctamente
       ];
@@ -166,30 +166,33 @@ const K = { 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")), w.value && e.push(t.minWidth), e.filter(Boolean);
-    }), x = r(() => !!t.icon && !t.text && !m.default), B = I(null);
-    return g({
+      ) : (e.push("pointer-events-none"), t.disabled && e.push("opacity-50 cursor-not-allowed")), z.value && e.push(t.minWidth), e.filter(Boolean);
+    }), x = s(() => !!t.icon && !t.text && !h.default), g = I(null);
+    return m({
       focus: () => {
-        var e, s;
-        return (s = (e = B.value) == null ? void 0 : e.focus) == null ? void 0 : s.call(e);
+        var e, r;
+        return (r = (e = g.value) == null ? void 0 : e.focus) == null ? void 0 : r.call(e);
       }
-    }), (e, s) => (a(), l(o(y.value), A(v.value, {
-      class: z.value,
+    }), (e, r) => (a(), l(o(v.value), A({
+      ref_key: "rootEl",
+      ref: g
+    }, k.value, {
+      class: B.value,
       style: O(u).style,
-      disabled: b.value && (n.loading || n.disabled)
+      disabled: y.value && (n.loading || n.disabled)
     }), {
-      default: N(() => [
+      default: E(() => [
         f("div", K, [
           n.loading ? i(e.$slots, "loader", { key: 0 }, () => [
             f("div", P, [
-              V(L, {
+              N(L, {
                 size: "20",
                 width: "5"
               })
             ])
           ]) : c("", !0),
           f("div", {
-            class: W([{ "opacity-50": n.loading }, "flex items-center justify-center w-full h-full"])
+            class: V([{ "opacity-50": n.loading }, "flex items-center justify-center w-full h-full"])
           }, [
             e.$slots.prepend || n.prependIcon ? (a(), p("span", R, [
               i(e.$slots, "prepend"),
@@ -197,7 +200,7 @@ const K = { class: "relative flex items-center justify-center w-full h-full" },
             ])) : c("", !0),
             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 }, () => [
-                E(F(n.text), 1)
+                W(F(n.text), 1)
               ])
             ])) : c("", !0),
             e.$slots.append || n.appendIcon ? (a(), p("span", H, [

package/package.json

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