adverich-kun-ui 0.1.428 → 0.1.431

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

@@ -40,10 +40,10 @@ const j = {
   },
   emits: ["update:model-value"],
   setup(t, { emit: m }) {
-    const p = m, e = t, u = k(), i = T(), g = l(
-      () => e.fullHeight ? "0px" : `${i.value}px`
+    const p = m, e = t, u = k(), s = T(), g = l(
+      () => e.fullHeight ? "0px" : `${s.value}px`
     ), h = l(
-      () => e.fullHeight ? "100vh" : `calc(100vh - ${i.value}px)`
+      () => e.fullHeight ? "100vh" : `calc(100vh - ${s.value}px)`
     ), b = l(() => e.rail ? e.railWidth : e.width), v = l(() => {
       switch (e.location) {
         case "start":
@@ -66,14 +66,14 @@ const j = {
         y.value,
         e.elevation ? `shadow-${e.elevation}` : "",
         B.value,
-        e.color ?? "bg-white dark:bg-slate-800",
+        e.color ?? "bg-surface-dark",
         e.scrollable ? "overflow-auto" : ""
       ];
       return u.class && n.push(u.class), n;
     }), C = () => {
       e.persistent || p("update:model-value", !1);
     };
-    return (n, s) => (o(), d(V, null, [
+    return (n, i) => (o(), d(V, null, [
       c(f, { name: "kun-drawer" }, {
         default: r(() => [
           $((o(), H(N(t.tag), {
@@ -88,7 +88,7 @@ const j = {
               }
             ]]),
             style: D({ top: g.value, height: h.value }),
-            onClick: s[0] || (s[0] = z(() => {
+            onClick: i[0] || (i[0] = z(() => {
             }, ["stop"]))
           }, {
             default: r(() => [
@@ -115,7 +115,7 @@ const j = {
       })
     ], 64));
   }
-}, q = /* @__PURE__ */ W(j, [["__scopeId", "data-v-2d0aed01"]]);
+}, q = /* @__PURE__ */ W(j, [["__scopeId", "data-v-6cd71f79"]]);
 export {
   q as default
 };

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

@@ -54,7 +54,7 @@ const H = { class: "relative w-full" }, L = {
     "update:focused"
   ],
   setup(e, { expose: w, emit: A }) {
-    const c = e, f = A, B = m(null), g = m(!1), d = m([]), r = m([]);
+    const c = e, f = A, B = m(null), y = m(!1), d = m([]), r = m([]);
     R(
       () => c.modelValue,
       (t) => {
@@ -72,17 +72,17 @@ const H = { class: "relative w-full" }, L = {
       d.value = [], f("update:modelValue", c.multiple ? [] : null), f("click:clear"), r.value = [];
     }
     function z() {
-      g.value = !0, f("update:focused", !0);
+      y.value = !0, f("update:focused", !0);
     }
     function N() {
-      g.value = !1, f("update:focused", !1);
+      y.value = !1, f("update:focused", !1);
     }
     const h = v(() => d.value.map((t) => t.name)), V = v(() => d.value.reduce((t, l) => t + l.size, 0)), I = v(() => {
       const t = V.value, l = c.showSize === 1024 ? 1024 : 1e3, o = ["B", "KB", "MB", "GB"];
-      let s = 0, y = t;
-      for (; y >= l && s < o.length - 1; )
-        y /= l, s++;
-      return `${y.toFixed(1)} ${o[s]}`;
+      let s = 0, g = t;
+      for (; g >= l && s < o.length - 1; )
+        g /= l, s++;
+      return `${g.toFixed(1)} ${o[s]}`;
     });
     async function F(t = !1) {
       const l = [];
@@ -108,10 +108,10 @@ const H = { class: "relative w-full" }, L = {
       e.label ? (a(), n("label", L, i(e.label), 1)) : u("", !0),
       b("div", E({
         class: ["flex items-center gap-2 rounded px-3 py-2 cursor-pointer transition", [
-          e.variant === "outlined" ? "border border-slate-400 dark:border-slate-600" : e.variant === "solo" ? "border-slate-400 dark:border-slate-600 shadow-inner" : "bg-slate-200 dark:bg-slate-800 border border-slate-400 dark:border-slate-600",
+          e.variant === "outlined" ? "border border-slate-400 dark:border-slate-600" : e.variant === "solo" ? "border-slate-400 dark:border-slate-600 shadow-inner" : "bg-surface border border-slate-400 dark:border-slate-600",
           e.disabled ? "border-slate-400 dark:border-slate-600 cursor-not-allowed" : "hover:border-blue-500",
           e.error || r.value.length ? "border-red-500" : "",
-          g.value ? "ring-2 ring-blue-500" : ""
+          y.value ? "ring-2 ring-blue-500" : ""
         ]]
       }, t.$attrs, {
         onClick: l[0] || (l[0] = () => {

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

@@ -1,5 +1,5 @@
-import { createElementBlock as l, openBlock as o, mergeProps as s, createElementVNode as a } from "vue";
-const c = ["src", "alt"], d = {
+import { createElementBlock as l, openBlock as o, mergeProps as s, createElementVNode as c } from "vue";
+const n = ["src", "alt"], i = {
   __name: "KunListImg",
   props: {
     src: {
@@ -12,26 +12,26 @@ const c = ["src", "alt"], d = {
     },
     bgColor: {
       type: String,
-      default: "bg-gray-200 dark:bg-gray-700"
+      default: "bg-surface"
     }
   },
   setup(e) {
     const t = e;
-    return (r, n) => (o(), l("div", s({
+    return (r, a) => (o(), l("div", s({
       class: [
         "kun-list-img",
         "overflow-hidden rounded-md",
         e.bgColor
       ]
     }, r.$attrs), [
-      a("img", {
+      c("img", {
         src: t.src,
         alt: t.alt,
         class: "w-full h-full object-cover"
-      }, null, 8, c)
+      }, null, 8, n)
     ], 16));
   }
 };
 export {
-  d as default
+  i as default
 };

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

@@ -1,4 +1,4 @@
-import { useAttrs as H, computed as r, ref as J, inject as L, getCurrentInstance as Q, onMounted as T, onBeforeUnmount as W, createBlock as c, openBlock as a, unref as X, withCtx as B, resolveDynamicComponent as v, mergeProps as C, withKeys as P, withModifiers as M, createElementVNode as I, createElementBlock as l, createCommentVNode as s, renderSlot as o, normalizeClass as i, toDisplayString as S } from "vue";
+import { useAttrs as H, computed as r, ref as J, inject as L, getCurrentInstance as Q, onMounted as T, onBeforeUnmount as W, createBlock as o, openBlock as l, unref as X, withCtx as B, resolveDynamicComponent as v, mergeProps as C, withKeys as P, withModifiers as M, createElementVNode as I, createElementBlock as a, createCommentVNode as s, renderSlot as u, normalizeClass as i, toDisplayString as S } from "vue";
 import D from "../../../KunIcon/src/components/KunIcon.vue.js";
 import { RouterLink as Y } from "vue-router";
 const Z = { class: "flex w-full items-center" }, _ = {
@@ -7,7 +7,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
 }, ee = ["src"], te = {
   key: 1,
   class: "shrink-0 flex items-center gap-2 ms-3"
-}, ne = ["src"], ae = { class: "flex w-full items-center" }, le = {
+}, ne = ["src"], le = { class: "flex w-full items-center" }, ae = {
   key: 0,
   class: "shrink-0 flex items-center gap-2 me-2"
 }, se = ["src"], re = {
@@ -24,7 +24,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
     tag: { type: String, default: "li" },
     disabled: Boolean,
     active: Boolean,
-    activeClass: { type: String, default: "bg-slate-300 dark:bg-slate-700" },
+    activeClass: { type: String, default: "bg-surface-light" },
     selectable: { type: Boolean, default: !1 },
     variant: { type: String, default: "text" },
     density: { type: String, default: "default" },
@@ -33,7 +33,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
     ripple: { type: [Boolean, Object], default: !0 },
     bgItems: { type: String, default: "bg-transparent" },
     textColor: { type: String, default: "text-black dark:text-white" },
-    hoverBg: { type: String, default: "hover:bg-slate-300 dark:hover:bg-slate-700" },
+    hoverBg: { type: String, default: "hover:bg-surface-light" },
     noGutters: Boolean,
     itemPosition: { type: String, default: "items-start" },
     prependIcon: [String, Object, Function],
@@ -54,7 +54,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
     const x = H(), j = r(() => x.class), E = r(() => {
       const { class: n, ...m } = x;
       return m;
-    }), t = e, V = G, f = J(null), g = L("registerListItemRef", null), u = L("kunListContext", null), K = r(() => {
+    }), t = e, V = G, f = J(null), g = L("registerListItemRef", null), c = L("kunListContext", null), K = r(() => {
       var n;
       return t.id ? t.id : `kun-list-item-${((n = Q()) == null ? void 0 : n.uid) ?? Math.random().toString(36).slice(2, 7)}`;
     });
@@ -65,7 +65,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
     });
     const b = (n) => typeof n == "object" || typeof n == "function", N = r(() => !!(t.prependIcon || t.prependAvatar)), O = r(() => !!(t.appendIcon || t.appendAvatar)), w = r(() => {
       var n;
-      return ((n = u == null ? void 0 : u.isSelected) == null ? void 0 : n.call(u, t.value)) ?? !1;
+      return ((n = c == null ? void 0 : c.isSelected) == null ? void 0 : n.call(c, t.value)) ?? !1;
     }), A = r(() => t.active), $ = r(() => !!t.to);
     function k(n, m = null) {
       var p, h;
@@ -76,7 +76,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
         return;
       }
       const d = ((p = f.value) == null ? void 0 : p.$el) ?? f.value;
-      d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), u && t.selectable && t.value !== null && ((h = u.toggleItem) == null || h.call(u, t.value), d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), m && m(n);
+      d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), c && t.selectable && t.value !== null && ((h = c.toggleItem) == null || h.call(c, t.value), d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), m && m(n);
     }
     const z = r(() => {
       switch (t.variant) {
@@ -85,7 +85,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
         case "elevated":
           return "shadow-md";
         case "tonal":
-          return "bg-gray-100 dark:bg-gray-800";
+          return "bg-surface";
         case "flat":
           return "bg-transparent";
         case "plain":
@@ -119,14 +119,14 @@ const Z = { class: "flex w-full items-center" }, _ = {
       },
       t.containerClass
     ]);
-    return (n, m) => $.value ? (a(), c(X(Y), {
+    return (n, m) => $.value ? (l(), o(X(Y), {
       key: 0,
       to: e.to,
       replace: e.replace,
       custom: !0
     }, {
       default: B(({ href: d, navigate: p, isActive: h }) => [
-        (a(), c(v($.value ? "a" : e.tag), C({
+        (l(), o(v($.value ? "a" : e.tag), C({
           id: K.value,
           ref_key: "liRef",
           ref: f,
@@ -141,16 +141,16 @@ const Z = { class: "flex w-full items-center" }, _ = {
         }, n.$attrs), {
           default: B(() => [
             I("div", Z, [
-              N.value || n.$slots.prepend ? (a(), l("div", _, [
-                o(n.$slots, "prepend", {}, () => [
-                  e.prependAvatar ? (a(), l("img", {
+              N.value || n.$slots.prepend ? (l(), a("div", _, [
+                u(n.$slots, "prepend", {}, () => [
+                  e.prependAvatar ? (l(), a("img", {
                     key: 0,
                     src: e.prependAvatar,
                     class: i(["rounded-full", e.prependClass])
-                  }, null, 10, ee)) : b(e.prependIcon) ? (a(), c(v(e.prependIcon), {
+                  }, null, 10, ee)) : b(e.prependIcon) ? (l(), o(v(e.prependIcon), {
                     key: 1,
                     class: i(e.prependClass)
-                  }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (a(), c(D, {
+                  }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (l(), o(D, {
                     key: 2,
                     icon: e.prependIcon,
                     class: i(e.prependClass)
@@ -160,32 +160,32 @@ const Z = { class: "flex w-full items-center" }, _ = {
               I("div", C({
                 class: ["flex flex-col min-w-0 flex-1", j.value]
               }, E.value), [
-                o(n.$slots, "default", {}, () => [
-                  o(n.$slots, "title", {}, () => [
-                    e.title ? (a(), l("div", {
+                u(n.$slots, "default", {}, () => [
+                  u(n.$slots, "title", {}, () => [
+                    e.title ? (l(), a("div", {
                       key: 0,
                       class: i(["truncate", e.titleClass])
                     }, S(e.title), 3)) : s("", !0)
                   ]),
-                  o(n.$slots, "subtitle", {}, () => [
-                    e.subtitle ? (a(), l("div", {
+                  u(n.$slots, "subtitle", {}, () => [
+                    e.subtitle ? (l(), a("div", {
                       key: 0,
                       class: i(["truncate", e.subtitleClass])
                     }, S(e.subtitle), 3)) : s("", !0)
                   ])
                 ])
               ], 16),
-              O.value ? (a(), l("div", te, [
-                o(n.$slots, "append", {}, () => [
-                  e.appendAvatar ? (a(), l("img", {
+              O.value ? (l(), a("div", te, [
+                u(n.$slots, "append", {}, () => [
+                  e.appendAvatar ? (l(), a("img", {
                     key: 0,
                     src: e.appendAvatar,
                     class: "w-8 h-8 rounded-full"
                   }, null, 8, ne)) : s("", !0),
-                  b(e.appendIcon) ? (a(), c(v(e.appendIcon), {
+                  b(e.appendIcon) ? (l(), o(v(e.appendIcon), {
                     key: 1,
                     class: "w-5 h-5"
-                  })) : e.appendIcon ? (a(), l("i", {
+                  })) : e.appendIcon ? (l(), a("i", {
                     key: 2,
                     class: i([e.appendClass, "text-xl leading-none"])
                   }, null, 2)) : s("", !0)
@@ -197,7 +197,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
         }, 1040, ["id", "href", "aria-selected", "aria-disabled", "class", "onClick", "onKeydown"]))
       ]),
       _: 3
-    }, 8, ["to", "replace"])) : (a(), c(v($.value ? "a" : e.tag), C({
+    }, 8, ["to", "replace"])) : (l(), o(v($.value ? "a" : e.tag), C({
       key: 1,
       id: K.value,
       ref_key: "liRef",
@@ -211,17 +211,17 @@ const Z = { class: "flex w-full items-center" }, _ = {
       onKeydown: P(M(k, ["prevent"]), ["enter"])
     }, n.$attrs), {
       default: B(() => [
-        I("div", ae, [
-          N.value || n.$slots.prepend ? (a(), l("div", le, [
-            o(n.$slots, "prepend", {}, () => [
-              e.prependAvatar ? (a(), l("img", {
+        I("div", le, [
+          N.value || n.$slots.prepend ? (l(), a("div", ae, [
+            u(n.$slots, "prepend", {}, () => [
+              e.prependAvatar ? (l(), a("img", {
                 key: 0,
                 src: e.prependAvatar,
                 class: i(["rounded-full", e.prependClass])
-              }, null, 10, se)) : b(e.prependIcon) ? (a(), c(v(e.prependIcon), {
+              }, null, 10, se)) : b(e.prependIcon) ? (l(), o(v(e.prependIcon), {
                 key: 1,
                 class: i(e.prependClass)
-              }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (a(), c(D, {
+              }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (l(), o(D, {
                 key: 2,
                 icon: e.prependIcon,
                 class: i(e.prependClass)
@@ -231,32 +231,32 @@ const Z = { class: "flex w-full items-center" }, _ = {
           I("div", C({
             class: ["flex flex-col min-w-0 flex-1", j.value]
           }, E.value), [
-            o(n.$slots, "default", {}, () => [
-              o(n.$slots, "title", {}, () => [
-                e.title ? (a(), l("div", {
+            u(n.$slots, "default", {}, () => [
+              u(n.$slots, "title", {}, () => [
+                e.title ? (l(), a("div", {
                   key: 0,
                   class: i(["truncate", e.titleClass])
                 }, S(e.title), 3)) : s("", !0)
               ]),
-              o(n.$slots, "subtitle", {}, () => [
-                e.subtitle ? (a(), l("div", {
+              u(n.$slots, "subtitle", {}, () => [
+                e.subtitle ? (l(), a("div", {
                   key: 0,
                   class: i(["truncate", e.subtitleClass])
                 }, S(e.subtitle), 3)) : s("", !0)
               ])
             ])
           ], 16),
-          O.value ? (a(), l("div", re, [
-            o(n.$slots, "append", {}, () => [
-              e.appendAvatar ? (a(), l("img", {
+          O.value ? (l(), a("div", re, [
+            u(n.$slots, "append", {}, () => [
+              e.appendAvatar ? (l(), a("img", {
                 key: 0,
                 src: e.appendAvatar,
                 class: "w-8 h-8 rounded-full"
               }, null, 8, ie)) : s("", !0),
-              b(e.appendIcon) ? (a(), c(v(e.appendIcon), {
+              b(e.appendIcon) ? (l(), o(v(e.appendIcon), {
                 key: 1,
                 class: "w-5 h-5"
-              })) : e.appendIcon ? (a(), l("i", {
+              })) : e.appendIcon ? (l(), a("i", {
                 key: 2,
                 class: i([e.appendIcon, "text-xl leading-none"])
               }, null, 2)) : s("", !0)

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

@@ -1,6 +1,6 @@
-import { createElementBlock as r, openBlock as a, mergeProps as n, unref as s, renderSlot as l, createCommentVNode as d, toDisplayString as i } from "vue";
+import { createElementBlock as r, openBlock as o, mergeProps as a, unref as s, renderSlot as l, createCommentVNode as i, toDisplayString as u } from "vue";
 /* empty css                       */
-import u from "../../../../_virtual/_plugin-vue_export-helper.js";
+import d from "../../../../_virtual/_plugin-vue_export-helper.js";
 const m = {
   key: 0,
   class: "truncate"
@@ -22,7 +22,7 @@ const m = {
     },
     bgColor: {
       type: String,
-      default: "bg-gray-300 dark:bg-gray-700"
+      default: "bg-surface-light"
     },
     textColor: {
       type: String,
@@ -34,20 +34,20 @@ const m = {
     }
   },
   setup(t) {
-    const o = {
+    const n = {
       sm: "w-6 h-6 text-xs",
       md: "w-8 h-8 text-sm",
       lg: "w-10 h-10 text-base"
     }[t.size] || "w-8 h-8 text-sm";
-    return (e, g) => (a(), r("div", n({
-      class: ["kun-list-item-avatar", [s(o), t.rounded, t.bgColor, t.textColor, t.fontWeight]]
+    return (e, g) => (o(), r("div", a({
+      class: ["kun-list-item-avatar", [s(n), t.rounded, t.bgColor, t.textColor, t.fontWeight]]
     }, e.$attrs), [
       l(e.$slots, "default", {}, () => [
-        t.text ? (a(), r("span", m, i(t.text), 1)) : d("", !0)
+        t.text ? (o(), r("span", m, u(t.text), 1)) : i("", !0)
       ], !0)
     ], 16));
   }
-}, h = /* @__PURE__ */ u(f, [["__scopeId", "data-v-fd4532c9"]]);
+}, y = /* @__PURE__ */ d(f, [["__scopeId", "data-v-08613511"]]);
 export {
-  h as default
+  y as default
 };

package/dist/components/KunMenu/src/composables/kunMenuProps.js

@@ -1,6 +1,6 @@
 const o = {
   class: [String, Array, Object],
-  bgColor: { type: String, default: "bg-gray-200 dark:bg-gray-800" },
+  bgColor: { type: String, default: "bg-menu" },
   modelValue: Boolean,
   activator: [String, Object],
   activatorProps: {

package/dist/components/KunNumberField/src/composables/KunNumberFieldProps.js

@@ -16,7 +16,7 @@ const e = {
   textColor: { type: String, default: "text-black dark:text-white" },
   labelColor: { type: String, default: "text-black/80 dark:text-white/80" },
   placeholderColor: { type: String, default: "placeholder-black/60 dark:placeholder-white/60" },
-  bgInput: { type: String, default: "bg-slate-200 dark:bg-slate-800" },
+  bgInput: { type: String, default: "bg-surface" },
   textCenter: { type: Boolean, default: !1 },
   controlVariant: { type: String, default: "default" },
   noArrows: { type: Boolean, default: !1 },

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

@@ -30,17 +30,17 @@ const $ = { class: "w-full h-full overflow-hidden" }, j = { class: "w-full h-ful
     function D(e, t) {
       return n.relationDirection === "column" ? e : t;
     }
-    function v(e, t) {
+    function p(e, t) {
       return n.relationDirection === "column" ? e == null ? void 0 : e[n.rowKey] : t == null ? void 0 : t[n.columnKey];
     }
-    function p(e, t) {
+    function v(e, t) {
       var o;
-      const a = b(e, t), s = v(e, t), u = ((o = n.getRelatedEntities) == null ? void 0 : o.call(n, e, t)) ?? h(a, n.relationKey);
+      const a = b(e, t), s = p(e, t), u = ((o = n.getRelatedEntities) == null ? void 0 : o.call(n, e, t)) ?? h(a, n.relationKey);
       return (Array.isArray(u) ? u : []).some((c) => (c == null ? void 0 : c.id) === s);
     }
     function E(e, t, a) {
       var c, K;
-      const s = b(e, t), u = D(e, t), m = v(e, t);
+      const s = b(e, t), u = D(e, t), m = p(e, t);
       let o = h(s, n.relationKey);
       if (!Array.isArray(o)) {
         o = [];
@@ -83,7 +83,7 @@ const $ = { class: "w-full h-full overflow-hidden" }, j = { class: "w-full h-ful
           }, {
             default: T(({ item: a }) => [
               d("div", {
-                class: "grid items-center hover:bg-slate-200 dark:hover:bg-slate-800",
+                class: "grid items-center hover:bg-surface",
                 style: S(`grid-template-columns: repeat(${l.columns.length + 1}, minmax(120px, 1fr))`)
               }, [
                 d("div", C, x(V(h)(a, l.rowLabel)), 1),
@@ -92,8 +92,8 @@ const $ = { class: "w-full h-full overflow-hidden" }, j = { class: "w-full h-ful
                   class: "flex justify-center items-center px-2 py-1 border-b h-full"
                 }, [
                   A(I, {
-                    modelValue: p(a, s),
-                    color: p(a, s) ? "text-green-600 dark:text-green-400" : "",
+                    modelValue: v(a, s),
+                    color: v(a, s) ? "text-green-600 dark:text-green-400" : "",
                     "onUpdate:modelValue": (u) => E(a, s, u),
                     size: "lg",
                     label: ""

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

@@ -46,7 +46,7 @@ const R = {
           class: a([
             "relative select-none cursor-pointer",
             e.vertical ? "w-2 h-full" : "h-1.5 w-full",
-            "bg-gray-300 rounded-full"
+            "bg-surface-light rounded-full"
           ]),
           onPointerdown: w[0] || (w[0] = (...s) => n(y) && n(y)(...s))
         }, [
@@ -117,7 +117,7 @@ const R = {
       ])
     ], 2));
   }
-}, W = /* @__PURE__ */ I(M, [["__scopeId", "data-v-682b7eef"]]);
+}, W = /* @__PURE__ */ I(M, [["__scopeId", "data-v-1dea00e0"]]);
 export {
   W as default
 };

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

@@ -1,4 +1,4 @@
-import { computed as b, createElementBlock as n, openBlock as s, mergeProps as v, createCommentVNode as d, createElementVNode as c, toDisplayString as h, withKeys as m, normalizeClass as r, withModifiers as f, renderSlot as u } from "vue";
+import { computed as h, createElementBlock as n, openBlock as s, mergeProps as v, createCommentVNode as d, createElementVNode as c, toDisplayString as b, withKeys as m, normalizeClass as r, withModifiers as f, renderSlot as u } from "vue";
 const k = {
   key: 0,
   class: "flex flex-col items-center gap-1 cursor-pointer"
@@ -22,7 +22,7 @@ const k = {
     // 'top', 'bottom', 'left', 'right'
     disabled: Boolean,
     onColor: { type: String, default: "bg-green-600" },
-    offColor: { type: String, default: "bg-gray-300" },
+    offColor: { type: String, default: "bg-surface-light" },
     iconColor: { type: String, default: "bg-white" },
     inset: Boolean,
     hideDetails: { type: Boolean, default: !1 },
@@ -34,12 +34,12 @@ const k = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: y }) {
-    const l = e, g = y, t = b(() => l.modelValue === l.trueValue), i = () => {
+    const l = e, g = y, t = h(() => l.modelValue === l.trueValue), i = () => {
       l.disabled || g(
         "update:modelValue",
         t.value ? l.falseValue : l.trueValue
       );
-    }, w = b(
+    }, w = h(
       () => l.labelPosition === "top" || l.labelPosition === "bottom"
     ), x = {
       xxs: {
@@ -84,12 +84,12 @@ const k = {
         icon: "text-2xl",
         translate: "translate-x-7"
       }
-    }, a = b(() => x[l.size] || x.md);
+    }, a = h(() => x[l.size] || x.md);
     return (o, $) => (s(), n("div", v({
       class: ["select-none", { "opacity-50 cursor-not-allowed": e.disabled, "pl-2": e.inset }]
     }, o.$attrs), [
       w.value ? (s(), n("label", k, [
-        e.label && e.labelPosition === "top" ? (s(), n("span", C, h(e.label), 1)) : d("", !0),
+        e.label && e.labelPosition === "top" ? (s(), n("span", C, b(e.label), 1)) : d("", !0),
         c("div", {
           class: r(["relative rounded-full transition-colors duration-200 cursor-pointer", [a.value.outer, t.value ? e.onColor : e.offColor]]),
           role: "switch",
@@ -113,7 +113,7 @@ const k = {
             t.value ? u(o.$slots, "on-icon", { key: 0 }) : u(o.$slots, "off-icon", { key: 1 })
           ], 2)
         ], 42, S),
-        e.label && e.labelPosition === "bottom" ? (s(), n("span", V, h(e.label), 1)) : d("", !0)
+        e.label && e.labelPosition === "bottom" ? (s(), n("span", V, b(e.label), 1)) : d("", !0)
       ])) : (s(), n("label", {
         key: 1,
         class: r(["flex items-center gap-3 cursor-pointer", { "flex-row-reverse": e.labelPosition === "left" }])
@@ -141,7 +141,7 @@ const k = {
             t.value ? u(o.$slots, "on-icon", { key: 0 }) : u(o.$slots, "off-icon", { key: 1 })
           ], 2)
         ], 42, B),
-        e.label ? (s(), n("div", P, h(e.label), 1)) : d("", !0)
+        e.label ? (s(), n("div", P, b(e.label), 1)) : d("", !0)
       ], 2)),
       e.hideDetails ? d("", !0) : (s(), n("div", v({
         key: 2,

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

@@ -1,4 +1,4 @@
-import { mergeModels as W, toRefs as be, useModel as Ce, ref as v, watch as Q, computed as q, onMounted as Te, createElementBlock as r, openBlock as l, mergeProps as V, createCommentVNode as u, createElementVNode as O, renderSlot as a, createBlock as b, unref as s, normalizeClass as C, withCtx as j, createVNode as T, withDirectives as G, vModelText as Fe, vShow as J, normalizeProps as d, guardReactiveProps as g, Fragment as ke, createSlots as X, renderList as Y, toDisplayString as $e, isRef as Pe, nextTick as Me } from "vue";
+import { mergeModels as W, toRefs as be, useModel as Ce, ref as v, watch as Q, computed as q, onMounted as Te, createElementBlock as r, openBlock as l, mergeProps as V, createCommentVNode as u, createElementVNode as O, renderSlot as a, createBlock as b, unref as s, normalizeClass as C, withCtx as j, createVNode as T, withDirectives as G, vModelText as Fe, vShow as J, normalizeProps as d, guardReactiveProps as g, Fragment as $e, createSlots as X, renderList as Y, toDisplayString as ke, isRef as Pe, nextTick as Me } from "vue";
 import { isMobile as m } from "../../../../utils/_platform.js";
 import Z from "../../../KunIcon/src/components/KunIcon.vue.js";
 import Ae from "../../../../icons/IconFilter.vue.js";
@@ -30,8 +30,8 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
   setup(x, { emit: _ }) {
     const S = _, p = x, F = be(p), ee = Ce(x, "selectedItems"), {
       headers: z,
-      showExpand: k,
-      showSelect: $,
+      showExpand: $,
+      showSelect: k,
       rowClass: D,
       hideDefaultFooter: se,
       hideDefaultHeader: oe,
@@ -97,7 +97,7 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
     return (e, o) => (l(), r("div", V({ class: we }, e.$attrs, { style: { "user-select": "text" } }), [
       s(H) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), r("div", {
         key: 0,
-        class: C(["p-2 bg-slate-200 dark:bg-slate-800 print:hidden", {
+        class: C(["p-2 bg-surface print:hidden", {
           "justify-start flex": e.searchPosition === "start",
           "justify-center flex": e.searchPosition === "center",
           "justify-end flex": e.searchPosition === "end"
@@ -159,8 +159,8 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
             key: 1,
             headers: s(z),
             "sort-by": s(i).sortBy,
-            "show-select": s($),
-            "show-expand": s(k),
+            "show-select": s(k),
+            "show-expand": s($),
             "all-selected": s(he),
             "some-selected": s(ge),
             "thead-class": e.theadClass,
@@ -180,8 +180,8 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
             "row-class-condition": e.rowClassCondition,
             "is-selected": s(P),
             "is-expanded": s(A),
-            "show-select": s($),
-            "show-expand": s(k),
+            "show-select": s(k),
+            "show-expand": s($),
             "has-actions": e.hasActions,
             "action-loading-map": e.actionLoadingMap,
             onToggleExpand: s(I),
@@ -194,7 +194,7 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
                 a(e.$slots, c, d(g(n)))
               ])
             }))
-          ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"])) : (l(), r(ke, { key: 3 }, [
+          ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"])) : (l(), r($e, { key: 3 }, [
             a(e.$slots, "body.prepend", d(g(h.value))),
             T(Be, {
               items: s(f),
@@ -208,8 +208,8 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
               "striped-class": e.stripedClass,
               "is-selected": s(P),
               "is-expanded": s(A),
-              "show-select": s($),
-              "show-expand": s(k),
+              "show-select": s(k),
+              "show-expand": s($),
               "has-actions": e.hasActions,
               "action-loading-map": e.actionLoadingMap,
               onToggleExpand: s(I),
@@ -230,7 +230,7 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
           ])) : u("", !0)
         ])) : u("", !0),
         s(f).length ? u("", !0) : (l(), r("div", Qe, [
-          O("div", qe, $e(e.noDataText), 1)
+          O("div", qe, ke(e.noDataText), 1)
         ]))
       ]),
       s(se) ? a(e.$slots, "footer", d(V({ key: 2 }, h.value))) : (l(), r("div", Ge, [