vlite3 0.1.4 → 0.1.6

package/components/DataTable/DataTable.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataTable.vue2.js";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-32de2313"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-896cd72f"]]);
 export {
   m as default
 };

package/components/DataTable/DataTable.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as ee, ref as g, computed as y, watch as p, onMounted as te, openBlock as r, createElementBlock as d, createVNode as C, createSlots as V, withCtx as T, renderSlot as S, createBlock as D, createCommentVNode as I, createElementVNode as n, normalizeClass as B, Fragment as F, renderList as $, normalizeStyle as A, mergeProps as le, toDisplayString as M, createTextVNode as ae, unref as se } from "vue";
+import { defineComponent as ee, ref as g, computed as b, watch as p, onMounted as te, openBlock as r, createElementBlock as d, createVNode as C, createSlots as V, withCtx as T, renderSlot as S, createBlock as D, createCommentVNode as I, createElementVNode as n, normalizeClass as B, Fragment as R, renderList as $, normalizeStyle as A, mergeProps as le, toDisplayString as M, createTextVNode as ae, unref as se } from "vue";
 import oe from "../Icon.vue.js";
 import re from "../CheckBox.vue.js";
 import ne from "../Button.vue.js";
@@ -12,11 +12,11 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
   scope: "col",
   class: "w-[48px] px-0 text-center font-medium text-muted-foreground",
   style: { width: "48px" }
