adverich-kun-ui 0.1.76 → 0.1.78

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

@@ -1,22 +1,23 @@
-import { createElementBlock as a, openBlock as l, normalizeStyle as m, normalizeClass as c, unref as e, renderSlot as p } from "vue";
-import { useCardItem as u } from "../composables/useCardItem.js";
-import { kunCardItemProps as i } from "../composables/kunCardItemProps.js";
-const k = {
+import { useAttrs as l, computed as a, createElementBlock as n, openBlock as p, normalizeClass as c, renderSlot as u } from "vue";
+import { kunCardItemProps as m } from "../composables/kunCardItemProps.js";
+const x = {
   __name: "KunCardItem",
-  props: i,
-  setup(r) {
-    const t = r, {
-      containerClass: o,
-      containerStyle: n
-    } = u(t);
-    return (s, f) => (l(), a("div", {
-      class: c(["w-full", e(o)]),
-      style: m(e(n))
+  props: m,
+  setup(t) {
+    const e = t, r = l(), s = a(() => [
+      "flex",
+      "flex-col",
+      e.dense ? "py-1 px-2" : "py-3 px-4",
+      e.gap,
+      r.class
+    ].filter(Boolean));
+    return (o, f) => (p(), n("div", {
+      class: c(["w-full", s.value])
     }, [
-      p(s.$slots, "default")
-    ], 6));
+      u(o.$slots, "default")
+    ], 2));
   }
 };
 export {
-  k as default
+  x as default
 };

package/dist/components/KunCardItem/src/composables/kunCardItemProps.js

@@ -6,14 +6,6 @@ const e = {
   dense: {
     type: Boolean,
     default: !1
-  },
-  class: {
-    type: [String, Array, Object],
-    default: null
-  },
-  style: {
-    type: Object,
-    default: null
   }
 };
 export {

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

@@ -1,24 +1,23 @@
-import { createElementBlock as a, openBlock as n, normalizeStyle as i, normalizeClass as u, unref as e, renderSlot as m, createTextVNode as p, toDisplayString as c } from "vue";
-import { useCardSubtitle as d } from "../composables/useCardSubtitle.js";
-import { kunCardSubtitleProps as f } from "../composables/kunCardSubtitleProps.js";
-const _ = {
+import { useAttrs as a, computed as l, createElementBlock as n, openBlock as c, normalizeClass as u, renderSlot as m, createTextVNode as p, toDisplayString as i } from "vue";
+import { kunCardSubtitleProps as d } from "../composables/kunCardSubtitleProps.js";
+const S = {
   __name: "KunCardSubtitle",
-  props: f,
-  setup(r) {
-    const o = r, {
-      subtitleClass: s,
-      subtitleStyle: l
-    } = d(o);
-    return (t, S) => (n(), a("div", {
-      class: u(["text-sm text-gray-500 font-normal", e(s)]),
-      style: i(e(l))
+  props: d,
+  setup(s) {
+    const t = s, o = a(), r = l(() => [
+      t.color,
+      t.dense ? "text-xs" : "text-sm",
+      o.class
+    ].filter(Boolean));
+    return (e, f) => (c(), n("div", {
+      class: u(["text-sm text-gray-500 font-normal", r.value])
     }, [
-      m(t.$slots, "default", {}, () => [
-        p(c(t.subtitle), 1)
+      m(e.$slots, "default", {}, () => [
+        p(i(e.subtitle), 1)
       ])
-    ], 6));
+    ], 2));
   }
 };
 export {
-  _ as default
+  S as default
 };

package/dist/components/KunCardSubtitle/src/composables/kunCardSubtitleProps.js

@@ -9,15 +9,7 @@ const t = {
   },
   color: {
     type: String,
-    default: "text-gray-600"
-  },
-  class: {
-    type: [String, Array, Object],
-    default: null
-  },
-  style: {
-    type: Object,
-    default: null
+    default: "text-gray-700 dark:text-gray-300"
   }
 };
 export {

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

@@ -1,24 +1,23 @@
-import { createElementBlock as l, openBlock as n, normalizeStyle as p, normalizeClass as c, unref as t, renderSlot as m, createTextVNode as i, toDisplayString as u } from "vue";
-import { useCardText as d } from "../composables/useCardText.js";
-import { kunCardTextProps as f } from "../composables/kunCardTextProps.js";
-const S = {
+import { useAttrs as a, computed as l, createElementBlock as n, openBlock as c, normalizeClass as p, renderSlot as u, createTextVNode as m, toDisplayString as d } from "vue";
+import { kunCardTextProps as i } from "../composables/kunCardTextProps.js";
+const C = {
   __name: "KunCardText",
-  props: f,
-  setup(r) {
-    const o = r, {
-      textClass: s,
-      textStyle: a
-    } = d(o);
-    return (e, x) => (n(), l("div", {
-      class: c(["block", t(s)]),
-      style: p(t(a))
+  props: i,
+  setup(s) {
+    const t = s, o = a(), r = l(() => [
+      t.color,
+      t.dense ? "text-xs" : "text-sm",
+      o.class
+    ].filter(Boolean));
+    return (e, x) => (c(), n("div", {
+      class: p(["block", r.value])
     }, [
-      m(e.$slots, "default", {}, () => [
-        i(u(e.text), 1)
+      u(e.$slots, "default", {}, () => [
+        m(d(e.text), 1)
       ])
-    ], 6));
+    ], 2));
   }
 };
 export {
-  S as default
+  C as default
 };

package/dist/components/KunCardText/src/composables/kunCardTextProps.js

@@ -5,19 +5,11 @@ const t = {
   },
   color: {
     type: String,
-    default: "text-gray-700"
+    default: "text-gray-700 dark:text-gray-300"
   },
   dense: {
     type: Boolean,
     default: !1
-  },
-  class: {
-    type: [String, Array, Object],
-    default: null
-  },
-  style: {
-    type: Object,
-    default: null
   }
 };
 export {

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

@@ -1,61 +1,73 @@
-import { createElementBlock as r, openBlock as s, normalizeStyle as $, normalizeClass as l, unref as t, createCommentVNode as n, createElementVNode as c, renderSlot as o, createBlock as p, createTextVNode as v, toDisplayString as d } from "vue";
-import { useCardTitle as w } from "../composables/useCardTitle.js";
-import { kunCardTitleProps as S } from "../composables/kunCardTitleProps.js";
-import u from "../../../KunIcon/src/components/KunIcon.vue.js";
-const T = {
+import { useAttrs as $, computed as n, createElementBlock as r, openBlock as s, normalizeStyle as v, normalizeClass as d, createCommentVNode as o, createElementVNode as i, renderSlot as l, createBlock as p, createTextVNode as u, toDisplayString as c } from "vue";
+import { kunCardTitleProps as C } from "../composables/kunCardTitleProps.js";
+import m from "../../../KunIcon/src/components/KunIcon.vue.js";
+/* empty css                  */
+import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
+const g = {
   key: 0,
-  class: "flex items-center justify-center w-6 h-6 mx-2"
-}, _ = { class: "flex items-center w-full flex-grow truncate" }, b = {
+  class: "kun-card-title__prepend"
+}, w = { class: "kun-card-title__content" }, B = {
   key: 1,
-  class: "flex items-center justify-center w-6 h-6 mx-2"
-}, z = {
+  class: "kun-card-title__append"
+}, S = {
   __name: "KunCardTitle",
-  props: S,
-  setup(m) {
-    const f = m, {
-      hasPrependIcon: i,
-      hasAppendIcon: a,
-      containerClass: y,
-      containerStyle: h,
-      titleClass: k,
-      subtitleClass: C
-    } = w(f);
-    return (e, B) => (s(), r("div", {
-      class: l(t(y)),
-      style: $(t(h))
+  props: C,
+  setup(h) {
+    const a = $(), t = h, f = n(() => [
+      "kun-card-title",
+      t.dense ? "py-1 px-2 text-sm" : "py-3 px-4 text-base",
+      t.flat ? "shadow-none" : "shadow",
+      t.rounded === !0 ? "rounded-md" : t.rounded ? `rounded-${t.rounded}` : "",
+      t.bgColor,
+      t.textColor,
+      a.class
+      // External class
+    ].filter(Boolean)), y = n(() => ({
+      height: typeof t.height == "number" ? `${t.height}px` : t.height,
+      width: typeof t.width == "number" ? `${t.width}px` : t.width,
+      ...a.style
+      // External style
+    })), k = n(() => t.dense ? "font-medium" : "font-semibold"), b = n(() => "text-xs opacity-75 mt-1");
+    return (e, T) => (s(), r("div", {
+      class: d(f.value),
+      style: v(y.value)
     }, [
-      e.$slots.prepend || t(i) ? (s(), r("div", T, [
-        o(e.$slots, "prepend", {}, () => [
-          t(i) ? (s(), p(u, {
+      e.$slots.prepend || e.prepend ? (s(), r("div", g, [
+        l(e.$slots, "prepend", {}, () => [
+          e.prepend ? (s(), p(m, {
             key: 0,
             icon: e.prepend
-          }, null, 8, ["icon"])) : n("", !0)
-        ])
-      ])) : n("", !0),
-      c("div", _, [
-        c("h3", {
-          class: l(t(k))
+          }, null, 8, ["icon"])) : o("", !0)
+        ], !0)
+      ])) : o("", !0),
+      i("div", w, [
+        i("h3", {
+          class: d(k.value)
         }, [
-          o(e.$slots, "default", {}, () => [
-            v(d(e.title), 1)
-          ])
+          l(e.$slots, "default", {}, () => [
+            u(c(e.title), 1)
+          ], !0)
         ], 2),
-        e.subtitle ? (s(), r("div", {
+        e.$slots.subtitle || e.subtitle ? (s(), r("div", {
           key: 0,
-          class: l(t(C))
-        }, d(e.subtitle), 3)) : n("", !0)
+          class: d(b.value)
+        }, [
+          l(e.$slots, "subtitle", {}, () => [
+            u(c(e.subtitle), 1)
+          ], !0)
+        ], 2)) : o("", !0)
       ]),
-      e.$slots.append || t(a) ? (s(), r("div", b, [
-        o(e.$slots, "append", {}, () => [
-          t(a) ? (s(), p(u, {
+      e.$slots.append || e.append ? (s(), r("div", B, [
+        l(e.$slots, "append", {}, () => [
+          e.append ? (s(), p(m, {
             key: 0,
             icon: e.append
-          }, null, 8, ["icon"])) : n("", !0)
-        ])
-      ])) : n("", !0)
+          }, null, 8, ["icon"])) : o("", !0)
+        ], !0)
+      ])) : o("", !0)
     ], 6));
   }
-};
+}, A = /* @__PURE__ */ _(S, [["__scopeId", "data-v-b4ca8b81"]]);
 export {
-  z as default
+  A as default
 };

package/dist/components/KunCardTitle/src/composables/kunCardTitleProps.js

@@ -1,27 +1,15 @@
 const e = {
-  title: {
-    type: String,
-    default: null
-  },
-  subtitle: {
-    type: String,
-    default: null
-  },
-  prepend: {
-    type: [String, Object, Function],
-    default: null
-  },
-  append: {
-    type: [String, Object, Function],
-    default: null
-  },
+  title: String,
+  subtitle: String,
+  prepend: [String, Object, Function],
+  append: [String, Object, Function],
   bgColor: {
     type: String,
     default: "bg-white"
   },
   textColor: {
     type: String,
-    default: "text-gray-800"
+    default: "text-gray-800 dark:text-gray-200"
   },
   dense: {
     type: Boolean,
@@ -43,14 +31,6 @@ const e = {
   width: {
     type: [String, Number],
     default: "full"
-  },
-  class: {
-    type: [String, Array, Object],
-    default: null
-  },
-  style: {
-    type: Object,
-    default: null
   }
 };
 export {

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

@@ -1,60 +1,76 @@
-import { createBlock as n, openBlock as o, resolveDynamicComponent as C, unref as s, mergeProps as $, withModifiers as b, withCtx as I, createCommentVNode as l, renderSlot as t, createElementVNode as V, createElementBlock as g, toDisplayString as B } from "vue";
-import { useChip as S } from "../composables/useChip.js";
-import { kunChipProps as w } from "../composables/kunChipProps.js";
-import r from "../../../KunIcon/src/components/KunIcon.vue.js";
-const D = {
+import { useAttrs as I, computed as V, createBlock as p, openBlock as o, resolveDynamicComponent as _, unref as s, mergeProps as B, withModifiers as u, withCtx as N, createElementBlock as r, createCommentVNode as t, createElementVNode as g, renderSlot as l, createTextVNode as w, toDisplayString as A, createVNode as D } from "vue";
+import { kunChipProps as E } from "../composables/kunChipProps.js";
+import { useChip as K } from "../composables/useChip.js";
+import a from "../../../KunIcon/src/components/KunIcon.vue.js";
+/* empty css             */
+import L from "../../../../_virtual/_plugin-vue_export-helper.js";
+const P = {
   key: 0,
-  class: "mr-1"
-}, E = { class: "truncate" }, K = {
+  class: "kun-chip__prepend mr-1"
+}, S = { class: "kun-chip__content truncate" }, T = {
+  key: 1,
+  class: "kun-chip__append ml-1"
+}, M = ["aria-label"], j = {
   __name: "KunChip",
-  props: w,
+  props: E,
   emits: ["update:modelValue", "click:close"],
-  setup(p, { emit: a }) {
-    const d = p, m = a, {
-      componentTag: c,
-      componentAttrs: u,
-      chipClass: k,
-      chipStyle: f,
-      isLink: h,
-      handleClose: y
-    } = S(d, m);
-    return (e, i) => (o(), n(C(s(c)), $(s(u), {
-      class: s(k),
-      style: s(f),
-      disabled: s(h) ? void 0 : e.disabled ? "" : void 0,
-      onClick: i[0] || (i[0] = b(() => {
+  setup(c, { emit: m }) {
+    const k = c, f = m, i = I(), {
+      componentTag: h,
+      componentAttrs: y,
+      computedClass: C,
+      isLink: b,
+      handleClose: d
+    } = K(k, f), $ = V(() => [
+      "kun-chip",
+      ...C.value,
+      i.class
+    ].filter(Boolean));
+    return (e, n) => (o(), p(_(s(h)), B(s(y), {
+      class: $.value,
+      style: s(i).style,
+      disabled: !s(b) && e.disabled ? !0 : void 0,
+      onClick: n[1] || (n[1] = u(() => {
       }, ["stop"]))
     }), {
-      default: I(() => [
-        e.prependIcon ? (o(), n(r, {
-          key: 0,
-          icon: e.prependIcon,
-          class: "mr-1 flex-shrink-0"
-        }, null, 8, ["icon"])) : l("", !0),
-        t(e.$slots, "prepend", {}, () => [
-          e.$slots.prepend ? (o(), g("span", D)) : l("", !0)
+      default: N(() => [
+        e.$slots.prepend || e.prependIcon ? (o(), r("div", P, [
+          l(e.$slots, "prepend", {}, () => [
+            e.prependIcon ? (o(), p(a, {
+              key: 0,
+              icon: e.prependIcon
+            }, null, 8, ["icon"])) : t("", !0)
+          ], !0)
+        ])) : t("", !0),
+        g("div", S, [
+          e.$slots.default ? l(e.$slots, "default", { key: 0 }, () => [
+            w(A(e.label || e.text), 1)
+          ], !0) : t("", !0)
         ]),
-        V("span", E, B(e.label || e.text), 1),
-        e.$slots.default && !(e.label || e.text) ? t(e.$slots, "default", { key: 1 }) : l("", !0),
-        e.appendIcon ? (o(), n(r, {
+        e.$slots.append || e.appendIcon ? (o(), r("div", T, [
+          l(e.$slots, "append", {}, () => [
+            e.appendIcon ? (o(), p(a, {
+              key: 0,
+              icon: e.appendIcon
+            }, null, 8, ["icon"])) : t("", !0)
+          ], !0)
+        ])) : t("", !0),
+        e.closable && e.modelValue ? (o(), r("button", {
           key: 2,
-          icon: e.appendIcon,
-          class: "ml-1 flex-shrink-0"
-        }, null, 8, ["icon"])) : e.$slots.append ? t(e.$slots, "append", {
-          key: 3,
-          class: "ml-1"
-        }) : l("", !0),
-        e.closable && e.modelValue ? (o(), n(r, {
-          key: 4,
-          icon: "$mdi-close",
-          class: "ml-1 flex-shrink-0 cursor-pointer",
-          onClick: s(y)
-        }, null, 8, ["onClick"])) : l("", !0)
+          type: "button",
+          class: "kun-chip__close ml-1",
+          "aria-label": e.closeLabel,
+          onClick: n[0] || (n[0] = u((...v) => s(d) && s(d)(...v), ["stop", "prevent"]))
+        }, [
+          l(e.$slots, "close", {}, () => [
+            D(a, { icon: "$mdi-close" })
+          ], !0)
+        ], 8, M)) : t("", !0)
       ]),
       _: 3
     }, 16, ["class", "style", "disabled"]));
   }
-};
+}, O = /* @__PURE__ */ L(j, [["__scopeId", "data-v-2b855a0d"]]);
 export {
-  K as default
+  O as default
 };

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

@@ -17,17 +17,21 @@ const e = {
   },
   color: {
     type: String,
-    default: "bg-indigo-600"
+    default: "bg-slate-200 dark:bg-slate-800"
   },
   textColor: {
     type: String,
-    default: "text-white"
+    default: "text-slate-700 dark:text-slate-300"
   },
   variant: {
     type: String,
     default: "default",
     validator: (t) => ["default", "outlined", "flat", "pill"].includes(t)
   },
+  clickable: {
+    type: Boolean,
+    default: !0
+  },
   closable: {
     type: Boolean,
     default: !1
@@ -41,10 +45,6 @@ const e = {
     default: "default",
     validator: (t) => ["default", "comfortable", "compact"].includes(t)
   },
-  icon: {
-    type: [String, Object, Function],
-    default: null
-  },
   prependIcon: {
     type: [String, Object, Function],
     default: null
@@ -68,17 +68,7 @@ const e = {
   target: {
     type: String,
     default: null
-  },
-  class: {
-    type: [String, Array, Object],
-    default: null
-  },
-  style: {
-    type: Object,
-    default: null
-  },
-  to: [String, Object],
-  href: String
+  }
 };
 export {
   e as kunChipProps

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

@@ -1,23 +1,15 @@
-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 ? {
+import { computed as r } from "vue";
+function s(e, l, c) {
+  const n = r(() => !!e.to || !!e.href), a = r(() => e.href ? "a" : e.to ? "router-link" : "div"), o = r(() => 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) {
+  } : {}), u = r(() => {
+    const t = [];
+    switch (e.density === "compact" ? t.push("px-2 py-0.5 text-xs") : e.density === "comfortable" ? t.push("px-2.5 py-1 text-sm") : t.push("px-3 py-1.5 text-sm"), e.clickable ? e.disabled ? t.push("opacity-50 cursor-not-allowed") : t.push("cursor-pointer") : t.push("cursor-default"), e.variant) {
       case "flat":
         t.push(`${e.color} ${e.textColor} shadow-none`);
         break;
@@ -30,14 +22,13 @@ function s(e, l) {
       default:
         t.push(`${e.color} ${e.textColor} rounded-md shadow`);
     }
-    return t.filter(Boolean);
-  }), u = n(() => e.style || {});
+    return t;
+  });
   return {
-    isLink: r,
+    isLink: n,
     componentTag: a,
     componentAttrs: o,
-    chipClass: c,
-    chipStyle: u,
+    computedClass: u,
     handleClose: (t) => {
       e.disabled || (l("update:modelValue", !1), l("click:close", t));
     }

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

@@ -1,4 +1,4 @@
-import { ref as c, provide as v, createElementBlock as b, openBlock as h, normalizeClass as k, renderSlot as A } from "vue";
+import { ref as c, provide as y, createElementBlock as b, openBlock as h, normalizeClass as k, renderSlot as A } from "vue";
 import { useKunList as B } from "../composables/useKunList.js";
 const K = {
   __name: "KunList",
@@ -18,8 +18,8 @@ const K = {
   },
   emits: ["keyDown"],
   setup(o, { expose: d, emit: m }) {
-    const g = o, w = m;
-    B(g);
+    const w = o, g = m;
+    B(w);
     const u = c(null), l = c([]);
     d({
       focusWithKey: (e) => {
@@ -31,27 +31,27 @@ const K = {
         var e, n;
         (n = (e = u.value) == null ? void 0 : e.focus) == null || n.call(e);
       }
-    }), v("registerListItemRef", (e) => {
+    }), y("registerListItemRef", (e) => {
       e ? l.value.includes(e) || l.value.push(e) : l.value = l.value.filter((n) => n !== e);
     });
     function p(e) {
-      var i, a, f;
+      var i, f, a;
       const n = e.key;
-      if (w("keyDown", e), !["ArrowDown", "ArrowUp"].includes(n)) return;
+      if (g("keyDown", e), !["ArrowDown", "ArrowUp"].includes(n)) return;
       e.preventDefault();
       const t = l.value.filter(Boolean);
       if (t.length === 0) return;
-      const r = t.findIndex((y) => y === document.activeElement);
+      const r = t.findIndex((v) => v === document.activeElement);
       if (r === -1) {
-        n === "ArrowDown" ? (i = t[0]) == null || i.focus() : n === "ArrowUp" && ((a = t[t.length - 1]) == null || a.focus());
+        n === "ArrowDown" ? (i = t[0]) == null || i.focus() : n === "ArrowUp" && ((f = t[t.length - 1]) == null || f.focus());
         return;
       }
       let s = r;
-      n === "ArrowDown" ? s = (r + 1) % t.length : n === "ArrowUp" && (s = (r - 1 + t.length) % t.length), (f = t[s]) == null || f.focus();
+      n === "ArrowDown" ? s = (r + 1) % t.length : n === "ArrowUp" && (s = (r - 1 + t.length) % t.length), (a = t[s]) == null || a.focus();
     }
     return (e, n) => (h(), b("ul", {
       role: "list",
-      class: k(["w-full bg-gray-500", [
+      class: k(["w-full", [
         "kun-list",
         o.bgList,
         {