adverich-kun-ui 0.1.195 → 0.1.196

package/dist/components/KunTabs/src/components/KunTab.vue.js

@@ -0,0 +1,70 @@
+import { inject as i, ref as b, computed as C, onMounted as S, createBlock as p, openBlock as d, resolveDynamicComponent as g, normalizeClass as x, withCtx as I, renderSlot as c, createCommentVNode as r, createVNode as u, createElementBlock as B, toDisplayString as h } from "vue";
+import m from "../../../KunIcon/src/components/KunIcon.vue.js";
+const N = { key: 0 }, A = {
+  __name: "KunTab",
+  props: {
+    value: [String, Number],
+    text: [String, Number],
+    prependIcon: String,
+    appendIcon: String,
+    disabled: Boolean,
+    stacked: Boolean,
+    selectedClass: {
+      type: String,
+      default: "text-primary font-medium"
+    },
+    baseColor: {
+      type: String,
+      default: "text-slate-500 dark:text-slate-300"
+    },
+    colorClass: {
+      type: String,
+      default: ""
+    },
+    tag: {
+      type: String,
+      default: "button"
+    },
+    to: [String, Object]
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: f }) {
+    const n = e, v = f, t = i("modelValue"), a = i("updateModelValue"), l = i("registerTab"), s = b(null), y = C(() => Array.isArray(t == null ? void 0 : t.value) ? t.value.includes(n.value) : (t == null ? void 0 : t.value) === n.value);
+    S(() => {
+      l == null || l(s.value);
+    });
+    const k = () => {
+      !n.disabled && n.value !== void 0 && (a == null || a(n.value), v("update:modelValue", n.value));
+    };
+    return (o, $) => (d(), p(g(e.to ? "router-link" : e.tag), {
+      to: e.to,
+      "data-value": e.value,
+      class: x([
+        "relative inline-flex items-center justify-center whitespace-nowrap transition-all px-4 py-2 cursor-pointer",
+        e.stacked ? "flex-col gap-1" : "",
+        y.value ? e.selectedClass : e.baseColor,
+        e.disabled ? "opacity-50 pointer-events-none" : "",
+        e.colorClass
+      ]),
+      onClick: k,
+      ref_key: "tabRef",
+      ref: s
+    }, {
+      default: I(() => [
+        e.prependIcon ? c(o.$slots, "prepend", { key: 0 }, () => [
+          u(m, { icon: e.prependIcon }, null, 8, ["icon"])
+        ]) : r("", !0),
+        c(o.$slots, "default", {}, () => [
+          e.text ? (d(), B("span", N, h(e.text), 1)) : r("", !0)
+        ]),
+        e.appendIcon ? c(o.$slots, "append", { key: 1 }, () => [
+          u(m, { icon: e.appendIcon }, null, 8, ["icon"])
+        ]) : r("", !0)
+      ]),
+      _: 3
+    }, 8, ["to", "data-value", "class"]));
+  }
+};
+export {
+  A as default
+};

package/dist/index.js

@@ -1,8 +1,8 @@
 /* empty css                 */
 import o from "./components/KunAlert/src/components/KunAlert.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 a from "./components/KunAppbarTitle/src/components/KunAppbarTitle.vue.js";
+import t from "./components/KunAutocomplete/src/components/KunAutocomplete.vue.js";
 import s from "./components/KunAvatar/src/components/KunAvatar.vue.js";
 import u from "./components/KunBtn/src/components/KunBtn.vue.js";
 import f from "./components/KunBadge/src/components/KunBadge.vue.js";
@@ -15,9 +15,9 @@ import l from "./components/KunCardTitle/src/components/KunCardTitle.vue.js";
 import $ from "./components/KunChip/src/components/KunChip.vue.js";
 import d from "./components/KunCol/src/components/KunCol.vue.js";
 import T from "./components/KunContainer/src/components/KunContainer.vue.js";
-import C from "./components/KunCurrency/src/components/KunCurrency.vue.js";
-import L from "./components/KunDialog/src/components/KunDialog.vue.js";
-import b from "./components/KunDivider/src/components/KunDivider.vue.js";
+import b from "./components/KunCurrency/src/components/KunCurrency.vue.js";
+import C from "./components/KunDialog/src/components/KunDialog.vue.js";
+import L from "./components/KunDivider/src/components/KunDivider.vue.js";
 import I from "./components/KunDrawer/src/components/KunDrawer.vue.js";
 import A from "./components/KunForm/src/components/KunForm.vue.js";
 import S from "./components/KunIcon/src/components/KunIcon.vue.js";