-}, pe = { class: "flex items-center justify-center" }, be = { class: "[&_tr:last-child]:border-0" }, we = {
+}, pe = { class: "flex items-center justify-center" }, we = { class: "[&_tr:last-child]:border-0" }, ye = {
   key: 0,
   class: "w-[48px] px-0 py-4 align-middle text-center",
   style: { width: "48px" }
-}, ye = { key: 2 }, ke = ["colspan"], Pe = { class: "flex flex-col items-center justify-center gap-2 text-muted-foreground p-8" }, xe = { class: "flex h-12 w-12 items-center justify-center rounded-full bg-muted" }, Ce = { class: "mt-1 text-base font-semibold text-foreground" }, Se = { class: "text-sm max-w-sm mx-auto" }, Ie = {
+}, be = { key: 2 }, ke = ["colspan"], Pe = { class: "flex flex-col items-center justify-center gap-2 text-muted-foreground p-8" }, xe = { class: "flex h-12 w-12 items-center justify-center rounded-full bg-muted" }, Ce = { class: "mt-1 text-base font-semibold text-foreground" }, Se = { class: "text-sm max-w-sm mx-auto" }, Ie = {
   key: 0,
   class: "mt-4"
 }, $e = { key: 0 }, Ve = /* @__PURE__ */ ee({
@@ -50,7 +50,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
   },
   emits: ["change", "select", "rowClick", "update:itemsPerPage", "update:selectedRows", "delete"],
   setup(a, { emit: U }) {
-    const O = (e, t) => t.split(".").reduce((s, c) => s?.[c], e), u = (e, t) => O(e, t), l = a, b = U, i = g({ field: "", order: "" }), k = g(l.itemsPerPage), h = g(l.pageInfo?.currentPage || 1), w = g(l.search || ""), P = g(!1), v = g("initial"), L = y(() => l.loading && (v.value === "initial" || v.value === "page"));
+    const O = (e, t) => t.split(".").reduce((s, c) => s?.[c], e), u = (e, t) => O(e, t), l = a, w = U, i = g({ field: "", order: "" }), k = g(l.itemsPerPage), h = g(l.pageInfo?.currentPage || 1), y = g(l.search || ""), P = g(!1), v = g("initial"), L = b(() => l.loading && (v.value === "initial" || v.value === "page"));
     p(
       () => l.loading,
       (e, t) => {
@@ -59,12 +59,12 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
     ), p(
       () => l.search,
       (e) => {
-        e !== void 0 && e !== w.value && (w.value = e);
+        e !== void 0 && e !== y.value && (y.value = e);
       }
     );
-    let R = null;
-    p(w, (e) => {
-      R && clearTimeout(R), R = setTimeout(() => {
+    let F = null;
+    p(y, (e) => {
+      F && clearTimeout(F), F = setTimeout(() => {
         h.value = 1, v.value = "search", x();
       }, 300);
     }), p(
@@ -87,7 +87,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
       },
       { immediate: !0, deep: !0 }
     );
-    const z = y(() => l.rows.length === 0 ? !1 : l.rows.every((e) => o.value.has(u(e, l.keyField)))), E = y(() => o.value.size > 0 && !z.value), W = y(() => {
+    const z = b(() => l.rows.length === 0 ? !1 : l.rows.every((e) => o.value.has(u(e, l.keyField)))), E = b(() => o.value.size > 0 && !z.value), W = b(() => {
       const e = [...l.selectedRows || [], ...l.rows], t = /* @__PURE__ */ new Map();
       return e.forEach((s) => t.set(u(s, l.keyField), s)), Array.from(o.value).map((s) => t.get(s)).filter(Boolean);
     }), q = (e) => {
@@ -108,37 +108,34 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
         all: z.value,
         indeterminate: E.value
       };
-      b("select", c), b("update:selectedRows", s);
+      w("select", c), w("update:selectedRows", s);
     }, H = (e) => {
       i.value.field === e ? i.value.order === "asc" ? i.value.order = "desc" : i.value.order === "desc" ? (i.value.order = "", i.value.field = "") : i.value.order = "asc" : (i.value.field = e, i.value.order = "asc"), h.value = 1, v.value = "sort", x();
     }, J = (e) => {
       h.value = e, v.value = "page", x();
     }, K = (e) => {
-      k.value = e, h.value = 1, v.value = "limit", b("update:itemsPerPage", e), x();
+      k.value = e, h.value = 1, v.value = "limit", w("update:itemsPerPage", e), x();
     }, Q = (e) => {
-      b("rowClick", e);
+      w("rowClick", e);
     }, X = () => {
       const e = W.value;
-      b("delete", e), P.value = !1;
+      w("delete", e), P.value = !1;
     }, x = () => {
-      b("change", {
+      w("change", {
         pagination: {
           page: h.value,
           limit: k.value
         },
         sorting: { ...i.value },
-        search: w.value
+        search: y.value
       });
-    }, Y = y(() => {
-      const e = l.variant === "raised";
-      return [
-        "w-full flex flex-col",
-        e ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
-        "overflow-hidden",
-        !e && l.bordered ? "border-b border-border/60" : "",
-        l.class
-      ].join(" ");
-    }), Z = y(() => ["w-full caption-bottom text-sm", l.tableClass].join(" ")), _ = (e) => e.width ? e.width : "auto";
+    }, Y = b(() => [
+      "w-full flex flex-col",
+      l.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
+      "overflow-hidden",
+      l.bordered ? "border border-border/60" : "",
+      l.class
+    ].join(" ")), Z = b(() => ["w-full caption-bottom text-sm", l.tableClass].join(" ")), _ = (e) => e.width ? e.width : "auto";
     return p(
       () => l.rows,
       () => {
@@ -149,8 +146,8 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
       x();
     }), (e, t) => (r(), d("div", fe, [
       C(me, {
-        modelValue: w.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (s) => w.value = s),
+        modelValue: y.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (s) => y.value = s),
         "show-search": a.showSearch,
         placeholder: a.searchPlaceholder
       }, V({ _: 2 }, [
@@ -201,7 +198,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
                 ])) : I("", !0),
-                (r(!0), d(F, null, $(a.headers, (s) => (r(), D(ue, {
+                (r(!0), d(R, null, $(a.headers, (s) => (r(), D(ue, {
                   key: s.field,
                   header: s,
                   "sort-config": i.value,
@@ -215,17 +212,17 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
                 }, null, 8, ["header", "sort-config", "compact", "table-sortable", "style"]))), 128))
               ])
             ], 2),
-            n("tbody", be, [
-              L.value ? (r(!0), d(F, { key: 0 }, $(Math.min(k.value, 15), (s) => (r(), d("tr", {
+            n("tbody", we, [
+              L.value ? (r(!0), d(R, { key: 0 }, $(Math.min(k.value, 15), (s) => (r(), d("tr", {
                 key: "skeleton-" + s,
                 class: "border-b border-border/50 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
               }, [
-                a.selectable ? (r(), d("td", we, [...t[4] || (t[4] = [
+                a.selectable ? (r(), d("td", ye, [...t[4] || (t[4] = [
                   n("div", { class: "flex items-center justify-center" }, [
                     n("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                   ], -1)
                 ])])) : I("", !0),
-                (r(!0), d(F, null, $(a.headers, (c) => (r(), d("td", {
+                (r(!0), d(R, null, $(a.headers, (c) => (r(), d("td", {
                   key: c.field,
                   class: B(["p-5! align-middle last:pr-6!", [c.hideOnMobile ? "hidden md:table-cell" : ""]])
                 }, [
@@ -236,7 +233,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
                     })
                   }, null, 4)
                 ], 2))), 128))
-              ]))), 128)) : a.rows.length > 0 ? (r(!0), d(F, { key: 1 }, $(a.rows, (s, c) => (r(), D(ce, {
+              ]))), 128)) : a.rows.length > 0 ? (r(!0), d(R, { key: 1 }, $(a.rows, (s, c) => (r(), D(ce, {
                 key: j(s),
                 row: s,
                 headers: a.headers,
@@ -257,7 +254,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
                     S(e.$slots, m.field, le({ ref_for: !0 }, f), void 0, !0)
                   ])
                 }))
-              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (r(), d("tr", ye, [
+              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (r(), d("tr", be, [
                 n("td", {
                   colspan: a.selectable ? a.headers.length + 1 : a.headers.length,
                   class: "h-96 text-center align-middle hover:bg-transparent"

package/components/FilePicker/FilePicker.vue.js

@@ -1,13 +1,13 @@
 import { defineComponent as K, ref as S, useSlots as O, computed as v, openBlock as a, createElementBlock as u, createElementVNode as s, renderSlot as q, normalizeClass as z, createBlock as y, withModifiers as D, createVNode as b, createTextVNode as H, toDisplayString as F, createCommentVNode as x, Fragment as J, renderList as Q } from "vue";
 import f from "../Icon.vue.js";
 import T from "../Button.vue.js";
-const X = { class: "w-full" }, Y = ["multiple", "accept"], Z = ["value", "placeholder", "disabled"], _ = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, ee = { class: "p-3 bg-muted-light rounded-full text-muted-foreground" }, le = { class: "space-y-1" }, te = {
+const X = { class: "w-full" }, Y = ["multiple", "accept"], Z = ["value", "placeholder", "disabled"], _ = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, ee = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, le = { class: "space-y-1" }, te = {
   key: 0,
   class: "text-xs text-muted-foreground"
 }, oe = {
   key: 1,
   class: "space-y-2"
-}, ie = { class: "shrink-0 mr-3" }, re = { class: "p-2 bg-primary-light rounded text-primary" }, ae = { class: "flex-1 min-w-0" }, ne = { class: "text-sm font-medium text-foreground truncate" }, se = { class: "text-xs text-muted-foreground" }, de = { class: "flex-shrink-0 ml-3 flex gap-2" }, ue = {
+}, ie = { class: "shrink-0 mr-3" }, re = { class: "p-2 bg-primary-light rounded text-primary-fg-light" }, ae = { class: "flex-1 min-w-0" }, ne = { class: "text-sm font-medium text-foreground truncate" }, se = { class: "text-xs text-muted-foreground" }, de = { class: "flex-shrink-0 ml-3 flex gap-2" }, ue = {
   key: 0,
   class: "flex gap-2"
 }, ce = {
@@ -242,7 +242,7 @@ const X = { class: "w-full" }, Y = ["multiple", "accept"], Z = ["value", "placeh
             ])) : x("", !0)
           ])) : (a(), u("div", {
             key: 0,
-            class: z(["border-2 border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-3", [
+            class: z(["border-2 border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-2", [
               m.value ? "border-primary bg-primary/5" : "hover:border-primary/50 hover:bg-muted/50",
               o.disabled || o.loading || d.value ? "opacity-50 cursor-not-allowed" : ""
             ]]),

package/components/Navbar/Navbar.vue.js

@@ -1,14 +1,15 @@
-import { defineComponent as z, ref as h, useSlots as S, onMounted as j, onUnmounted as M, computed as f, provide as N, openBlock as r, createElementBlock as i, normalizeClass as a, Fragment as y, createElementVNode as s, renderSlot as l, createVNode as p, createBlock as k, resolveDynamicComponent as P, withCtx as g, createCommentVNode as w, toDisplayString as T, createTextVNode as E } from "vue";
+import { defineComponent as j, ref as v, useSlots as T, onMounted as L, onUnmounted as M, computed as m, provide as N, watch as P, openBlock as n, createElementBlock as d, normalizeClass as a, Fragment as w, createElementVNode as o, renderSlot as s, createVNode as p, createBlock as k, resolveDynamicComponent as E, withCtx as h, createCommentVNode as y, toDisplayString as V, createTextVNode as A } from "vue";
+import { useRoute as H } from "vue-router";
 import $ from "../Icon.vue.js";
-import L from "../SidePanel.vue.js";
-import V from "../Logo.vue.js";
-const A = { class: "flex items-center gap-4 shrink-0 z-10" }, O = { class: "shrink-0" }, D = { key: 1 }, H = { key: 2 }, U = { class: "h-16 flex items-center px-6 shrink-0 z-10" }, F = { class: "flex-1 px-4 py-4 overflow-y-auto space-y-4 scrollbar-thin" }, Y = { class: "p-4 border-t border-border shrink-0 bg-background mt-auto" }, q = { class: "flex flex-col space-y-6 pt-4 h-full" }, G = {
+import O from "../SidePanel.vue.js";
+import D from "../Logo.vue.js";
+const U = { class: "flex items-center gap-4 shrink-0 z-10" }, F = { class: "shrink-0" }, R = { key: 1 }, Y = { key: 2 }, q = { class: "h-16 flex items-center px-6 shrink-0 z-10" }, G = { class: "flex-1 px-4 py-4 overflow-y-auto space-y-4 scrollbar-thin" }, I = { class: "p-4 border-t border-border shrink-0 bg-background mt-auto" }, J = { class: "flex flex-col space-y-6 pt-4 h-full" }, K = {
   key: 0,
   class: "flex flex-col space-y-1"
-}, I = {
+}, Q = {
   key: 1,
   class: "flex flex-col space-y-4 flex-1 overflow-y-auto"
-}, J = { class: "mt-auto pt-4 border-t border-border" }, Z = /* @__PURE__ */ z({
+}, W = { class: "mt-auto pt-4 border-t border-border" }, oe = /* @__PURE__ */ j({
   __name: "Navbar",
   props: {
     variant: { default: "header" },
@@ -26,186 +27,213 @@ const A = { class: "flex items-center gap-4 shrink-0 z-10" }, O = { class: "shri
     mobileBreakpoint: { default: "md" }
   },
   emits: ["toggle-mobile"],
-  setup(d, { emit: K }) {
-    const t = d, c = h(!1), m = h(!1);
-    S();
-    const v = () => {
-      m.value = window.scrollY > 10;
+  setup(u, { emit: X }) {
+    const e = u, f = v(!1), g = v(!1);
+    T();
+    const x = () => {
+      g.value = window.scrollY > 10;
     };
-    j(() => {
-      window.addEventListener("scroll", v, { passive: !0 });
+    L(() => {
+      window.addEventListener("scroll", x, { passive: !0 });
     }), M(() => {
-      window.removeEventListener("scroll", v);
+      window.removeEventListener("scroll", x);
     });
-    const x = f(() => {
-      const e = t.variant === "sidebar", o = {
+    const C = m(() => {
+      const l = e.variant === "sidebar", t = {
         fixed: "fixed top-0 left-0 z-40",
         sticky: "sticky top-0 z-40",
         relative: "relative z-10",
         absolute: "absolute top-0 left-0 w-full z-40"
-      }, u = "transition-all duration-300 ease-in-out bg-body", B = [
-        t.glass && (m.value || e || t.floating) ? "backdrop-blur-md bg-background/80 supports-[backdrop-filter]:bg-background/60" : "bg-background",
-        t.border && !t.floating ? e ? "border-r border-border" : "border-b border-border" : "",
-        t.floating ? "m-4 rounded-xl shadow-lg border border-border/50" : "",
-        m.value && !t.floating && !e && t.position === "sticky" ? "shadow-sm" : ""
+      }, i = "bg-body", b = [
+        e.glass && (g.value || l || e.floating) ? "backdrop-blur-md bg-background/80 supports-[backdrop-filter]:bg-background/60" : "bg-background",
+        e.border && !e.floating ? l ? "border-r border-border" : "border-b border-border" : "",
+        e.floating ? "m-4 rounded-xl shadow-lg border border-border/50" : "",
+        g.value && !e.floating && !l && e.position === "sticky" ? "shadow-sm" : ""
       ];
-      let b = "";
-      return e ? b = n.value.sidebarLayout : b = `flex items-center gap-4 w-full px-4 sm:px-6 lg:px-8 ${t.height}`, [u, o[t.position], ...B, b, t.class].join(" ");
-    }), n = f(() => {
-      const e = t.mobileBreakpoint || "md";
+      let c = "";
+      return l ? c = r.value.sidebarLayout : c = `flex items-center gap-4 w-full px-4 sm:px-6 lg:px-8 ${e.height}`, [i, t[e.position], ...b, c, e.class].join(" ");
+    }), r = m(() => {
+      const l = e.mobileBreakpoint || "md", t = {
+        sm: "sm:hidden",
+        md: "md:hidden",
+        lg: "lg:hidden",
+        xl: "xl:hidden"
+      }, i = {
+        sm: "hidden sm:flex",
+        md: "hidden md:flex",
+        lg: "hidden lg:flex",
+        xl: "hidden xl:flex"
+      }, b = {
+        sm: `flex flex-col max-sm:w-full ${e.compact ? "w-20" : e.width} h-auto sm:h-full sm:max-h-screen`,
+        md: `flex flex-col max-md:w-full ${e.compact ? "w-20" : e.width} h-auto md:h-full md:max-h-screen`,
+        lg: `flex flex-col max-lg:w-full ${e.compact ? "w-20" : e.width} h-auto lg:h-full lg:max-h-screen`,
+        xl: `flex flex-col max-xl:w-full ${e.compact ? "w-20" : e.width} h-auto xl:h-full xl:max-h-screen`
+      }, c = {
+        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"
+      }, S = {
+        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"
+      };
       return {
-        // Show on mobile (up to breakpoint), hide on desktop (breakpoint and up)
-        mobileTrigger: `${e}:hidden`,
-        // Hide on mobile, show on desktop
-        desktopContent: `hidden ${e}:flex`,
-        // Sidebar: Mobile (auto height, full width) -> Desktop (fixed width based on prop, full height constrained to viewport)
-        sidebarLayout: `flex flex-col max-${e}:w-full ${t.compact ? "w-20" : t.width} h-auto ${e}:h-full ${e}:max-h-screen`,
-        // Mobile Header (visible only on small screens)
-        mobileHeader: `${e}:hidden flex items-center justify-between px-4 py-3 shrink-0 bg-background`,
-        // Desktop Sidebar Content (hidden on small screens)
-        desktopSidebar: `hidden ${e}:flex flex-col h-full w-full overflow-hidden`
+        mobileTrigger: t[l],
+        desktopContent: i[l],
+        sidebarLayout: b[l],
+        mobileHeader: c[l],
+        desktopSidebar: S[l]
       };
-    }), C = f(() => {
-      if (t.variant === "sidebar") return "flex-1 py-4 overflow-y-auto";
-      switch (t.centerPosition) {
+    }), B = m(() => {
+      if (e.variant === "sidebar") return "flex-1 py-4 overflow-y-auto";
+      switch (e.centerPosition) {
         case "left":
           return "flex items-center justify-start";
         case "right":
           return "flex items-center justify-end ml-auto";
         default:
-          return `${n.value.desktopContent} items-center justify-center mx-auto`;
+          return `${r.value.desktopContent} items-center justify-center mx-auto`;
       }
     });
-    return N("navbar-context", {
-      compact: f(() => t.compact)
-    }), (e, o) => (r(), i("nav", {
-      class: a(x.value),
+    N("navbar-context", {
+      compact: m(() => e.compact)
+    });
+    const z = H();
+    return P(
+      () => z.path,
+      () => {
+        f.value = !1;
+      }
+    ), (l, t) => (n(), d("nav", {
+      class: a(C.value),
       role: "navigation"
     }, [
-      d.variant === "header" ? (r(), i(y, { key: 0 }, [
-        s("div", A, [
-          l(e.$slots, "mobile-trigger", {}, () => [
-            s("button", {
+      u.variant === "header" ? (n(), d(w, { key: 0 }, [
+        o("div", U, [
+          s(l.$slots, "mobile-trigger", {}, () => [
+            o("button", {
               type: "button",
-              class: a(["p-2 -ml-2 text-muted-foreground hover:bg-accent rounded-md shrink-0", n.value.mobileTrigger]),
-              onClick: o[0] || (o[0] = (u) => c.value = !0)
+              class: a(["p-2 -ml-2 text-muted-foreground hover:bg-accent rounded-md shrink-0", r.value.mobileTrigger]),
+              onClick: t[0] || (t[0] = (i) => f.value = !0)
             }, [
               p($, {
                 icon: "lucide:menu",
                 class: "w-5 h-5"
               }),
-              o[3] || (o[3] = s("span", { class: "sr-only" }, "Open Menu", -1))
+              t[3] || (t[3] = o("span", { class: "sr-only" }, "Open Menu", -1))
             ], 2)
           ]),
-          s("div", O, [
-            l(e.$slots, "logo", {}, () => [
-              (r(), k(P(t.logo ? "img" : "div"), {
-                src: t.logo,
+          o("div", F, [
+            s(l.$slots, "logo", {}, () => [
+              (n(), k(E(e.logo ? "img" : "div"), {
+                src: e.logo,
                 class: "h-8 w-auto font-bold text-xl flex items-center gap-2"
               }, {
-                default: g(() => [
-                  t.logo ? w("", !0) : (r(), k(V, {
+                default: h(() => [
+                  e.logo ? y("", !0) : (n(), k(D, {
                     key: 0,
                     class: "h-6 w-6"
                   })),
-                  !t.logo && t.logoAlt ? (r(), i("span", D, T(t.logoAlt), 1)) : t.logo ? w("", !0) : (r(), i("span", H, "Brand"))
+                  !e.logo && e.logoAlt ? (n(), d("span", R, V(e.logoAlt), 1)) : e.logo ? y("", !0) : (n(), d("span", Y, "Brand"))
                 ]),
                 _: 1
               }, 8, ["src"]))
             ])
           ]),
-          s("div", {
-            class: a(["items-center gap-1 overflow-x-auto no-scrollbar mask-gradient", n.value.desktopContent])
+          o("div", {
+            class: a(["items-center gap-1 overflow-x-auto no-scrollbar mask-gradient", r.value.desktopContent])
           }, [
-            l(e.$slots, "left")
+            s(l.$slots, "left")
           ], 2)
         ]),
-        s("div", {
+        o("div", {
           class: a([
-            C.value,
+            B.value,
             // Width constraint to ensure it doesn't crush others, but allows simple resizing
             "max-w-full"
           ])
         }, [
-          l(e.$slots, "center")
+          s(l.$slots, "center")
         ], 2),
-        s("div", {
+        o("div", {
           class: a(["flex items-center gap-2 shrink-0 max-w-[40%] z-10", {
             // Always push to end unless Center is pushing it.
             // If Center is 'center' (mx-auto) or 'right' (ml-auto), this naturally falls to end.
             // If Center is 'left', we MUST have ml-auto here.
-            "ml-auto": d.centerPosition === "left" || d.centerPosition === "center"
+            "ml-auto": u.centerPosition === "left" || u.centerPosition === "center"
             // If center is 'right', Center has ml-auto. Right just sits next to it.
             // But if we add ml-auto here too, they might split space? No, flexbox parses strictly.
           }])
         }, [
-          l(e.$slots, "right")
+          s(l.$slots, "right")
         ], 2)
-      ], 64)) : (r(), i(y, { key: 1 }, [
-        s("div", {
-          class: a(n.value.mobileHeader)
+      ], 64)) : (n(), d(w, { key: 1 }, [
+        o("div", {
+          class: a(r.value.mobileHeader)
         }, [
-          l(e.$slots, "logo", {}, () => [
-            o[4] || (o[4] = s("div", { class: "font-bold text-xl truncate" }, "Brand", -1))
+          s(l.$slots, "logo", {}, () => [
+            t[4] || (t[4] = o("div", { class: "font-bold text-xl truncate" }, "Brand", -1))
           ]),
-          s("button", {
+          o("button", {
             type: "button",
             class: "p-2 -mr-2 text-muted-foreground hover:bg-accent rounded-md",
-            onClick: o[1] || (o[1] = (u) => c.value = !0)
+            onClick: t[1] || (t[1] = (i) => f.value = !0)
           }, [
             p($, {
               icon: "lucide:menu",
               class: "w-5 h-5"
             }),
-            o[5] || (o[5] = s("span", { class: "sr-only" }, "Open Menu", -1))
+            t[5] || (t[5] = o("span", { class: "sr-only" }, "Open Menu", -1))
           ])
         ], 2),
-        s("div", {
-          class: a(n.value.desktopSidebar)
+        o("div", {
+          class: a(r.value.desktopSidebar)
         }, [
-          s("div", U, [
-            l(e.$slots, "logo", {}, () => [
-              o[6] || (o[6] = s("div", { class: "font-bold text-xl truncate" }, "Brand", -1))
+          o("div", q, [
+            s(l.$slots, "logo", {}, () => [
+              t[6] || (t[6] = o("div", { class: "font-bold text-xl truncate" }, "Brand", -1))
             ])
           ]),
-          s("div", F, [
-            l(e.$slots, "left"),
-            l(e.$slots, "default"),
-            l(e.$slots, "center")
+          o("div", G, [
+            s(l.$slots, "left"),
+            s(l.$slots, "default"),
+            s(l.$slots, "center")
           ]),
-          s("div", Y, [
-            l(e.$slots, "right")
+          o("div", I, [
+            s(l.$slots, "right")
           ])
         ], 2)
       ], 64)),
-      p(L, {
-        show: c.value,
-        "onUpdate:show": o[2] || (o[2] = (u) => c.value = u),
+      p(O, {
+        show: f.value,
+        "onUpdate:show": t[2] || (t[2] = (i) => f.value = i),
         position: "left",
         size: "sm",
-        triggerClass: n.value.mobileTrigger,
-        class: a(["z-60", n.value.mobileTrigger])
+        triggerClass: r.value.mobileTrigger,
+        class: a(["z-60", r.value.mobileTrigger])
       }, {
-        header: g(() => [
-          l(e.$slots, "logo", {}, () => [
-            o[7] || (o[7] = E("Brand", -1))
+        header: h(() => [
+          s(l.$slots, "logo", {}, () => [
+            t[7] || (t[7] = A("Brand", -1))
           ])
         ]),
-        default: g(() => [
-          s("div", q, [
-            d.variant === "header" ? (r(), i("div", G, [
-              l(e.$slots, "mobile-menu", {}, () => [
-                l(e.$slots, "left"),
-                o[8] || (o[8] = s("div", { class: "h-px bg-border my-2" }, null, -1)),
-                l(e.$slots, "center")
+        default: h(() => [
+          o("div", J, [
+            u.variant === "header" ? (n(), d("div", K, [
+              s(l.$slots, "mobile-menu", {}, () => [
+                s(l.$slots, "left"),
+                t[8] || (t[8] = o("div", { class: "h-px bg-border my-2" }, null, -1)),
+                s(l.$slots, "center")
               ])
-            ])) : (r(), i("div", I, [
-              l(e.$slots, "left"),
-              l(e.$slots, "default"),
-              l(e.$slots, "center")
+            ])) : (n(), d("div", Q, [
+              s(l.$slots, "left"),
+              s(l.$slots, "default"),
+              s(l.$slots, "center")
             ])),
-            s("div", J, [
-              l(e.$slots, "right")
+            o("div", W, [
+              s(l.$slots, "right")
             ])
           ])
         ]),
@@ -215,5 +243,5 @@ const A = { class: "flex items-center gap-4 shrink-0 z-10" }, O = { class: "shri
   }
 });
 export {
-  Z as default
+  oe as default
 };