adverich-kun-ui 0.1.43 → 0.1.45

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

@@ -1,14 +1,15 @@
-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 y, openBlock as o, resolveDynamicComponent as m, mergeProps as b, withCtx as x, renderSlot as s, createElementBlock as i, createCommentVNode as l, createElementVNode as h, createTextVNode as $, toDisplayString as v } from "vue";
+import { RouterLink as S } from "../../../../node_modules/.pnpm/vue-router@4.5.1_vue@3.5.13/node_modules/vue-router/dist/vue-router.js";
+const w = {
   key: 1,
   class: "mr-2 flex items-center"
-}, b = {
+}, k = {
   key: 2,
   class: "truncate"
-}, m = {
+}, C = {
   key: 3,
   class: "ml-2 flex items-center"
-}, $ = {
+}, z = {
   __name: "KunBtn",
   props: {
     text: { type: String, default: null },
@@ -25,11 +26,22 @@ 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
   },
   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"
+    } : 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 +57,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(), y(m(c.value), b(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: x(() => [
+        t.loading ? s(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(), i("span", w, [
+          s(n.$slots, "prepend")
+        ])) : l("", !0),
+        !t.loading && (n.$slots.default || t.text) ? (o(), i("span", k, [
+          s(n.$slots, "default", {}, () => [
+            $(v(t.text), 1)
+          ])
+        ])) : l("", !0),
+        !t.loading && n.$slots.append ? (o(), i("span", C, [
+          s(n.$slots, "append")
+        ])) : l("", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "disabled"]));
   }
 };
 export {
-  $ as default
+  z as default
 };

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

@@ -0,0 +1,34 @@
+import { computed as r, createElementBlock as a, openBlock as o, normalizeStyle as c, normalizeClass as i } from "vue";
+const s = {
+  __name: "KunDivider",
+  props: {
+    vertical: Boolean,
+    inset: Boolean,
+    dashed: Boolean,
+    length: [String, Number],
+    color: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const t = e, n = r(() => {
+      const l = t.length != null ? typeof t.length == "number" ? `${t.length}px` : t.length : void 0;
+      return t.vertical ? { height: l } : { width: l };
+    });
+    return (l, u) => (o(), a("div", {
+      role: "separator",
+      class: i([
+        "shrink-0",
+        e.vertical ? "w-px h-full" : "h-px w-full",
+        e.dashed ? "border border-dashed border-current bg-transparent" : "bg-current",
+        e.inset ? e.vertical ? "ml-4" : "mx-4" : "",
+        e.color
+      ]),
+      style: c(n.value)
+    }, null, 6));
+  }
+};
+export {
+  s as default
+};

package/dist/index.js

@@ -1,34 +1,36 @@
 /* empty css                 */
 import m from "./components/KunAlert/src/components/KunAlert.vue.js";
-import t from "./components/KunAppbar/src/components/KunAppbar.vue.js";
-import i from "./components/KunAppbarTitle/src/components/KunAppbarTitle.vue.js";
+import i from "./components/KunAppbar/src/components/KunAppbar.vue.js";
+import t from "./components/KunAppbarTitle/src/components/KunAppbarTitle.vue.js";
 import a from "./components/KunAutocomplete/src/components/KunAutocomplete.vue.js";
-import p from "./components/KunBtn/src/components/KunBtn.vue.js";
-import u from "./components/KunBudge/src/components/KunBudge.vue.js";
+import u from "./components/KunBtn/src/components/KunBtn.vue.js";
+import p from "./components/KunBudge/src/components/KunBudge.vue.js";
 import f from "./components/KunCard/src/components/KunCard.vue.js";
 import s from "./components/KunCardText/src/components/KunCardText.vue.js";
 import K from "./components/KunCurrency/src/components/KunCurrency.vue.js";