@@ -41,17 +41,18 @@ import E from "./components/KunSlider/src/components/KunSlider.vue.js";
 import N from "./components/KunSpacer/src/components/KunSpacer.vue.js";
 import H from "./components/KunSwitch/src/components/KunSwitch.vue.js";
 import J from "./components/KunTable/src/components/KunTable.vue.js";
-import O from "./components/KunTabs/src/components/KunTabs.vue.js";
-import P from "./components/KunTextarea/src/components/KunTextarea.vue.js";
-import Q from "./components/KunTextField/src/components/KunTextField.vue.js";
-import U from "./components/KunToolbar/src/components/KunToolbar.vue.js";
-import V from "./components/KunToolbar/src/components/KunToolbarTitle.vue.js";
-import W from "./components/KunTooltip/src/components/KunTooltip.vue.js";
+import O from "./components/KunTabs/src/components/KunTab.vue.js";
+import P from "./components/KunTabs/src/components/KunTabs.vue.js";
+import Q from "./components/KunTextarea/src/components/KunTextarea.vue.js";
+import U from "./components/KunTextField/src/components/KunTextField.vue.js";
+import V from "./components/KunToolbar/src/components/KunToolbar.vue.js";
+import W from "./components/KunToolbar/src/components/KunToolbarTitle.vue.js";
+import X from "./components/KunTooltip/src/components/KunTooltip.vue.js";
 const n = {
   KunAlert: o,
   KunAppbar: i,
-  KunAppbarTitle: t,
-  KunAutocomplete: a,
+  KunAppbarTitle: a,
+  KunAutocomplete: t,
   KunAvatar: s,
   KunBtn: u,
   KunBadge: f,
@@ -65,9 +66,9 @@ const n = {
   KunChip: $,
   KunCol: d,
   KunContainer: T,
-  KunCurrency: C,
-  KunDialog: L,
-  KunDivider: b,
+  KunCurrency: b,
+  KunDialog: C,
+  KunDivider: L,
   KunDrawer: I,
   KunForm: A,
   KunIcon: S,
@@ -90,22 +91,23 @@ const n = {
   KunSpacer: N,
   KunSwitch: H,
   KunTable: J,
-  KunTabs: O,
-  KunTextarea: P,
-  KunTextField: Q,
-  KunToolbar: U,
-  KunToolbarTitle: V,
-  KunTooltip: W
+  KunTab: O,
+  KunTabs: P,
+  KunTextarea: Q,
+  KunTextField: U,
+  KunToolbar: V,
+  KunToolbarTitle: W,
+  KunTooltip: X
 };
-function Pm(r) {
+function Um(r) {
   for (const m in n)
     r.component(m, n[m]);
 }
 export {
   o as KunAlert,
   i as KunAppbar,
-  t as KunAppbarTitle,
-  a as KunAutocomplete,
+  a as KunAppbarTitle,
+  t as KunAutocomplete,
   s as KunAvatar,
   f as KunBadge,
   u as KunBtn,
@@ -118,9 +120,9 @@ export {
   $ as KunChip,
   d as KunCol,
   T as KunContainer,
-  C as KunCurrency,
-  L as KunDialog,
-  b as KunDivider,
+  b as KunCurrency,
+  C as KunDialog,
+  L as KunDivider,
   I as KunDrawer,
   A as KunForm,
   S as KunIcon,
@@ -142,12 +144,13 @@ export {
   E as KunSlider,
   N as KunSpacer,
   H as KunSwitch,
+  O as KunTab,
   J as KunTable,
-  O as KunTabs,
-  Q as KunTextField,
-  P as KunTextarea,
-  U as KunToolbar,
-  V as KunToolbarTitle,
-  W as KunTooltip,
-  Pm as install
+  P as KunTabs,
+  U as KunTextField,
+  Q as KunTextarea,
+  V as KunToolbar,
+  W as KunToolbarTitle,
+  X as KunTooltip,
+  Um as install
 };

package/package.json

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