vlite3 1.1.1 → 1.1.4

package/components/List/ListFieldRow.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, ref as p, computed as v, openBlock as t, createElementBlock as a, normalizeClass as i, createElementVNode as c, createBlock as f, createCommentVNode as b, toDisplayString as h, renderSlot as w, resolveDynamicComponent as L, Fragment as m, createVNode as B } from "vue";
+import { defineComponent as M, ref as $, computed as v, openBlock as t, createElementBlock as a, normalizeClass as s, createElementVNode as c, createBlock as f, createCommentVNode as x, toDisplayString as b, renderSlot as w, resolveDynamicComponent as L, Fragment as m, createVNode as p } from "vue";
 import g from "../Icon.vue.js";
 import k from "../Price/Price.vue.js";
 import { $t as j } from "../../utils/i18n.js";
@@ -23,7 +23,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
   key: 1,
   class: "text-sm text-gray-600 tracking-widest select-none",
   "aria-hidden": "true"
-}, se = ["aria-label"], ie = ["src", "alt"], oe = ["innerHTML"], ye = /* @__PURE__ */ $({
+}, ie = ["aria-label"], se = ["src", "alt"], oe = ["innerHTML"], ye = /* @__PURE__ */ M({
   __name: "ListFieldRow",
   props: {
     field: {},
@@ -38,7 +38,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
     autoLineByLineThreshold: { default: 50 }
   },
   setup(e) {
-    const l = e, s = p(!1), o = v(() => I(l.field.key, l.data)), r = v(() => {
+    const l = e, i = $(!1), o = v(() => I(l.field.key, l.data)), r = v(() => {
       const n = o.value;
       if (l.field.format)
         return l.field.format(n, l.data);
@@ -71,12 +71,12 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
         } else
           n.push(l.field.class);
       return n.join(" ");
-    }), x = v(() => l.field.type === "image"), T = v(() => l.variant === "striped" && l.index % 2 !== 0), S = v(() => l.variant === "stacked"), H = v(() => l.field.lineByLine ? !0 : l.autoLineByLineThreshold > 0 ? String(r.value ?? "").length > l.autoLineByLineThreshold : !1), M = v(() => l.stackedBorderStyle === "divider" && l.stackedColIndex !== 0 ? "border-l border-border pl-4 pr-3.5 py-2" : "px-3.5 py-2");
-    return (n, u) => S.value ? (t(), a("div", {
+    }), h = v(() => l.field.type === "image"), B = v(() => l.variant === "striped" && l.index % 2 !== 0), C = v(() => l.variant === "stacked"), S = v(() => l.field.lineByLineLayout === "inline" ? !1 : l.field.lineByLineLayout === "block" || l.field.lineByLine ? !0 : l.autoLineByLineThreshold > 0 ? String(r.value ?? "").length > l.autoLineByLineThreshold : !1), H = v(() => l.stackedBorderStyle === "divider" && l.stackedColIndex !== 0 ? "border-l border-border pl-4 pr-3.5 py-2" : "px-3.5 py-2");
+    return (n, u) => C.value ? (t(), a("div", {
       key: 0,
-      class: i([
+      class: s([
         "list-field-row list-field-row--stacked flex flex-col gap-0.5 min-w-0",
-        M.value
+        H.value
       ]),
       role: "row"
     }, [
@@ -85,8 +85,8 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
           key: 0,
           icon: e.field.icon,
           class: "w-3 h-3 text-muted-foreground shrink-0"
-        }, null, 8, ["icon"])) : b("", !0),
-        c("span", F, h(y.value), 1)
+        }, null, 8, ["icon"])) : x("", !0),
+        c("span", F, b(y.value), 1)
       ]),
       c("div", O, [
         n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
@@ -99,29 +99,29 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
           data: e.data,
           value: o.value
         }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a("div", z, [
-          s.value ? (t(), a(m, { key: 0 }, [
+          i.value ? (t(), a(m, { key: 0 }, [
             e.field.type === "price" ? (t(), f(k, {
               key: 0,
               value: o.value,
-              class: i(["text-sm font-semibold text-foreground break-words leading-snug", d.value])
+              class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value])
             }, null, 8, ["value", "class"])) : (t(), a("span", {
               key: 1,
-              class: i(["text-sm font-semibold text-foreground break-words leading-snug", d.value]),
+              class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value]),
               innerHTML: r.value
             }, null, 10, R))
           ], 64)) : (t(), a("span", Y, " •••••••• ")),
           c("button", {
             type: "button",
             class: "shrink-0 p-0.5 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-            "aria-label": s.value ? "Hide value" : "Show value",
-            onClick: u[0] || (u[0] = (C) => s.value = !s.value)
+            "aria-label": i.value ? "Hide value" : "Show value",
+            onClick: u[0] || (u[0] = (T) => i.value = !i.value)
           }, [
-            B(g, {
-              icon: s.value ? "lucide:eye-off" : "lucide:eye",
+            p(g, {
+              icon: i.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3 h-3"
             }, null, 8, ["icon"])
           ], 8, q)
-        ])) : x.value ? (t(), a("img", {
+        ])) : h.value ? (t(), a("img", {
           key: 3,
           src: r.value,
           alt: y.value,
@@ -130,19 +130,19 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
           e.field.type === "price" ? (t(), f(k, {
             key: 0,
             value: o.value,
-            class: i(["text-sm font-semibold text-foreground break-words leading-snug", d.value])
+            class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value])
           }, null, 8, ["value", "class"])) : (t(), a("span", {
             key: 1,
-            class: i(["text-sm font-semibold text-foreground break-words leading-snug", d.value]),
+            class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value]),
             innerHTML: r.value
           }, null, 10, G))
         ], 64))
       ])
