vlite3 1.4.24 → 1.4.26

package/components/AppShell/AppShellLayoutHeaderShell.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as V, inject as z, openBlock as a, createElementBlock as o, createVNode as m, Transition as _, withCtx as p, withDirectives as N, createElementVNode as t, normalizeClass as b, unref as e, renderSlot as l, createCommentVNode as i, vShow as R, isRef as g, createSlots as B, createTextVNode as E } from "vue";
-import L from "../SidePanel.vue.js";
-import M from "../Navbar/NavbarTabs.vue.js";
+import { defineComponent as _, inject as N, openBlock as a, createElementBlock as o, createVNode as m, Transition as R, withCtx as p, withDirectives as g, createElementVNode as t, normalizeClass as b, unref as e, renderSlot as r, createCommentVNode as i, vShow as y, isRef as w, createSlots as B, createTextVNode as E } from "vue";
+import H from "../SidePanel.vue.js";
+import L from "../Navbar/NavbarTabs.vue.js";
 /* empty css                        */
-import P from "../Breadcrumb/Breadcrumb.vue.js";
+import M from "../Breadcrumb/Breadcrumb.vue.js";
 import "@iconify/vue";
 /* empty css                                */
-import { APPSHELL_LAYOUT_KEY as A } from "./useAppShell.js";
-const H = { class: "vlite-app-layout flex flex-row w-full h-full bg-background overflow-hidden" }, O = {
+import { APPSHELL_LAYOUT_KEY as P } from "./useAppShell.js";
+const A = { class: "vlite-app-layout flex flex-row w-full h-full bg-background overflow-hidden" }, O = {
   key: 0,
   class: "flex items-center"
 }, U = { class: "flex flex-col flex-1 min-w-0 h-full overflow-hidden gap-2 max-sm:p-0 max-sm:gap-0" }, D = {
@@ -21,26 +21,26 @@ const H = { class: "vlite-app-layout flex flex-row w-full h-full bg-background o
 }, q = {
   key: 0,
   class: "mt-auto"
-}, le = /* @__PURE__ */ V({
+}, le = /* @__PURE__ */ _({
   __name: "AppShellLayoutHeaderShell",
   setup(F) {
-    const y = z(A), {
-      props: r,
-      sidebarHidden: w,
+    const k = N(P), {
+      props: l,
+      sidebarHidden: $,
       isMobileMenuOpen: d,
-      isSidebarVisible: k,
-      toggleSidebar: $,
-      pageTitle: x,
+      isSidebarVisible: x,
+      toggleSidebar: C,
+      pageTitle: S,
       breadcrumbData: f,
       breakpointClasses: u,
       nestedTabsItems: v,
       activeNestedTab: c,
-      handleNestedTabClick: C,
-      mainScrollRef: S,
-      layoutMainRef: T
-    } = y;
-    return (s, n) => (a(), o("div", H, [
-      m(_, {
+      handleNestedTabClick: T,
+      mainScrollRef: V,
+      layoutMainRef: z
+    } = k;
+    return (s, n) => (a(), o("div", A, [
+      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,87 +49,89 @@ const H = { class: "vlite-app-layout flex flex-row w-full h-full bg-background o
         "leave-to-class": "opacity-0 -translate-x-2"
       }, {
         default: p(() => [
-          N(t("nav", {
+          g(t("nav", {
             class: b([
               "shrink-0 h-full flex flex-col bg-background border-r border-border  overflow-hidden z-30",
               e(u).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")
+              r(s.$slots, "sidebar-header")
             ])) : i("", !0),
             t("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", e(r).rightClass])
+              class: b(["shrink-0", e(l).rightClass])
             }, [
-              l(s.$slots, "sidebar-footer")
+              r(s.$slots, "sidebar-footer")
             ], 2)) : i("", !0)
           ], 2), [
-            [R, !e(w)]
+            [y, !e($)]
           ])
         ]),
         _: 3
       }),
       t("div", U, [
-        s.$slots.header ? (a(), o("header", D, [
+        s.$slots.header ? g((a(), o("header", D, [
           t("div", I, [
-            l(s.$slots, "header", {
+            r(s.$slots, "header", {
               isOpen: e(d),
               toggle: () => d.value = !e(d),
-              sidebarVisible: e(k),
-              toggleSidebar: e($),
+              sidebarVisible: e(x),
+              toggleSidebar: e(C),
               breadcrumbItems: e(f).items.value,
-              pageTitle: e(x)
+              pageTitle: e(S)
             })
           ])
-        ])) : i("", !0),
+        ], 512)), [
+          [y, !e(l).hideHeader]
+        ]) : i("", !0),
         s.$slots.main ? (a(), o("main", {
           key: 1,
           ref_key: "layoutMainRef",
-          ref: T,
+          ref: z,
           class: "flex-1 overflow-hidden w-full relative flex flex-col min-h-0 bg-background"
         }, [
-          e(r).renderNestedTabs && e(v).length > 0 ? (a(), o("div", Y, [
-            m(M, {
+          e(l).renderNestedTabs && e(v).length > 0 ? (a(), o("div", Y, [
+            m(L, {
               modelValue: e(c),
-              "onUpdate:modelValue": n[0] || (n[0] = (h) => g(c) ? c.value = h : null),
-              onChange: e(C),
+              "onUpdate:modelValue": n[0] || (n[0] = (h) => w(c) ? c.value = h : null),
+              onChange: e(T),
               items: e(v)
             }, null, 8, ["modelValue", "onChange", "items"])
           ])) : i("", !0),
-          e(r).breadcrumb && e(r).breadcrumbPosition === "main" && e(f).items.value.length > 1 ? (a(), o("div", {
+          e(l).breadcrumb && e(l).breadcrumbPosition === "main" && e(f).items.value.length > 1 ? (a(), o("div", {
             key: 1,
-            class: b(["shrink-0 w-full border-b border-border px-6 py-2", e(r).breadcrumbClass])
+            class: b(["shrink-0 w-full border-b border-border px-6 py-2", e(l).breadcrumbClass])
           }, [
-            m(e(P), {
+            m(e(M), {
               items: e(f).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)) : i("", !0),
           t("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)) : i("", !0)
       ]),
-      m(L, {
+      m(H, {
         show: e(d),
-        "onUpdate:show": n[1] || (n[1] = (h) => g(d) ? d.value = h : null),
+        "onUpdate:show": n[1] || (n[1] = (h) => w(d) ? d.value = h : null),
         position: "left",
         size: "sm",
         triggerClass: e(u).mobileTrigger,
@@ -140,13 +142,13 @@ const H = { class: "vlite-app-layout flex flex-row w-full h-full bg-background o
         default: p(() => [
           t("div", j, [
             t("div", K, [
-              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", q, [
-              l(s.$slots, "mobile-sidebar-footer", {}, () => [
-                l(s.$slots, "sidebar-footer")
+              r(s.$slots, "mobile-sidebar-footer", {}, () => [
+                r(s.$slots, "sidebar-footer")
               ])
             ])) : i("", !0)
           ])
@@ -156,8 +158,8 @@ const H = { class: "vlite-app-layout flex flex-row w-full h-full bg-background o
         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", {}, () => [
                 n[2] || (n[2] = E("Brand", -1))
               ])
             ])

package/components/AppShell/AppShellLayoutSidebarFirst.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, inject as z, openBlock as r, createElementBlock as o, createVNode as m, Transition as N, withCtx as p, withDirectives as R, createElementVNode as d, normalizeClass as b, unref as e, renderSlot as s, createCommentVNode as t, vShow as _, isRef as y, createSlots as B, createTextVNode as E } from "vue";
+import { defineComponent as N, inject as R, openBlock as r, createElementBlock as o, createVNode as m, Transition as _, withCtx as p, withDirectives as y, createElementVNode as d, normalizeClass as b, unref as e, renderSlot as a, createCommentVNode as t, vShow as g, 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 O = { class: "vlite-app-layout flex flex-row w-full h-full bg-body overflow-hidden" }, U = { class: "flex flex-col flex-1 min-w-0 h-full overflow-hidden" }, D = {
+const H = { class: "vlite-app-layout flex flex-row w-full h-full bg-body overflow-hidden" }, O = { class: "flex flex-col flex-1 min-w-0 h-full overflow-hidden" }, U = {
   key: 0,
   class: "w-full shrink-0 z-20 border-b bg-background"
-}, H = {
+}, D = {
   key: 0,
   class: "shrink-0 w-full"
 }, I = { class: "flex flex-col h-full" }, Y = {
@@ -18,26 +18,26 @@ const O = { class: "vlite-app-layout flex flex-row w-full h-full bg-body overflo
 }, j = {
   key: 0,
   class: "mt-auto"
-}, ee = /* @__PURE__ */ x({
+}, ee = /* @__PURE__ */ N({
   __name: "AppShellLayoutSidebarFirst",
   setup(F) {
-    const g = z(A), {
-      props: a,
-      sidebarHidden: w,
+    const k = R(A), {
+      props: s,
+      sidebarHidden: $,
       isMobileMenuOpen: i,
-      isSidebarVisible: k,
-      toggleSidebar: $,
-      pageTitle: C,
+      isSidebarVisible: C,
+      toggleSidebar: S,
+      pageTitle: T,
       breadcrumbData: f,
       breakpointClasses: u,
       nestedTabsItems: v,
       activeNestedTab: c,
-      handleNestedTabClick: S,
-      mainScrollRef: T,
-      layoutMainRef: V
-    } = g;
-    return (l, n) => (r(), o("div", O, [
-      m(N, {
+      handleNestedTabClick: V,
+      mainScrollRef: x,
+      layoutMainRef: z
+    } = k;
+    return (l, n) => (r(), o("div", H, [
+      m(_, {
         "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",
@@ -46,83 +46,85 @@ const O = { class: "vlite-app-layout flex flex-row w-full h-full bg-body overflo
         "leave-to-class": "opacity-0 -translate-x-2"
       }, {
         default: p(() => [
-          R(d("nav", {
+          y(d("nav", {
             class: b([
               "shrink-0 h-full flex flex-col bg-background border-r border-border overflow-hidden z-30",
               e(u).mobileTrigger === "md:hidden" ? "max-md:hidden" : "",
-              e(a).class
+              e(s).class
             ]),
             role: "navigation",
             "aria-label": "Sidebar"
           }, [
-            l.$slots["sidebar-header"] ? s(l.$slots, "sidebar-header", { key: 0 }) : t("", !0),
+            l.$slots["sidebar-header"] ? a(l.$slots, "sidebar-header", { key: 0 }) : t("", !0),
             d("div", {
-              class: b(["flex-1 overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-stable", e(a).contentClass]),
+              class: b(["flex-1 overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-stable", e(s).contentClass]),
               style: { "will-change": "transform", contain: "layout style" }
             }, [
-              s(l.$slots, "sidebar")
+              a(l.$slots, "sidebar")
             ], 2),
             l.$slots["sidebar-footer"] ? (r(), o("div", {
               key: 1,
-              class: b(["shrink-0", e(a).rightClass])
+              class: b(["shrink-0", e(s).rightClass])
             }, [
-              s(l.$slots, "sidebar-footer")
+              a(l.$slots, "sidebar-footer")
             ], 2)) : t("", !0)
           ], 2), [
-            [_, !e(w)]
+            [g, !e($)]
           ])
         ]),
         _: 3
       }),
-      d("div", U, [
-        l.$slots.header ? (r(), o("header", D, [
-          s(l.$slots, "header", {
+      d("div", O, [
+        l.$slots.header ? y((r(), o("header", U, [
+          a(l.$slots, "header", {
             isOpen: e(i),
             toggle: () => i.value = !e(i),
-            sidebarVisible: e(k),
-            toggleSidebar: e($),
+            sidebarVisible: e(C),
+            toggleSidebar: e(S),
             breadcrumbItems: e(f).items.value,
-            pageTitle: e(C)
+            pageTitle: e(T)
           })
-        ])) : t("", !0),
+        ], 512)), [
+          [g, !e(s).hideHeader]
+        ]) : t("", !0),
         l.$slots.main ? (r(), o("main", {
           key: 1,
           ref_key: "layoutMainRef",
-          ref: V,
+          ref: z,
           class: "flex-1 overflow-y-auto w-full relative h-full flex flex-col min-h-0 scrollbar-thin scrollbar-stable"
         }, [
-          e(a).renderNestedTabs && e(v).length > 0 ? (r(), o("div", H, [
+          e(s).renderNestedTabs && e(v).length > 0 ? (r(), o("div", D, [
             m(M, {
               modelValue: e(c),
-              "onUpdate:modelValue": n[0] || (n[0] = (h) => y(c) ? c.value = h : null),
-              onChange: e(S),
+              "onUpdate:modelValue": n[0] || (n[0] = (h) => w(c) ? c.value = h : null),
+              onChange: e(V),
               items: e(v)
             }, null, 8, ["modelValue", "onChange", "items"])
           ])) : t("", !0),
-          e(a).breadcrumb && e(a).breadcrumbPosition === "main" && e(f).items.value.length > 1 ? (r(), o("div", {
+          e(s).breadcrumb && e(s).breadcrumbPosition === "main" && e(f).items.value.length > 1 ? (r(), o("div", {
             key: 1,
-            class: b(["shrink-0 w-full border-b border-border px-6 py-2", e(a).breadcrumbClass])
+            class: b(["shrink-0 w-full border-b border-border px-6 py-2", e(s).breadcrumbClass])
           }, [
             m(e(P), {
               items: e(f).items.value,
-              variant: e(a).breadcrumbVariant,
-              separator: e(a).breadcrumbSeparator,
-              size: e(a).breadcrumbSize
+              variant: e(s).breadcrumbVariant,
+              separator: e(s).breadcrumbSeparator,
+              size: e(s).breadcrumbSize
             }, null, 8, ["items", "variant", "separator", "size"])
           ], 2)) : t("", !0),
           d("div", {
             ref_key: "mainScrollRef",
-            ref: T,
+            ref: x,
             style: { "will-change": "transform", contain: "layout style" },
             class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable"
           }, [
-            s(l.$slots, "main")
+            a(l.$slots, "main")
           ], 512)
         ], 512)) : t("", !0)
       ]),
       m(L, {
         show: e(i),
-        "onUpdate:show": n[1] || (n[1] = (h) => y(i) ? i.value = h : null),
+        "onUpdate:show": n[1] || (n[1] = (h) => w(i) ? i.value = h : null),
         position: "left",
         size: "sm",
         triggerClass: e(u).mobileTrigger,
@@ -133,13 +135,13 @@ const O = { class: "vlite-app-layout flex flex-row w-full h-full bg-body overflo
         default: p(() => [
           d("div", I, [
             d("div", Y, [
-              s(l.$slots, "mobile-sidebar", {}, () => [
-                s(l.$slots, "sidebar")
+              a(l.$slots, "mobile-sidebar", {}, () => [
+                a(l.$slots, "sidebar")
               ])
             ]),
             l.$slots["mobile-sidebar-footer"] || l.$slots["sidebar-footer"] ? (r(), o("div", j, [
-              s(l.$slots, "mobile-sidebar-footer", {}, () => [
-                s(l.$slots, "sidebar-footer")
+              a(l.$slots, "mobile-sidebar-footer", {}, () => [
+                a(l.$slots, "sidebar-footer")
               ])
             ])) : t("", !0)
           ])
@@ -149,8 +151,8 @@ const O = { class: "vlite-app-layout flex flex-row w-full h-full bg-body overflo
         l.$slots["mobile-sidebar-header"] || l.$slots["sidebar-header"] ? {
           name: "header",
           fn: p(() => [
-            s(l.$slots, "mobile-sidebar-header", {}, () => [
-              s(l.$slots, "sidebar-header", {}, () => [
+            a(l.$slots, "mobile-sidebar-header", {}, () => [
+              a(l.$slots, "sidebar-header", {}, () => [
                 n[2] || (n[2] = E("Brand", -1))
               ])
             ])

package/components/AppShell/AppShellLayoutStorefront.vue.js

@@ -1,39 +1,39 @@
-import { defineComponent as z, inject as T, computed as v, openBlock as t, createElementBlock as i, renderSlot as l, createCommentVNode as d, createElementVNode as a, normalizeClass as n, unref as e, createVNode as f, isRef as y, createSlots as _, withCtx as w } from "vue";
-import R from "../Icon.vue.js";
-import P from "../SidePanel.vue.js";
-import V from "../Navbar/NavbarTabs.vue.js";
+import { defineComponent as z, inject as T, computed as v, openBlock as t, createElementBlock as i, renderSlot as l, createCommentVNode as d, withDirectives as _, createElementVNode as a, normalizeClass as n, unref as e, createVNode as f, vShow as R, isRef as y, createSlots as P, withCtx as w } from "vue";
+import V from "../Icon.vue.js";
+import j from "../SidePanel.vue.js";
+import N from "../Navbar/NavbarTabs.vue.js";
 /* empty css                        */
-import j from "../Breadcrumb/Breadcrumb.vue.js";
+import B from "../Breadcrumb/Breadcrumb.vue.js";
 /* empty css                                */
-import { APPSHELL_LAYOUT_KEY as N } from "./useAppShell.js";
-import { normalizeRoutePrefix as B } from "../CategoryMenu/utils.js";
-const E = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body text-foreground overflow-hidden" }, L = {
+import { APPSHELL_LAYOUT_KEY as E } from "./useAppShell.js";
+import { normalizeRoutePrefix as L } from "../CategoryMenu/utils.js";
+const M = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body text-foreground overflow-hidden" }, O = {
   key: 0,
   class: "shrink-0 w-full"
-}, M = { class: "w-full mx-auto px-3 sm:px-4 md:px-6 lg:px-8" }, O = ["aria-label"], A = {
+}, A = { class: "w-full mx-auto px-3 sm:px-4 md:px-6 lg:px-8" }, U = ["aria-label"], D = {
   key: 0,
   class: "flex items-center justify-center min-w-0 flex-1 px-2"
-}, U = { class: "w-full min-w-0 mx-auto overflow-hidden" }, Y = {
+}, H = { class: "w-full min-w-0 mx-auto overflow-hidden" }, Y = {
   key: 0,
   class: "shrink-0 w-full"
-}, D = {
+}, I = {
   key: 2,
   class: "shrink-0 w-full border-t border-border bg-background"
-}, H = { class: "flex flex-col h-full" }, I = {
+}, K = { class: "flex flex-col h-full" }, q = {
   class: "flex-1 overflow-y-auto px-3.5 py-4 space-y-4 scrollbar-thin scrollbar-stable",
   style: { "will-change": "transform", contain: "layout style" }
-}, K = {
+}, F = {
   key: 0,
   class: "mt-auto border-t border-border px-3.5 py-3"
-}, te = /* @__PURE__ */ z({
+}, ae = /* @__PURE__ */ z({
   __name: "AppShellLayoutStorefront",
-  setup(q) {
-    const k = T(N), {
+  setup(G) {
+    const k = T(E), {
       props: s,
       isMobileMenuOpen: r,
-      isSidebarVisible: F,
-      toggleSidebar: G,
-      pageTitle: J,
+      isSidebarVisible: J,
+      toggleSidebar: Q,
+      pageTitle: W,
       breadcrumbData: p,
       breakpointClasses: m,
       nestedTabsItems: g,
@@ -53,15 +53,15 @@ const E = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body
       s.glass ? "bg-background/90 backdrop-blur-md" : "",
       s.floating ? "m-3 rounded-lg border border-border shadow-sm overflow-hidden" : "",
       s.class
-    ].filter(Boolean).join(" ")), h = v(() => B(s.categoryRoutePrefix));
-    return (o, u) => (t(), i("div", E, [
-      o.$slots.announcement ? (t(), i("div", L, [
+    ].filter(Boolean).join(" ")), h = v(() => L(s.categoryRoutePrefix));
+    return (o, u) => (t(), i("div", M, [
+      o.$slots.announcement ? (t(), i("div", O, [
         l(o.$slots, "announcement")
       ])) : d("", !0),
-      a("header", {
+      _(a("header", {
         class: n(S.value)
       }, [
-        a("div", M, [
+        a("div", A, [
           a("div", {
             class: n(["flex w-full items-center justify-between gap-3 md:gap-6", e(s).height])
           }, [
@@ -78,15 +78,15 @@ const E = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body
                   "aria-label": e(r) ? "Close menu" : "Open menu",
                   onClick: u[0] || (u[0] = (b) => r.value = !e(r))
                 }, [
-                  f(R, {
+                  f(V, {
                     icon: e(r) ? "lucide:x" : "lucide:menu",
                     class: "w-5 h-5"
                   }, null, 8, ["icon"])
-                ], 10, O)
+                ], 10, U)
               ]),
               l(o.$slots, "left")
             ], 2),
-            o.$slots.center ? (t(), i("div", A, [
+            o.$slots.center ? (t(), i("div", D, [
               l(o.$slots, "center")
             ])) : d("", !0),
             a("div", {
@@ -106,11 +106,13 @@ const E = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body
           key: 0,
           class: n(["w-full min-w-0 overflow-hidden border-t border-border bg-background", [e(m).desktopContent, e(s).menuClass]])
         }, [
-          a("div", U, [
+          a("div", H, [
             l(o.$slots, "categories", { categoryRoutePrefix: h.value })
           ])
         ], 2)) : d("", !0)
-      ], 2),
+      ], 2), [
+        [R, !e(s).hideHeader]
+      ]),
       o.$slots.main ? (t(), i("main", {
         key: 1,
         ref_key: "layoutMainRef",
@@ -118,7 +120,7 @@ const E = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body
         class: "flex-1 overflow-hidden w-full relative flex flex-col min-h-0"
       }, [
         e(s).renderNestedTabs && e(g).length > 0 ? (t(), i("div", Y, [
-          f(V, {
+          f(N, {
             modelValue: e(c),
             "onUpdate:modelValue": u[1] || (u[1] = (b) => y(c) ? c.value = b : null),
             onChange: e($),
@@ -129,7 +131,7 @@ const E = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body
           key: 1,
           class: n(["shrink-0 w-full border-b border-border px-6 py-2", e(s).breadcrumbClass])
         }, [
-          f(e(j), {
+          f(e(B), {
             items: e(p).items.value,
             variant: e(s).breadcrumbVariant,
             separator: e(s).breadcrumbSeparator,
@@ -145,10 +147,10 @@ const E = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body
           l(o.$slots, "main")
         ], 2)
       ], 512)) : d("", !0),
-      o.$slots.footer ? (t(), i("footer", D, [
+      o.$slots.footer ? (t(), i("footer", I, [
         l(o.$slots, "footer")
       ])) : d("", !0),
-      f(P, {
+      f(j, {
         show: e(r),
         "onUpdate:show": u[2] || (u[2] = (b) => y(r) ? r.value = b : null),
         position: "left",
@@ -157,13 +159,13 @@ const E = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body
         class: n(["z-60", e(m).mobileTrigger]),
         headerClass: "pl-3! pr-4.5! py-3!",
         bodyClass: "p-0!"
-      }, _({
+      }, P({
         default: w(() => [
-          a("div", H, [
-            a("div", I, [
+          a("div", K, [
+            a("div", q, [
               l(o.$slots, "mobile-sidebar", { categoryRoutePrefix: h.value })
             ]),
-            o.$slots["mobile-sidebar-footer"] ? (t(), i("div", K, [
+            o.$slots["mobile-sidebar-footer"] ? (t(), i("div", F, [
               l(o.$slots, "mobile-sidebar-footer")
             ])) : d("", !0)
           ])
@@ -182,5 +184,5 @@ const E = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body
   }
 });
 export {
-  te as default
+  ae as default
 };

package/components/AppShell/useAppShell.js

@@ -17,7 +17,7 @@ function G(e, v) {
   });
   const u = i(!1), o = i(!1), a = i(null), f = i(null), d = P("vlite-appshell-sidebar-visible", !0), L = t(() => e.sidebarToggle && v), E = () => {
     d.value = !d.value;
-  }, N = t(() => L.value && !d.value), j = (l) => {
+  }, N = t(() => e.hideSidebar || L.value && !d.value), j = (l) => {
     c.value.find((s) => s.value === l) && (typeof l == "string" && l.startsWith("/") ? import("vue-router").then(({ useRouter: s }) => {
       s().push(l).catch(() => {
       });

package/components/CategoryManager/CategoryManager.vue2.js

@@ -22,8 +22,8 @@ import qe from "../IconPicker.vue.js";
 /* empty css                                 */
 /* empty css                 */
 /* empty css                                         */
-/* empty css                                     */
-/* empty css                                         */
+/* empty css                                    */
+/* empty css                                        */
 import "../../core/config.js";
 /* empty css                                    */
 /* empty css                      */

package/components/Chart/BarChart.vue.d.ts

@@ -33,9 +33,9 @@ declare const _default: import('vue').DefineComponent<BarChartProps, {}, {}, {},
     height: number;
     orientation: "vertical" | "horizontal";
     colors: string[];
+    showGrid: boolean;
     showLegend: boolean;
     showTooltip: boolean;
-    showGrid: boolean;
     showXAxis: boolean;
     showYAxis: boolean;
     showXLabels: boolean;

package/components/Chart/ChartLegend.vue.d.ts

@@ -0,0 +1,22 @@
+import { ChartDataPoint } from './types';
+export type ChartLegendsVariant = 'default' | 'variant1' | 'variant2';
+export type ChartLegendPosition = 'right' | 'bottom';
+type __VLS_Props = {
+    data: ChartDataPoint[];
+    total: number;
+    colors?: string[];
+    legendsVariant?: ChartLegendsVariant;
+    legendPosition?: ChartLegendPosition;
+    hoveredIndex?: number | null;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    hover: (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onHover?: (index: number) => any;
+}>, {
+    colors: string[];
+    legendsVariant: ChartLegendsVariant;
+    legendPosition: ChartLegendPosition;
+    hoveredIndex: number | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;