adverich-kun-ui 0.1.79 → 0.1.80

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

@@ -1,23 +1,22 @@
-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 = {
+import { computed as s, createElementBlock as l, openBlock as n, mergeProps as p, renderSlot as a } from "vue";
+import { kunCardItemProps as c } from "../composables/kunCardItemProps.js";
+const d = {
   __name: "KunCardItem",
-  props: m,
-  setup(t) {
-    const e = t, r = l(), s = a(() => [
+  props: c,
+  setup(o) {
+    const e = o, t = s(() => [
       "flex",
       "flex-col",
       e.dense ? "py-1 px-2" : "py-3 px-4",
-      e.gap,
-      r.class
+      e.gap
     ].filter(Boolean));
-    return (o, f) => (p(), n("div", {
-      class: c(["w-full", s.value])
-    }, [
-      u(o.$slots, "default")
-    ], 2));
+    return (r, m) => (n(), l("div", p({
+      class: ["w-full", t.value]
+    }, r.$attrs), [
+      a(r.$slots, "default")
+    ], 16));
   }
 };
 export {
-  x as default
+  d as default
 };

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

@@ -1,22 +1,19 @@
-import { useAttrs as l, computed as a, createElementBlock as n, openBlock as c, normalizeClass as u, renderSlot as p, createTextVNode as i, toDisplayString as m } from "vue";
-import { kunCardSubtitleProps as d } from "../composables/kunCardSubtitleProps.js";
+import { computed as s, createElementBlock as l, openBlock as n, mergeProps as a, renderSlot as p, createTextVNode as u, toDisplayString as c } from "vue";
+import { kunCardSubtitleProps as i } from "../composables/kunCardSubtitleProps.js";
 const S = {
   __name: "KunCardSubtitle",
-  props: d,
-  setup(s) {
-    const t = s, o = l(), r = a(() => [
-      t.color,
-      t.dense ? "text-xs" : "text-sm",
-      t.fontWeight,
-      o.class
+  props: i,
+  setup(o) {
+    const e = o, r = s(() => [
+      e.color,
+      e.dense ? "text-xs" : "text-sm",
+      e.fontWeight
     ].filter(Boolean));
-    return (e, f) => (c(), n("div", {
-      class: u(r.value)
-    }, [
-      p(e.$slots, "default", {}, () => [
-        i(m(e.subtitle), 1)
+    return (t, m) => (n(), l("div", a({ class: r.value }, t.$attrs), [
+      p(t.$slots, "default", {}, () => [
+        u(c(t.subtitle), 1)
       ])
-    ], 2));
+    ], 16));
   }
 };
 export {

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

@@ -1,23 +1,22 @@
-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 = {
+import { computed as s, createElementBlock as a, openBlock as n, mergeProps as l, renderSlot as p, createTextVNode as c, toDisplayString as m } from "vue";
+import { kunCardTextProps as u } from "../composables/kunCardTextProps.js";
+const f = {
   __name: "KunCardText",
-  props: i,
-  setup(s) {
-    const t = s, o = a(), r = l(() => [
+  props: u,
+  setup(r) {
+    const t = r, o = s(() => [
       t.color,
-      t.dense ? "text-xs" : "text-sm",
-      o.class
+      t.dense ? "text-xs" : "text-sm"
     ].filter(Boolean));
-    return (e, x) => (c(), n("div", {
-      class: p(["block", r.value])
-    }, [
-      u(e.$slots, "default", {}, () => [
-        m(d(e.text), 1)
+    return (e, d) => (n(), a("div", l({
+      class: ["block", o.value]
+    }, e.$attrs), [
+      p(e.$slots, "default", {}, () => [
+        c(m(e.text), 1)
       ])
-    ], 2));
+    ], 16));
   }
 };
 export {
-  C as default
+  f as default
 };

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

@@ -1,73 +1,69 @@
-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 { computed as n, createElementBlock as r, openBlock as o, mergeProps as $, createCommentVNode as s, createElementVNode as l, renderSlot as d, createBlock as p, normalizeClass as a, createTextVNode as i, toDisplayString as u } from "vue";
+import { kunCardTitleProps as b } 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 = {
+import v from "../../../../_virtual/_plugin-vue_export-helper.js";
+const C = {
   key: 0,
   class: "kun-card-title__prepend"
-}, w = { class: "kun-card-title__content" }, B = {
+}, g = { class: "kun-card-title__content" }, _ = {
   key: 1,
   class: "kun-card-title__append"
-}, S = {
+}, w = {
   __name: "KunCardTitle",
-  props: C,
-  setup(h) {
-    const a = $(), t = h, f = n(() => [
+  props: b,
+  setup(c) {
+    const t = c, h = 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(() => ({
+      t.textColor
+    ].filter(Boolean)), f = 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 || e.prepend ? (s(), r("div", g, [
-        l(e.$slots, "prepend", {}, () => [
-          e.prepend ? (s(), p(m, {
+      width: typeof t.width == "number" ? `${t.width}px` : t.width
+    })), k = n(() => t.dense ? "font-medium" : "font-semibold"), y = n(() => "text-xs opacity-75 mt-1");
+    return (e, B) => (o(), r("div", $({
+      class: h.value,
+      style: f.value
+    }, e.$attrs), [
+      e.$slots.prepend || e.prepend ? (o(), r("div", C, [
+        d(e.$slots, "prepend", {}, () => [
+          e.prepend ? (o(), p(m, {
             key: 0,
             icon: e.prepend
-          }, null, 8, ["icon"])) : o("", !0)
+          }, null, 8, ["icon"])) : s("", !0)
         ], !0)
-      ])) : o("", !0),
-      i("div", w, [
-        i("h3", {
-          class: d(k.value)
+      ])) : s("", !0),
+      l("div", g, [
+        l("h3", {
+          class: a(k.value)
         }, [
-          l(e.$slots, "default", {}, () => [
-            u(c(e.title), 1)
+          d(e.$slots, "default", {}, () => [
+            i(u(e.title), 1)
           ], !0)
         ], 2),
-        e.$slots.subtitle || e.subtitle ? (s(), r("div", {
+        e.$slots.subtitle || e.subtitle ? (o(), r("div", {
           key: 0,
-          class: d(b.value)
+          class: a(y.value)
         }, [
-          l(e.$slots, "subtitle", {}, () => [
-            u(c(e.subtitle), 1)
+          d(e.$slots, "subtitle", {}, () => [
+            i(u(e.subtitle), 1)
           ], !0)
-        ], 2)) : o("", !0)
+        ], 2)) : s("", !0)
       ]),
-      e.$slots.append || e.append ? (s(), r("div", B, [
-        l(e.$slots, "append", {}, () => [
-          e.append ? (s(), p(m, {
+      e.$slots.append || e.append ? (o(), r("div", _, [
+        d(e.$slots, "append", {}, () => [
+          e.append ? (o(), p(m, {
             key: 0,
             icon: e.append
-          }, null, 8, ["icon"])) : o("", !0)
+          }, null, 8, ["icon"])) : s("", !0)
         ], !0)
-      ])) : o("", !0)
-    ], 6));
+      ])) : s("", !0)
+    ], 16));
   }
-}, A = /* @__PURE__ */ _(S, [["__scopeId", "data-v-b4ca8b81"]]);
+}, K = /* @__PURE__ */ v(w, [["__scopeId", "data-v-31498302"]]);
 export {
-  A as default
+  K as default
 };

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

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

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

@@ -1,6 +1,6 @@
 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 ? {
+function d(e, l) {
+  const n = r(() => !!e.to || !!e.href), o = r(() => e.href ? "a" : e.to ? "router-link" : "div"), a = r(() => e.href ? {
     href: e.href,
     target: e.target ?? "_self",
     rel: e.target === "_blank" ? "noopener noreferrer" : null
@@ -26,8 +26,8 @@ function s(e, l, c) {
   });
   return {
     isLink: n,
-    componentTag: a,
-    componentAttrs: o,
+    componentTag: o,
+    componentAttrs: a,
     computedClass: u,
     handleClose: (t) => {
       e.disabled || (l("update:modelValue", !1), l("click:close", t));
@@ -35,5 +35,5 @@ function s(e, l, c) {
   };
 }
 export {
-  s as useChip
+  d as useChip
 };

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

@@ -1,4 +1,4 @@
-import { inject as a, computed as d, createElementBlock as g, openBlock as x, normalizeClass as S, renderSlot as $ } from "vue";
+import { inject as p, computed as d, createElementBlock as g, openBlock as x, mergeProps as $, renderSlot as S } from "vue";
 const v = {
   __name: "KunCol",
   props: {
@@ -8,11 +8,11 @@ const v = {
     lg: String,
     xl: String
   },
-  setup(p) {
-    const i = p, m = a("noGutters", !1), u = a("dense", !1), f = d(() => {
+  setup(a) {
+    const i = a, m = p("noGutters", !1), u = p("dense", !1), f = d(() => {
       const s = [];
       m || s.push(u ? "p-1" : "p-2");
-      const o = ["cols", "sm", "md", "lg", "xl"], c = {
+      const l = ["cols", "sm", "md", "lg", "xl"], c = {
         cols: "",
         sm: "sm",
         md: "md",
@@ -20,10 +20,10 @@ const v = {
         xl: "xl"
       };
       let r = "0";
-      return o.forEach((t) => {
+      return l.forEach((t) => {
         const e = i[t];
         if (e) {
-          const l = c[t], n = l ? `${l}:col-span-${e}` : `col-span-${e}`;
+          const o = c[t], n = o ? `${o}:col-span-${e}` : `col-span-${e}`;
           s.push(n), r = e;
         } else {
           const n = `${c[t]}:col-span-${r}`;
@@ -31,11 +31,9 @@ const v = {
         }
       }), [...s].join(" ");
     });
-    return (s, o) => (x(), g("div", {
-      class: S(f.value)
-    }, [
-      $(s.$slots, "default")
-    ], 2));
+    return (s, l) => (x(), g("div", $({ class: f.value }, s.$attrs), [
+      S(s.$slots, "default")
+    ], 16));
   }
 };
 export {

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

@@ -1,41 +1,30 @@
-import { computed as t, createElementBlock as o, openBlock as u, normalizeStyle as p, normalizeClass as f, renderSlot as i } from "vue";
-const x = {
+import { computed as c, createElementBlock as n, openBlock as o, mergeProps as p, renderSlot as f } from "vue";
+const u = {
   __name: "KunContainer",
   props: {
     fluid: {
       type: Boolean,
       default: !1
-    },
-    class: {
-      type: [String, Array, Object],
-      default: null
-    },
-    style: {
-      type: Object,
-      default: null
     }
   },
-  setup(a) {
-    const e = a, r = t(() => {
-      const s = ["w-full", "mx-auto", "px-4", "sm:px-6", "lg:px-8"];
-      return e.fluid || s.push(
+  setup(l) {
+    const s = l, r = c(() => {
+      const e = ["w-full", "mx-auto", "px-4", "sm:px-6", "lg:px-8"];
+      return s.fluid || e.push(
         "max-w-screen-sm",
         "sm:max-w-screen-md",
         "md:max-w-screen-lg",
         "lg:max-w-screen-xl",
         "xl:max-w-screen-2xl"
-      ), e.class && (Array.isArray(e.class) ? s.push(...e.class) : typeof e.class == "string" ? s.push(...e.class.split(" ")) : typeof e.class == "object" && Object.entries(e.class).forEach(([l, n]) => {
-        n && s.push(l);
-      })), s;
-    }), c = t(() => e.style || {});
-    return (s, l) => (u(), o("div", {
-      class: f(r.value),
-      style: p(c.value)
-    }, [
-      i(s.$slots, "default")
-    ], 6));
+      ), s.class && (Array.isArray(s.class) ? e.push(...s.class) : typeof s.class == "string" ? e.push(...s.class.split(" ")) : typeof s.class == "object" && Object.entries(s.class).forEach(([a, t]) => {
+        t && e.push(a);
+      })), e;
+    });
+    return (e, a) => (o(), n("div", p({ class: r.value }, e.$attrs), [
+      f(e.$slots, "default")
+    ], 16));
   }
 };
 export {
-  x as default
+  u as default
 };

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

@@ -1,5 +1,5 @@
-import { computed as r, createElementBlock as a, openBlock as o, normalizeStyle as c, normalizeClass as i } from "vue";
-const s = {
+import { computed as l, createElementBlock as o, openBlock as a, mergeProps as c } from "vue";
+const i = {
   __name: "KunDivider",
   props: {
     vertical: Boolean,
@@ -12,23 +12,23 @@ const s = {
     }
   },
   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 };
+    const t = e, n = l(() => {
+      const r = t.length != null ? typeof t.length == "number" ? `${t.length}px` : t.length : void 0;
+      return t.vertical ? { height: r } : { width: r };
     });
-    return (l, u) => (o(), a("div", {
+    return (r, u) => (a(), o("div", c({
       role: "separator",
-      class: i([
+      class: [
         "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));
+      ],
+      style: n.value
+    }, r.$attrs), null, 16));
   }
 };
 export {
-  s as default
+  i as default
 };

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

@@ -1,5 +1,5 @@
-import { ref as n, provide as s, createElementBlock as v, openBlock as g, normalizeClass as h, withModifiers as x, renderSlot as y } from "vue";
-const F = {
+import { ref as l, provide as s, createElementBlock as v, openBlock as g, mergeProps as h, withModifiers as y, renderSlot as x } from "vue";
+const w = {
   __name: "KunForm",
   props: {
     gap: {
@@ -16,20 +16,20 @@ const F = {
     }
   },
   setup(o, { expose: u }) {
-    const i = o, t = n([]), r = n(!0);
+    const i = o, t = l([]), r = l(!0);
     function d(e) {
       t.value.push(e);
     }
-    function c(e) {
+    function f(e) {
       t.value = t.value.filter((a) => a !== e);
     }
-    async function l() {
+    async function n() {
       const e = await Promise.all(
         t.value.map(async (a) => await a.validate())
       );
       return r.value = e.every((a) => a === !0), { valid: r.value };
     }
-    function f() {
+    function c() {
       t.value.forEach((e) => {
         e.reset && e.reset();
       });
@@ -40,23 +40,23 @@ const F = {
       });
     }
     function m() {
-      l().then(({ valid: e }) => {
+      n().then(({ valid: e }) => {
         e && $emit("submit");
       });
     }
-    return s("registerField", d), s("unregisterField", c), u({
-      validate: l,
-      reset: f,
+    return s("registerField", d), s("unregisterField", f), u({
+      validate: n,
+      reset: c,
       resetValidation: p
-    }), (e, a) => (g(), v("form", {
-      onSubmit: x(m, ["prevent"]),
+    }), (e, a) => (g(), v("form", h({
+      onSubmit: y(m, ["prevent"]),
       novalidate: "",
-      class: h(`flex flex-col w-full ${i.gap} ${i.padding} ${i.maxWidth}`)
-    }, [
-      y(e.$slots, "default")
-    ], 34));
+      class: `flex flex-col w-full ${i.gap} ${i.padding} ${i.maxWidth}`
+    }, e.$attrs), [
+      x(e.$slots, "default")
+    ], 16));
   }
 };
 export {
-  F as default
+  w as default
 };

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

@@ -1,5 +1,5 @@
-import { computed as o, createElementBlock as i, openBlock as s, normalizeClass as c, renderSlot as m, createBlock as y, resolveDynamicComponent as v } from "vue";
-const k = ["innerHTML"], b = {
+import { computed as o, createElementBlock as c, openBlock as s, mergeProps as m, renderSlot as y, createBlock as v, resolveDynamicComponent as k, normalizeClass as i } from "vue";
+const g = ["innerHTML"], p = {
   __name: "KunIcon",
   props: {
     icon: {
@@ -26,34 +26,34 @@ const k = ["innerHTML"], b = {
   },
   emits: ["click"],
   setup(e, { emit: r }) {
-    const n = e, u = r;
-    function d(l) {
-      n.disabled || u("click", l);
+    const l = e, u = r;
+    function d(n) {
+      l.disabled || u("click", n);
     }
     const a = o(() => typeof t.value == "string" && t.value.trim().startsWith("<svg")), t = o(() => {
-      if (typeof n.icon == "string" && n.icon.startsWith("$")) {
-        const l = n.icon.slice(1);
-        return n.aliases[l] || "";
+      if (typeof l.icon == "string" && l.icon.startsWith("$")) {
+        const n = l.icon.slice(1);
+        return l.aliases[n] || "";
       }
-      return n.icon;
+      return l.icon;
     }), f = o(
       () => typeof t.value == "function" || typeof t.value == "object" && t.value !== null
     );
-    return (l, g) => (s(), i("span", {
-      class: c(["flex items-center", [e.color, e.size, e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"]]),
+    return (n, C) => (s(), c("span", m({
+      class: ["flex items-center", [e.color, e.size, e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"]],
       onClick: d
-    }, [
-      l.$slots.default ? m(l.$slots, "default", { key: 0 }) : f.value ? (s(), y(v(t.value), {
+    }, n.$attrs), [
+      n.$slots.default ? y(n.$slots, "default", { key: 0 }) : f.value ? (s(), v(k(t.value), {
         key: 1,
-        class: c([e.color, e.size, e.contentClass])
-      }, null, 8, ["class"])) : (s(), i("span", {
+        class: i([e.color, e.size, e.contentClass])
+      }, null, 8, ["class"])) : (s(), c("span", {
         key: 2,
-        class: c([a.value ? "" : t.value, e.color, e.size, e.contentClass]),
+        class: i([a.value ? "" : t.value, e.color, e.size, e.contentClass]),
         innerHTML: [a.value ? t.value : ""]
-      }, null, 10, k))
-    ], 2));
+      }, null, 10, g))
+    ], 16));
   }
 };
 export {
-  b as default
+  p as default
 };