-    ], 2)) : H.value ? (t(), a("div", {
+    ], 2)) : S.value ? (t(), a("div", {
       key: 1,
-      class: i(["list-field-row list-field-row--block flex flex-col gap-y-1 px-3 py-2.5 transition-colors w-full", [
+      class: s(["list-field-row list-field-row--block flex flex-col gap-y-1 px-3 py-2.5 transition-colors w-full", [
         e.showBorderBottom && !e.isLast ? "border-b border-border" : "",
-        T.value ? "bg-muted/40" : "",
+        B.value ? "bg-muted/40" : "",
         e.variant === "compact" ? "py-1.5!" : "",
         e.variant === "minimal" ? "px-0!" : ""
       ]]),
@@ -153,8 +153,8 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
           key: 0,
           icon: e.field.icon,
           class: "w-3.5 h-3.5 text-gray-800 shrink-0"
-        }, null, 8, ["icon"])) : b("", !0),
-        c("span", K, h(y.value) + h(e.showColon ? ":" : ""), 1)
+        }, null, 8, ["icon"])) : x("", !0),
+        c("span", K, b(y.value) + b(e.showColon ? ":" : ""), 1)
       ]),
       c("div", P, [
         n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
@@ -167,29 +167,29 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
           data: e.data,
           value: o.value
         }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a("div", Q, [
-          s.value ? (t(), a(m, { key: 0 }, [
+          i.value ? (t(), a(m, { key: 0 }, [
             e.field.type === "price" ? (t(), f(k, {
               key: 0,
               value: o.value,
-              class: i(["text-sm text-gray-600 break-words leading-snug", d.value])
+              class: s(["text-sm text-gray-600 wrap-break-word leading-snug", d.value])
             }, null, 8, ["value", "class"])) : (t(), a("span", {
               key: 1,
-              class: i(["text-sm text-gray-600 break-words leading-snug", d.value]),
+              class: s(["text-sm text-gray-600 wrap-break-word leading-snug", d.value]),
               innerHTML: r.value
             }, null, 10, U))
           ], 64)) : (t(), a("span", W, " •••••••• ")),
           c("button", {
             type: "button",
             class: "shrink-0 p-1 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-            "aria-label": s.value ? "Hide value" : "Show value",
-            onClick: u[1] || (u[1] = (C) => s.value = !s.value)
+            "aria-label": i.value ? "Hide value" : "Show value",
+            onClick: u[1] || (u[1] = (T) => i.value = !i.value)
           }, [
-            B(g, {
-              icon: s.value ? "lucide:eye-off" : "lucide:eye",
+            p(g, {
+              icon: i.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3.5 h-3.5"
             }, null, 8, ["icon"])
           ], 8, X)
-        ])) : x.value ? (t(), a("img", {
+        ])) : h.value ? (t(), a("img", {
           key: 3,
           src: r.value,
           alt: y.value,
@@ -198,19 +198,19 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
           e.field.type === "price" ? (t(), f(k, {
             key: 0,
             value: o.value,
-            class: i(["text-sm text-gray-900 break-words leading-snug", d.value])
+            class: s(["text-sm text-gray-900 wrap-break-word leading-snug", d.value])
           }, null, 8, ["value", "class"])) : (t(), a("span", {
             key: 1,
-            class: i(["text-sm text-gray-900 break-words leading-snug", d.value]),
+            class: s(["text-sm text-gray-900 wrap-break-word leading-snug", d.value]),
             innerHTML: r.value
           }, null, 10, _))
         ], 64))
       ])
     ], 2)) : (t(), a("div", {
       key: 2,
-      class: i(["list-field-row flex justify-between gap-3 px-3 py-2.5 transition-colors", [
+      class: s(["list-field-row flex justify-between gap-3 px-3 py-2.5 transition-colors", [
         e.showBorderBottom && !e.isLast ? "border-b border-border" : "",
-        T.value ? "bg-muted/40" : "",
+        B.value ? "bg-muted/40" : "",
         e.variant === "compact" ? "py-1.5!" : "",
         e.variant === "minimal" ? "px-0!" : ""
       ]]),
@@ -221,8 +221,8 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
           key: 0,
           icon: e.field.icon,
           class: "w-3.5 h-3.5 text-gray-800 shrink-0"
-        }, null, 8, ["icon"])) : b("", !0),
-        c("span", te, h(y.value) + h(e.showColon ? ":" : ""), 1)
+        }, null, 8, ["icon"])) : x("", !0),
+        c("span", te, b(y.value) + b(e.showColon ? ":" : ""), 1)
       ]),
       c("div", le, [
         n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
@@ -235,41 +235,41 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
           data: e.data,
           value: o.value
         }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a(m, { key: 2 }, [
-          s.value ? (t(), a(m, { key: 0 }, [
+          i.value ? (t(), a(m, { key: 0 }, [
             e.field.type === "price" ? (t(), f(k, {
               key: 0,
               value: o.value,
-              class: i(["text-sm text-gray-600 text-right break-words", d.value])
+              class: s(["text-sm text-gray-600 text-right wrap-break-word", d.value])
             }, null, 8, ["value", "class"])) : (t(), a("span", {
               key: 1,
-              class: i(["text-sm text-gray-600 text-right break-words", d.value]),
+              class: s(["text-sm text-gray-600 text-right wrap-break-word", d.value]),
               innerHTML: r.value
             }, null, 10, ae))
           ], 64)) : (t(), a("span", ne, " •••••••• ")),
           c("button", {
             type: "button",
             class: "shrink-0 p-1 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-            "aria-label": s.value ? "Hide value" : "Show value",
-            onClick: u[2] || (u[2] = (C) => s.value = !s.value)
+            "aria-label": i.value ? "Hide value" : "Show value",
+            onClick: u[2] || (u[2] = (T) => i.value = !i.value)
           }, [
-            B(g, {
-              icon: s.value ? "lucide:eye-off" : "lucide:eye",
+            p(g, {
+              icon: i.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3.5 h-3.5"
             }, null, 8, ["icon"])
-          ], 8, se)
-        ], 64)) : x.value ? (t(), a("img", {
+          ], 8, ie)
+        ], 64)) : h.value ? (t(), a("img", {
           key: 3,
           src: r.value,
           alt: y.value,
           class: "w-8 h-8 rounded-full object-cover border border-border"
-        }, null, 8, ie)) : (t(), a(m, { key: 4 }, [
+        }, null, 8, se)) : (t(), a(m, { key: 4 }, [
           e.field.type === "price" ? (t(), f(k, {
             key: 0,
             value: o.value,
-            class: i(["text-sm text-gray-900 text-right break-words leading-snug", d.value])
+            class: s(["text-sm text-gray-900 text-right wrap-break-word leading-snug", d.value])
           }, null, 8, ["value", "class"])) : (t(), a("span", {
             key: 1,
-            class: i(["text-sm text-gray-900 text-right break-words leading-snug", d.value]),
+            class: s(["text-sm text-gray-900 text-right wrap-break-word leading-snug", d.value]),
             innerHTML: r.value
           }, null, 10, oe))
         ], 64))

package/components/Masonry/Masonry.vue.d.ts

@@ -16,8 +16,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MasonryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MasonryProps> & Readonly<{}>, {
     tag: string;
-    itemKey: string;
     gap: number;
+    itemKey: string;
     cols: number | Record<string | number, number>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: unknown;

package/components/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7c958115"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-350b61e5"]]);
 export {
   p as default
 };

package/components/Modal.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as P, ref as c, inject as R, computed as h, markRaw as V, watch as T, provide as W, nextTick as K, onMounted as A, onUnmounted as U, openBlock as s, createElementBlock as r, Fragment as q, mergeProps as B, withModifiers as I, renderSlot as m, createCommentVNode as a, createBlock as S, Teleport as G, normalizeClass as i, createElementVNode as b, toDisplayString as F, createVNode as H, resolveDynamicComponent as J } from "vue";
-import L from "./Button.vue.js";
+import { defineComponent as P, ref as f, inject as R, computed as h, markRaw as V, watch as T, provide as W, nextTick as K, onMounted as L, onUnmounted as A, openBlock as s, createElementBlock as d, Fragment as U, mergeProps as B, withModifiers as S, renderSlot as v, createCommentVNode as n, createBlock as I, Teleport as q, normalizeClass as i, createElementVNode as b, toDisplayString as z, createVNode as G, resolveDynamicComponent as H } from "vue";
+import J from "./Button.vue.js";
 import { useKeyStroke as Q } from "../composables/useKeyStroke.js";
