vlite3 1.4.24 → 1.4.25

package/components/AppShell/AppShell.vue.d.ts

@@ -23,6 +23,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ap
     renderNestedTabs: boolean;
     categoryRoutePrefix: string;
     logoClass: string;
+    hideSidebar: boolean;
+    hideHeader: boolean;
     sidebarToggle: boolean;
     breadcrumbVariant: import('../Breadcrumb').BreadcrumbVariant;
     breadcrumbSeparator: import('../Breadcrumb').BreadcrumbSeparator;

package/components/AppShell/AppShell.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, computed as o, provide as d, markRaw as e, openBlock as m, createBlock as c, resolveDynamicComponent as p, createSlots as _, renderList as b, withCtx as g, renderSlot as y, normalizeProps as h, guardReactiveProps as v } from "vue";
-import { useAppShell as C } from "./useAppShell.js";
-import { normalizeRoutePrefix as B, CATEGORY_MENU_ROUTE_PREFIX_KEY as P } from "../CategoryMenu/utils.js";
+import { defineComponent as f, computed as o, provide as d, markRaw as e, openBlock as m, createBlock as c, resolveDynamicComponent as p, createSlots as b, renderList as _, withCtx as g, renderSlot as y, normalizeProps as h, guardReactiveProps as v } from "vue";
+import { useAppShell as B } from "./useAppShell.js";
+import { normalizeRoutePrefix as C, CATEGORY_MENU_ROUTE_PREFIX_KEY as P } from "../CategoryMenu/utils.js";
 import l from "./AppShellLayoutSidebarFirst.vue.js";
 import R from "./AppShellLayoutDashboard.vue.js";
 import $ from "./AppShellLayoutDock.vue.js";