-import c from "./components/KunIcon/src/components/KunIcon.vue.js";
-import e from "./components/KunList/src/components/KunList.vue.js";
-import _ from "./components/KunSpacer/src/components/KunSpacer.vue.js";
-import l from "./components/KunSwitch/src/components/KunSwitch.vue.js";
-import $ from "./components/KunTextField/src/components/KunTextField.vue.js";
+import c from "./components/KunDivider/src/components/KunDivider.vue.js";
+import e from "./components/KunIcon/src/components/KunIcon.vue.js";
+import _ from "./components/KunList/src/components/KunList.vue.js";
+import l from "./components/KunSpacer/src/components/KunSpacer.vue.js";
+import $ from "./components/KunSwitch/src/components/KunSwitch.vue.js";
+import d from "./components/KunTextField/src/components/KunTextField.vue.js";
 import A from "./components/KunToolbar/src/components/KunToolbar.vue.js";
 const r = {
   KunAlert: m,
-  KunAppbar: t,
-  KunAppbarTitle: i,
+  KunAppbar: i,
+  KunAppbarTitle: t,
   KunAutocomplete: a,
-  KunBtn: p,
-  KunBudge: u,
+  KunBtn: u,
+  KunBudge: p,
   KunCard: f,
   KunCardText: s,
   KunCurrency: K,
-  KunIcon: c,
-  KunList: e,
-  KunSpacer: _,
-  KunSwitch: l,
-  KunTextField: $,
+  KunDivider: c,
+  KunIcon: e,
+  KunList: _,
+  KunSpacer: l,
+  KunSwitch: $,
+  KunTextField: d,
   KunToolbar: A
 };
 function q(o) {
@@ -37,19 +39,20 @@ function q(o) {
 }
 export {
   m as KunAlert,
-  t as KunAppbar,
-  i as KunAppbarTitle,
+  i as KunAppbar,
+  t as KunAppbarTitle,
   a as KunAutocomplete,
-  p as KunBtn,
-  u as KunBudge,
+  u as KunBtn,
+  p as KunBudge,
   f as KunCard,
   s as KunCardText,
   K as KunCurrency,
-  c as KunIcon,
-  e as KunList,
-  _ as KunSpacer,
-  l as KunSwitch,
-  $ as KunTextField,
+  c as KunDivider,
+  e as KunIcon,
+  _ as KunList,
+  l as KunSpacer,
+  $ as KunSwitch,
+  d as KunTextField,
   A as KunToolbar,
   q as install
 };

package/dist/node_modules/.pnpm/vue-router@4.5.1_vue@3.5.13/node_modules/vue-router/dist/vue-router.js

@@ -0,0 +1,187 @@
+import { defineComponent as R, reactive as D, inject as g, computed as a, h as L, unref as f, getCurrentInstance as I, watchEffect as P } from "vue";
+/*!
+  * vue-router v4.5.1
+  * (c) 2025 Eduardo San Martin Morote
+  * @license MIT
+  */
+const K = typeof document < "u", j = () => {
+}, v = Array.isArray;
+function E(t) {
+  const e = Array.from(arguments).slice(1);
+  console.warn.apply(console, ["[Vue Router warn]: " + t].concat(e));
+}
+function k(t, e) {
+  return (t.aliasOf || t) === (e.aliasOf || e);
+}
+function B(t, e) {
+  if (Object.keys(t).length !== Object.keys(e).length)
+    return !1;
+  for (const n in t)
+    if (!T(t[n], e[n]))
+      return !1;
+  return !0;
+}
+function T(t, e) {
+  return v(t) ? A(t, e) : v(e) ? A(e, t) : t === e;
+}
+function A(t, e) {
+  return v(e) ? t.length === e.length && t.every((n, o) => n === e[o]) : t.length === 1 && t[0] === e;
+}
+var _;
+(function(t) {
+  t.pop = "pop", t.push = "push";
+})(_ || (_ = {}));
+var O;
+(function(t) {
+  t.back = "back", t.forward = "forward", t.unknown = "";
+})(O || (O = {}));
+function V(t) {
+  return typeof t == "string" || t && typeof t == "object";
+}
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+var w;
+(function(t) {
+  t[t.aborted = 4] = "aborted", t[t.cancelled = 8] = "cancelled", t[t.duplicated = 16] = "duplicated";
+})(w || (w = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+const C = Symbol(process.env.NODE_ENV !== "production" ? "router" : ""), M = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+function x(t) {
+  const e = g(C), n = g(M);
+  let o = !1, c = null;
+  const u = a(() => {
+    const r = f(t.to);
+    return process.env.NODE_ENV !== "production" && (!o || r !== c) && (V(r) || (o ? E(`Invalid value for prop "to" in useLink()
+- to:`, r, `
+- previous to:`, c, `
+- props:`, t) : E(`Invalid value for prop "to" in useLink()
+- to:`, r, `
+- props:`, t)), c = r, o = !0), e.resolve(r);
+  }), s = a(() => {
+    const { matched: r } = u.value, { length: i } = r, h = r[i - 1], l = n.matched;
+    if (!h || !l.length)
+      return -1;
+    const m = l.findIndex(k.bind(null, h));
+    if (m > -1)
+      return m;
+    const y = b(r[i - 2]);
+    return (
+      // we are dealing with nested routes
+      i > 1 && // if the parent and matched route have the same path, this link is
+      // referring to the empty child. Or we currently are on a different
+      // child of the same parent
+      b(h) === y && // avoid comparing the child with its parent
+      l[l.length - 1].path !== y ? l.findIndex(k.bind(null, r[i - 2])) : m
+    );
+  }), d = a(() => s.value > -1 && H(n.params, u.value.params)), p = a(() => s.value > -1 && s.value === n.matched.length - 1 && B(n.params, u.value.params));
+  function N(r = {}) {
+    if (G(r)) {
+      const i = e[f(t.replace) ? "replace" : "push"](
+        f(t.to)
+        // avoid uncaught errors are they are logged anyway
+      ).catch(j);
+      return t.viewTransition && typeof document < "u" && "startViewTransition" in document && document.startViewTransition(() => i), i;
+    }
+    return Promise.resolve();
+  }
+  if (process.env.NODE_ENV !== "production" && K) {
+    const r = I();
+    if (r) {
+      const i = {
+        route: u.value,
+        isActive: d.value,
+        isExactActive: p.value,
+        error: null
+      };
+      r.__vrl_devtools = r.__vrl_devtools || [], r.__vrl_devtools.push(i), P(() => {
+        i.route = u.value, i.isActive = d.value, i.isExactActive = p.value, i.error = V(f(t.to)) ? null : 'Invalid "to" value';
+      }, { flush: "post" });
+    }
+  }
+  return {
+    route: u,
+    href: a(() => u.value.href),
+    isActive: d,
+    isExactActive: p,
+    navigate: N
+  };
+}
+function q(t) {
+  return t.length === 1 ? t[0] : t;
+}
+const z = /* @__PURE__ */ R({
+  name: "RouterLink",
+  compatConfig: { MODE: 3 },
+  props: {
+    to: {
+      type: [String, Object],
+      required: !0
+    },
+    replace: Boolean,
+    activeClass: String,
+    // inactiveClass: String,
+    exactActiveClass: String,
+    custom: Boolean,
+    ariaCurrentValue: {
+      type: String,
+      default: "page"
+    },
+    viewTransition: Boolean
+  },
+  useLink: x,
+  setup(t, { slots: e }) {
+    const n = D(x(t)), { options: o } = g(C), c = a(() => ({
+      [S(t.activeClass, o.linkActiveClass, "router-link-active")]: n.isActive,
+      // [getLinkClass(
+      //   props.inactiveClass,
+      //   options.linkInactiveClass,
+      //   'router-link-inactive'
+      // )]: !link.isExactActive,
+      [S(t.exactActiveClass, o.linkExactActiveClass, "router-link-exact-active")]: n.isExactActive
+    }));
+    return () => {
+      const u = e.default && q(e.default(n));
+      return t.custom ? u : L("a", {
+        "aria-current": n.isExactActive ? t.ariaCurrentValue : null,
+        href: n.href,
+        // this would override user added attrs but Vue will still add
+        // the listener, so we end up triggering both
+        onClick: n.navigate,
+        class: c.value
+      }, u);
+    };
+  }
+}), Q = z;
+function G(t) {
+  if (!(t.metaKey || t.altKey || t.ctrlKey || t.shiftKey) && !t.defaultPrevented && !(t.button !== void 0 && t.button !== 0)) {
+    if (t.currentTarget && t.currentTarget.getAttribute) {
+      const e = t.currentTarget.getAttribute("target");
+      if (/\b_blank\b/i.test(e))
+        return;
+    }
+    return t.preventDefault && t.preventDefault(), !0;
+  }
+}
+function H(t, e) {
+  for (const n in e) {
+    const o = e[n], c = t[n];
+    if (typeof o == "string") {
+      if (o !== c)
+        return !1;
+    } else if (!v(c) || c.length !== o.length || o.some((u, s) => u !== c[s]))
+      return !1;
+  }
+  return !0;
+}
+function b(t) {
+  return t ? t.aliasOf ? t.aliasOf.path : t.path : "";
+}
+const S = (t, e, n) => t ?? e ?? n;
+export {
+  w as NavigationFailureType,
+  Q as RouterLink,
+  M as routeLocationKey,
+  C as routerKey,
+  x as useLink
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.43",
+  "version": "0.1.45",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",
@@ -49,5 +49,8 @@
   },
   "sideEffects": [
     "*.css"
-  ]
+  ],
+  "dependencies": {
+    "vue-router": "^4.5.1"
+  }
 }