-import { $t as O } from "../utils/i18n.js";
-const X = {
+import { $t as F } from "../utils/i18n.js";
+const X = ["data-testid"], Y = ["data-testid"], Z = {
   key: 0,
   class: "flex-none flex flex-col space-y-1.5 pb-0 border-b border-border/90"
-}, Y = { class: "text-lg font-semibold leading-none tracking-tight" }, Z = {
+}, _ = { class: "text-lg font-semibold leading-none tracking-tight" }, ee = {
   key: 0,
   class: "text-sm text-muted-foreground mb-3.5"
-}, le = /* @__PURE__ */ P({
+}, ae = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
@@ -28,107 +28,113 @@ const X = {
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen"],
-  setup(t, { emit: j }) {
-    const o = t, d = j, l = c(o.show), g = c(!1), v = c(!1), k = c(null);
-    let u = null;
-    const y = c(!1), n = R("dropdown-context", null), C = h(() => o.body ? V(o.body) : void 0);
+  setup(t, { emit: O }) {
+    const o = t, u = O, l = f(o.show), k = f(!1), g = f(!1), C = f(null);
+    let c = null;
+    const y = f(!1), a = R("dropdown-context", null), w = h(() => o.body ? V(o.body) : void 0);
     T(
       () => o.show,
       (e) => {
-        l.value = e, e && (d("onOpen"), n?.close());
+        l.value = e, e && (u("onOpen"), a?.close());
       }
     );
-    const z = () => {
-      l.value = !0, n?.close();
+    const j = () => {
+      l.value = !0, a?.close();
     }, D = (e) => {
-      g.value = e;
+      k.value = e;
     }, E = (e) => {
       y.value = e;
-    }, f = () => {
-      if (g.value) {
-        v.value = !0, u && clearTimeout(u), u = setTimeout(() => {
-          v.value = !1;
+    }, m = () => {
+      if (k.value) {
+        g.value = !0, c && clearTimeout(c), c = setTimeout(() => {
+          g.value = !1;
         }, 1e3);
         return;
       }
-      l.value = !1, d("update:show", !1), d("close");
+      l.value = !1, u("update:show", !1), u("close");
     }, p = () => {
-      l.value = !1, d("update:show", !1), d("close");
+      l.value = !1, u("update:show", !1), u("close");
     };
-    W("modal-context", { close: f, setSubmitting: D, registerFormFooter: E });
+    W("modal-context", { close: m, setSubmitting: D, registerFormFooter: E });
     const M = () => {
-      o.closeOutside && f();
+      o.closeOutside && m();
     }, { onKeyStroke: N } = Q();
-    N("Escape", f), T(l, async (e) => {
-      e ? (n?.onChildToggle?.(!0), document.body.style.overflow = "hidden", await K(), k.value?.focus()) : (document.body.style.overflow = "", n?.onChildToggle?.(!1), y.value = !1);
+    N("Escape", m), T(l, async (e) => {
+      e ? (a?.onChildToggle?.(!0), document.body.style.overflow = "hidden", await K(), C.value?.focus()) : (document.body.style.overflow = "", a?.onChildToggle?.(!1), y.value = !1);
+    }), L(() => {
+      l.value && a?.onChildToggle?.(!0);
     }), A(() => {
-      l.value && n?.onChildToggle?.(!0);
-    }), U(() => {
-      l.value && n?.onChildToggle?.(!1), document.body.style.overflow = "", u && clearTimeout(u);
+      l.value && a?.onChildToggle?.(!1), document.body.style.overflow = "", c && clearTimeout(c);
     });
-    const x = h(() => o.titleI18n ? O(o.titleI18n) : o.title), w = h(
-      () => o.descriptionI18n ? O(o.descriptionI18n) : o.description
+    const r = h(() => o.titleI18n ? F(o.titleI18n) : o.title), x = h(
+      () => o.descriptionI18n ? F(o.descriptionI18n) : o.description
     );
-    return (e, $) => (s(), r(q, null, [
-      e.$slots?.trigger || e.$slots?.default ? (s(), r("span", B({
+    return (e, $) => (s(), d(U, null, [
+      e.$slots?.trigger || e.$slots?.default ? (s(), d("span", B({
         key: 0,
-        onClick: I(z, ["stop"]),
+        onClick: S(j, ["stop"]),
         class: `${t.triggerClass}`
-      }, e.$attrs), [
-        m(e.$slots, "trigger", {}, () => [
-          t.body ? m(e.$slots, "default", { key: 0 }, void 0, !0) : a("", !0)
+      }, e.$attrs, {
+        "data-testid": e.$attrs["data-testid"] ? `${e.$attrs["data-testid"]}-trigger` : r.value ? `modal-trigger-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "modal-trigger"
+      }), [
+        v(e.$slots, "trigger", {}, () => [
+          t.body ? v(e.$slots, "default", { key: 0 }, void 0, !0) : n("", !0)
         ], !0)
-      ], 16)) : a("", !0),
-      (s(), S(G, { to: "body" }, [
-        l.value ? (s(), r("div", {
+      ], 16, X)) : n("", !0),
+      (s(), I(q, { to: "body" }, [
+        l.value ? (s(), d("div", {
           key: 0,
           class: i(["fixed inset-0 z-50 flex items-center justify-center p-4 v-modal-overlay", t.backdrop ? "v-modal-backdrop" : ""]),
           onClick: M
         }, [
           b("div", {
             ref_key: "modalRef",
-            ref: k,
+            ref: C,
             tabindex: "-1",
+            role: "dialog",
+            "aria-modal": "true",
             class: i(["modal-body relative w-full rounded border border-border/60 bg-body shadow-lg text-foreground flex flex-col max-h-[85vh] sm:max-h-[90vh] focus:outline-none", [t.maxWidth]]),
-            onClick: $[0] || ($[0] = I(() => {
+            "data-testid": e.$attrs["data-testid"] || (r.value ? `modal-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "modal"),
+            onClick: $[0] || ($[0] = S(() => {
             }, ["stop"]))
           }, [
-            x.value ? (s(), r("div", X, [
+            r.value ? (s(), d("div", Z, [
               b("div", {
                 class: i(["flex items-center justify-between py-2 px-4 rounded-t-md", t.headerClass])
               }, [
-                b("h3", Y, F(x.value), 1),
-                H(L, {
+                b("h3", _, z(r.value), 1),
+                G(J, {
                   rounded: "full",
                   size: "sm",
                   icon: "lucide:x",
                   variant: "ghost",
-                  class: i(["hover:bg-gray-250/25!", { "blink-bg": v.value }]),
-                  onClick: f
+                  class: i(["hover:bg-gray-250/25!", { "blink-bg": g.value }]),
+                  "data-testid": "modal-close-btn",
+                  onClick: m
                 }, null, 8, ["class"])
               ], 2)
-            ])) : a("", !0),
+            ])) : n("", !0),
             b("div", {
               class: i(["flex-1 overflow-y-auto px-4 pt-4 min-h-0 scrollbar-thin scrollbar-stable", [y.value ? "pb-0" : "pb-3.5", t.bodyClass]])
             }, [
-              w.value ? (s(), r("p", Z, F(w.value), 1)) : a("", !0),
-              C.value ? (s(), S(J(C.value), B({ key: 1 }, { ...t.bodyProps, ...e.$attrs }, { close: p }), null, 16)) : m(e.$slots, "default", {
+              x.value ? (s(), d("p", ee, z(x.value), 1)) : n("", !0),
+              w.value ? (s(), I(H(w.value), B({ key: 1 }, { ...t.bodyProps, ...e.$attrs }, { close: p }), null, 16)) : v(e.$slots, "default", {
                 key: 2,
                 close: p
               }, void 0, !0)
             ], 2),
-            e.$slots.footer ? (s(), r("div", {
+            e.$slots.footer ? (s(), d("div", {
               key: 1,
               class: i([t.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
             }, [
-              m(e.$slots, "footer", { close: p }, void 0, !0)
-            ], 2)) : a("", !0)
-          ], 2)
-        ], 2)) : a("", !0)
+              v(e.$slots, "footer", { close: p }, void 0, !0)
+            ], 2)) : n("", !0)
+          ], 10, Y)
+        ], 2)) : n("", !0)
       ]))
     ], 64));
   }
 });
 export {
-  le as default
+  ae as default
 };

package/components/MultiSelect/MultiSelect.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     variant: "default" | "outline" | "solid" | "floating" | string;
     size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | string;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     modelValue: any[];
     options: (IDropdownOption | string | number)[];
     layout: "default" | "grouped";