@@ -9,7 +9,7 @@ import k from "./AppShellLayoutHeaderShell.vue.js";
 import x from "./AppShellLayoutStorefront.vue.js";
 const A = {
   inheritAttrs: !1
-}, Y = /* @__PURE__ */ f({
+}, V = /* @__PURE__ */ f({
   ...A,
   __name: "AppShell",
   props: {
@@ -32,6 +32,8 @@ const A = {
     rightClass: { default: "" },
     mobileTriggerClass: { default: "" },
     mobileMenuVariant: { default: "sidepanel" },
+    hideSidebar: { type: Boolean, default: !1 },
+    hideHeader: { type: Boolean, default: !1 },
     sidebarToggle: { type: Boolean, default: !1 },
     breadcrumb: { type: Boolean, default: !1 },
     breadcrumbPosition: { default: "header" },
@@ -47,8 +49,8 @@ const A = {
   emits: ["toggle-mobile"],
   setup(n) {
     const a = n;
-    C(a, !0);
-    const s = o(() => B(a.categoryRoutePrefix));
+    B(a, !0);
+    const s = o(() => C(a.categoryRoutePrefix));
     d(P, s);
     const u = o(() => {
       switch (a.layoutMode) {
@@ -68,8 +70,8 @@ const A = {
           return e(l);
       }
     });
-    return (t, E) => (m(), c(p(u.value), null, _({ _: 2 }, [
-      b(t.$slots, (T, r) => ({
+    return (t, E) => (m(), c(p(u.value), null, b({ _: 2 }, [
+      _(t.$slots, (T, r) => ({
         name: r,
         fn: g((i) => [
           y(t.$slots, r, h(v(i ?? {})))
@@ -79,5 +81,5 @@ const A = {
   }
 });
 export {
-  Y as default
+  V as default
 };

package/components/AppShell/AppShellLayoutClassic.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as B, inject as E, ref as $, openBlock as a, createElementBlock as n, renderSlot as l, unref as e, createCommentVNode as b, createElementVNode as i, createVNode as u, Transition as L, withCtx as g, withDirectives as A, normalizeStyle as H, normalizeClass as d, Fragment as y, vShow as U, isRef as w, createBlock as D, createSlots as I, createTextVNode as Y } from "vue";
+import { defineComponent as H, inject as L, ref as $, openBlock as a, createElementBlock as n, withDirectives as w, renderSlot as l, unref as e, vShow as C, createCommentVNode as b, createElementVNode as i, createVNode as u, Transition as A, withCtx as g, normalizeStyle as U, normalizeClass as d, Fragment as y, isRef as T, createBlock as D, createSlots as I, createTextVNode as Y } from "vue";
 import { onClickOutside as j } from "@vueuse/core";
-import C from "../Icon.vue.js";
+import S from "../Icon.vue.js";
 import F from "../SidePanel.vue.js";
 import K from "../Navbar/NavbarTabs.vue.js";
 /* empty css                        */
@@ -26,26 +26,26 @@ const J = { class: "vlite-app-layout flex flex-col w-full h-full bg-body overflo
 }, te = {
   key: 2,
   class: "mt-auto pt-2 border-t border-border px-3! py-2!"
-}, ve = /* @__PURE__ */ B({
+}, ve = /* @__PURE__ */ H({
   __name: "AppShellLayoutClassic",
   setup(ae) {
-    const T = E(G), {
+    const z = L(G), {
       props: o,
-      sidebarHidden: S,
+      sidebarHidden: V,
       isMobileMenuOpen: r,
-      isSidebarVisible: z,
-      toggleSidebar: V,
-      pageTitle: R,
+      isSidebarVisible: R,
+      toggleSidebar: x,
+      pageTitle: M,
       breadcrumbData: c,
       breakpointClasses: f,
-      containerClasses: x,
-      centerClasses: M,
+      containerClasses: O,
+      centerClasses: N,
       nestedTabsItems: h,
       activeNestedTab: p,
-      handleNestedTabClick: O,
-      mainScrollRef: N,
-      layoutMainRef: P
-    } = T, k = $(null), v = $(null);
+      handleNestedTabClick: P,
+      mainScrollRef: B,
+      layoutMainRef: E
+    } = z, k = $(null), v = $(null);
     return j(
       k,
       () => {
@@ -53,18 +53,20 @@ const J = { class: "vlite-app-layout flex flex-col w-full h-full bg-body overflo
       },
       { ignore: [v] }
     ), (s, t) => (a(), n("div", J, [
-      s.$slots.header ? (a(), n("header", Q, [
+      s.$slots.header ? w((a(), n("header", Q, [
         l(s.$slots, "header", {
           isOpen: e(r),
           toggle: () => r.value = !e(r),
-          sidebarVisible: e(z),
-          toggleSidebar: e(V),
+          sidebarVisible: e(R),
+          toggleSidebar: e(x),
           breadcrumbItems: e(c).items.value,
-          pageTitle: e(R)
+          pageTitle: e(M)
         })
-      ])) : b("", !0),
+      ], 512)), [
+        [C, !e(o).hideHeader]
+      ]) : b("", !0),
       i("div", W, [
-        u(L, {
+        u(A, {
           "enter-active-class": "transition-all duration-300 ease-in-out overflow-hidden",
           "leave-active-class": "transition-all duration-300 ease-in-out overflow-hidden",
           "enter-from-class": "opacity-0",
@@ -73,10 +75,10 @@ const J = { class: "vlite-app-layout flex flex-col w-full h-full bg-body overflo
           "leave-to-class": "opacity-0"
         }, {
           default: g(() => [
-            A(i("nav", {
-              class: d(e(x)),
+            w(i("nav", {
+              class: d(e(O)),
               role: "navigation",
-              style: H(e(o).sidebarToggle ? "transition: width 0.3s ease, opacity 0.3s ease;" : "")
+              style: U(e(o).sidebarToggle ? "transition: width 0.3s ease, opacity 0.3s ease;" : "")
             }, [
               e(o).variant === "header" ? (a(), n(y, { key: 0 }, [
                 i("div", X, [
@@ -91,7 +93,7 @@ const J = { class: "vlite-app-layout flex flex-col w-full h-full bg-body overflo
                       class: d(["p-2 -ml-2 text-muted-foreground hover:bg-accent rounded-md shrink-0", [e(f).mobileTrigger, e(o).mobileTriggerClass]]),
                       onClick: t[0] || (t[0] = (m) => r.value = !e(r))
                     }, [
-                      u(C, {
+                      u(S, {
                         icon: "lucide:menu",
                         class: "w-5 h-5"
                       }),
@@ -107,7 +109,7 @@ const J = { class: "vlite-app-layout flex flex-col w-full h-full bg-body overflo
                 ]),
                 s.$slots?.center ? (a(), n("div", {
                   key: 0,
-                  class: d([e(M), "max-w-full", e(o).contentClass])
+                  class: d([e(N), "max-w-full", e(o).contentClass])
                 }, [
                   l(s.$slots, "center")
                 ], 2)) : b("", !0),
@@ -137,7 +139,7 @@ const J = { class: "vlite-app-layout flex flex-col w-full h-full bg-body overflo
                       class: d(["p-2 -mr-2 text-muted-foreground hover:bg-accent rounded-md", e(o).mobileTriggerClass]),
                       onClick: t[1] || (t[1] = (m) => r.value = !e(r))
                     }, [
-                      u(C, {
+                      u(S, {
                         icon: "lucide:menu",
                         class: "w-5 h-5"
                       }),
@@ -165,7 +167,7 @@ const J = { class: "vlite-app-layout flex flex-col w-full h-full bg-body overflo
                 ], 2)
               ], 64))
             ], 6), [
-              [U, !e(S)]
+              [C, !e(V)]
             ])
           ]),
           _: 3
@@ -173,14 +175,14 @@ const J = { class: "vlite-app-layout flex flex-col w-full h-full bg-body overflo
         s.$slots.main ? (a(), n("main", {
           key: 0,
           ref_key: "layoutMainRef",
-          ref: P,
+          ref: E,
           class: "flex-1 overflow-y-auto w-full relative h-full flex flex-col scrollbar-thin scrollbar-stable"
         }, [
           e(o).renderNestedTabs && e(h).length > 0 ? (a(), n("div", Z, [
             u(K, {
               modelValue: e(p),
-              "onUpdate:modelValue": t[2] || (t[2] = (m) => w(p) ? p.value = m : null),
-              onChange: e(O),
+              "onUpdate:modelValue": t[2] || (t[2] = (m) => T(p) ? p.value = m : null),
+              onChange: e(P),
               items: e(h)
             }, null, 8, ["modelValue", "onChange", "items"])
           ])) : b("", !0),
@@ -197,7 +199,7 @@ const J = { class: "vlite-app-layout flex flex-col w-full h-full bg-body overflo
           ], 2)) : b("", !0),
           i("div", {
             ref_key: "mainScrollRef",
-            ref: N,
+            ref: B,
             style: { "will-change": "transform", contain: "layout style" },
             class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable"
           }, [
@@ -226,7 +228,7 @@ const J = { class: "vlite-app-layout flex flex-col w-full h-full bg-body overflo
         ], 64)) : (a(), D(F, {
           key: 2,
           show: e(r),
-          "onUpdate:show": t[3] || (t[3] = (m) => w(r) ? r.value = m : null),
+          "onUpdate:show": t[3] || (t[3] = (m) => T(r) ? r.value = m : null),
           position: "left",
           size: "sm",
           triggerClass: e(f).mobileTrigger,

package/components/AppShell/AppShellLayoutDashboard.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, inject as z, openBlock as a, createElementBlock as o, createVNode as m, Transition as N, withCtx as p, withDirectives as _, createElementVNode as n, normalizeClass as b, unref as e, renderSlot as l, createCommentVNode as t, vShow as R, isRef as g, createSlots as B, createTextVNode as E } from "vue";
+import { defineComponent as N, inject as _, openBlock as a, createElementBlock as o, createVNode as m, Transition as R, withCtx as p, withDirectives as g, createElementVNode as n, normalizeClass as b, unref as e, renderSlot as r, createCommentVNode as t, vShow as y, isRef as w, createSlots as B, createTextVNode as E } from "vue";
 import L from "../SidePanel.vue.js";
 import M from "../Navbar/NavbarTabs.vue.js";
 /* empty css                        */
@@ -6,10 +6,10 @@ import P from "../Breadcrumb/Breadcrumb.vue.js";
 import "@iconify/vue";
 /* empty css                                */
 import { APPSHELL_LAYOUT_KEY as A } from "./useAppShell.js";
-const D = { class: "vlite-app-layout flex flex-row w-full h-full bg-muted/20 p-0 sm:p-2.5 gap-0 sm:gap-2.5 overflow-hidden" }, O = {
+const D = { class: "vlite-app-layout flex flex-row w-full h-full bg-muted/20 p-0 sm:p-2.5 gap-0 sm:gap-2.5 overflow-hidden" }, H = {
   key: 0,
   class: "flex items-center"
-}, U = { class: "flex flex-col flex-1 min-w-0 h-full overflow-hidden bg-background rounded-xl max-sm:rounded-none border border-border max-sm:border-0 shadow-sm" }, H = {
+}, O = { class: "flex flex-col flex-1 min-w-0 h-full overflow-hidden bg-background rounded-xl max-sm:rounded-none border border-border max-sm:border-0 shadow-sm" }, U = {
   key: 0,
   class: "w-full shrink-0 z-20 bg-background border-b border-border"
 }, I = {
@@ -21,26 +21,26 @@ const D = { class: "vlite-app-layout flex flex-row w-full h-full bg-muted/20 p-0
 }, K = {
   key: 0,
   class: "mt-auto"
-}, se = /* @__PURE__ */ V({
+}, se = /* @__PURE__ */ N({
   __name: "AppShellLayoutDashboard",
   setup(q) {
-    const y = z(A), {
-      props: r,
-      sidebarHidden: w,
+    const k = _(A), {
+      props: l,
+      sidebarHidden: $,
       isMobileMenuOpen: i,
-      isSidebarVisible: k,
-      toggleSidebar: $,
-      pageTitle: x,
+      isSidebarVisible: x,
+      toggleSidebar: C,
+      pageTitle: S,
       breadcrumbData: u,
       breakpointClasses: f,
       nestedTabsItems: v,
       activeNestedTab: c,
-      handleNestedTabClick: C,
-      mainScrollRef: S,
-      layoutMainRef: T
-    } = y;
+      handleNestedTabClick: T,
+      mainScrollRef: V,
+      layoutMainRef: z
+    } = k;
     return (s, d) => (a(), o("div", D, [
-      m(N, {
+      m(R, {
         "enter-active-class": "transition-all duration-300 ease-in-out",
         "leave-active-class": "transition-all duration-300 ease-in-out",
         "enter-from-class": "opacity-0 -translate-x-2",
@@ -49,85 +49,87 @@ const D = { class: "vlite-app-layout flex flex-row w-full h-full bg-muted/20 p-0
         "leave-to-class": "opacity-0 -translate-x-2"
       }, {
         default: p(() => [
-          _(n("nav", {
+          g(n("nav", {
             class: b([
               "shrink-0 h-full flex flex-col bg-background rounded-xl max-sm:rounded-none border border-border max-sm:border-0 shadow-sm overflow-hidden z-30",
               e(f).mobileTrigger === "md:hidden" ? "max-md:hidden" : "",
-              e(r).class
+              e(l).class
             ]),
             role: "navigation",
             "aria-label": "Sidebar"
           }, [
-            s.$slots["sidebar-header"] ? (a(), o("div", O, [
-              l(s.$slots, "sidebar-header")
+            s.$slots["sidebar-header"] ? (a(), o("div", H, [
+              r(s.$slots, "sidebar-header")
             ])) : t("", !0),
             n("div", {
-              class: b(["flex-1 overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-stable", e(r).contentClass]),
+              class: b(["flex-1 overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-stable", e(l).contentClass]),
               style: { "will-change": "transform", contain: "layout style" }
             }, [
-              l(s.$slots, "sidebar")
+              r(s.$slots, "sidebar")
             ], 2),
             s.$slots["sidebar-footer"] ? (a(), o("div", {
               key: 1,
-              class: b(["shrink-0 bg-transparent", e(r).rightClass])
+              class: b(["shrink-0 bg-transparent", e(l).rightClass])
             }, [
-              l(s.$slots, "sidebar-footer")
+              r(s.$slots, "sidebar-footer")
             ], 2)) : t("", !0)
           ], 2), [
-            [R, !e(w)]
+            [y, !e($)]
           ])
         ]),
         _: 3
       }),
-      n("div", U, [
-        s.$slots.header ? (a(), o("header", H, [
-          l(s.$slots, "header", {
+      n("div", O, [
+        s.$slots.header ? g((a(), o("header", U, [
+          r(s.$slots, "header", {
             isOpen: e(i),
             toggle: () => i.value = !e(i),
-            sidebarVisible: e(k),
-            toggleSidebar: e($),
+            sidebarVisible: e(x),
+            toggleSidebar: e(C),
             breadcrumbItems: e(u).items.value,
-            pageTitle: e(x)
+            pageTitle: e(S)
           })
-        ])) : t("", !0),
+        ], 512)), [
+          [y, !e(l).hideHeader]
+        ]) : t("", !0),
         s.$slots.main ? (a(), o("main", {
           key: 1,
           ref_key: "layoutMainRef",
-          ref: T,
+          ref: z,
           class: "flex-1 overflow-y-auto w-full relative h-full flex flex-col min-h-0 scrollbar-thin scrollbar-stable"
         }, [
-          e(r).renderNestedTabs && e(v).length > 0 ? (a(), o("div", I, [
+          e(l).renderNestedTabs && e(v).length > 0 ? (a(), o("div", I, [
             m(M, {
               modelValue: e(c),
-              "onUpdate:modelValue": d[0] || (d[0] = (h) => g(c) ? c.value = h : null),
-              onChange: e(C),
+              "onUpdate:modelValue": d[0] || (d[0] = (h) => w(c) ? c.value = h : null),
+              onChange: e(T),
               items: e(v)
             }, null, 8, ["modelValue", "onChange", "items"])
           ])) : t("", !0),
-          e(r).breadcrumb && e(r).breadcrumbPosition === "main" && e(u).items.value.length > 1 ? (a(), o("div", {
+          e(l).breadcrumb && e(l).breadcrumbPosition === "main" && e(u).items.value.length > 1 ? (a(), o("div", {
             key: 1,
-            class: b(["shrink-0 w-full px-6 py-2 border-b border-border", e(r).breadcrumbClass])
+            class: b(["shrink-0 w-full px-6 py-2 border-b border-border", e(l).breadcrumbClass])
           }, [
             m(e(P), {
               items: e(u).items.value,
-              variant: e(r).breadcrumbVariant,
-              separator: e(r).breadcrumbSeparator,
-              size: e(r).breadcrumbSize
+              variant: e(l).breadcrumbVariant,
+              separator: e(l).breadcrumbSeparator,
+              size: e(l).breadcrumbSize
             }, null, 8, ["items", "variant", "separator", "size"])
           ], 2)) : t("", !0),
           n("div", {
             ref_key: "mainScrollRef",
-            ref: S,
+            ref: V,
             style: { "will-change": "transform", contain: "layout style" },
             class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable"
           }, [
-            l(s.$slots, "main")
+            r(s.$slots, "main")
           ], 512)
         ], 512)) : t("", !0)
       ]),
       m(L, {
         show: e(i),
-        "onUpdate:show": d[1] || (d[1] = (h) => g(i) ? i.value = h : null),
+        "onUpdate:show": d[1] || (d[1] = (h) => w(i) ? i.value = h : null),
         position: "left",
         size: "sm",
         triggerClass: e(f).mobileTrigger,
@@ -138,13 +140,13 @@ const D = { class: "vlite-app-layout flex flex-row w-full h-full bg-muted/20 p-0
         default: p(() => [
           n("div", Y, [
             n("div", j, [
-              l(s.$slots, "mobile-sidebar", {}, () => [
-                l(s.$slots, "sidebar")
+              r(s.$slots, "mobile-sidebar", {}, () => [
+                r(s.$slots, "sidebar")
               ])
             ]),
             s.$slots["mobile-sidebar-footer"] || s.$slots["sidebar-footer"] ? (a(), o("div", K, [
-              l(s.$slots, "mobile-sidebar-footer", {}, () => [
-                l(s.$slots, "sidebar-footer")
+              r(s.$slots, "mobile-sidebar-footer", {}, () => [
+                r(s.$slots, "sidebar-footer")
               ])
             ])) : t("", !0)
           ])
@@ -154,8 +156,8 @@ const D = { class: "vlite-app-layout flex flex-row w-full h-full bg-muted/20 p-0
         s.$slots["mobile-sidebar-header"] || s.$slots["sidebar-header"] ? {
           name: "header",
           fn: p(() => [
-            l(s.$slots, "mobile-sidebar-header", {}, () => [
-              l(s.$slots, "sidebar-header", {}, () => [
+            r(s.$slots, "mobile-sidebar-header", {}, () => [
+              r(s.$slots, "sidebar-header", {}, () => [
                 d[2] || (d[2] = E("Brand", -1))
               ])
             ])

package/components/AppShell/AppShellLayoutDock.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, inject as _, openBlock as a, createElementBlock as o, createVNode as m, Transition as z, withCtx as h, withDirectives as N, createElementVNode as n, normalizeClass as b, unref as e, renderSlot as r, createCommentVNode as t, vShow as R, isRef as v, createTextVNode as B } from "vue";
+import { defineComponent as z, inject as N, openBlock as a, createElementBlock as o, createVNode as m, Transition as R, withCtx as h, withDirectives as v, createElementVNode as n, normalizeClass as b, unref as e, renderSlot as l, createCommentVNode as t, vShow as y, isRef as w, createTextVNode as B } from "vue";
 import E from "../SidePanel.vue.js";
 import L from "../Navbar/NavbarTabs.vue.js";
 /* empty css                        */
@@ -9,38 +9,38 @@ import { APPSHELL_LAYOUT_KEY as P } from "./useAppShell.js";
 const A = { class: "vlite-app-layout flex flex-row w-full h-full bg-background p-0 sm:p-2 gap-0 sm:gap-2 overflow-hidden items-stretch" }, D = {
   key: 0,
   class: "flex items-center justify-center w-full"
-}, O = { class: "flex flex-col flex-1 min-w-0 h-full overflow-hidden bg-background rounded-xl max-sm:rounded-none border border-border max-sm:border-0 shadow-sm" }, U = {
+}, H = { class: "flex flex-col flex-1 min-w-0 h-full overflow-hidden bg-background rounded-xl max-sm:rounded-none border border-border max-sm:border-0 shadow-sm" }, O = {
   key: 0,
   class: "w-full shrink-0 z-20 bg-background border-b border-border"
-}, j = {
+}, U = {
   key: 0,
   class: "shrink-0 w-full border-b border-border"
-}, H = { class: "flex flex-col h-full" }, I = {
+}, j = { class: "flex flex-col h-full" }, I = {
   class: "flex-1 overflow-y-auto px-3.5 pt-4 scrollbar-thin scrollbar-stable",
   style: { "will-change": "transform", contain: "layout style" }
 }, Y = {
   key: 0,
   class: "mt-auto pt-2 border-t border-border px-3 py-2"
-}, ee = /* @__PURE__ */ V({
+}, ee = /* @__PURE__ */ z({
   __name: "AppShellLayoutDock",
   setup(K) {
-    const y = _(P), {
-      props: l,
-      sidebarHidden: w,
+    const k = N(P), {
+      props: r,
+      sidebarHidden: x,
       isMobileMenuOpen: i,
-      isSidebarVisible: k,
-      toggleSidebar: x,
-      pageTitle: $,
+      isSidebarVisible: $,
+      toggleSidebar: C,
+      pageTitle: S,
       breadcrumbData: u,
       breakpointClasses: c,
       nestedTabsItems: g,
       activeNestedTab: f,
-      handleNestedTabClick: C,
-      mainScrollRef: S,
-      layoutMainRef: T
-    } = y;
+      handleNestedTabClick: T,
+      mainScrollRef: V,
+      layoutMainRef: _
+    } = k;
     return (s, d) => (a(), o("div", A, [
-      m(z, {
+      m(R, {
         "enter-active-class": "transition-all duration-300 ease-in-out",
         "leave-active-class": "transition-all duration-300 ease-in-out",
         "enter-from-class": "opacity-0 -translate-x-2 scale-95",
@@ -49,84 +49,86 @@ const A = { class: "vlite-app-layout flex flex-row w-full h-full bg-background p
         "leave-to-class": "opacity-0 -translate-x-2 scale-95"
       }, {
         default: h(() => [
-          N(n("nav", {
+          v(n("nav", {
             class: b([
               "shrink-0 self-center flex flex-col items-center bg-background rounded-2xl max-sm:rounded-none border border-border max-sm:border-0 shadow-sm overflow-hidden z-30 py-3 px-2 gap-0.5",
               e(c).mobileTrigger === "md:hidden" ? "max-md:hidden" : "",
-              e(l).class
+              e(r).class
             ]),
             role: "navigation",
             "aria-label": "Sidebar dock"
           }, [
             s.$slots["sidebar-header"] ? (a(), o("div", D, [
-              r(s.$slots, "sidebar-header")
+              l(s.$slots, "sidebar-header")
             ])) : t("", !0),
             n("div", {
-              class: b(["flex flex-col items-center gap-0.5 w-full", e(l).contentClass])
+              class: b(["flex flex-col items-center gap-0.5 w-full", e(r).contentClass])
             }, [
-              r(s.$slots, "sidebar")
+              l(s.$slots, "sidebar")
             ], 2),
             s.$slots["sidebar-footer"] ? (a(), o("div", {
               key: 1,
-              class: b(["flex flex-col items-center w-full", e(l).rightClass])
+              class: b(["flex flex-col items-center w-full", e(r).rightClass])
             }, [
-              r(s.$slots, "sidebar-footer")
+              l(s.$slots, "sidebar-footer")
             ], 2)) : t("", !0)
           ], 2), [
-            [R, !e(w)]
+            [y, !e(x)]
           ])
         ]),
         _: 3
       }),
-      n("div", O, [
-        s.$slots.header ? (a(), o("header", U, [
-          r(s.$slots, "header", {
+      n("div", H, [
+        s.$slots.header ? v((a(), o("header", O, [
+          l(s.$slots, "header", {
             isOpen: e(i),
             toggle: () => i.value = !e(i),
-            sidebarVisible: e(k),
-            toggleSidebar: e(x),
+            sidebarVisible: e($),
+            toggleSidebar: e(C),
             breadcrumbItems: e(u).items.value,
-            pageTitle: e($)
+            pageTitle: e(S)
           })
-        ])) : t("", !0),
+        ], 512)), [
+          [y, !e(r).hideHeader]
+        ]) : t("", !0),
         s.$slots.main ? (a(), o("main", {
           key: 1,
           ref_key: "layoutMainRef",
-          ref: T,
+          ref: _,
           class: "flex-1 overflow-y-auto w-full relative h-full flex flex-col min-h-0 scrollbar-thin scrollbar-stable"
         }, [
-          e(l).renderNestedTabs && e(g).length > 0 ? (a(), o("div", j, [
+          e(r).renderNestedTabs && e(g).length > 0 ? (a(), o("div", U, [
             m(L, {
               modelValue: e(f),
-              "onUpdate:modelValue": d[0] || (d[0] = (p) => v(f) ? f.value = p : null),
-              onChange: e(C),
+              "onUpdate:modelValue": d[0] || (d[0] = (p) => w(f) ? f.value = p : null),
+              onChange: e(T),
               items: e(g)
             }, null, 8, ["modelValue", "onChange", "items"])
           ])) : t("", !0),
-          e(l).breadcrumb && e(l).breadcrumbPosition === "main" && e(u).items.value.length > 1 ? (a(), o("div", {
+          e(r).breadcrumb && e(r).breadcrumbPosition === "main" && e(u).items.value.length > 1 ? (a(), o("div", {
             key: 1,
-            class: b(["shrink-0 w-full px-6 py-2 border-b border-border", e(l).breadcrumbClass])
+            class: b(["shrink-0 w-full px-6 py-2 border-b border-border", e(r).breadcrumbClass])
           }, [
             m(e(M), {
               items: e(u).items.value,
-              variant: e(l).breadcrumbVariant,
-              separator: e(l).breadcrumbSeparator,
-              size: e(l).breadcrumbSize
+              variant: e(r).breadcrumbVariant,
+              separator: e(r).breadcrumbSeparator,
+              size: e(r).breadcrumbSize
             }, null, 8, ["items", "variant", "separator", "size"])
           ], 2)) : t("", !0),
           n("div", {
             ref_key: "mainScrollRef",
-            ref: S,
+            ref: V,
             style: { "will-change": "transform", contain: "layout style" },
             class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable"
           }, [
-            r(s.$slots, "main")
+            l(s.$slots, "main")
           ], 512)
         ], 512)) : t("", !0)
       ]),
       m(E, {
         show: e(i),
-        "onUpdate:show": d[1] || (d[1] = (p) => v(i) ? i.value = p : null),
+        "onUpdate:show": d[1] || (d[1] = (p) => w(i) ? i.value = p : null),
         position: "left",
         size: "sm",
         triggerClass: e(c).mobileTrigger,
@@ -135,22 +137,22 @@ const A = { class: "vlite-app-layout flex flex-row w-full h-full bg-background p
         bodyClass: "p-0!"
       }, {
         header: h(() => [
-          r(s.$slots, "mobile-sidebar-header", {}, () => [
-            r(s.$slots, "sidebar-header", {}, () => [
+          l(s.$slots, "mobile-sidebar-header", {}, () => [
+            l(s.$slots, "sidebar-header", {}, () => [
               d[2] || (d[2] = B("Brand", -1))
             ])
           ])
         ]),
         default: h(() => [
-          n("div", H, [
+          n("div", j, [
             n("div", I, [
-              r(s.$slots, "mobile-sidebar", {}, () => [
-                r(s.$slots, "sidebar")
+              l(s.$slots, "mobile-sidebar", {}, () => [
+                l(s.$slots, "sidebar")
               ])
             ]),
             s.$slots["mobile-sidebar-footer"] || s.$slots["sidebar-footer"] ? (a(), o("div", Y, [
-              r(s.$slots, "mobile-sidebar-footer", {}, () => [
-                r(s.$slots, "sidebar-footer")
+              l(s.$slots, "mobile-sidebar-footer", {}, () => [
+                l(s.$slots, "sidebar-footer")
               ])
             ])) : t("", !0)
           ])