vlite3 1.4.39 → 1.4.41

package/components/Screen/components/ScreenAddAction.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as x, computed as m, markRaw as w, resolveComponent as
 import c from "../../Button.vue.js";
 import V from "../../Modal.vue.js";
 import { $t as g } from "../../../utils/i18n.js";
-const $ = ["href", "target"], F = /* @__PURE__ */ x({
+const D = ["href", "target"], F = /* @__PURE__ */ x({
   __name: "ScreenAddAction",
   props: {
     canAdd: { type: Boolean },
@@ -84,13 +84,13 @@ const $ = ["href", "target"], F = /* @__PURE__ */ x({
               ]),
               _: 1
             }, 16, ["icon", "variant"])
-          ], 8, $)) : (d(), o(c, e({
+          ], 8, D)) : (d(), o(c, e({
             key: 3,
             class: "w-full sm:w-auto",
             icon: t.addBtn.icon || "fluent:add-16-filled",
             variant: t.addBtn.variant || "primary"
           }, t.addBtn.buttonProps, {
-            onClick: s[0] || (s[0] = (D) => t.addBtn.onClick ? t.addBtn.onClick() : b("add"))
+            onClick: s[0] || (s[0] = (I) => t.addBtn.onClick ? t.addBtn.onClick() : b("add"))
           }), {
             default: n(() => [
               i(r(l.value), 1)

package/components/Screen/components/ScreenEmptyState.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as p, computed as m, markRaw as k, resolveComponent as C, openBlock as n, createBlock as a, unref as h, withCtx as d, createElementBlock as o, Fragment as u, resolveDynamicComponent as w, mergeProps as i, createVNode as f, createTextVNode as s, toDisplayString as y, createCommentVNode as l } from "vue";
+import { defineComponent as p, computed as m, markRaw as k, resolveComponent as C, openBlock as n, createBlock as a, unref as h, withCtx as d, createElementBlock as o, Fragment as u, resolveDynamicComponent as w, mergeProps as i, createVNode as y, createTextVNode as B, toDisplayString as f, createCommentVNode as l } from "vue";
 import x from "../../Empty/Empty.vue.js";
-import B from "../../Button.vue.js";
+import s from "../../Button.vue.js";
 import A from "../../Modal.vue.js";
 import { $t as I } from "../../../utils/i18n.js";
-const D = ["href", "target"], $ = /* @__PURE__ */ p({
+const D = ["href", "target"], E = /* @__PURE__ */ p({
   __name: "ScreenEmptyState",
   props: {
     emptyTitle: {},
@@ -46,14 +46,14 @@ const D = ["href", "target"], $ = /* @__PURE__ */ p({
                   body: b.value
                 }, e.addBtn.modalProps), {
                   trigger: d(() => [
-                    f(B, i({
+                    y(s, i({
                       icon: e.addBtn.icon || "fluent:add-16-filled",
                       variant: "secondary",
                       rounded: "full",
                       class: "px-6!"
                     }, e.addBtn.buttonProps), {
                       default: d(() => [
-                        s(y(c.value), 1)
+                        B(f(c.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon"])
@@ -65,12 +65,12 @@ const D = ["href", "target"], $ = /* @__PURE__ */ p({
                   class: "inline-flex"
                 }, {
                   default: d(() => [
-                    f(B, i({
+                    y(s, i({
                       icon: e.addBtn.icon || "fluent:add-16-filled",
                       variant: "secondary"
                     }, e.addBtn.buttonProps), {
                       default: d(() => [
-                        s(y(c.value), 1)
+                        B(f(c.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon"])
@@ -82,12 +82,12 @@ const D = ["href", "target"], $ = /* @__PURE__ */ p({
                   target: e.addBtn.target,
                   class: "inline-flex"
                 }, [
-                  f(B, i({
+                  y(s, i({
                     icon: e.addBtn.icon || "lucide:plus",
                     variant: "secondary"
                   }, e.addBtn.buttonProps), {
                     default: d(() => [
-                      s(y(c.value), 1)
+                      B(f(c.value), 1)
                     ]),
                     _: 1
                   }, 16, ["icon"])
@@ -102,5 +102,5 @@ const D = ["href", "target"], $ = /* @__PURE__ */ p({
   }
 });
 export {
-  $ as default
+  E as default
 };

package/components/Screen/components/ScreenExportModal.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as _, ref as E, computed as d, openBlock as i, createBlock as p, withCtx as x, createVNode as f, mergeProps as b, createElementVNode as a, toDisplayString as v, createElementBlock as k, Fragment as g, renderList as F, isMemoSame as S } from "vue";
+import { defineComponent as E, ref as b, computed as d, openBlock as i, createBlock as p, withCtx as x, createVNode as f, mergeProps as k, createElementVNode as a, toDisplayString as v, createElementBlock as _, Fragment as g, renderList as F, isMemoSame as S } from "vue";
 import j from "../../Modal.vue.js";
-import C from "../../ExportData/ExportData.vue.js";
-import $ from "../../Button.vue.js";
-import B from "../../Icon.vue.js";
+import B from "../../ExportData/ExportData.vue.js";
+import C from "../../Button.vue.js";
+import P from "../../Icon.vue.js";
 import { $t as h } from "../../../utils/i18n.js";
-const P = {
+const $ = {
   class: "px-1 py-1 text-sm",
   style: { "will-change": "transform", contain: "layout style" }
-}, M = { class: "font-medium mb-3 text-muted-foreground" }, N = { class: "space-y-3" }, G = /* @__PURE__ */ _({
+}, M = { class: "font-medium mb-3 text-muted-foreground" }, N = { class: "space-y-3" }, G = /* @__PURE__ */ E({
   __name: "ScreenExportModal",
   props: {
     show: { type: Boolean },
@@ -19,7 +19,7 @@ const P = {
   },
   emits: ["update:show"],
   setup(t, { emit: w }) {
-    const y = w, n = E(null), c = d(() => {
+    const y = w, n = b(null), c = d(() => {
       const o = h("vlite.screen.exportData");
       return o !== "vlite.screen.exportData" ? o : "Export Data";
     }), D = d(() => {
@@ -33,7 +33,7 @@ const P = {
       "max-width": "sm:max-w-[400px]"
     }, {
       default: x(({ close: r }) => [
-        f(C, b({
+        f(B, k({
           ref_key: "exportDataRef",
           ref: n,
           data: t.data || [],
@@ -44,24 +44,24 @@ const P = {
           title: c.value,
           class: "hidden!"
         }), null, 16, ["data", "fields", "mode", "on-export", "title"]),
-        a("div", P, [
+        a("div", $, [
           a("h6", M, v(D.value), 1),
           a("div", N, [
-            (i(!0), k(g, null, F(n.value?.availableFormats || [
+            (i(!0), _(g, null, F(n.value?.availableFormats || [
               { value: "excel", label: "Excel (.xlsx)", icon: "lucide:file-spreadsheet" },
               { value: "csv", label: "CSV (.csv)", icon: "lucide:file-text" },
               { value: "json", label: "JSON (.json)", icon: "lucide:file-json" }
             ], (e, V, R, l) => {
               const m = [e.value, e.label, e.icon];
               if (l && l.key === e.value && S(l, m)) return l;
-              const u = (i(), p($, {
+              const u = (i(), p(C, {
                 key: e.value,
                 variant: "outline",
                 class: "w-full flex items-center justify-start gap-3 h-12",
                 onClick: (J) => n.value?.exportData(e.value, r)
               }, {
                 default: x(() => [
-                  f(B, {
+                  f(P, {
                     icon: e.icon,
                     class: "text-muted-foreground h-5 w-5"
                   }, null, 8, ["icon"]),

package/components/Screen/components/ScreenOptionsDropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, computed as o, openBlock as f, createBlock as v, withCtx as x, createVNode as O, unref as p } from "vue";
+import { defineComponent as d, computed as o, openBlock as v, createBlock as f, withCtx as x, createVNode as O, unref as p } from "vue";
 import D from "../../Button.vue.js";
 import _ from "../../Dropdown/Dropdown.vue.js";
 import { $t as e } from "../../../utils/i18n.js";
@@ -10,7 +10,7 @@ const S = /* @__PURE__ */ d({
   },
   emits: ["select"],
   setup(i, { emit: s }) {
-    const r = i, a = s, l = o(() => {
+    const r = i, l = s, a = o(() => {
       const t = e("vlite.screen.exportData");
       return t !== "vlite.screen.exportData" ? t : "Export Data";
     }), c = o(() => {
@@ -18,13 +18,13 @@ const S = /* @__PURE__ */ d({
       return t !== "vlite.screen.importData" ? t : "Import Data";
     }), m = o(() => {
       const t = [];
-      return r.exportProps !== !1 && t.push({ value: "export", label: l.value, icon: "lucide:download" }), r.importProps !== !1 && t.push({ value: "import", label: c.value, icon: "lucide:upload" }), t;
+      return r.exportProps !== !1 && t.push({ value: "export", label: a.value, icon: "lucide:download" }), r.importProps !== !1 && t.push({ value: "import", label: c.value, icon: "lucide:upload" }), t;
     });
-    return (t, n) => (f(), v(_, {
+    return (t, n) => (v(), f(_, {
       closeOnSelect: "",
       position: "bottom-end",
       options: m.value,
-      onOnSelect: n[0] || (n[0] = (u) => a("select", u))
+      onOnSelect: n[0] || (n[0] = (u) => l("select", u))
     }, {
       trigger: x(() => [
         O(D, {

package/components/Screen/components/ScreenToolbar.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as h, openBlock as o, createElementBlock as m, createElementVNode as u, createBlock as d, createCommentVNode as i, renderSlot as n, normalizeProps as r, guardReactiveProps as s, createVNode as c } from "vue";
+import { defineComponent as h, openBlock as o, createElementBlock as m, createElementVNode as u, createBlock as i, createCommentVNode as d, renderSlot as n, normalizeProps as r, guardReactiveProps as s, createVNode as c } from "vue";
 import f from "../../Button.vue.js";
 import v from "../../Input.vue.js";
 /* empty css               */
 import w from "./ScreenViewToggle.vue.js";
 import y from "../ScreenFilter.vue.js";
-import $ from "./ScreenAddAction.vue.js";
-import S from "./ScreenOptionsDropdown.vue.js";
+import S from "./ScreenAddAction.vue.js";
+import $ from "./ScreenOptionsDropdown.vue.js";
 const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, B = {
   key: 4,
   class: "w-full md:w-60! max-sm:order-last"
@@ -42,22 +42,22 @@ const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none
   setup(e) {
     return (l, t) => (o(), m("div", null, [
       u("div", g, [
-        e.selectedRows.length > 0 && !e.hideSelectable && !e.hideDeleteBtn ? (o(), d(f, {
+        e.selectedRows.length > 0 && !e.hideSelectable && !e.hideDeleteBtn ? (o(), i(f, {
           key: 0,
           variant: "outline",
           class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
           icon: "lucide:trash-2",
           title: e.txtDeleteSelected,
           onClick: t[0] || (t[0] = (a) => l.$emit("delete", e.selectedRows))
-        }, null, 8, ["title"])) : i("", !0),
-        e.hasMultipleViews ? (o(), d(w, {
+        }, null, 8, ["title"])) : d("", !0),
+        e.hasMultipleViews ? (o(), i(w, {
           key: 1,
           "model-value": e.activeView,
           "onUpdate:modelValue": t[1] || (t[1] = (a) => l.$emit("update:activeView", a)),
           views: e.resolvedViews
-        }, null, 8, ["model-value", "views"])) : i("", !0),
+        }, null, 8, ["model-value", "views"])) : d("", !0),
         n(l.$slots, "before-search", r(s(e.screenState))),
-        e.showRefresh ? (o(), d(f, {
+        e.showRefresh ? (o(), i(f, {
           key: 2,
           variant: "outline",
           icon: "lucide:refresh-cw",
@@ -66,15 +66,15 @@ const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none
           title: e.txtRefresh,
           disabled: e.loading,
           onClick: t[2] || (t[2] = (a) => l.$emit("refresh"))
-        }, null, 8, ["title", "disabled"])) : i("", !0),
-        e.filterSchema && e.filterSchema.length > 0 ? (o(), d(y, {
+        }, null, 8, ["title", "disabled"])) : d("", !0),
+        e.filterSchema && e.filterSchema.length > 0 ? (o(), i(y, {
           key: 3,
           schema: e.filterSchema,
           type: e.filterType,
           "model-value": e.activeFilters,
           "onUpdate:modelValue": t[3] || (t[3] = (a) => l.$emit("update:activeFilters", a)),
           onChange: t[4] || (t[4] = (a) => l.$emit("refresh"))
-        }, null, 8, ["schema", "type", "model-value"])) : i("", !0),
+        }, null, 8, ["schema", "type", "model-value"])) : d("", !0),
         e.canSearch ? (o(), m("div", B, [
           c(v, {
             lazy: "",
@@ -86,11 +86,11 @@ const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none
             class: "bg-background w-full",
             "show-clear-button": !0
           }, null, 8, ["model-value", "placeholder"])
-        ])) : i("", !0)
+        ])) : d("", !0)
       ]),
       u("div", k, [
         n(l.$slots, "actions", r(s(e.screenState)), () => [
-          c($, {
+          c(S, {
             "can-add": e.canAdd,
             "add-component": e.addComponent,
             "add-btn": e.addBtn,
@@ -100,12 +100,12 @@ const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none
             onAdd: t[6] || (t[6] = (a) => l.$emit("add"))
           }, null, 8, ["can-add", "add-component", "add-btn", "loading", "data", "refetch"])
         ]),
-        e.hasExportOrImport ? (o(), d(S, {
+        e.hasExportOrImport ? (o(), i($, {
           key: 0,
           "export-props": e.exportProps,
           "import-props": e.importProps,
           onSelect: t[7] || (t[7] = (a) => l.$emit("select-dropdown", a))
-        }, null, 8, ["export-props", "import-props"])) : i("", !0),
+        }, null, 8, ["export-props", "import-props"])) : d("", !0),
         n(l.$slots, "after-add", r(s(e.screenState)))
       ])
     ]));

package/components/SidePanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./SidePanel.vue2.js";
 /* empty css               */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-69e4da90"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-10bfdf18"]]);
 export {
-  m as default
+  e as default
 };

package/components/SidePanel.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as E, ref as N, inject as P, computed as f, markRaw as D, watch as h, onMounted as L, onUnmounted as V, openBlock as l, createElementBlock as i, Fragment as j, createElementVNode as p, mergeProps as w, withModifiers as K, renderSlot as c, createCommentVNode as a, createBlock as g, Teleport as M, normalizeClass as m, createVNode as F, Transition as R, withCtx as U, normalizeStyle as q, toDisplayString as $, resolveDynamicComponent as G } from "vue";
+import { defineComponent as E, ref as N, inject as P, computed as f, markRaw as D, watch as h, onMounted as L, onUnmounted as V, openBlock as l, createElementBlock as i, Fragment as j, createElementVNode as p, mergeProps as w, withModifiers as K, renderSlot as c, createCommentVNode as a, createBlock as g, Teleport as M, normalizeClass as m, createVNode as F, Transition as R, withCtx as U, normalizeStyle as q, toDisplayString as k, resolveDynamicComponent as G } from "vue";
 import H from "./Button.vue.js";
 import { useKeyStroke as J } from "../composables/useKeyStroke.js";
-import { $t as k } from "../utils/i18n.js";
+import { $t as $ } from "../utils/i18n.js";
 const Q = ["data-testid"], W = ["data-testid"], X = { class: "text-lg font-bold text-foreground" }, Y = {
   key: 0,
   class: "-text-fs-2 text-muted-foreground"
@@ -62,8 +62,8 @@ const Q = ["data-testid"], W = ["data-testid"], X = { class: "text-lg font-bold
       lg: "max-w-lg",
       xl: "max-w-xl",
       full: "max-w-full"
-    }, A = f(() => t.position === "left" ? "left-0 rounded-r-lg" : "right-0 rounded-l-md"), O = f(() => t.position === "left" ? "slide-left" : "slide-right"), d = f(() => t.titleI18n ? k(t.titleI18n) : t.title), C = f(
-      () => t.descriptionI18n ? k(t.descriptionI18n) : t.description
+    }, A = f(() => t.position === "left" ? "start-0 rounded-e-lg" : "end-0 rounded-s-md"), O = f(() => t.position === "left" ? "slide-left" : "slide-right"), d = f(() => t.titleI18n ? $(t.titleI18n) : t.title), C = f(
+      () => t.descriptionI18n ? $(t.descriptionI18n) : t.description
     );
     return (e, y) => (l(), i(j, null, [
       p("span", w({
@@ -102,8 +102,8 @@ const Q = ["data-testid"], W = ["data-testid"], X = { class: "text-lg font-bold
               }, [
                 c(e.$slots, "header", {}, () => [
                   p("div", null, [
-                    p("h3", X, $(d.value), 1),
-                    C.value ? (l(), i("p", Y, $(C.value), 1)) : a("", !0)
+                    p("h3", X, k(d.value), 1),
+                    C.value ? (l(), i("p", Y, k(C.value), 1)) : a("", !0)
                   ])
                 ], !0),
                 o.hideCloseButton ? a("", !0) : (l(), g(H, {

package/components/SidebarMenu/SidebarMenu.vue.js

@@ -1,16 +1,14 @@
-import { defineComponent as Z, inject as ee, ref as C, computed as r, watch as B, reactive as te, provide as ne, openBlock as d, createElementBlock as v, normalizeClass as D, createVNode as R, TransitionGroup as le, withCtx as ae, createBlock as S, createCommentVNode as P, createElementVNode as W, toDisplayString as re, Fragment as H, renderList as A } from "vue";
-import { useRoute as oe, useRouter as se } from "vue-router";
-import { useBreakpoints as ie, breakpointsTailwind as ue } from "@vueuse/core";
-import F from "./SidebarMenuItem.vue.js";
+import { defineComponent as ne, inject as le, computed as r, ref as y, watch as P, reactive as ae, provide as re, openBlock as d, createElementBlock as v, normalizeClass as M, unref as oe, createVNode as H, TransitionGroup as se, withCtx as ie, createBlock as z, createCommentVNode as N, createElementVNode as W, toDisplayString as ue, Fragment as A, renderList as F } from "vue";
+import { useRoute as ce, useRouter as de } from "vue-router";
+import { useBreakpoints as fe, breakpointsTailwind as me } from "@vueuse/core";
+import $ from "./SidebarMenuItem.vue.js";
 /* empty css                     */
-import $ from "../Icon.vue.js";
-const ce = {
-  key: 0,
-  class: "w-full sidebar-drilldown-container relative overflow-hidden"
-}, de = { class: "truncate font-semibold text-foreground" }, fe = {
+import j from "../Icon.vue.js";
+import { useRtl as ve } from "../../composables/useRtl.js";
+const pe = { class: "truncate font-semibold text-foreground" }, he = {
   key: 1,
   class: "h-px bg-border/60 mx-1 mb-1.5"
-}, we = /* @__PURE__ */ Z({
+}, Me = /* @__PURE__ */ ne({
   __name: "SidebarMenu",
   props: {
     items: { default: () => [] },
@@ -37,27 +35,31 @@ const ce = {
     forceTreeView: { type: Boolean, default: !1 }
   },
   setup(p) {
-    const b = ee("navbar-context", null), n = p, h = oe();
-    se();
-    const j = ie(ue), c = C([...n.defaultExpanded]), M = C(null), o = C([]), g = C("forward"), x = r(() => o.value.length > 0), T = r(() => o.value.length === 0 ? n.items : o.value[o.value.length - 1].items), q = r(() => o.value.length === 0 ? "" : o.value[o.value.length - 1].label), z = r(() => {
+    const b = le("navbar-context", null), n = p, h = ce();
+    de();
+    const q = fe(me), T = ve(), G = r(
+      () => T.value ? "lucide:chevron-right" : "lucide:chevron-left"
+    ), J = r(
+      () => T.value ? "group-hover:translate-x-0.5" : "group-hover:-translate-x-0.5"
+    ), c = y([...n.defaultExpanded]), I = y(null), o = y([]), g = y("forward"), x = r(() => o.value.length > 0), B = r(() => o.value.length === 0 ? n.items : o.value[o.value.length - 1].items), K = r(() => o.value.length === 0 ? "" : o.value[o.value.length - 1].label), E = r(() => {
       if (o.value.length !== 0)
         return o.value[o.value.length - 1].icon;
-    }), G = (e) => {
+    }), Q = (e) => {
       e.children?.length && (g.value = "forward", o.value = [
         ...o.value,
         { items: e.children, label: e.label, icon: e.icon }
       ]);
-    }, N = () => {
+    }, O = () => {
       o.value.length !== 0 && (g.value = "backward", o.value = o.value.slice(0, -1));
-    }, J = r(() => !n.mobileBreakpoint || n.mobileBreakpoint === "none" ? !0 : j.greaterOrEqual(n.mobileBreakpoint).value), k = r(() => J.value && n.orientation || "vertical"), I = r(() => n.forceTreeView ? !1 : !!b?.renderNestedTabs?.value), w = (e) => e.id || (typeof e.to == "string" ? e.to : null) || e.label, K = r(() => {
+    }, U = r(() => !n.mobileBreakpoint || n.mobileBreakpoint === "none" ? !0 : q.greaterOrEqual(n.mobileBreakpoint).value), k = r(() => U.value && n.orientation || "vertical"), S = r(() => n.forceTreeView ? !1 : !!b?.renderNestedTabs?.value), w = (e) => e.id || (typeof e.to == "string" ? e.to : null) || e.label, X = r(() => {
       const e = /* @__PURE__ */ new Map(), l = (t, a = []) => {
         const i = [];
         return t.forEach((u) => {
-          const s = w(u), f = [...a, s], y = u.children?.length ? l(u.children, f) : [];
+          const s = w(u), f = [...a, s], C = u.children?.length ? l(u.children, f) : [];
           e.set(s, {
             ancestors: a,
-            descendants: y
-          }), i.push(s, ...y);
+            descendants: C
+          }), i.push(s, ...C);
         }), i;
       };
       return l(n.items), e;
@@ -71,11 +73,11 @@ const ce = {
         return !a || a === "/" || a === "?";
       }
       return !1;
-    }, E = (e, l, t = []) => {
+    }, L = (e, l, t = []) => {
       for (const a of e) {
         const i = w(a);
         if (a.children?.length) {
-          const u = E(a.children, l, [...t, i]);
+          const u = L(a.children, l, [...t, i]);
           if (u !== null)
             return c.value.includes(i) || c.value.push(i), u;
         }
@@ -85,7 +87,7 @@ const ce = {
           }), i;
       }
       return null;
-    }, O = (e, l) => {
+    }, R = (e, l) => {
       for (const t of n.items) {
         if (!t.children?.length || !(m(t, e) || t.children.some(
           (s) => m(s, e) || s.children?.some((f) => m(f, e))
@@ -106,7 +108,7 @@ const ce = {
             u = s.value;
           else {
             const f = t.children.find(
-              (y) => y.children?.some((Y) => w(Y) === l)
+              (C) => C.children?.some((te) => w(te) === l)
             );
             f && (u = w(f));
           }
@@ -114,38 +116,38 @@ const ce = {
         return { tabs: i, activeTab: u };
       }
       return null;
-    }, L = (e) => {
-      const l = E(n.items, e);
-      if (M.value = l, !I.value) return;
-      const t = O(e, l);
+    }, V = (e) => {
+      const l = L(n.items, e);
+      if (I.value = l, !S.value) return;
+      const t = R(e, l);
       t ? b.setNestedTabs(t.tabs, t.activeTab) : b.setNestedTabs([], "");
     };
-    B(
+    P(
       () => h?.path,
       (e) => {
-        e && L(e);
+        e && V(e);
       },
       { immediate: !0 }
-    ), B(
+    ), P(
       () => n.items,
       () => {
-        h?.path && L(h.path);
+        h?.path && V(h.path);
       },
       { deep: !0 }
     );
-    const Q = (e) => {
-      const l = c.value.includes(e), t = K.value.get(e);
+    const Y = (e) => {
+      const l = c.value.includes(e), t = X.value.get(e);
       if (l) {
         const a = /* @__PURE__ */ new Set([e, ...t?.descendants || []]);
         c.value = c.value.filter((i) => !a.has(i));
       } else
         n.allowMultiple ? c.value.push(e) : c.value = [...t?.ancestors || [], e];
-    }, U = (e) => {
-      if (M.value = e, I.value && h?.path) {
-        const l = O(h.path, e);
+    }, Z = (e) => {
+      if (I.value = e, S.value && h?.path) {
+        const l = R(h.path, e);
         l ? b.setNestedTabs(l.tabs, l.activeTab) : b.setNestedTabs([], "");
       }
-    }, _ = (e, l, t = []) => {
+    }, D = (e, l, t = []) => {
       for (const a of e) {
         if (t.length === 0 && m(a, l)) return null;
         if (a.children?.length) {
@@ -155,40 +157,40 @@ const ce = {
           ];
           for (const s of a.children)
             if (m(s, l)) return i;
-          const u = _(a.children, l, i);
+          const u = D(a.children, l, i);
           if (u) return u;
         }
       }
       return null;
-    }, V = (e, l) => {
+    }, _ = (e, l) => {
       for (const t of e)
         if (m(t, l)) return !0;
       return !1;
     };
-    B(
+    P(
       () => h?.path,
       (e) => {
         if (!e || (n.renderMode || "tree") !== "drilldown") return;
-        const t = T.value;
-        if (V(t, e)) return;
-        if (V(n.items, e)) {
+        const t = B.value;
+        if (_(t, e)) return;
+        if (_(n.items, e)) {
           o.value.length > 0 && (g.value = "backward", o.value = []);
           return;
         }
-        const a = _(n.items, e);
+        const a = D(n.items, e);
         a && a.length > 0 && (g.value = "forward", o.value = a);
       }
     );
-    const X = te({
-      activeItem: M,
+    const ee = ae({
+      activeItem: I,
       expandedItems: c,
-      toggleExpand: Q,
-      setActive: U,
+      toggleExpand: Y,
+      setActive: Z,
       indentSize: r(() => n.indentSize),
       variant: r(() => n.variant),
       renderMode: r(() => n.renderMode || "tree"),
       // Expose the effective value so SidebarMenuItem respects forceTreeView
-      renderNestedTabs: I,
+      renderNestedTabs: S,
       compact: r(() => n.compact),
       showCompactLabels: r(() => n.showCompactLabels),
       iconSize: r(() => n.iconSize),
@@ -202,26 +204,29 @@ const ce = {
       currentOrientation: k,
       showTooltip: r(() => n.showTooltip),
       drilldownStack: o,
-      drillInto: G,
-      drillBack: N,
-      drilldownItems: T,
+      drillInto: Q,
+      drillBack: O,
+      drilldownItems: B,
       isDrilldown: x
     });
-    return ne("sidebar-menu-ctx", X), (e, l) => (d(), v("nav", {
-      class: D(["flex w-full transition-all duration-300", [
+    return re("sidebar-menu-ctx", ee), (e, l) => (d(), v("nav", {
+      class: M(["flex w-full transition-all duration-300", [
         k.value === "horizontal" ? "flex-row flex-wrap gap-2 items-center" : "flex-col",
         k.value === "vertical" && !n.compact ? "space-y-1" : ""
       ]]),
       role: "tree",
       "aria-label": "Sidebar Menu"
     }, [
-      (n.renderMode || "tree") === "drilldown" && k.value === "vertical" ? (d(), v("div", ce, [
-        R(le, {
+      (n.renderMode || "tree") === "drilldown" && k.value === "vertical" ? (d(), v("div", {
+        key: 0,
+        class: M(["w-full sidebar-drilldown-container relative overflow-hidden", { "sidebar-drilldown--rtl": oe(T) }])
+      }, [
+        H(se, {
           name: g.value === "forward" ? "drill-forward" : "drill-backward",
           tag: "div",
           class: "relative w-full"
         }, {
-          default: ae(() => [
+          default: ie(() => [
             (d(), v("div", {
               key: o.value.length,
               class: "w-full"
@@ -230,24 +235,24 @@ const ce = {
                 key: 0,
                 type: "button",
                 class: "flex items-center gap-2 w-full px-2 py-2.5 mb-1 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-accent/60 rounded-md transition-all duration-150 group cursor-pointer",
-                onClick: N
+                onClick: O
               }, [
-                R($, {
-                  icon: "lucide:chevron-left",
-                  class: "w-4 h-4 shrink-0 transition-transform duration-200 group-hover:-translate-x-0.5"
-                }),
-                z.value ? (d(), S($, {
+                H(j, {
+                  icon: G.value,
+                  class: M(["w-4 h-4 shrink-0 transition-transform duration-200", J.value])
+                }, null, 8, ["icon", "class"]),
+                E.value ? (d(), z(j, {
                   key: 0,
-                  icon: z.value,
+                  icon: E.value,
                   class: "w-4 h-4 shrink-0 opacity-70"
-                }, null, 8, ["icon"])) : P("", !0),
-                W("span", de, re(q.value), 1)
-              ])) : P("", !0),
-              x.value ? (d(), v("div", fe)) : P("", !0),
+                }, null, 8, ["icon"])) : N("", !0),
+                W("span", pe, ue(K.value), 1)
+              ])) : N("", !0),
+              x.value ? (d(), v("div", he)) : N("", !0),
               W("div", {
-                class: D(x.value ? "space-y-0.5" : "space-y-1")
+                class: M(x.value ? "space-y-0.5" : "space-y-1")
               }, [
-                (d(!0), v(H, null, A(T.value, (t) => (d(), S(F, {
+                (d(!0), v(A, null, F(B.value, (t) => (d(), z($, {
                   key: t.id || t.label,
                   item: t,
                   itemClass: p.itemClass,
@@ -258,7 +263,7 @@ const ce = {
           ]),
           _: 1
         }, 8, ["name"])
-      ])) : (d(!0), v(H, { key: 1 }, A(p.items, (t) => (d(), S(F, {
+      ], 2)) : (d(!0), v(A, { key: 1 }, F(p.items, (t) => (d(), z($, {
         key: t.id || t.label,
         item: t,
         itemClass: p.itemClass,
@@ -268,5 +273,5 @@ const ce = {
   }
 });
 export {
-  we as default
+  Me as default
 };