adverich-kun-ui 0.1.76 → 0.1.77

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

@@ -1,9 +1,9 @@
-import { mergeModels as A, useModel as R, onMounted as ne, onUnmounted as ie, ref as U, watch as re, createBlock as c, openBlock as r, unref as e, isRef as B, createSlots as ae, withCtx as i, createElementBlock as F, createCommentVNode as k, createVNode as a, Fragment as se, renderList as ue, createElementVNode as de, createTextVNode as w, toDisplayString as V, normalizeClass as ce, withModifiers as me } from "vue";
+import { mergeModels as z, useModel as A, onMounted as ne, onUnmounted as ie, ref as R, watch as re, createBlock as c, openBlock as r, unref as e, isRef as U, createSlots as ae, withCtx as i, createElementBlock as B, createCommentVNode as k, createVNode as a, Fragment as se, renderList as ue, createElementVNode as de, createTextVNode as w, toDisplayString as V, normalizeClass as ce, withModifiers as me } from "vue";
 import { icons as p } from "../../../../icons/index.js";
-import { isNotEmpty as fe, isArray as N } from "../../../../utils/utils.js";
+import { isNotEmpty as fe, isArray as F } from "../../../../utils/utils.js";
 import pe from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
 import ve from "../../../KunList/src/components/KunList.vue.js";
-import T from "../../../KunListItem/src/components/KunListItem.vue.js";
+import N from "../../../KunListItem/src/components/KunListItem.vue.js";
 import ye from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
 import ke from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
 import he from "../../../kunMenu/src/components/kunMenu.vue.js";
@@ -13,48 +13,48 @@ import be from "../../../KunTextField/src/components/KunTextField.vue.js";
 import we from "../../../KunBtn/src/components/KunBtn.vue.js";
 import Ve from "../../../KunChip/src/components/KunChip.vue.js";
 import h from "../../../KunIcon/src/components/KunIcon.vue.js";
