adverich-kun-ui 0.1.50 → 0.1.52

package/dist/components/KunCard/src/composables/kunCardProps.js

@@ -13,7 +13,7 @@ const e = {
   },
   bgColor: {
     type: String,
-    default: "bg-white"
+    default: "bg-transparent"
   },
   flat: {
     type: Boolean,

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

@@ -0,0 +1,59 @@
+import { createBlock as n, openBlock as s, resolveDynamicComponent as y, unref as o, mergeProps as C, withModifiers as $, withCtx as b, createCommentVNode as l, renderSlot as r, createElementVNode as I, createElementBlock as V, toDisplayString as g } from "vue";
+import { useChip as B } from "../composables/useChip.js";
+import { kunChipProps as S } from "../composables/kunChipProps.js";
+import t from "../../../KunIcon/src/components/KunIcon.vue.js";
+const w = {
+  key: 0,
+  class: "mr-1"
+}, D = { class: "truncate" }, A = {
+  __name: "KunChip",
+  props: S,
+  emits: ["update:modelValue", "click:close"],
+  setup(p, { emit: a }) {
+    const d = p, m = a, {
+      componentTag: c,
+      componentAttrs: u,
+      chipClass: k,
+      chipStyle: f,
+      handleClose: h
+    } = B(d, m);
+    return (e, i) => (s(), n(y(o(c)), C(o(u), {
+      class: o(k),
+      style: o(f),
+      disabled: e.isLink ? void 0 : e.disabled ? "" : void 0,
+      onClick: i[0] || (i[0] = $(() => {
+      }, ["stop"]))
+    }), {
+      default: b(() => [
+        e.prependIcon ? (s(), n(t, {
+          key: 0,
+          icon: e.prependIcon,
+          class: "mr-1 flex-shrink-0"
+        }, null, 8, ["icon"])) : l("", !0),
+        r(e.$slots, "prepend", {}, () => [
+          e.$slots.prepend ? (s(), V("span", w)) : l("", !0)
+        ]),
+        I("span", D, g(e.label || e.text), 1),
+        e.$slots.default && !(e.label || e.text) ? r(e.$slots, "default", { key: 1 }) : l("", !0),
+        e.appendIcon ? (s(), n(t, {
+          key: 2,
+          icon: e.appendIcon,
+          class: "ml-1 flex-shrink-0"
+        }, null, 8, ["icon"])) : e.$slots.append ? r(e.$slots, "append", {
+          key: 3,
+          class: "ml-1"
+        }) : l("", !0),
+        e.closable && e.modelValue ? (s(), n(t, {
+          key: 4,
+          icon: "$mdi-close",
+          class: "ml-1 flex-shrink-0 cursor-pointer",
+          onClick: o(h)
+        }, null, 8, ["onClick"])) : l("", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "style", "disabled"]));
+  }
+};
+export {
+  A as default
+};

package/dist/components/KunChip/src/composables/kunChipProps.js

@@ -0,0 +1,83 @@
+const e = {
+  modelValue: {
+    type: Boolean,
+    default: !0
+  },
+  label: {
+    type: String,
+    default: null
+  },
+  closeLabel: {
+    type: String,
+    default: "Cerrar"
+  },
+  text: {
+    type: String,
+    default: null
+  },
+  color: {
+    type: String,
+    default: "bg-indigo-600"
+  },
+  textColor: {
+    type: String,
+    default: "text-white"
+  },
+  variant: {
+    type: String,
+    default: "default",
+    validator: (t) => ["default", "outlined", "flat", "pill"].includes(t)
+  },
+  closable: {
+    type: Boolean,
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  density: {
+    type: String,
+    default: "default",
+    validator: (t) => ["default", "comfortable", "compact"].includes(t)
+  },
+  icon: {
+    type: [String, Object, Function],
+    default: null
+  },
+  prependIcon: {
+    type: [String, Object, Function],
+    default: null
+  },
+  appendIcon: {
+    type: [String, Object, Function],
+    default: null
+  },
+  to: {
+    type: [String, Object],
+    default: null
+  },
+  href: {
+    type: String,
+    default: null
+  },
+  replace: {
+    type: Boolean,
+    default: !1
+  },
+  target: {
+    type: String,
+    default: null
+  },
+  class: {
+    type: [String, Array, Object],
+    default: null
+  },
+  style: {
+    type: Object,
+    default: null
+  }
+};
+export {
+  e as kunChipProps
+};

package/dist/components/KunChip/src/composables/useChip.js

@@ -0,0 +1,48 @@
+import { computed as n } from "vue";
+function s(e, l) {
+  const r = n(() => !!e.to || !!e.href), a = n(() => e.href ? "a" : e.to ? "router-link" : "button"), o = n(() => 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.disabled
+  }), c = n(() => {
+    const t = [
+      "inline-flex items-center whitespace-nowrap select-none",
+      e.density === "compact" ? "px-2 py-0.5 text-xs" : "px-3 py-1 text-sm",
+      e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
+      e.class
+    ];
+    switch (e.variant) {
+      case "flat":
+        t.push(`${e.color} ${e.textColor} shadow-none`);
+        break;
+      case "outlined":
+        t.push(`border border-current ${e.textColor} bg-transparent hover:bg-gray-100`);
+        break;
+      case "pill":
+        t.push(`${e.color} ${e.textColor} rounded-full`);
+        break;
+      default:
+        t.push(`${e.color} ${e.textColor} rounded-md shadow`);
+    }
+    return t.filter(Boolean);
+  }), u = n(() => e.style || {});
+  return {
+    isLink: r,
+    componentTag: a,
+    componentAttrs: o,
+    chipClass: c,
+    chipStyle: u,
+    handleClose: (t) => {
+      e.disabled || (l("update:modelValue", !1), l("click:close", t));
+    }
+  };
+}
+export {
+  s as useChip
+};

package/dist/index.js

@@ -8,24 +8,25 @@ import f from "./components/KunBudge/src/components/KunBudge.vue.js";
 import s from "./components/KunCard/src/components/KunCard.vue.js";
 import K from "./components/KunCardActions/src/components/KunCardActions.vue.js";
 import _ from "./components/KunCardItem/src/components/KunCardItem.vue.js";
-import c from "./components/KunCardSubtitle/src/components/KunCardSubtitle.vue.js";
-import p from "./components/KunCardText/src/components/KunCardText.vue.js";
+import p from "./components/KunCardSubtitle/src/components/KunCardSubtitle.vue.js";
+import c from "./components/KunCardText/src/components/KunCardText.vue.js";
 import e from "./components/KunCardTitle/src/components/KunCardTitle.vue.js";
-import d from "./components/KunCol/src/components/KunCol.vue.js";
-import l from "./components/KunContainer/src/components/KunContainer.vue.js";
-import $ from "./components/KunCurrency/src/components/KunCurrency.vue.js";
-import C from "./components/KunDivider/src/components/KunDivider.vue.js";
-import T from "./components/KunForm/src/components/KunForm.vue.js";
-import b from "./components/KunIcon/src/components/KunIcon.vue.js";
-import A from "./components/KunList/src/components/KunList.vue.js";
-import S from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
+import C from "./components/KunChip/src/components/KunChip.vue.js";
+import $ from "./components/KunCol/src/components/KunCol.vue.js";
+import d from "./components/KunContainer/src/components/KunContainer.vue.js";
+import l from "./components/KunCurrency/src/components/KunCurrency.vue.js";
+import T from "./components/KunDivider/src/components/KunDivider.vue.js";
+import b from "./components/KunForm/src/components/KunForm.vue.js";
+import A from "./components/KunIcon/src/components/KunIcon.vue.js";
+import S from "./components/KunList/src/components/KunList.vue.js";
+import h from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
 import x from "./components/KunRow/src/components/KunRow.vue.js";
 import w from "./components/KunSlider/src/components/KunSlider.vue.js";
 import F from "./components/KunSpacer/src/components/KunSpacer.vue.js";
 import I from "./components/KunSwitch/src/components/KunSwitch.vue.js";
-import h from "./components/KunTextField/src/components/KunTextField.vue.js";
-import B from "./components/KunToolbar/src/components/KunToolbar.vue.js";
-const n = {
+import B from "./components/KunTextField/src/components/KunTextField.vue.js";
+import L from "./components/KunToolbar/src/components/KunToolbar.vue.js";
+const r = {
   KunAlert: o,
   KunAppbar: i,
   KunAppbarTitle: a,
@@ -35,27 +36,28 @@ const n = {
   KunCard: s,
   KunCardActions: K,
   KunCardItem: _,
-  KunCardSubtitle: c,
-  KunCardText: p,
+  KunCardSubtitle: p,
+  KunCardText: c,
   KunCardTitle: e,
-  KunCol: d,
-  KunContainer: l,
-  KunCurrency: $,
-  KunDivider: C,
-  KunForm: T,
-  KunIcon: b,
-  KunList: A,
-  KunLoaderCircular: S,
+  KunChip: C,
+  KunCol: $,
+  KunContainer: d,
+  KunCurrency: l,
+  KunDivider: T,
+  KunForm: b,
+  KunIcon: A,
+  KunList: S,
+  KunLoaderCircular: h,
   KunRow: x,
   KunSlider: w,
   KunSpacer: F,
   KunSwitch: I,
-  KunTextField: h,
-  KunToolbar: B
+  KunTextField: B,
+  KunToolbar: L
 };
-function mr(m) {
-  for (const r in n)
-    m.component(r, n[r]);
+function an(m) {
+  for (const n in r)
+    m.component(n, r[n]);
 }
 export {
   o as KunAlert,
@@ -67,22 +69,23 @@ export {
   s as KunCard,
   K as KunCardActions,
   _ as KunCardItem,
-  c as KunCardSubtitle,
-  p as KunCardText,
+  p as KunCardSubtitle,
+  c as KunCardText,
   e as KunCardTitle,
-  d as KunCol,
-  l as KunContainer,
-  $ as KunCurrency,
-  C as KunDivider,
-  T as KunForm,
-  b as KunIcon,
-  A as KunList,
-  S as KunLoaderCircular,
+  C as KunChip,
+  $ as KunCol,
+  d as KunContainer,
+  l as KunCurrency,
+  T as KunDivider,
+  b as KunForm,
+  A as KunIcon,
+  S as KunList,
+  h as KunLoaderCircular,
   x as KunRow,
   w as KunSlider,
   F as KunSpacer,
   I as KunSwitch,
-  h as KunTextField,
-  B as KunToolbar,
-  mr as install
+  B as KunTextField,
+  L as KunToolbar,
+  an as install
 };

package/package.json

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