vlite3 0.6.3 → 0.6.5

package/components/Dropdown/Dropdown.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as G, ref as r, computed as h, watch as $, reactive as J, toRefs as K, openBlock as x, createElementBlock as Q, normalizeStyle as W, createVNode as k, unref as b, withCtx as u, renderSlot as f, createBlock as X, normalizeClass as Y, createSlots as Z, normalizeProps as H, guardReactiveProps as M, createCommentVNode as _ } from "vue";
-import ee from "v-tooltip-lite";
+import { defineComponent as J, ref as s, computed as h, watch as $, provide as K, reactive as Q, toRefs as W, openBlock as A, createElementBlock as X, normalizeStyle as Y, createVNode as T, unref as O, withCtx as u, renderSlot as d, createBlock as Z, normalizeClass as _, createSlots as ee, normalizeProps as M, guardReactiveProps as H, createCommentVNode as te } from "vue";
+import le from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-import te from "./DropdownMenu.vue.js";
-import ne from "./DropdownTrigger.vue.js";
-import le from "../ConfirmationModal.vue.js";
-import { useDropdownIds as oe } from "./composables/useDropdownIds.js";
-import { useDropdownSelection as ae } from "./composables/useDropdownSelection.js";
-const ve = /* @__PURE__ */ G({
+import ne from "./DropdownMenu.vue.js";
+import oe from "./DropdownTrigger.vue.js";
+import ae from "../ConfirmationModal.vue.js";
+import { useDropdownIds as ie } from "./composables/useDropdownIds.js";
+import { useDropdownSelection as se } from "./composables/useDropdownSelection.js";
+const pe = /* @__PURE__ */ J({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -45,47 +45,56 @@ const ve = /* @__PURE__ */ G({
     isNested: { type: Boolean, default: !1 }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(l, { emit: V }) {
-    const o = l, p = V, g = r(!1), d = r(null), s = r({
+  setup(n, { emit: V }) {
+    const o = n, p = V, g = s(!1), f = s(null), r = s({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), A = h(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), E = h(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), O = r(o.isOpen || !1);
+    }), E = h(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), L = h(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), S = s(o.isOpen || !1), b = s(0);
     $(
       () => o.isOpen,
       (e) => {
-        e !== void 0 && (O.value = e);
+        e !== void 0 && (S.value = e);
       }
     );
     const B = (e) => {
-      O.value = e, p("update:isOpen", e), p(e ? "onOpen" : "onClose");
-    }, C = h(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), m = r([]);
+      S.value = e, p("update:isOpen", e), p(e ? "onOpen" : "onClose");
+    }, C = () => {
+      B(!1);
+    };
+    K("dropdown-context", {
+      close: C,
+      onChildToggle: (e) => {
+        e ? b.value++ : b.value = Math.max(0, b.value - 1);
+      }
+    });
+    const w = h(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), m = s([]);
     $(
-      C,
+      w,
       (e) => {
         if (e)
           if (o.remote) {
-            const n = [...m.value];
+            const l = [...m.value];
             e.forEach((t) => {
-              n.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || n.push(t);
-            }), m.value = n;
+              l.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || l.push(t);
+            }), m.value = l;
           } else
             m.value = e;
       },
       { immediate: !0, deep: !0 }
     );
-    const v = r(/* @__PURE__ */ new Map()), S = r(!1), L = async (e) => {
+    const v = s(/* @__PURE__ */ new Map()), k = s(!1), j = async (e) => {
       if (!o.fetchSelected || e === void 0 || e === null) return;
-      let n = [];
-      Array.isArray(e) ? n = e : typeof e == "object" ? n = Object.values(e) : n = [e];
-      const t = n.filter((i) => {
-        const a = v.value.has(i), N = m.value.some((c) => (c.value ?? c.label) === i);
-        return !a && !N;
+      let l = [];
+      Array.isArray(e) ? l = e : typeof e == "object" ? l = Object.values(e) : l = [e];
+      const t = l.filter((i) => {
+        const a = v.value.has(i), x = m.value.some((c) => (c.value ?? c.label) === i);
+        return !a && !x;
       });
       if (t.length) {
-        S.value = !0;
+        k.value = !0;
         try {
           (await o.fetchSelected(t)).forEach((a) => {
             v.value.set(a.value ?? a.label, a);
@@ -93,49 +102,58 @@ const ve = /* @__PURE__ */ G({
         } catch (i) {
           console.error("[Dropdown] Hydration failed:", i);
         } finally {
-          S.value = !1;
+          k.value = !1;
         }
       }
     }, y = h(() => {
-      const e = [...m.value], n = new Set(e.map((t) => t.value ?? t.label));
+      const e = [...m.value], l = new Set(e.map((t) => t.value ?? t.label));
       return v.value.forEach((t, i) => {
-        n.has(i) || (e.unshift(t), n.add(i));
+        l.has(i) || (e.unshift(t), l.add(i));
       }), e;
-    }), { getAllRecursiveIds: j } = oe(), z = J({
-      ...K(o),
+    }), { getAllRecursiveIds: z } = ie(), D = Q({
+      ...W(o),
       options: y
-    }), { currentValue: T, selectedLabel: P, selectOption: D } = ae(
-      z,
+    }), { currentValue: P, selectedLabel: I, selectOption: R } = se(
+      D,
       p
-    );
+    ), F = h(() => {
+      const e = o.ignoreClickOutside || [], l = z(y.value);
+      return [
+        .../* @__PURE__ */ new Set([
+          ...e,
+          ...l,
+          ".modal-body",
+          ".v-modal-overlay",
+          ".sidepanel-body",
+          ".v-sidepanel-overlay"
+        ])
+      ];
+    });
     $(
-      () => T.value,
+      () => P.value,
       (e) => {
-        L(e);
+        j(e);
       },
       { immediate: !0, deep: !0 }
     );
-    const R = h(() => {
-      const e = o.ignoreClickOutside || [], n = j(y.value);
-      return [.../* @__PURE__ */ new Set([...e, ...n])];
-    }), F = (e) => {
-      o.doubleConfirmation || !!e.confirmation ? (d.value = e, typeof e.confirmation == "object" ? s.value = {
+    const U = (e) => {
+      o.doubleConfirmation || !!e.confirmation ? (f.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
         cancelText: e.confirmation.cancelText || "Cancel",
         variant: e.confirmation.variant || "primary"
-      } : s.value = {
+      } : r.value = {
         title: "Confirm Selection",
         description: `Are you sure you want to select "${e.label}"?`,
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, g.value = !0, w()) : (I(e), o.closeOnSelect && w());
-    }, I = (e) => {
-      const n = e.value ?? e.label;
-      v.value.has(n) || v.value.set(n, e);
-      const t = D(e);
+      }, g.value = !0, C()) : (N(e), o.closeOnSelect && C());
+    }, N = (e) => {
+      const l = e.value ?? e.label;
+      v.value.has(l) || v.value.set(l, e);
+      const t = R(e);
       if (!o.isNested) {
         const i = e._originalOption || e, a = i.value ?? i.label;
         (e._path || [i]).forEach((c) => {
@@ -147,117 +165,116 @@ const ve = /* @__PURE__ */ G({
           });
         });
       }
-    }, U = () => {
-      d.value && (I(d.value), d.value = null, g.value = !1);
     }, q = () => {
-      d.value = null, g.value = !1;
-    }, w = () => {
-      B(!1);
+      f.value && (N(f.value), f.value = null, g.value = !1);
+    }, G = () => {
+      f.value = null, g.value = !1;
     };
-    return (e, n) => (x(), Q("div", {
+    return (e, l) => (A(), X("div", {
       class: "relative inline-block text-left",
-      style: W({ direction: l.direction })
+      style: Y({ direction: n.direction })
     }, [
-      k(b(ee), {
+      T(O(le), {
         content: "",
         trigger: "click",
         arrow: !1,
-        teleport: l.teleport,
-        offset: l.offset,
-        placement: A.value,
-        isOpen: O.value,
-        menuId: l.menuId,
-        ignoreClickOutside: R.value,
+        teleport: n.teleport,
+        offset: n.offset,
+        placement: E.value,
+        isOpen: S.value,
+        keepAlive: b.value > 0,
+        menuId: n.menuId,
+        ignoreClickOutside: F.value,
         class: "w-full",
-        className: "dropdown " + (l.className || ""),
-        onOnShow: n[2] || (n[2] = (t) => e.$emit("onOpen")),
-        onOnHide: n[3] || (n[3] = (t) => e.$emit("onClose")),
+        className: "dropdown " + (n.className || ""),
+        onOnShow: l[2] || (l[2] = (t) => e.$emit("onOpen")),
+        onOnHide: l[3] || (l[3] = (t) => e.$emit("onClose")),
         "onUpdate:isOpen": B,
         triggerClass: "w-full",
         styles: { padding: "0" }
       }, {
         trigger: u(({ isOpen: t }) => [
-          f(e.$slots, "trigger", H(M({ selectedLabel: b(P), isOpen: t })), () => [
-            k(ne, {
-              "selected-label": b(P),
+          d(e.$slots, "trigger", M(H({ selectedLabel: O(I), isOpen: t })), () => [
+            T(oe, {
+              "selected-label": O(I),
               "is-open": t,
-              direction: l.direction,
-              triggerProps: l.triggerProps,
+              direction: n.direction,
+              triggerProps: n.triggerProps,
               class: "w-full"
             }, null, 8, ["selected-label", "is-open", "direction", "triggerProps"])
           ])
         ]),
         default: u(() => [
-          f(e.$slots, "default"),
-          C.value.length || y.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable ? (x(), X(te, {
+          d(e.$slots, "default"),
+          w.value.length || y.value.length || e.$slots.menu || e.$slots.item || n.remote || n.searchable ? (A(), Z(ne, {
             key: 0,
-            options: C.value,
+            options: w.value,
             cachedOptions: y.value,
-            class: Y(l.className),
-            selected: b(T),
-            selectedIndex: l.selectedIndex,
-            maxHeight: l.maxHeight,
-            nestedPosition: E.value,
-            nestedOffset: l.nestedOffset,
-            selectable: l.selectable,
-            direction: l.direction,
-            layout: l.layout,
-            columns: l.columns,
-            loading: l.loading || S.value,
-            hasMore: l.hasMore,
-            searchable: l.searchable,
-            remote: l.remote,
-            debounceTime: l.debounceTime,
-            onSelect: F,
-            onClose: w,
-            onLoadMore: n[0] || (n[0] = (t) => e.$emit("load-more")),
-            onSearch: n[1] || (n[1] = (t) => e.$emit("search", t))
-          }, Z({ _: 2 }, [
+            class: _(n.className),
+            selected: O(P),
+            selectedIndex: n.selectedIndex,
+            maxHeight: n.maxHeight,
+            nestedPosition: L.value,
+            nestedOffset: n.nestedOffset,
+            selectable: n.selectable,
+            direction: n.direction,
+            layout: n.layout,
+            columns: n.columns,
+            loading: n.loading || k.value,
+            hasMore: n.hasMore,
+            searchable: n.searchable,
+            remote: n.remote,
+            debounceTime: n.debounceTime,
+            onSelect: U,
+            onClose: C,
+            onLoadMore: l[0] || (l[0] = (t) => e.$emit("load-more")),
+            onSearch: l[1] || (l[1] = (t) => e.$emit("search", t))
+          }, ee({ _: 2 }, [
             e.$slots.menu ? {
               name: "menu",
               fn: u(() => [
-                f(e.$slots, "menu")
+                d(e.$slots, "menu")
               ]),
               key: "0"
             } : void 0,
             e.$slots.item ? {
               name: "item",
               fn: u((t) => [
-                f(e.$slots, "item", H(M(t)))
+                d(e.$slots, "item", M(H(t)))
               ]),
               key: "1"
             } : void 0,
             e.$slots.header ? {
               name: "header",
               fn: u(() => [
-                f(e.$slots, "header")
+                d(e.$slots, "header")
               ]),
               key: "2"
             } : void 0,
             e.$slots.footer ? {
               name: "footer",
               fn: u(() => [
-                f(e.$slots, "footer")
+                d(e.$slots, "footer")
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : _("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : te("", !0)
         ]),
         _: 3
-      }, 8, ["teleport", "offset", "placement", "isOpen", "menuId", "ignoreClickOutside", "className"]),
-      k(le, {
+      }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
+      T(ae, {
         show: g.value,
-        title: s.value.title,
-        description: s.value.description,
-        "confirm-text": s.value.confirmText,
-        "cancel-text": s.value.cancelText,
-        variant: s.value.variant,
-        onConfirm: U,
-        onCancel: q
+        title: r.value.title,
+        description: r.value.description,
+        "confirm-text": r.value.confirmText,
+        "cancel-text": r.value.cancelText,
+        variant: r.value.variant,
+        onConfirm: q,
+        onCancel: G
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])
     ], 4));
   }
 });
 export {
-  ve as default
+  pe as default
 };

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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b4f8e934"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c26acbd9"]]);
 export {
   m as default
 };

package/components/Modal.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as N, ref as u, watch as g, provide as P, nextTick as V, onUnmounted as j, computed as x, openBlock as s, createElementBlock as r, Fragment as K, createElementVNode as d, mergeProps as C, withModifiers as w, renderSlot as f, createCommentVNode as c, createBlock as $, Teleport as M, createVNode as B, Transition as R, withCtx as W, normalizeClass as a, toDisplayString as T, resolveDynamicComponent as A } from "vue";
-import F from "./Button.vue.js";
-import { useKeyStroke as U } from "../composables/useKeyStroke.js";
-import { $t as I } from "../utils/i18n.js";
-const q = {
+import { defineComponent as M, ref as f, inject as N, watch as x, provide as P, nextTick as V, onMounted as K, onUnmounted as R, computed as C, openBlock as n, createElementBlock as d, Fragment as W, createElementVNode as c, mergeProps as w, withModifiers as T, renderSlot as m, createCommentVNode as u, createBlock as $, Teleport as A, createVNode as B, Transition as F, withCtx as U, normalizeClass as a, toDisplayString as I, resolveDynamicComponent as q } from "vue";
+import G from "./Button.vue.js";
+import { useKeyStroke as H } from "../composables/useKeyStroke.js";
+import { $t as S } from "../utils/i18n.js";
+const J = {
   key: 0,
   class: "flex-none flex flex-col space-y-1.5 pb-0 border-b border-border/90"
-}, G = { class: "text-lg font-semibold leading-none tracking-tight" }, H = {
+}, L = { class: "text-lg font-semibold leading-none tracking-tight" }, Q = {
   key: 0,
   class: "text-sm text-muted-foreground mb-6.5"
-}, Y = /* @__PURE__ */ N({
+}, ee = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
@@ -28,51 +28,54 @@ const q = {
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen"],
-  setup(t, { emit: S }) {
-    const o = t, m = S, n = u(o.show), b = u(!1), y = u(!1), p = u(null);
+  setup(o, { emit: O }) {
+    const t = o, y = O, l = f(t.show), p = f(!1), b = f(!1), v = f(null);
     let i = null;
-    g(
-      () => o.show,
+    const r = N("dropdown-context", null);
+    x(
+      () => t.show,
       (e) => {
-        n.value = e, e && m("onOpen");
+        l.value = e, e && (y("onOpen"), r?.close());
       }
     );
-    const O = () => {
-      n.value = !0;
+    const j = () => {
+      l.value = !0, r?.close();
     }, z = (e) => {
-      b.value = e;
-    }, l = () => {
-      if (b.value) {
-        y.value = !0, i && clearTimeout(i), i = setTimeout(() => {
-          y.value = !1;
+      p.value = e;
+    }, s = () => {
+      if (p.value) {
+        b.value = !0, i && clearTimeout(i), i = setTimeout(() => {
+          b.value = !1;
         }, 1e3);
         return;
       }
-      n.value = !1, m("update:show", !1), m("close");
+      l.value = !1, y("update:show", !1), y("close");
     };
-    P("modal-context", { close: l, setSubmitting: z });
+    P("modal-context", { close: s, setSubmitting: z });
     const D = () => {
-      o.closeOutside && l();
-    }, { onKeyStroke: E } = U();
-    E("Escape", l), g(n, async (e) => {
-      e ? (document.body.style.overflow = "hidden", await V(), p.value?.focus()) : document.body.style.overflow = "";
-    }), j(() => {
-      document.body.style.overflow = "", i && clearTimeout(i);
+      t.closeOutside && s();
+    }, { onKeyStroke: E } = H();
+    E("Escape", s), x(l, async (e) => {
+      r?.onChildToggle?.(e), e ? (document.body.style.overflow = "hidden", await V(), v.value?.focus()) : document.body.style.overflow = "";
+    }), K(() => {
+      l.value && r?.onChildToggle?.(!0);
+    }), R(() => {
+      l.value && r?.onChildToggle?.(!1), document.body.style.overflow = "", i && clearTimeout(i);
     });
-    const v = x(() => o.titleI18n ? I(o.titleI18n) : o.title), h = x(
-      () => o.descriptionI18n ? I(o.descriptionI18n) : o.description
+    const h = C(() => t.titleI18n ? S(t.titleI18n) : t.title), g = C(
+      () => t.descriptionI18n ? S(t.descriptionI18n) : t.description
     );
-    return (e, k) => (s(), r(K, null, [
-      d("span", C({
-        onClick: w(O, ["stop"]),
-        class: `${t.triggerClass}`
+    return (e, k) => (n(), d(W, null, [
+      c("span", w({
+        onClick: T(j, ["stop"]),
+        class: `${o.triggerClass}`
       }, e.$attrs), [
-        f(e.$slots, "trigger", {}, () => [
-          t.body ? f(e.$slots, "default", { key: 0 }, void 0, !0) : c("", !0)
+        m(e.$slots, "trigger", {}, () => [
+          o.body ? m(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
         ], !0)
       ], 16),
-      (s(), $(M, { to: "body" }, [
-        B(R, {
+      (n(), $(A, { to: "body" }, [
+        B(F, {
           "enter-active-class": "transition duration-200 ease-out",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -80,52 +83,52 @@ const q = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: W(() => [
-            n.value ? (s(), r("div", {
+          default: U(() => [
+            l.value ? (n(), d("div", {
               key: 0,
-              class: a(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4", t.backdrop && "backdrop-blur-[2px]"]),
+              class: a(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4 v-modal-overlay", o.backdrop && "backdrop-blur-[2px]"]),
               onClick: D
             }, [
-              d("div", {
+              c("div", {
                 ref_key: "modalRef",
-                ref: p,
+                ref: v,
                 tabindex: "-1",
-                class: a(["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: k[0] || (k[0] = w(() => {
+                class: a(["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", [o.maxWidth]]),
+                onClick: k[0] || (k[0] = T(() => {
                 }, ["stop"]))
               }, [
-                v.value ? (s(), r("div", q, [
-                  d("div", {
-                    class: a(["flex items-center justify-between py-2 px-4 rounded-t-md", t.headerClass])
+                h.value ? (n(), d("div", J, [
+                  c("div", {
+                    class: a(["flex items-center justify-between py-2 px-4 rounded-t-md", o.headerClass])
                   }, [
-                    d("h3", G, T(v.value), 1),
-                    B(F, {
+                    c("h3", L, I(h.value), 1),
+                    B(G, {
                       rounded: "full",
                       size: "sm",
                       icon: "lucide:x",
                       variant: "ghost",
-                      class: a(["hover:bg-gray-250/25! transition-all", { "blink-bg": y.value }]),
-                      onClick: l
+                      class: a(["hover:bg-gray-250/25! transition-all", { "blink-bg": b.value }]),
+                      onClick: s
                     }, null, 8, ["class"])
                   ], 2)
-                ])) : c("", !0),
-                d("div", {
-                  class: a(["flex-1 overflow-y-auto px-4 pt-4 pb-3.5 min-h-0", t.bodyClass])
+                ])) : u("", !0),
+                c("div", {
+                  class: a(["flex-1 overflow-y-auto px-4 pt-4 pb-3.5 min-h-0", o.bodyClass])
                 }, [
-                  h.value ? (s(), r("p", H, T(h.value), 1)) : c("", !0),
-                  t.body ? (s(), $(A(t.body), C({ key: 1 }, { ...t.bodyProps, ...e.$attrs }, { close: l }), null, 16)) : f(e.$slots, "default", {
+                  g.value ? (n(), d("p", Q, I(g.value), 1)) : u("", !0),
+                  o.body ? (n(), $(q(o.body), w({ key: 1 }, { ...o.bodyProps, ...e.$attrs }, { close: s }), null, 16)) : m(e.$slots, "default", {
                     key: 2,
-                    close: l
+                    close: s
                   }, void 0, !0)
                 ], 2),
-                e.$slots.footer ? (s(), r("div", {
+                e.$slots.footer ? (n(), d("div", {
                   key: 1,
-                  class: a([t.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
+                  class: a([o.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
                 }, [
-                  f(e.$slots, "footer", { close: l }, void 0, !0)
-                ], 2)) : c("", !0)
+                  m(e.$slots, "footer", { close: s }, void 0, !0)
+                ], 2)) : u("", !0)
               ], 2)
-            ], 2)) : c("", !0)
+            ], 2)) : u("", !0)
           ]),
           _: 3
         })
@@ -134,5 +137,5 @@ const q = {
   }
 });
 export {
-  Y as default
+  ee as default
 };

package/components/Screen/Screen.vue.d.ts

@@ -8,6 +8,7 @@ declare function __VLS_template(): {
         actions?(_: {}): any;
         'after-add'?(_: {}): any;
         'custom-header'?(_: {}): any;
+        'sub-header'?(_: {}): any;
         empty?(_: {}): any;
     };
     refs: {