adverich-kun-ui 0.1.44 → 0.1.46

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

@@ -1,18 +1,23 @@
-import { computed as u, createElementBlock as a, openBlock as r, normalizeClass as c, renderSlot as o, createCommentVNode as i, createElementVNode as g, createTextVNode as p, toDisplayString as f } from "vue";
-const y = ["disabled"], x = {
+import { computed as a, createBlock as x, openBlock as o, resolveDynamicComponent as y, mergeProps as m, withCtx as b, renderSlot as l, createElementBlock as s, createCommentVNode as i, createElementVNode as h, createTextVNode as v, toDisplayString as $ } from "vue";
+import { RouterLink as S } from "vue-router";
+const k = {
   key: 1,
   class: "mr-2 flex items-center"
-}, b = {
+}, w = {
   key: 2,
   class: "truncate"
-}, m = {
+}, B = {
   key: 3,
   class: "ml-2 flex items-center"
-}, $ = {
+}, z = {
   __name: "KunBtn",
   props: {
     text: { type: String, default: null },
-    size: { type: String, default: "md" },
+    size: {
+      type: String,
+      default: "md",
+      validator: (t) => ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"].includes(t)
+    },
     minWidth: { type: String, default: "min-w-[6rem]" },
     fontWeight: { type: String, default: "font-medium" },
     rounded: { type: String, default: "rounded-lg" },
@@ -25,11 +30,25 @@ const y = ["disabled"], x = {
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
     bgColor: { type: String, default: "bg-indigo-600" },
-    textColor: { type: String, default: "text-white" }
+    textColor: { type: String, default: "text-white" },
+    to: [String, Object],
+    href: String,
+    replace: { type: Boolean, default: !1 },
+    target: { type: String, default: null }
   },
   setup(t) {
-    const s = t, l = (e) => {
-      switch (e) {
+    const e = t, d = a(() => !!e.to || !!e.href), u = a(() => !d.value), c = a(() => e.href ? "a" : e.to ? S : "button"), f = a(() => e.href ? {
+      href: e.href,
+      target: e.target ?? "_self",
+      rel: e.target === "_blank" ? "noopener noreferrer" : null
+    } : e.to ? {
+      to: e.to,
+      replace: e.replace
+    } : {
+      type: "button",
+      disabled: e.loading || e.disabled
+    }), g = (n) => {
+      switch (n) {
         case "xxs":
           return "px-1 py-1 text-xs";
         case "xs":
@@ -45,53 +64,55 @@ const y = ["disabled"], x = {
         case "xxl":
           return "px-4 py-4 text-base";
       }
-    }, d = u(() => {
-      const e = s.bgColor || "bg-indigo-600", n = s.textColor || "text-white";
-      switch (s.variant) {
+    }, p = a(() => {
+      const n = e.bgColor || "bg-indigo-600", r = e.textColor || "text-white";
+      switch (e.variant) {
         case "default":
-          return `${e} ${n} shadow hover:brightness-90 transition`;
+          return `${n} ${r} shadow hover:brightness-90 transition`;
         case "tonal":
-          return `${e} ${n} bg-opacity-20 hover:bg-opacity-30 transition`;
+          return `${n} ${r} bg-opacity-20 hover:bg-opacity-30 transition`;
         case "plain":
-          return `bg-transparent ${n} hover:bg-gray-100 transition`;
+          return `bg-transparent ${r} hover:bg-gray-100 transition`;
         case "outline":
-          return `bg-transparent border ${e} ${n} border-opacity-80 hover:bg-opacity-10 transition`;
+          return `bg-transparent border ${n} ${r} border-opacity-80 hover:bg-opacity-10 transition`;
         case "soft":
-          return `${e} ${n} shadow-md bg-opacity-30 hover:bg-opacity-40 transition`;
+          return `${n} ${r} shadow-md bg-opacity-30 hover:bg-opacity-40 transition`;
         default:
-          return `${e} ${n}`;
+          return `${n} ${r}`;
       }
     });
-    return (e, n) => (r(), a("button", {
-      type: "button",
-      class: c(["flex items-center justify-center break-keep transition-all", [
+    return (n, r) => (o(), x(y(c.value), m(f.value, {
+      class: ["flex items-center justify-center break-keep transition-all", [
         t.minWidth,
-        l(t.size),
+        g(t.size),
         t.fontWeight,
-        d.value,
+        p.value,
         t.rounded,
         t.textAlign,
         "whitespace-nowrap",
         t.loading || t.disabled ? "opacity-50 cursor-not-allowed" : "hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-offset-2 active:scale-[.98] transition duration-100 ease-in-out cursor-pointer"
-      ]]),
-      disabled: t.loading || t.disabled
-    }, [
-      t.loading ? o(e.$slots, "loader", { key: 0 }, () => [
-        n[0] || (n[0] = g("span", { class: "mr-2 h-5 w-5 border-[3px] border-current opacity-100 border-opacity-100 border-t-transparent rounded-full animate-spin" }, null, -1))
-      ]) : e.$slots.prepend ? (r(), a("span", x, [
-        o(e.$slots, "prepend")
-      ])) : i("", !0),
-      !t.loading && (e.$slots.default || t.text) ? (r(), a("span", b, [
-        o(e.$slots, "default", {}, () => [
-          p(f(t.text), 1)
-        ])
-      ])) : i("", !0),
-      !t.loading && e.$slots.append ? (r(), a("span", m, [
-        o(e.$slots, "append")
-      ])) : i("", !0)
-    ], 10, y));
+      ]],
+      disabled: u.value && (t.loading || t.disabled)
+    }), {
+      default: b(() => [
+        t.loading ? l(n.$slots, "loader", { key: 0 }, () => [
+          r[0] || (r[0] = h("span", { class: "mr-2 h-5 w-5 border-[3px] border-current opacity-100 border-opacity-100 border-t-transparent rounded-full animate-spin" }, null, -1))
+        ]) : n.$slots.prepend ? (o(), s("span", k, [
+          l(n.$slots, "prepend")
+        ])) : i("", !0),
+        !t.loading && (n.$slots.default || t.text) ? (o(), s("span", w, [
+          l(n.$slots, "default", {}, () => [
+            v($(t.text), 1)
+          ])
+        ])) : i("", !0),
+        !t.loading && n.$slots.append ? (o(), s("span", B, [
+          l(n.$slots, "append")
+        ])) : i("", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "disabled"]));
   }
 };
 export {
-  $ as default
+  z as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",
@@ -23,7 +23,8 @@
   },
   "peerDependencies": {
     "tailwindcss": "^4.1.6",
-    "vue": "^3.5.13"
+    "vue": "^3.5.13",
+    "vue-router": "^4.0.0"
   },
   "keywords": [
     "vue",
@@ -49,5 +50,8 @@
   },
   "sideEffects": [
     "*.css"
-  ]
+  ],
+  "dependencies": {
+    "vue-router": "^4.5.1"
+  }
 }