-const Se = {
+const xe = {
   key: 0,
   class: "flex justify-center align-center"
-}, _e = { class: "flex justify-center align-center" }, Te = {
+}, Ie = { class: "flex justify-center align-center" }, Te = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ A(Ce, {
+  props: /* @__PURE__ */ z(Ce, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["createItem", "validation", "search"], ["update:modelValue", "update:items"]),
-  setup(g, { emit: H }) {
-    const u = R(g, "modelValue"), S = R(g, "items"), n = g, v = H, {
+  emits: /* @__PURE__ */ z(["createItem", "validation", "search"], ["update:modelValue", "update:items"]),
+  setup(g, { emit: T }) {
+    const u = A(g, "modelValue"), x = A(g, "items"), n = g, v = T, {
       selectedItem: m,
       textFieldRef: d,
       listRef: C,
       menuModel: s,
       search: f,
-      removeItem: O,
-      clearSelection: P,
-      lightReset: _,
+      removeItem: H,
+      clearSelection: O,
+      lightReset: I,
       openMenu: $,
-      onMenuKeydown: x,
+      onMenuKeydown: S,
       getSelectedItem: j,
       textArr: q,
-      getItemText: W,
-      createItem: G,
-      checkDisabled: J,
-      itemToString: I,
+      getItemText: P,
+      createItem: W,
+      checkDisabled: G,
+      itemToString: _,
       placeholder: K,
-      hasCreateItem: Q
-    } = ge(n, v, u, S);
+      hasCreateItem: J
+    } = ge(n, v, u, x);
     ne(() => {
       b(), window.addEventListener("resize", b), n.focusOnRender && d.value.focus();
     }), ie(() => {
       window.removeEventListener("resize", b);
     });
-    function X(t) {
+    function Q(t) {
       return u.value === null || u.value === void 0 ? n.bgItemListColor : n.multiple ? u.value.find((o) => o[n.itemValue] === t[n.itemValue]) ? n.selectedColor : n.bgItemListColor : K.value === t[n.itemTitle] ? n.selectedColor : n.bgItemListColor;
     }
-    const y = U(""), M = (t) => {
+    const y = R(""), M = (t) => {
       for (const o of n.rules) {
         const l = o(t);
         if (l !== !0)
@@ -68,15 +68,15 @@ const Se = {
     function D() {
       s.value = !1, d.value.$el.focus();
     }
-    function Y(t) {
+    function X(t) {
       v("search", f);
     }
-    const E = U({});
+    const Y = R({});
     function b() {
       if (d.value) {
         const t = d.value.$el.getBoundingClientRect();
         let o = t.bottom;
-        n.hideDetails || (o = o - 20), E.value = {
+        n.hideDetails || (o = o - 20), Y.value = {
           position: "absolute",
           top: `${o}px`,
           // Posiciona el menú justo debajo
@@ -101,10 +101,10 @@ const Se = {
         C.value.focusWithKey(o);
         return;
       }
-      x(t);
+      S(t);
     }
     function te(t) {
-      x(t);
+      S(t);
     }
     function le() {
       s.value = !1;
@@ -112,8 +112,8 @@ const Se = {
     return (t, o) => (r(), c(be, {
       modelValue: e(f),
       "onUpdate:modelValue": [
-        o[2] || (o[2] = (l) => B(f) ? f.value = l : null),
-        Y
+        o[2] || (o[2] = (l) => U(f) ? f.value = l : null),
+        X
       ],
       label: t.label,
       dirty: "",
@@ -126,26 +126,26 @@ const Se = {
       onFocusInput: Z,
       onHandleClick: e($),
       onBlurInput: le,
-      placeholder: e(N)(e(m)) && e(m).length ? "" : e(K),
+      placeholder: e(F)(e(m)) && e(m).length ? "" : e(K),
       error: !!y.value,
       "error-messages": y.value
     }, ae({
       default: i(() => [
-        e(N)(e(m)) ? (r(), F("div", Se, [
-          (r(!0), F(se, null, ue(e(m), (l) => (r(), c(Ve, {
+        e(F)(e(m)) ? (r(), B("div", xe, [
+          (r(!0), B(se, null, ue(e(m), (l) => (r(), c(Ve, {
             key: l.id ?? l.name,
             size: "small",
             class: "ml-1"
           }, {
             default: i(() => [
-              de("div", _e, [
-                w(V(e(W)(l, t.itemTitle)) + " ", 1),
+              de("div", Ie, [
+                w(V(e(P)(l, t.itemTitle)) + " ", 1),
                 a(h, {
                   color: "error",
                   icon: e(p).close,
                   size: "small",
                   class: "ml-1",
-                  onClick: (oe) => e(O)(l)
+                  onClick: (oe) => e(H)(l)
                 }, null, 8, ["icon", "onClick"])
               ])
             ]),
@@ -154,29 +154,28 @@ const Se = {
         ])) : k("", !0),
         a(he, {
           transition: "fade",
-          "onClick:outside": e(_),
+          "onClick:outside": e(I),
           modelValue: e(s),
-          "onUpdate:modelValue": o[1] || (o[1] = (l) => B(s) ? s.value = l : null),
+          "onUpdate:modelValue": o[1] || (o[1] = (l) => U(s) ? s.value = l : null),
           activator: "parent",
           "text-field-ref": e(d),
           onHandleEscape: D,
           "close-on-content-click": t.closeOnSelect,
-          "max-height": t.maxHeight,
-          menuPositionStyle: E.value
+          "max-height": t.maxHeight
         }, {
           default: i(() => [
             a(ve, {
               "onUpdate:selected": e(j),
-              "onClick:select": o[0] || (o[0] = (l) => e(_)()),
+              "onClick:select": o[0] || (o[0] = (l) => e(I)()),
               ref_key: "listRef",
               ref: C,
               onKeyDown: te
             }, {
               default: i(() => [
-                e(Q) ? (r(), c(T, { key: 0 }, {
+                e(J) ? (r(), c(N, { key: 0 }, {
                   default: i(() => [
                     a(we, {
-                      onClick: e(G),
+                      onClick: e(W),
                       class: "w-full",
                       color: "bg-green-400"
                     }, {
@@ -190,7 +189,7 @@ const Se = {
                   _: 1
                 })) : k("", !0),
                 a(pe, {
-                  items: S.value,
+                  items: x.value,
                   search: e(f),
                   "searchable-keys": n.searchableKeys,
                   "items-per-intersection": 10,
@@ -199,25 +198,25 @@ const Se = {
                   "item-height": 48
                 }, {
                   default: i(({ item: l, index: oe }) => {
-                    var L, z;
+                    var E, L;
                     return [
-                      (r(), c(T, {
+                      (r(), c(N, {
                         value: l,
-                        key: ((L = l.id) == null ? void 0 : L.toString()) ?? l.name,
-                        disabled: e(J)(l),
-                        class: ce(X(l)),
+                        key: ((E = l.id) == null ? void 0 : E.toString()) ?? l.name,
+                        disabled: e(G)(l),
+                        class: ce(Q(l)),
                         density: t.density,
-                        id: ((z = l.id) == null ? void 0 : z.toString()) ?? l.name
+                        id: ((L = l.id) == null ? void 0 : L.toString()) ?? l.name
                       }, {
                         default: i(() => [
                           a(ye, { class: "text-wrap" }, {
                             default: i(() => [
-                              w(V(e(I)(l, e(q), "hasDefault")), 1)
+                              w(V(e(_)(l, e(q), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
                           a(ke, {
-                            textContent: V(t.itemSubtitle ? e(I)(l, t.itemSubtitle) : "")
+                            textContent: V(t.itemSubtitle ? e(_)(l, t.itemSubtitle) : "")
                           }, null, 8, ["textContent"])
                         ]),
                         _: 2
@@ -231,7 +230,7 @@ const Se = {
             }, 8, ["onUpdate:selected"])
           ]),
           _: 1
-        }, 8, ["onClick:outside", "modelValue", "text-field-ref", "close-on-content-click", "max-height", "menuPositionStyle"])
+        }, 8, ["onClick:outside", "modelValue", "text-field-ref", "close-on-content-click", "max-height"])
       ]),
       _: 2
     }, [
@@ -240,7 +239,7 @@ const Se = {
         fn: i(() => [
           t.clearable && e(m) ? (r(), c(h, {
             key: 0,
-            onClick: e(P),
+            onClick: e(O),
             size: "small",
             color: "error",
             icon: e(p).close,

package/dist/components/KunAutocomplete/src/composables/useAutocomplete.js

@@ -83,7 +83,7 @@ function W(u, C, l, h, G) {
     u.clearSearchOnSelect && (c.value = ""), u.focusOnSelect && j();
   }
   function m() {
-    console.log(1), v.value = !v.value;
+    v.value = !v.value;
   }
   function A(e) {
     return e.length === 1 && e.match(/\w/);

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

@@ -1,22 +1,22 @@
-import { computed as a, createBlock as x, openBlock as o, resolveDynamicComponent as y, mergeProps as m, withCtx as b, renderSlot as l, createElementBlock as i, createCommentVNode as s, createElementVNode as h, createTextVNode as v, toDisplayString as $ } from "vue";
-import { RouterLink as S } from "vue-router";
-const k = {
+import { useAttrs as h, computed as a, createBlock as y, openBlock as s, resolveDynamicComponent as v, mergeProps as $, unref as k, withCtx as S, renderSlot as o, createElementBlock as i, createCommentVNode as u, createElementVNode as w, createTextVNode as B, toDisplayString as C } from "vue";
+import { RouterLink as A } from "vue-router";
+const W = {
   key: 1,
   class: "mr-2 flex items-center"
-}, w = {
+}, z = {
   key: 2,
   class: "truncate"
-}, B = {
+}, N = {
   key: 3,
   class: "ml-2 flex items-center"
-}, z = {
+}, j = {
   __name: "KunBtn",
   props: {
-    text: { type: String, default: null },
+    text: String,
     size: {
       type: String,
       default: "md",
-      validator: (e) => ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"].includes(e)
+      validator: (r) => ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"].includes(r)
     },
     minWidth: { type: String, default: "min-w-[6rem]" },
     fontWeight: { type: String, default: "font-medium" },
@@ -25,105 +25,114 @@ const k = {
     variant: {
       type: String,
       default: "default",
-      validator: (e) => ["default", "tonal", "plain", "outline", "soft"].includes(e)
+      validator: (r) => ["default", "tonal", "plain", "outlined", "soft", "text"].includes(r)
+    },
+    disabled: Boolean,
+    loading: Boolean,
+    bgColor: {
+      type: String,
+      default: "bg-slate-200 dark:bg-slate-800"
+    },
+    textColor: {
+      type: String,
+      default: "text-slate-700 dark:text-slate-300"
     },
-    disabled: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    bgColor: { type: String, default: "bg-indigo-600" },
-    textColor: { type: String, default: "text-white" },
     to: [String, Object],
     href: String,
-    replace: { type: Boolean, default: !1 },
-    target: { type: String, default: null },
-    ring: {
-      type: Boolean,
-      default: !0
-    }
+    replace: Boolean,
+    target: String,
+    ring: Boolean
   },
-  setup(e) {
-    const t = e, d = a(() => !!t.to || !!t.href), u = a(() => !d.value), c = a(() => t.href ? "a" : t.to ? S : "button"), f = a(() => t.href ? {
-      href: t.href,
-      target: t.target ?? "_self",
-      rel: t.target === "_blank" ? "noopener noreferrer" : null
-    } : t.to ? {
-      to: t.to,
-      replace: t.replace
+  setup(r) {
+    const e = r, l = h(), d = a(() => !!e.to || !!e.href), c = a(() => !d.value), p = a(() => e.href ? "a" : e.to ? A : "button"), f = a(() => 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: t.loading || t.disabled
-    }), g = (n) => {
-      switch (n) {
+      disabled: e.loading || e.disabled
+    }), g = (t) => {
+      switch (t) {
         case "xxs":
           return "px-1 py-1 text-xs";
         case "xs":
           return "px-2 py-2 text-xs";
         case "sm":
-          return "px-1 py-1 text-sm";
+          return "px-2 py-1 text-sm";
         case "md":
-          return "px-2 py-2 text-sm";
+          return "px-3 py-2 text-sm";
         case "lg":
-          return "px-3 py-3 text-sm";
+          return "px-4 py-2 text-base";
         case "xl":
-          return "px-3 py-3 text-base";
+          return "px-5 py-3 text-lg";
         case "xxl":
-          return "px-4 py-4 text-base";
+          return "px-6 py-4 text-xl";
+        default:
+          return "px-3 py-2 text-sm";
       }
-    }, p = a(() => {
-      const n = t.bgColor || "bg-indigo-600", r = t.textColor || "text-white";
-      switch (t.variant) {
+    }, x = a(() => {
+      const t = e.bgColor, n = e.textColor;
+      switch (e.variant) {
         case "default":
-          return `${n} ${r} shadow hover:brightness-90 transition`;
+          return `${t} ${n} shadow hover:brightness-95`;
         case "tonal":
-          return `${n} ${r} bg-opacity-20 hover:bg-opacity-30 transition`;
-        case "plain":
-          return `bg-transparent ${r} hover:bg-gray-100 transition`;
-        case "outline":
-          return `bg-transparent border ${n} ${r} border-opacity-80 hover:bg-opacity-10 transition`;
+          return `${t} ${n} shadow-sm hover:shadow-md`;
         case "soft":
-          return `${n} ${r} shadow-md bg-opacity-30 hover:bg-opacity-40 transition`;
+          return `${t} ${n} hover:bg-opacity-30 shadow-sm`;
+        case "outlined":
+          return `bg-transparent ${n} border ${t} border-opacity-40 hover:bg-black/5`;
+        case "plain":
+          return `bg-transparent ${n} hover:bg-transparent active:bg-black/10`;
+        case "text":
+          return `${t} ${n} hover:bg-opacity-10 active:bg-black/5`;
         default:
-          return `${n} ${r}`;
+          return `${t} ${n}`;
       }
-    });
-    return (n, r) => (o(), x(y(c.value), m(f.value, {
-      class: ["inline-flex items-center justify-center break-keep transition-all", [
-        e.minWidth,
+    }), m = a(() => !!e.text), b = a(() => {
+      const t = [
+        "inline-flex items-center justify-center break-keep transition-all whitespace-nowrap",
         g(e.size),
         e.fontWeight,
-        p.value,
         e.rounded,
         e.textAlign,
-        "whitespace-nowrap",
-        e.loading || e.disabled ? "opacity-50 cursor-not-allowed" : [
-          "hover:opacity-90",
-          "focus:outline-none",
-          e.ring ? "focus:ring-2 focus:ring-offset-2" : "",
-          "active:scale-[.98]",
-          "transition duration-100 ease-in-out",
-          "cursor-pointer"
-        ]
-      ]],
-      disabled: u.value && (e.loading || e.disabled)
+        x.value
+      ];
+      return !e.loading && !e.disabled ? t.push(
+        "hover:opacity-90",
+        "focus:outline-none",
+        e.ring ? "focus:ring-2 focus:ring-offset-2" : "",
+        "active:scale-[.98]",
+        "transition duration-100 ease-in-out",
+        "cursor-pointer"
+      ) : t.push("opacity-50 cursor-not-allowed"), m.value && t.push(e.minWidth), l.class && t.push(l.class), t.filter(Boolean);
+    });
+    return (t, n) => (s(), y(v(p.value), $(f.value, {
+      class: b.value,
+      style: k(l).style,
+      disabled: c.value && (r.loading || r.disabled)
     }), {
-      default: b(() => [
-        e.loading ? l(n.$slots, "loader", { key: 0 }, () => [
-          r[0] || (r[0] = h("span", { class: "mr-2 h-5 w-5 border-[3px] border-current opacity-100 border-opacity-100 border-t-transparent rounded-full animate-spin" }, null, -1))
-        ]) : n.$slots.prepend ? (o(), i("span", k, [
-          l(n.$slots, "prepend")
-        ])) : s("", !0),
-        !e.loading && (n.$slots.default || e.text) ? (o(), i("span", w, [
-          l(n.$slots, "default", {}, () => [
-            v($(e.text), 1)
+      default: S(() => [
+        r.loading ? o(t.$slots, "loader", { key: 0 }, () => [
+          n[0] || (n[0] = w("span", { class: "mr-2 h-5 w-5 border-[3px] border-current border-t-transparent rounded-full animate-spin" }, null, -1))
+        ]) : t.$slots.prepend ? (s(), i("span", W, [
+          o(t.$slots, "prepend")
+        ])) : u("", !0),
+        !r.loading && (r.text || t.$slots.default) ? (s(), i("span", z, [
+          o(t.$slots, "default", {}, () => [
+            B(C(r.text), 1)
           ])
-        ])) : s("", !0),
-        !e.loading && n.$slots.append ? (o(), i("span", B, [
-          l(n.$slots, "append")
-        ])) : s("", !0)
+        ])) : u("", !0),
+        !r.loading && t.$slots.append ? (s(), i("span", N, [
+          o(t.$slots, "append")
+        ])) : u("", !0)
       ]),
       _: 3
-    }, 16, ["class", "disabled"]));
+    }, 16, ["class", "style", "disabled"]));
   }
 };
 export {
-  z as default
+  j as default
 };

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

@@ -1,52 +1,58 @@
-import { createElementBlock as o, openBlock as e, normalizeStyle as c, normalizeClass as p, unref as i, createCommentVNode as l, createVNode as s, withCtx as r, createBlock as _, renderSlot as a } from "vue";
-import { useCard as k } from "../composables/useCard.js";
+import { useAttrs as f, computed as c, createElementBlock as s, openBlock as o, normalizeClass as p, createCommentVNode as r, createVNode as l, withCtx as n, createBlock as C, renderSlot as a } from "vue";
 import { kunCardProps as $ } from "../composables/kunCardProps.js";
-import n from "../../../KunCardItem/src/components/KunCardItem.vue.js";
-import y from "../../../KunCardTitle/src/components/KunCardTitle.vue.js";
-import C from "../../../KunCardText/src/components/KunCardText.vue.js";
-import h from "../../../KunCardActions/src/components/KunCardActions.vue.js";
-const v = { key: 0 }, b = { key: 1 }, B = { key: 2 }, g = {
+import i from "../../../KunCardItem/src/components/KunCardItem.vue.js";
+import k from "../../../KunCardTitle/src/components/KunCardTitle.vue.js";
+import _ from "../../../KunCardText/src/components/KunCardText.vue.js";
+import b from "../../../KunCardActions/src/components/KunCardActions.vue.js";
+const h = { key: 0 }, v = { key: 1 }, y = { key: 2 }, V = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "KunCard",
   props: $,
-  setup(m) {
-    const u = m, {
-      cardClass: d,
-      cardStyle: f
-    } = k(u);
-    return (t, S) => (e(), o("div", {
-      class: p(["w-full", i(d)]),
-      style: c(i(f))
+  setup(d) {
+    const e = d, u = f(), m = c(() => {
+      const t = u.class || "";
+      return [
+        "w-full",
+        e.bgColor,
+        e.textColor || "text-black",
+        e.outlined ? `border ${e.outlineColor}` : "",
+        e.rounded === !0 ? "rounded-lg" : e.rounded ? `rounded-${e.rounded}` : "",
+        e.flat ? "shadow-none" : `shadow-${e.elevation}`,
+        t
+      ].filter(Boolean).join(" ");
+    });
+    return (t, w) => (o(), s("div", {
+      class: p(m.value)
     }, [
-      t.$slots.title || t.title ? (e(), o("div", v, [
-        s(n, { dense: "" }, {
-          default: r(() => [
-            s(y, {
+      t.$slots.title || t.title || t.subtitle ? (o(), s("div", h, [
+        l(i, { dense: "" }, {
+          default: n(() => [
+            l(k, {
               title: t.title,
               subtitle: t.subtitle
             }, null, 8, ["title", "subtitle"])
           ]),
           _: 1
         })
-      ])) : l("", !0),
-      t.$slots.default || t.text ? (e(), o("div", b, [
-        t.text ? (e(), _(n, { key: 0 }, {
-          default: r(() => [
-            s(C, { text: t.text }, null, 8, ["text"])
+      ])) : r("", !0),
+      t.$slots.default || t.text ? (o(), s("div", v, [
+        t.text ? (o(), C(i, { key: 0 }, {
+          default: n(() => [
+            l(_, { text: t.text }, null, 8, ["text"])
           ]),
           _: 1
         })) : a(t.$slots, "default", { key: 1 })
-      ])) : l("", !0),
-      t.$slots.actions ? (e(), o("div", B, [
-        s(h, null, {
-          default: r(() => [
+      ])) : r("", !0),
+      t.$slots.actions ? (o(), s("div", y, [
+        l(b, null, {
+          default: n(() => [
             a(t.$slots, "actions")
           ]),
           _: 3
         })
-      ])) : l("", !0)
-    ], 6));
+      ])) : r("", !0)
+    ], 2));
   }
-};
+});
 export {
-  g as default
+  V as default
 };

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

@@ -11,6 +11,10 @@ const e = {
     type: String,
     default: null
   },
+  textColor: {
+    type: String,
+    default: "text-black dark:text-white"
+  },
   bgColor: {
     type: String,
     default: "bg-transparent"
@@ -36,14 +40,6 @@ const e = {
     type: [String, Number],
     default: 1,
     validator: (t) => ["0", "1", "2", "3", "4", "5", "", 0, 1, 2, 3, 4, 5].includes(t)
-  },
-  class: {
-    type: [String, Array, Object],
-    default: null
-  },
-  style: {
-    type: Object,
-    default: null
   }
 };
 export {

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

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

package/dist/components/KunCardActions/src/composables/kunCardActionsProps.js

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