vlite3 1.1.11 → 1.2.1

package/components/AppShell/AppShellLayoutDock.vue.js

@@ -0,0 +1,165 @@
+import { defineComponent as V, inject as _, openBlock as o, createElementBlock as a, createVNode as m, Transition as z, withCtx as h, withDirectives as N, createElementVNode as n, normalizeClass as b, unref as e, renderSlot as s, createCommentVNode as t, vShow as R, isRef as v, createTextVNode as B } from "vue";
+import E from "../SidePanel.vue.js";
+import L from "../Navbar/NavbarTabs.vue.js";
+/* empty css                        */
+import M from "../Breadcrumb/Breadcrumb.vue.js";
+import "@iconify/vue";
+/* empty css                                */
+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 mb-1.5 pb-2 border-b border-border/40 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/70 max-sm:border-0 shadow-sm" }, U = {
+  key: 0,
+  class: "w-full shrink-0 z-20 bg-background border-b border-border/50"
+}, j = {
+  key: 0,
+  class: "shrink-0 w-full border-b border-border/50"
+}, H = { 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({
+  __name: "AppShellLayoutDock",
+  setup(K) {
+    const y = _(P), {
+      props: l,
+      sidebarHidden: w,
+      isMobileMenuOpen: i,
+      isSidebarVisible: k,
+      toggleSidebar: x,
+      pageTitle: $,
+      breadcrumbData: u,
+      breakpointClasses: c,
+      nestedTabsItems: g,
+      activeNestedTab: f,
+      handleNestedTabClick: C,
+      mainScrollRef: S,
+      layoutMainRef: T
+    } = y;
+    return (r, d) => (o(), a("div", A, [
+      m(z, {
+        "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",
+        "enter-to-class": "opacity-100 translate-x-0 scale-100",
+        "leave-from-class": "opacity-100 translate-x-0 scale-100",
+        "leave-to-class": "opacity-0 -translate-x-2 scale-95"
+      }, {
+        default: h(() => [
+          N(n("nav", {
+            class: b([
+              "shrink-0 self-center flex flex-col items-center bg-background rounded-2xl max-sm:rounded-none border border-border/70 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
+            ]),
+            role: "navigation",
+            "aria-label": "Sidebar dock"
+          }, [
+            r.$slots["sidebar-header"] ? (o(), a("div", D, [
+              s(r.$slots, "sidebar-header")
+            ])) : t("", !0),
+            n("div", {
+              class: b(["flex flex-col items-center gap-0.5 w-full", e(l).contentClass])
+            }, [
+              s(r.$slots, "sidebar")
+            ], 2),
+            r.$slots["sidebar-footer"] ? (o(), a("div", {
+              key: 1,
+              class: b(["flex flex-col items-center mt-1.5 pt-2 border-t border-border/40 w-full", e(l).rightClass])
+            }, [
+              s(r.$slots, "sidebar-footer")
+            ], 2)) : t("", !0)
+          ], 2), [
+            [R, !e(w)]
+          ])
+        ]),
+        _: 3
+      }),
+      n("div", O, [
+        r.$slots.header ? (o(), a("header", U, [
+          s(r.$slots, "header", {
+            isOpen: e(i),
+            toggle: () => i.value = !e(i),
+            sidebarVisible: e(k),
+            toggleSidebar: e(x),
+            breadcrumbItems: e(u).items.value,
+            pageTitle: e($)
+          })
+        ])) : t("", !0),
+        r.$slots.main ? (o(), a("main", {
+          key: 1,
+          ref_key: "layoutMainRef",
+          ref: T,
+          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 ? (o(), a("div", j, [
+            m(L, {
+              modelValue: e(f),
+              "onUpdate:modelValue": d[0] || (d[0] = (p) => v(f) ? f.value = p : null),
+              onChange: e(C),
+              items: e(g)
+            }, null, 8, ["modelValue", "onChange", "items"])
+          ])) : t("", !0),
+          e(l).breadcrumb && e(l).breadcrumbPosition === "main" && e(u).items.value.length > 1 ? (o(), a("div", {
+            key: 1,
+            class: b(["shrink-0 w-full px-6 py-2 border-b border-border/50", e(l).breadcrumbClass])
+          }, [
+            m(e(M), {
+              items: e(u).items.value,
+              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,
+            style: { "will-change": "transform", contain: "layout style" },
+            class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable"
+          }, [
+            s(r.$slots, "main")
+          ], 512)
+        ], 512)) : t("", !0)
+      ]),
+      m(E, {
+        show: e(i),
+        "onUpdate:show": d[1] || (d[1] = (p) => v(i) ? i.value = p : null),
+        position: "left",
+        size: "sm",
+        triggerClass: e(c).mobileTrigger,
+        class: b(["z-60", e(c).mobileTrigger]),
+        headerClass: "pl-3! pr-4.5! py-3!",
+        bodyClass: "p-0!"
+      }, {
+        header: h(() => [
+          s(r.$slots, "mobile-sidebar-header", {}, () => [
+            s(r.$slots, "sidebar-header", {}, () => [
+              d[2] || (d[2] = B("Brand", -1))
+            ])
+          ])
+        ]),
+        default: h(() => [
+          n("div", H, [
+            n("div", I, [
+              s(r.$slots, "mobile-sidebar", {}, () => [
+                s(r.$slots, "sidebar")
+              ])
+            ]),
+            r.$slots["mobile-sidebar-footer"] || r.$slots["sidebar-footer"] ? (o(), a("div", Y, [
+              s(r.$slots, "mobile-sidebar-footer", {}, () => [
+                s(r.$slots, "sidebar-footer")
+              ])
+            ])) : t("", !0)
+          ])
+        ]),
+        _: 3
+      }, 8, ["show", "triggerClass", "class"])
+    ]));
+  }
+});
+export {
+  ee as default
+};

package/components/AppShell/AppShellLayoutDock.vue2.js

@@ -0,0 +1,4 @@
+import f from "./AppShellLayoutDock.vue.js";
+export {
+  f as default
+};

package/components/AppShell/AppShellLayoutHeaderShell.vue.js

@@ -0,0 +1,168 @@
+import { defineComponent as _, inject as V, openBlock as a, createElementBlock as o, createVNode as m, Transition as z, withCtx as h, withDirectives as N, createElementVNode as t, normalizeClass as b, unref as e, renderSlot as r, createCommentVNode as i, vShow as R, isRef as g, createTextVNode as B } from "vue";
+import E from "../SidePanel.vue.js";
+import L from "../Navbar/NavbarTabs.vue.js";
+/* empty css                        */
+import M from "../Breadcrumb/Breadcrumb.vue.js";
+import "@iconify/vue";
+/* empty css                                */
+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" }, H = {
+  key: 0,
+  class: "flex items-center px-4 py-3"
+}, O = { class: "flex flex-col flex-1 min-w-0 h-full overflow-hidden gap-2 max-sm:p-0 max-sm:gap-0" }, U = {
+  key: 0,
+  class: "w-full shrink-0 z-20 px-5 pt-2"
+}, D = { class: "w-full shrink-0 z-20 bg-background rounded-xl max-sm:rounded-none border border-border/70 max-sm:border-0 shadow-sm" }, I = {
+  key: 0,
+  class: "shrink-0 w-full px-6"
+}, Y = { class: "flex flex-col h-full" }, j = {
+  class: "flex-1 overflow-y-auto px-3.5 pt-4 scrollbar-thin scrollbar-stable",
+  style: { "will-change": "transform", contain: "layout style" }
+}, K = {
+  key: 0,
+  class: "mt-auto pt-2 border-t border-border px-3 py-2"
+}, se = /* @__PURE__ */ _({
+  __name: "AppShellLayoutHeaderShell",
+  setup(q) {
+    const y = V(P), {
+      props: l,
+      sidebarHidden: w,
+      isMobileMenuOpen: d,
+      isSidebarVisible: k,
+      toggleSidebar: x,
+      pageTitle: $,
+      breadcrumbData: u,
+      breakpointClasses: f,
+      nestedTabsItems: v,
+      activeNestedTab: c,
+      handleNestedTabClick: C,
+      mainScrollRef: S,
+      layoutMainRef: T
+    } = y;
+    return (s, n) => (a(), o("div", A, [
+      m(z, {
+        "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",
+        "enter-to-class": "opacity-100 translate-x-0",
+        "leave-from-class": "opacity-100 translate-x-0",
+        "leave-to-class": "opacity-0 -translate-x-2"
+      }, {
+        default: h(() => [
+          N(t("nav", {
+            class: b([
+              "shrink-0 h-full flex flex-col bg-background border-r border-border overflow-hidden z-30",
+              e(f).mobileTrigger === "md:hidden" ? "max-md:hidden" : "",
+              e(l).class
+            ]),
+            role: "navigation",
+            "aria-label": "Sidebar"
+          }, [
+            s.$slots["sidebar-header"] ? (a(), o("div", H, [
+              r(s.$slots, "sidebar-header")
+            ])) : i("", !0),
+            t("div", {
+              class: b(["flex-1 overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-stable", e(l).contentClass]),
+              style: { "will-change": "transform", contain: "layout style" }
+            }, [
+              r(s.$slots, "sidebar")
+            ], 2),
+            s.$slots["sidebar-footer"] ? (a(), o("div", {
+              key: 1,
+              class: b(["shrink-0 border-t border-border bg-background", e(l).rightClass])
+            }, [
+              r(s.$slots, "sidebar-footer")
+            ], 2)) : i("", !0)
+          ], 2), [
+            [R, !e(w)]
+          ])
+        ]),
+        _: 3
+      }),
+      t("div", O, [
+        s.$slots.header ? (a(), o("header", U, [
+          t("div", D, [
+            r(s.$slots, "header", {
+              isOpen: e(d),
+              toggle: () => d.value = !e(d),
+              sidebarVisible: e(k),
+              toggleSidebar: e(x),
+              breadcrumbItems: e(u).items.value,
+              pageTitle: e($)
+            })
+          ])
+        ])) : i("", !0),
+        s.$slots.main ? (a(), o("main", {
+          key: 1,
+          ref_key: "layoutMainRef",
+          ref: T,
+          class: "flex-1 overflow-hidden w-full relative flex flex-col min-h-0 bg-background"
+        }, [
+          e(l).renderNestedTabs && e(v).length > 0 ? (a(), o("div", I, [
+            m(L, {
+              modelValue: e(c),
+              "onUpdate:modelValue": n[0] || (n[0] = (p) => g(c) ? c.value = p : null),
+              onChange: e(C),
+              items: e(v)
+            }, null, 8, ["modelValue", "onChange", "items"])
+          ])) : i("", !0),
+          e(l).breadcrumb && e(l).breadcrumbPosition === "main" && e(u).items.value.length > 1 ? (a(), o("div", {
+            key: 1,
+            class: b(["shrink-0 w-full border-b border-border/50 px-6 py-2", e(l).breadcrumbClass])
+          }, [
+            m(e(M), {
+              items: e(u).items.value,
+              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,
+            style: { "will-change": "transform", contain: "layout style" },
+            class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable px-6 pb-4 mt-4"
+          }, [
+            r(s.$slots, "main")
+          ], 512)
+        ], 512)) : i("", !0)
+      ]),
+      m(E, {
+        show: e(d),
+        "onUpdate:show": n[1] || (n[1] = (p) => g(d) ? d.value = p : null),
+        position: "left",
+        size: "sm",
+        triggerClass: e(f).mobileTrigger,
+        class: b(["z-60", e(f).mobileTrigger]),
+        headerClass: "pl-3! pr-4.5! py-3!",
+        bodyClass: "p-0!"
+      }, {
+        header: h(() => [
+          r(s.$slots, "mobile-sidebar-header", {}, () => [
+            r(s.$slots, "sidebar-header", {}, () => [
+              n[2] || (n[2] = B("Brand", -1))
+            ])
+          ])
+        ]),
+        default: h(() => [
+          t("div", Y, [
+            t("div", j, [
+              r(s.$slots, "mobile-sidebar", {}, () => [
+                r(s.$slots, "sidebar")
+              ])
+            ]),
+            s.$slots["mobile-sidebar-footer"] || s.$slots["sidebar-footer"] ? (a(), o("div", K, [
+              r(s.$slots, "mobile-sidebar-footer", {}, () => [
+                r(s.$slots, "sidebar-footer")
+              ])
+            ])) : i("", !0)
+          ])
+        ]),
+        _: 3
+      }, 8, ["show", "triggerClass", "class"])
+    ]));
+  }
+});
+export {
+  se as default
+};

package/components/AppShell/AppShellLayoutHeaderShell.vue2.js

@@ -0,0 +1,4 @@
+import f from "./AppShellLayoutHeaderShell.vue.js";
+export {
+  f as default
+};

package/components/AppShell/AppShellLayoutSidebarFirst.vue.js

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

package/components/AppShell/AppShellLayoutSidebarFirst.vue2.js

@@ -0,0 +1,4 @@
+import f from "./AppShellLayoutSidebarFirst.vue.js";
+export {
+  f as default
+};

package/components/AppShell/useAppShell.js

@@ -0,0 +1,134 @@
+import { computed as t, shallowRef as $, ref as i, provide as C, onMounted as z, onUnmounted as R, watch as S, nextTick as A } from "vue";
+import { useRoute as I } from "vue-router";
+import { useLocalStorage as P, useBreakpoints as Y, breakpointsTailwind as D } from "@vueuse/core";
+import { useBreadcrumb as U } from "../../composables/useBreadcrumb.js";
+const _ = /* @__PURE__ */ Symbol("appshell-layout-ctx");
+function G(e, v) {
+  const p = e.breadcrumb ? U({
+    homeIcon: e.breadcrumbHomeIcon,
+    labelMap: e.breadcrumbLabels || {}
+  }) : { items: t(() => []) }, c = $([]), m = i("");
+  C("navbar-context", {
+    compact: t(() => e.compact),
+    renderNestedTabs: t(() => e.renderNestedTabs),
+    setNestedTabs: (l, n) => {
+      c.value = l, m.value = n;
+    }
+  });
+  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) => {
+    c.value.find((s) => s.value === l) && (typeof l == "string" && l.startsWith("/") ? import("vue-router").then(({ useRouter: s }) => {
+      s().push(l).catch(() => {
+      });
+    }) : m.value = l);
+  }, w = () => {
+    o.value = window.scrollY > 10;
+  };
+  z(() => {
+    window.addEventListener("scroll", w, { passive: !0 });
+  }), R(() => {
+    window.removeEventListener("scroll", w);
+  });
+  const k = t(() => {
+    const l = e.mobileBreakpoint || "md", n = {
+      sm: "sm:hidden",
+      md: "md:hidden",
+      lg: "lg:hidden",
+      xl: "xl:hidden"
+    }, s = {
+      sm: "hidden sm:flex",
+      md: "hidden md:flex",
+      lg: "hidden lg:flex",
+      xl: "hidden xl:flex"
+    }, r = {
+      sm: `flex flex-col max-sm:w-full ${e.compact ? "w-20" : ""} h-auto sm:h-full sm:max-h-screen shrink-0`,
+      md: `flex flex-col max-md:w-full ${e.compact ? "w-20" : ""} h-auto md:h-full md:max-h-screen shrink-0`,
+      lg: `flex flex-col max-lg:w-full ${e.compact ? "w-20" : ""} h-auto lg:h-full lg:max-h-screen shrink-0`,
+      xl: `flex flex-col max-xl:w-full ${e.compact ? "w-20" : ""} h-auto xl:h-full xl:max-h-screen shrink-0`
+    }, h = {
+      sm: "sm:hidden flex items-center justify-between px-4 py-3 shrink-0 bg-background",
+      md: "md:hidden flex items-center justify-between px-4 py-3 shrink-0 bg-background",
+      lg: "lg:hidden flex items-center justify-between px-4 py-3 shrink-0 bg-background",
+      xl: "xl:hidden flex items-center justify-between px-4 py-3 shrink-0 bg-background"
+    }, T = {
+      sm: "hidden sm:flex flex-col h-full w-full overflow-hidden",
+      md: "hidden md:flex flex-col h-full w-full overflow-hidden",
+      lg: "hidden lg:flex flex-col h-full w-full overflow-hidden",
+      xl: "hidden xl:flex flex-col h-full w-full overflow-hidden"
+    }, x = {
+      sm: "hidden sm:flex",
+      md: "hidden md:flex",
+      lg: "hidden lg:flex",
+      xl: "hidden xl:flex"
+    };
+    return {
+      mobileTrigger: n[l],
+      desktopContent: s[l],
+      sidebarLayout: r[l],
+      mobileHeader: h[l],
+      desktopSidebar: T[l],
+      desktopOnly: x[l]
+    };
+  }), B = t(() => {
+    const l = e.variant === "sidebar", n = {
+      fixed: "relative z-40",
+      sticky: "relative z-40",
+      relative: "relative z-10",
+      absolute: "relative z-40"
+    }, s = "bg-body", r = [
+      e.glass && (o.value || l || e.floating) ? "bg-background/95" : "bg-background",
+      e.border && !e.floating ? l ? "border-r border-border" : "border-b border-border" : "",
+      e.floating ? "m-4 rounded shadow-lg border border-border/50" : "",
+      o.value && !e.floating && !l && e.position === "sticky" ? "shadow-sm" : ""
+    ], h = e.mobileBreakpoint || "md", x = l ? {
+      sm: "max-sm:hidden",
+      md: "max-md:hidden",
+      lg: "max-lg:hidden",
+      xl: "max-xl:hidden"
+    }[h] : "";
+    let g = "";
+    return l ? g = k.value.sidebarLayout : g = `flex items-center gap-4 w-full px-4 sm:px-6 lg:px-8 ${e.height}`, [s, n[e.position], ...r, g, x, e.class].filter(Boolean).join(" ");
+  }), H = t(() => {
+    if (e.variant === "sidebar")
+      return "flex-1 py-4 overflow-y-auto scrollbar-thin scrollbar-stable";
+    if (e.centerPosition === "left")
+      return "flex items-center justify-start";
+  }), b = I();
+  S(
+    () => b.path,
+    () => {
+      u.value = !1, A(() => {
+        a.value && (a.value.scrollTop = 0, a.value.firstElementChild && (a.value.firstElementChild.scrollTop = 0)), f.value && (f.value.scrollTop = 0);
+      });
+    }
+  );
+  const M = Y(D).greater(e.mobileBreakpoint);
+  S(M, (l) => {
+    l && (u.value = !1);
+  });
+  const O = t(() => b.meta?.title || b.name || ""), y = {
+    props: e,
+    isLayoutMode: v,
+    isMobileMenuOpen: u,
+    isSidebarVisible: d,
+    sidebarHidden: N,
+    pageTitle: O,
+    isScrolled: o,
+    mainScrollRef: a,
+    layoutMainRef: f,
+    toggleSidebar: E,
+    handleNestedTabClick: j,
+    breakpointClasses: k,
+    containerClasses: B,
+    centerClasses: H,
+    breadcrumbData: p,
+    nestedTabsItems: c,
+    activeNestedTab: m
+  };
+  return C(_, y), y;
+}
+export {
+  _ as APPSHELL_LAYOUT_KEY,
+  G as useAppShell
+};

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue2.js";
+import ee from "./CommandPaletteItem.vue.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                       */
+/* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {