vlite3 0.6.7 → 0.6.9

package/components/List/ListFieldRow.vue.js

@@ -1,19 +1,21 @@
-import { defineComponent as L, ref as H, computed as r, openBlock as a, createElementBlock as n, normalizeClass as c, createElementVNode as d, createBlock as m, createCommentVNode as b, toDisplayString as g, renderSlot as x, resolveDynamicComponent as w, createVNode as p, Fragment as M } from "vue";
-import y from "../Icon.vue.js";
-import { $t as $ } from "../../utils/i18n.js";
-import { getObjectValue as j, formatNumber as V, formatPrice as I, formatDate as k, getStatusColorClass as N } from "./utils.js";
-const D = { class: "flex items-center gap-1.5 min-w-0" }, E = { class: "text-xs font-normal text-muted-foreground leading-snug truncate" }, F = { class: "min-w-0" }, O = {
+import { defineComponent as j, ref as V, computed as c, openBlock as t, createElementBlock as s, normalizeClass as o, createElementVNode as v, createBlock as r, createCommentVNode as C, toDisplayString as w, renderSlot as T, resolveDynamicComponent as S, Fragment as m, createVNode as B } from "vue";
+import x from "../Icon.vue.js";
+import b from "../Price/Price.vue.js";
+import h from "../Date/Date.vue.js";
+import { $t as D } from "../../utils/i18n.js";
+import { getObjectValue as I, formatNumber as N, getStatusColorClass as Y } from "./utils.js";
+const F = { class: "flex items-center gap-1.5 min-w-0" }, A = { class: "text-xs font-normal text-muted-foreground leading-snug truncate" }, E = { class: "min-w-0" }, O = {
   key: 2,
   class: "flex items-center gap-1.5"
-}, z = ["innerHTML"], P = {
+}, z = ["innerHTML"], R = {
   key: 1,
   class: "text-sm font-semibold text-foreground tracking-widest select-none",
   "aria-hidden": "true"
-}, R = ["aria-label"], Y = ["src", "alt"], q = ["innerHTML"], A = { class: "flex items-center gap-1.5 shrink-0 min-w-0 max-w-[48%]" }, G = { class: "text-sm font-medium text-gray-800 truncate leading-snug" }, J = { class: "flex items-center justify-end gap-2 min-w-0 flex-1" }, K = ["innerHTML"], Q = {
+}, q = ["aria-label"], G = ["src", "alt"], J = ["innerHTML"], K = { class: "flex items-center gap-1.5 shrink-0 min-w-0 max-w-[48%]" }, P = { class: "text-sm font-medium text-gray-800 truncate leading-snug" }, Q = { class: "flex items-center justify-end gap-2 min-w-0 flex-1" }, U = ["innerHTML"], W = {
   key: 1,
   class: "text-sm text-gray-600 tracking-widest select-none",
   "aria-hidden": "true"
-}, U = ["aria-label"], W = ["src", "alt"], X = ["innerHTML"], le = /* @__PURE__ */ L({
+}, X = ["aria-label"], Z = ["src", "alt"], _ = ["innerHTML"], oe = /* @__PURE__ */ j({
   __name: "ListFieldRow",
   props: {
     field: {},
@@ -27,157 +29,198 @@ const D = { class: "flex items-center gap-1.5 min-w-0" }, E = { class: "text-xs
     stackedBorderStyle: { default: "none" }
   },
   setup(e) {
-    const t = e, s = H(!1), u = r(() => j(t.field.key, t.data)), i = r(() => {
-      const l = u.value;
-      if (t.field.format)
-        return t.field.format(l, t.data);
-      if (l == null || l === "")
-        return t.field.emptyText ?? "--";
-      switch (t.field.type) {
-        case "date":
-          return k(l, !1);
-        case "dateTime":
-          return k(l, !0);
-        case "time":
-          return k(l, !0);
-        case "price":
-          return I(l);
+    const l = e, d = V(!1), n = c(() => I(l.field.key, l.data)), f = c(() => {
+      const a = n.value;
+      if (l.field.format)
+        return l.field.format(a, l.data);
+      if (a == null || a === "")
+        return l.field.emptyText ?? "--";
+      switch (l.field.type) {
         case "number":
-          return V(l);
+          return N(a);
         case "boolean":
-          return l ? "Yes" : "No";
+          return a ? "Yes" : "No";
         default:
-          return String(l);
+          return String(a);
       }
-    }), f = r(
-      () => t.field.titleI18n ? $(t.field.titleI18n) : t.field.title ?? t.field.key
-    ), v = r(() => {
-      const l = [];
-      if (t.field.addStatusColor) {
-        const o = N(i.value);
-        o && l.push(o);
+    }), y = c(
+      () => l.field.titleI18n ? D(l.field.titleI18n) : l.field.title ?? l.field.key
+    ), i = c(() => {
+      const a = [];
+      if (l.field.addStatusColor) {
+        const u = Y(f.value);
+        u && a.push(u);
       }
-      if (t.field.class)
-        if (typeof t.field.class == "function") {
-          const o = t.field.class(u.value, t.data);
-          o && l.push(o);
+      if (l.field.class)
+        if (typeof l.field.class == "function") {
+          const u = l.field.class(n.value, l.data);
+          u && a.push(u);
         } else
-          l.push(t.field.class);
-      return l.join(" ");
-    }), h = r(() => t.field.type === "image"), C = r(() => t.variant === "striped" && t.index % 2 !== 0), S = r(() => t.variant === "stacked"), B = r(() => t.stackedBorderStyle === "divider" && t.stackedColIndex !== 0 ? "border-l border-border pl-4 pr-3.5 py-2" : "px-3.5 py-2");
-    return (l, o) => S.value ? (a(), n("div", {
+          a.push(l.field.class);
+      return a.join(" ");
+    }), p = c(() => l.field.type === "image"), L = c(() => l.variant === "striped" && l.index % 2 !== 0), H = c(() => l.variant === "stacked"), g = c(
+      () => ["date", "dateTime", "time"].includes(l.field.type || "")
+    ), k = c(() => {
+      if (l.field.type === "dateTime") return "MM/DD/YYYY hh:mm A";
+      if (l.field.type === "time") return "hh:mm A";
+    }), M = c(() => l.stackedBorderStyle === "divider" && l.stackedColIndex !== 0 ? "border-l border-border pl-4 pr-3.5 py-2" : "px-3.5 py-2");
+    return (a, u) => H.value ? (t(), s("div", {
       key: 0,
-      class: c([
+      class: o([
         "list-field-row list-field-row--stacked flex flex-col gap-0.5 min-w-0",
-        B.value
+        M.value
       ]),
       role: "row"
     }, [
-      d("div", D, [
-        e.field.icon ? (a(), m(y, {
+      v("div", F, [
+        e.field.icon ? (t(), r(x, {
           key: 0,
           icon: e.field.icon,
           class: "w-3 h-3 text-muted-foreground shrink-0"
-        }, null, 8, ["icon"])) : b("", !0),
-        d("span", E, g(f.value), 1)
+        }, null, 8, ["icon"])) : C("", !0),
+        v("span", A, w(y.value), 1)
       ]),
-      d("div", F, [
-        l.$slots[e.field.key] ? x(l.$slots, e.field.key, {
+      v("div", E, [
+        a.$slots[e.field.key] ? T(a.$slots, e.field.key, {
           key: 0,
-          value: u.value,
-          resolved: i.value,
+          value: n.value,
+          resolved: f.value,
           data: e.data
-        }) : e.field.component ? (a(), m(w(e.field.component), {
+        }) : e.field.component ? (t(), r(S(e.field.component), {
           key: 1,
           data: e.data,
-          value: u.value
-        }, null, 8, ["data", "value"])) : e.field.isSensitive ? (a(), n("div", O, [
-          s.value ? (a(), n("span", {
-            key: 0,
-            class: c(["text-sm font-semibold text-foreground break-words leading-snug", v.value]),
-            innerHTML: i.value
-          }, null, 10, z)) : (a(), n("span", P, " •••••••• ")),
-          d("button", {
+          value: n.value
+        }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), s("div", O, [
+          d.value ? (t(), s(m, { key: 0 }, [
+            e.field.type === "price" ? (t(), r(b, {
+              key: 0,
+              value: n.value,
+              class: o(["text-sm font-semibold text-foreground break-words leading-snug", i.value])
+            }, null, 8, ["value", "class"])) : g.value ? (t(), r(h, {
+              key: 1,
+              value: n.value,
+              format: k.value,
+              class: o(["text-sm font-semibold text-foreground break-words leading-snug", i.value])
+            }, null, 8, ["value", "format", "class"])) : (t(), s("span", {
+              key: 2,
+              class: o(["text-sm font-semibold text-foreground break-words leading-snug", i.value]),
+              innerHTML: f.value
+            }, null, 10, z))
+          ], 64)) : (t(), s("span", R, " •••••••• ")),
+          v("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: o[0] || (o[0] = (T) => s.value = !s.value)
+            "aria-label": d.value ? "Hide value" : "Show value",
+            onClick: u[0] || (u[0] = ($) => d.value = !d.value)
           }, [
-            p(y, {
-              icon: s.value ? "lucide:eye-off" : "lucide:eye",
+            B(x, {
+              icon: d.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3 h-3"
             }, null, 8, ["icon"])
-          ], 8, R)
-        ])) : h.value ? (a(), n("img", {
+          ], 8, q)
+        ])) : p.value ? (t(), s("img", {
           key: 3,
-          src: i.value,
-          alt: f.value,
+          src: f.value,
+          alt: y.value,
           class: "w-8 h-8 rounded-full object-cover border border-border mt-0.5"
-        }, null, 8, Y)) : (a(), n("span", {
-          key: 4,
-          class: c(["text-sm font-semibold text-foreground break-words leading-snug", v.value]),
-          innerHTML: i.value
-        }, null, 10, q))
+        }, null, 8, G)) : (t(), s(m, { key: 4 }, [
+          e.field.type === "price" ? (t(), r(b, {
+            key: 0,
+            value: n.value,
+            class: o(["text-sm font-semibold text-foreground break-words leading-snug", i.value])
+          }, null, 8, ["value", "class"])) : g.value ? (t(), r(h, {
+            key: 1,
+            value: n.value,
+            format: k.value,
+            class: o(["text-sm font-semibold text-foreground break-words leading-snug", i.value])
+          }, null, 8, ["value", "format", "class"])) : (t(), s("span", {
+            key: 2,
+            class: o(["text-sm font-semibold text-foreground break-words leading-snug", i.value]),
+            innerHTML: f.value
+          }, null, 10, J))
+        ], 64))
       ])
-    ], 2)) : (a(), n("div", {
+    ], 2)) : (t(), s("div", {
       key: 1,
-      class: c(["list-field-row flex justify-between gap-3 px-3 py-2.5 transition-colors", [
+      class: o(["list-field-row flex justify-between gap-3 px-3 py-2.5 transition-colors", [
         e.showBorderBottom && !e.isLast ? "border-b border-border" : "",
-        C.value ? "bg-muted/40" : "",
+        L.value ? "bg-muted/40" : "",
         e.variant === "compact" ? "py-1.5!" : "",
         e.variant === "minimal" ? "px-0!" : ""
       ]]),
       role: "row"
     }, [
-      d("div", A, [
-        e.field.icon ? (a(), m(y, {
+      v("div", K, [
+        e.field.icon ? (t(), r(x, {
           key: 0,
           icon: e.field.icon,
           class: "w-3.5 h-3.5 text-gray-800 shrink-0"
-        }, null, 8, ["icon"])) : b("", !0),
-        d("span", G, g(f.value) + g(e.showColon ? ":" : ""), 1)
+        }, null, 8, ["icon"])) : C("", !0),
+        v("span", P, w(y.value) + w(e.showColon ? ":" : ""), 1)
       ]),
-      d("div", J, [
-        l.$slots[e.field.key] ? x(l.$slots, e.field.key, {
+      v("div", Q, [
+        a.$slots[e.field.key] ? T(a.$slots, e.field.key, {
           key: 0,
-          value: u.value,
-          resolved: i.value,
+          value: n.value,
+          resolved: f.value,
           data: e.data
-        }) : e.field.component ? (a(), m(w(e.field.component), {
+        }) : e.field.component ? (t(), r(S(e.field.component), {
           key: 1,
           data: e.data,
-          value: u.value
-        }, null, 8, ["data", "value"])) : e.field.isSensitive ? (a(), n(M, { key: 2 }, [
-          s.value ? (a(), n("span", {
-            key: 0,
-            class: c(["text-sm text-gray-600 text-right break-words", v.value]),
-            innerHTML: i.value
-          }, null, 10, K)) : (a(), n("span", Q, " •••••••• ")),
-          d("button", {
+          value: n.value
+        }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), s(m, { key: 2 }, [
+          d.value ? (t(), s(m, { key: 0 }, [
+            e.field.type === "price" ? (t(), r(b, {
+              key: 0,
+              value: n.value,
+              class: o(["text-sm text-gray-600 text-right break-words", i.value])
+            }, null, 8, ["value", "class"])) : g.value ? (t(), r(h, {
+              key: 1,
+              value: n.value,
+              format: k.value,
+              class: o(["text-sm text-gray-600 text-right break-words", i.value])
+            }, null, 8, ["value", "format", "class"])) : (t(), s("span", {
+              key: 2,
+              class: o(["text-sm text-gray-600 text-right break-words", i.value]),
+              innerHTML: f.value
+            }, null, 10, U))
+          ], 64)) : (t(), s("span", W, " •••••••• ")),
+          v("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: o[1] || (o[1] = (T) => s.value = !s.value)
+            "aria-label": d.value ? "Hide value" : "Show value",
+            onClick: u[1] || (u[1] = ($) => d.value = !d.value)
           }, [
-            p(y, {
-              icon: s.value ? "lucide:eye-off" : "lucide:eye",
+            B(x, {
+              icon: d.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3.5 h-3.5"
             }, null, 8, ["icon"])
-          ], 8, U)
-        ], 64)) : h.value ? (a(), n("img", {
+          ], 8, X)
+        ], 64)) : p.value ? (t(), s("img", {
           key: 3,
-          src: i.value,
-          alt: f.value,
+          src: f.value,
+          alt: y.value,
           class: "w-8 h-8 rounded-full object-cover border border-border"
-        }, null, 8, W)) : (a(), n("span", {
-          key: 4,
-          class: c(["text-sm text-gray-900 text-right break-words leading-snug", v.value]),
-          innerHTML: i.value
-        }, null, 10, X))
+        }, null, 8, Z)) : (t(), s(m, { key: 4 }, [
+          e.field.type === "price" ? (t(), r(b, {
+            key: 0,
+            value: n.value,
+            class: o(["text-sm text-gray-900 text-right break-words leading-snug", i.value])
+          }, null, 8, ["value", "class"])) : g.value ? (t(), r(h, {
+            key: 1,
+            value: n.value,
+            format: k.value,
+            class: o(["text-sm text-gray-900 text-right break-words leading-snug", i.value])
+          }, null, 8, ["value", "format", "class"])) : (t(), s("span", {
+            key: 2,
+            class: o(["text-sm text-gray-900 text-right break-words leading-snug", i.value]),
+            innerHTML: f.value
+          }, null, 10, _))
+        ], 64))
       ])
     ], 2));
   }
 });
 export {
-  le as default
+  oe 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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-906bb006"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2a2855f6"]]);
 export {
-  p as default
+  m as default
 };

package/components/Modal.vue2.js

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

package/components/Navbar/Navbar.vue.d.ts

@@ -2,7 +2,39 @@ import { NavbarProps } from '../../types/navbar.type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
         header?(_: any): any;
+        header?(_: {
+            isOpen: any;
+            toggle: () => boolean;
+            sidebarVisible: any;
+            toggleSidebar: any;
+            breadcrumbItems: any;
+        }): any;
+        main?(_: {}): any;
+        main?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
         'mobile-trigger'?(_: {
             isOpen: any;
             toggle: () => boolean;
@@ -19,14 +51,6 @@ declare function __VLS_template(): {
             isOpen: any;
             toggle: () => boolean;
         }): any;
-        logo?(_: {}): any;
-        logo?(_: {}): any;
-        logo?(_: {}): any;
-        logo?(_: {}): any;
-        logo?(_: {}): any;
-        logo?(_: {}): any;
-        logo?(_: {}): any;
-        logo?(_: {}): any;
         left?(_: {}): any;
         left?(_: {}): any;
         left?(_: {}): any;
@@ -47,17 +71,6 @@ declare function __VLS_template(): {
         center?(_: {}): any;
         center?(_: {}): any;
         center?(_: {}): any;
-        right?(_: {}): any;
-        right?(_: {}): any;
-        right?(_: {}): any;
-        right?(_: {}): any;
-        right?(_: {}): any;
-        right?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        main?(_: {}): any;
         'mobile-menu'?(_: {}): any;
         'mobile-menu'?(_: {}): any;
         'mobile-menu'?(_: {}): any;
@@ -100,6 +113,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavbarProps, {}, {}
     breadcrumbSize: import('../Breadcrumb').BreadcrumbSize;
     breadcrumbHomeIcon: string;
     breadcrumbClass: string;
+    layoutMode: import('../../types/navbar.type').NavbarLayoutMode;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     mobileTriggerRef: HTMLButtonElement;
     mobileMenuRef: HTMLDivElement;