vlite3 1.4.40 → 1.5.0

package/components/SidebarMenu/SidebarMenuItem.vue.js

@@ -1,19 +1,21 @@
-import { defineComponent as le, inject as ce, ref as se, computed as r, onMounted as ue, nextTick as de, resolveComponent as me, openBlock as c, createElementBlock as v, normalizeClass as d, unref as o, createBlock as y, withCtx as g, createElementVNode as b, normalizeStyle as M, createCommentVNode as p, toDisplayString as w, createVNode as C, resolveDynamicComponent as W, mergeProps as F, createTextVNode as fe, Fragment as q, withKeys as pe, withModifiers as ve, Transition as he, renderList as be } from "vue";
-import { useRouter as ye, useRoute as ge } from "vue-router";
+import { defineComponent as de, inject as me, computed as r, ref as fe, onMounted as ve, nextTick as pe, resolveComponent as he, openBlock as s, createElementBlock as p, normalizeClass as d, unref as a, createBlock as y, withCtx as g, createElementVNode as b, normalizeStyle as T, createCommentVNode as v, toDisplayString as w, createVNode as C, resolveDynamicComponent as G, mergeProps as J, createTextVNode as be, Fragment as Q, withKeys as ye, withModifiers as ge, Transition as xe, renderList as we } from "vue";
+import { useRouter as ke, useRoute as Ce } from "vue-router";
 import k from "../Icon.vue.js";
-import G from "../Tooltip.vue.js";
-import xe from "../Dropdown/Dropdown.vue.js";
-import { $t as J } from "../../utils/i18n.js";
+import U from "../Tooltip.vue.js";
+import Ie from "../Dropdown/Dropdown.vue.js";
+import { $t as X } from "../../utils/i18n.js";
+import { useRtl as Se } from "../../composables/useRtl.js";
 /* empty css            */
 /* empty css                                    */
 /* empty css                            */
-const we = {
+/* empty css             */
+const ze = {
   key: 0,
   class: "px-3 py-1.5 text-sm flex items-center gap-2 font-medium border-b bg-muted-light rounded-t-md text-center truncate"
-}, ke = { class: "w-full" }, Ce = { class: "flex items-center w-full gap-2 text-sm" }, Ie = { class: "truncate flex-1 font-medium" }, Se = ["onKeydown"], ze = {
+}, $e = { class: "w-full" }, Te = { class: "flex items-center w-full gap-2 text-sm" }, Me = { class: "truncate flex-1 font-medium" }, Ne = ["onKeydown"], Ee = {
   key: 0,
   class: "sidebar-children-container overflow-hidden transition-all duration-300 ease-in-out relative"
-}, $e = { class: "pt-1 space-y-0.5" }, De = /* @__PURE__ */ le({
+}, Pe = { class: "pt-1 space-y-0.5" }, We = /* @__PURE__ */ de({
   __name: "SidebarMenuItem",
   props: {
     item: {},
@@ -22,111 +24,113 @@ const we = {
     itemClass: {}
   },
   setup(u) {
-    const n = u, e = ce("sidebar-menu-ctx"), Q = ye(), U = ge();
+    const n = u, e = me("sidebar-menu-ctx"), Y = ke(), Z = Ce(), M = Se();
     if (!e)
       throw new Error("SidebarMenuItem must be used within a SidebarMenu");
-    const T = se(null), i = r(
+    const j = r(
+      () => M.value ? "lucide:chevron-left" : "lucide:chevron-right"
+    ), ee = r(() => M.value ? "left-start" : "right-start"), L = r(() => M.value ? "left" : "right"), N = fe(null), i = r(
       () => e.currentOrientation === "horizontal" && n.depth === 0
-    ), f = r(() => !!n.item.children?.length), L = r(() => i.value && f.value || e.compact && f.value ? "popover" : n.item.renderMode || e.renderMode || "tree"), I = r(() => e.renderNestedTabs && n.depth === 0 ? !1 : L.value === "drilldown" && f.value), z = r(() => e.renderNestedTabs && n.depth === 0 || I.value ? !1 : L.value === "popover" && f.value), x = r(() => n.item.id ? n.item.id : n.item.to && typeof n.item.to == "string" ? n.item.to : n.item.label), N = r(() => z.value || I.value || e.renderNestedTabs && n.depth === 0 ? !1 : e.expandedItems.includes(x.value)), j = r(() => !(!f.value || I.value || e.renderNestedTabs && n.depth === 0)), X = r(() => I.value && f.value), P = (t, a, s) => {
+    ), f = r(() => !!n.item.children?.length), _ = r(() => i.value && f.value || e.compact && f.value ? "popover" : n.item.renderMode || e.renderMode || "tree"), I = r(() => e.renderNestedTabs && n.depth === 0 ? !1 : _.value === "drilldown" && f.value), z = r(() => e.renderNestedTabs && n.depth === 0 || I.value ? !1 : _.value === "popover" && f.value), x = r(() => n.item.id ? n.item.id : n.item.to && typeof n.item.to == "string" ? n.item.to : n.item.label), E = r(() => z.value || I.value || e.renderNestedTabs && n.depth === 0 ? !1 : e.expandedItems.includes(x.value)), A = r(() => !(!f.value || I.value || e.renderNestedTabs && n.depth === 0)), te = r(() => I.value && f.value), D = (t, o, c) => {
       const l = t.id || (typeof t.to == "string" ? t.to : null) || t.label;
-      if (a && l === a) return !0;
+      if (o && l === o) return !0;
       if (t.to) {
         const m = typeof t.to == "string" ? t.to : t.to.path;
         if (m) {
-          if (s === m) return !0;
-          if (m !== "/" && m.length > 1 && s.startsWith(m)) {
-            const E = s[m.length];
-            if (!E || E === "/" || E === "?") return !0;
+          if (c === m) return !0;
+          if (m !== "/" && m.length > 1 && c.startsWith(m)) {
+            const P = c[m.length];
+            if (!P || P === "/" || P === "?") return !0;
           }
         }
       }
-      return t.children?.length ? t.children.some((m) => P(m, a, s)) : !1;
+      return t.children?.length ? t.children.some((m) => D(m, o, c)) : !1;
     }, $ = r(() => {
-      const t = U?.path || "", a = e.activeItem;
-      return f.value ? P(n.item, a, t) : a === x.value;
-    }), _ = r(() => e.activeItem === x.value), Y = (t = !0) => {
-      _.value && T.value && T.value.scrollIntoView({ behavior: t ? "smooth" : "auto", block: "center" });
+      const t = Z?.path || "", o = e.activeItem;
+      return f.value ? D(n.item, o, t) : o === x.value;
+    }), K = r(() => e.activeItem === x.value), ne = (t = !0) => {
+      K.value && N.value && N.value.scrollIntoView({ behavior: t ? "smooth" : "auto", block: "center" });
     };
-    ue(() => {
-      _.value && de(() => {
-        Y(!1);
+    ve(() => {
+      K.value && pe(() => {
+        ne(!1);
       });
     });
-    const A = (t) => {
+    const R = (t) => {
       if (n.item.disabled) return;
-      const a = t.metaKey || t.ctrlKey || t.shiftKey || t.altKey;
+      const o = t.metaKey || t.ctrlKey || t.shiftKey || t.altKey;
       if (I.value) {
-        if (a) return;
+        if (o) return;
         n.item.action && n.item.action(n.item), e.drillInto(n.item);
         return;
       }
       if (e.renderNestedTabs && n.depth === 0) {
-        if (a) return;
+        if (o) return;
         n.item.action && n.item.action(n.item), e.setActive(x.value);
         return;
       }
       if (f.value && !n.item.to && !n.item.href && !z.value) {
-        if (a) return;
+        if (o) return;
         e.toggleExpand(x.value);
       }
-      a || (n.item.action && n.item.action(n.item), (!f.value || n.item.to) && e.setActive(x.value));
-    }, D = (t) => {
+      o || (n.item.action && n.item.action(n.item), (!f.value || n.item.to) && e.setActive(x.value));
+    }, H = (t) => {
       t.stopPropagation(), z.value || e.toggleExpand(x.value);
-    }, K = r(() => e.indentSize || 12), Z = r(() => {
-      const a = 8 + parseInt(e.iconSize || "16", 10) / 2;
-      return `${n.depth * K.value + a}px`;
-    }), H = r(() => {
+    }, B = r(() => e.indentSize || 12), oe = r(() => {
+      const o = 8 + parseInt(e.iconSize || "16", 10) / 2;
+      return `${n.depth * B.value + o}px`;
+    }), V = r(() => {
       if (i.value) return {};
       if (e.compact)
         return { width: "100%" };
       if (n.depth > 0) {
-        const a = 8 + parseInt(e.iconSize || "16", 10) / 2, s = (n.depth - 1) * K.value + a + 8;
+        const o = 8 + parseInt(e.iconSize || "16", 10) / 2, c = (n.depth - 1) * B.value + o + 8;
         return {
-          marginLeft: `${s}px`,
-          width: `calc(100% - ${s}px)`
+          marginInlineStart: `${c}px`,
+          width: `calc(100% - ${c}px)`
         };
       }
       return {};
-    }), B = r(() => {
-      const a = `group flex items-center justify-between font-medium rounded-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/50 relative border border-transparent select-none cursor-pointer ${i.value ? "w-auto" : "w-full"} ${n?.itemClass || ""} ${e.labelClass}`;
-      let s = e.compact ? e.compactItemPadding : e.itemPadding;
-      !e.compact && n.depth > 0 && (s = s.replace(/py-[\d\.]+/, "py-1.5"));
-      const l = e.compact ? `justify-center ${s}` : `justify-between ${s}`;
+    }), O = r(() => {
+      const o = `group flex items-center justify-between font-medium rounded-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/50 relative border border-transparent select-none cursor-pointer ${i.value ? "w-auto" : "w-full"} ${n?.itemClass || ""} ${e.labelClass}`;
+      let c = e.compact ? e.compactItemPadding : e.itemPadding;
+      !e.compact && n.depth > 0 && (c = c.replace(/py-[\d\.]+/, "py-1.5"));
+      const l = e.compact ? `justify-center ${c}` : `justify-between ${c}`;
       let m = "";
-      return $.value ? m = "bg-primary-light text-primary-fg-light" : m = "text-muted hover:bg-accent/80 hover:text-foreground", n.item.disabled && (m = "opacity-50 cursor-not-allowed pointer-events-none"), `${a} ${l} ${m} ${n.item.class || ""}`;
+      return $.value ? m = "bg-primary-light text-primary-fg-light" : m = "text-muted hover:bg-accent/80 hover:text-foreground", n.item.disabled && (m = "opacity-50 cursor-not-allowed pointer-events-none"), `${o} ${l} ${m} ${n.item.class || ""}`;
     }), h = r(() => e.compact && e.showCompactLabels), S = r(
-      () => n.item.labelI18n ? J(n.item.labelI18n) : n.item.label
-    ), R = (t) => ({
-      label: t.labelI18n ? J(t.labelI18n) : t.label,
+      () => n.item.labelI18n ? X(n.item.labelI18n) : n.item.label
+    ), W = (t) => ({
+      label: t.labelI18n ? X(t.labelI18n) : t.label,
       value: t.id || t.label,
       icon: t.icon,
       disabled: t.disabled,
-      children: t.children ? t.children.map(R) : void 0,
+      children: t.children ? t.children.map(W) : void 0,
       data: t
-    }), ee = r(() => n.item.children ? n.item.children.map(R) : []), te = (t) => {
-      const a = t.data;
-      if (a) {
-        a.action && a.action(a);
-        const s = a.id || a.label || (typeof a.to == "string" ? a.to : "");
-        s && e.setActive(s), a.to ? Q.push(a.to).catch(() => {
-        }) : a.href && window.open(a.href, "_blank");
+    }), ae = r(() => n.item.children ? n.item.children.map(W) : []), ie = (t) => {
+      const o = t.data;
+      if (o) {
+        o.action && o.action(o);
+        const c = o.id || o.label || (typeof o.to == "string" ? o.to : "");
+        c && e.setActive(c), o.to ? Y.push(o.to).catch(() => {
+        }) : o.href && window.open(o.href, "_blank");
       }
-    }, ne = (t) => {
-      const a = t;
-      a.style.height = "0", a.style.opacity = "0";
-    }, ae = (t) => {
-      const a = t;
-      a.style.height = a.scrollHeight + "px", a.style.opacity = "1";
-    }, oe = (t) => {
-      const a = t;
-      a.style.height = "auto", a.style.overflow = "visible";
-    }, ie = (t) => {
-      const a = t;
-      a.style.height = a.scrollHeight + "px", a.style.overflow = "hidden", a.style.opacity = "1";
     }, re = (t) => {
-      const a = t;
-      a.style.height = "0", a.style.opacity = "0";
-    }, V = r(() => {
+      const o = t;
+      o.style.height = "0", o.style.opacity = "0";
+    }, le = (t) => {
+      const o = t;
+      o.style.height = o.scrollHeight + "px", o.style.opacity = "1";
+    }, se = (t) => {
+      const o = t;
+      o.style.height = "auto", o.style.overflow = "visible";
+    }, ce = (t) => {
+      const o = t;
+      o.style.height = o.scrollHeight + "px", o.style.overflow = "hidden", o.style.opacity = "1";
+    }, ue = (t) => {
+      const o = t;
+      o.style.height = "0", o.style.opacity = "0";
+    }, F = r(() => {
       if (n.item.to) return "router-link";
       if (n.item.href) return "a";
       if (e.renderNestedTabs && n.depth === 0 && f.value) {
@@ -135,7 +139,7 @@ const we = {
         if (t?.href) return "a";
       }
       return "button";
-    }), O = r(() => {
+    }), q = r(() => {
       if (n.item.to) return { to: n.item.to };
       if (n.item.href)
         return {
@@ -155,91 +159,91 @@ const we = {
       }
       return { type: "button" };
     });
-    return (t, a) => {
-      const s = me("SidebarMenuItem", !0);
-      return c(), v("div", {
+    return (t, o) => {
+      const c = he("SidebarMenuItem", !0);
+      return s(), p("div", {
         ref_key: "itemRef",
-        ref: T,
+        ref: N,
         class: d([
           "relative sidebar-manu-item",
           i.value ? "w-auto" : "w-full",
-          o(e).compact && "mb-px"
+          a(e).compact && "mb-px"
         ])
       }, [
-        z.value ? (c(), y(o(xe), {
+        z.value ? (s(), y(a(Ie), {
           key: 0,
-          position: i.value ? "bottom-start" : "right-start",
+          position: i.value ? "bottom-start" : ee.value,
           offset: u.menuOffset,
           class: "w-full block",
           searchable: !1,
-          width: o(e).nestedMenuWidth,
-          maxHeight: o(e).nestedMenuMaxHeight,
-          options: ee.value,
-          onOnSelect: te
+          width: a(e).nestedMenuWidth,
+          maxHeight: a(e).nestedMenuMaxHeight,
+          options: ae.value,
+          onOnSelect: ie
         }, {
           header: g(() => [
-            o(e).compact && !i.value ? (c(), v("div", we, [
-              u.item.icon ? (c(), y(k, {
+            a(e).compact && !i.value ? (s(), p("div", ze, [
+              u.item.icon ? (s(), y(k, {
                 key: 0,
                 icon: u.item.icon,
                 class: "shrink-0 transition-colors opacity-90 group-hover:opacity-100"
-              }, null, 8, ["icon"])) : p("", !0),
-              fe(" " + w(S.value), 1)
-            ])) : p("", !0)
+              }, null, 8, ["icon"])) : v("", !0),
+              be(" " + w(S.value), 1)
+            ])) : v("", !0)
           ]),
           trigger: g(({ isOpen: l }) => [
-            C(G, {
+            C(U, {
               content: S.value,
-              placement: i.value ? "bottom" : "right",
+              placement: i.value ? "bottom" : L.value,
               className: "sidebar-menu-tooltip",
-              disabled: !o(e).showTooltip || !o(e).compact && !i.value || l,
+              disabled: !a(e).showTooltip || !a(e).compact && !i.value || l,
               class: "w-full block"
             }, {
               default: g(() => [
-                b("div", ke, [
-                  (c(), y(W(V.value), F(O.value, {
-                    class: [B.value, l ? "bg-muted text-foreground" : ""],
-                    style: H.value,
+                b("div", $e, [
+                  (s(), y(G(F.value), J(q.value, {
+                    class: [O.value, l ? "bg-muted text-foreground" : ""],
+                    style: V.value,
                     "aria-haspopup": !0,
                     "aria-expanded": l,
-                    onClick: A
+                    onClick: R
                   }), {
                     default: g(() => [
                       b("div", {
                         class: d(["min-w-0 flex-1 flex", [
-                          h.value && !i.value ? "flex-col items-center justify-center text-center gap-1" : o(e).compact && !i.value ? "justify-center" : "items-center gap-2.5"
+                          h.value && !i.value ? "flex-col items-center justify-center text-center gap-1" : a(e).compact && !i.value ? "justify-center" : "items-center gap-2.5"
                         ]])
                       }, [
-                        u.item.icon ? (c(), y(k, {
+                        u.item.icon ? (s(), y(k, {
                           key: 0,
                           icon: u.item.icon,
                           class: d(["shrink-0 transition-colors opacity-90 group-hover:opacity-100", [$.value || l ? "opacity-100" : ""]]),
-                          style: M({
-                            width: o(e).compact && !i.value ? o(e).compactIconSize : o(e).iconSize,
-                            height: o(e).compact && !i.value ? o(e).compactIconSize : o(e).iconSize
+                          style: T({
+                            width: a(e).compact && !i.value ? a(e).compactIconSize : a(e).iconSize,
+                            height: a(e).compact && !i.value ? a(e).compactIconSize : a(e).iconSize
                           })
-                        }, null, 8, ["icon", "class", "style"])) : p("", !0),
+                        }, null, 8, ["icon", "class", "style"])) : v("", !0),
                         b("span", {
                           class: d(["truncate leading-none pt-0.5 text-wrap", {
-                            [o(e).compactLabelClass]: h.value && !i.value,
-                            "w-full text-center": o(e).compact,
-                            hidden: o(e).compact && !h.value && !i.value,
-                            "md:hidden": o(e).compact && !h.value && !i.value
+                            [a(e).compactLabelClass]: h.value && !i.value,
+                            "w-full text-center": a(e).compact,
+                            hidden: a(e).compact && !h.value && !i.value,
+                            "md:hidden": a(e).compact && !h.value && !i.value
                           }])
                         }, w(S.value), 3),
-                        u.item.badge && (!o(e).compact || !h.value || i.value) ? (c(), v("span", {
+                        u.item.badge && (!a(e).compact || !h.value || i.value) ? (s(), p("span", {
                           key: 1,
-                          class: d(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", [
+                          class: d(["ms-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", [
                             u.item.badgeClass || "bg-muted text-muted-foreground",
-                            { "md:hidden": o(e).compact && !i.value }
+                            { "md:hidden": a(e).compact && !i.value }
                           ]])
-                        }, w(u.item.badge), 3)) : p("", !0)
+                        }, w(u.item.badge), 3)) : v("", !0)
                       ], 2),
                       b("div", {
-                        class: d(["ml-1.5 flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", { "md:hidden": o(e).compact && !i.value }])
+                        class: d(["ms-1.5 flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", { "md:hidden": a(e).compact && !i.value }])
                       }, [
                         C(k, {
-                          icon: i.value ? "lucide:chevron-down" : "lucide:chevron-right",
+                          icon: i.value ? "lucide:chevron-down" : j.value,
                           class: "h-3 w-3"
                         }, null, 8, ["icon"])
                       ], 2)
@@ -252,124 +256,124 @@ const we = {
             }, 1032, ["content", "placement", "disabled"])
           ]),
           item: g(({ option: l }) => [
-            b("div", Ce, [
-              l.icon ? (c(), y(k, {
+            b("div", Te, [
+              l.icon ? (s(), y(k, {
                 key: 0,
                 icon: l.icon,
                 class: "shrink-0 opacity-90",
-                style: M({ width: o(e).iconSize, height: o(e).iconSize })
-              }, null, 8, ["icon", "style"])) : p("", !0),
-              b("span", Ie, w(l.label), 1),
-              l.data?.badge ? (c(), v("span", {
+                style: T({ width: a(e).iconSize, height: a(e).iconSize })
+              }, null, 8, ["icon", "style"])) : v("", !0),
+              b("span", Me, w(l.label), 1),
+              l.data?.badge ? (s(), p("span", {
                 key: 1,
-                class: d(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", l.data?.badgeClass || "bg-muted text-muted-foreground"])
-              }, w(l.data.badge), 3)) : p("", !0)
+                class: d(["ms-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", l.data?.badgeClass || "bg-muted text-muted-foreground"])
+              }, w(l.data.badge), 3)) : v("", !0)
             ])
           ]),
           _: 1
-        }, 8, ["position", "offset", "width", "maxHeight", "options"])) : (c(), v(q, { key: 1 }, [
-          C(G, {
+        }, 8, ["position", "offset", "width", "maxHeight", "options"])) : (s(), p(Q, { key: 1 }, [
+          C(U, {
             content: S.value,
-            placement: i.value ? "bottom" : "right",
-            disabled: !o(e).showTooltip || !o(e).compact && !i.value,
+            placement: i.value ? "bottom" : L.value,
+            disabled: !a(e).showTooltip || !a(e).compact && !i.value,
             class: "w-full block"
           }, {
             default: g(() => [
-              (c(), y(W(V.value), F(O.value, {
-                class: B.value,
-                style: H.value,
-                "aria-expanded": j.value ? N.value : void 0,
+              (s(), y(G(F.value), J(q.value, {
+                class: O.value,
+                style: V.value,
+                "aria-expanded": A.value ? E.value : void 0,
                 "aria-current": $.value ? "page" : void 0,
-                onClick: A
+                onClick: R
               }), {
                 default: g(() => [
                   b("div", {
                     class: d(["min-w-0 flex-1 flex py-0.5", [
-                      h.value && !i.value ? "flex-col items-center justify-center text-center gap-1" : o(e).compact && !i.value ? "justify-center" : "items-center gap-2.5"
+                      h.value && !i.value ? "flex-col items-center justify-center text-center gap-1" : a(e).compact && !i.value ? "justify-center" : "items-center gap-2.5"
                     ]])
                   }, [
-                    u.item.icon ? (c(), y(k, {
+                    u.item.icon ? (s(), y(k, {
                       key: 0,
                       icon: u.item.icon,
                       class: d(["shrink-0 transition-colors opacity-90 group-hover:opacity-100", [$.value ? "opacity-100" : ""]]),
-                      style: M({
-                        width: o(e).compact && !i.value ? o(e).compactIconSize : o(e).iconSize,
-                        height: o(e).compact && !i.value ? o(e).compactIconSize : o(e).iconSize
+                      style: T({
+                        width: a(e).compact && !i.value ? a(e).compactIconSize : a(e).iconSize,
+                        height: a(e).compact && !i.value ? a(e).compactIconSize : a(e).iconSize
                       })
-                    }, null, 8, ["icon", "class", "style"])) : p("", !0),
+                    }, null, 8, ["icon", "class", "style"])) : v("", !0),
                     b("span", {
                       class: d(["truncate leading-none pt-0.5 wrap-break-word flex-wrap text-wrap", {
-                        [o(e).compactLabelClass]: h.value && !i.value,
-                        "w-full text-center": o(e).compact,
-                        hidden: o(e).compact && !h.value && !i.value,
-                        "md:hidden": o(e).compact && !h.value && !i.value
+                        [a(e).compactLabelClass]: h.value && !i.value,
+                        "w-full text-center": a(e).compact,
+                        hidden: a(e).compact && !h.value && !i.value,
+                        "md:hidden": a(e).compact && !h.value && !i.value
                       }])
                     }, w(S.value), 3),
-                    u.item.badge && (!o(e).compact || !h.value || i.value) ? (c(), v("span", {
+                    u.item.badge && (!a(e).compact || !h.value || i.value) ? (s(), p("span", {
                       key: 1,
-                      class: d(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", [
+                      class: d(["ms-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", [
                         u.item.badgeClass || "bg-muted text-muted-foreground",
-                        { "md:hidden": o(e).compact && !i.value }
+                        { "md:hidden": a(e).compact && !i.value }
                       ]])
-                    }, w(u.item.badge), 3)) : p("", !0)
+                    }, w(u.item.badge), 3)) : v("", !0)
                   ], 2),
-                  j.value ? (c(), v("div", {
+                  A.value ? (s(), p("div", {
                     key: 0,
                     role: "button",
                     tabindex: "0",
-                    class: d(["ml-1.5 flex shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground transition-all", { "md:hidden": o(e).compact && !i.value }]),
-                    onClick: D,
-                    onKeydown: pe(ve(D, ["prevent"]), ["enter", "space"])
+                    class: d(["ms-1.5 flex shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground transition-all", { "md:hidden": a(e).compact && !i.value }]),
+                    onClick: H,
+                    onKeydown: ye(ge(H, ["prevent"]), ["enter", "space"])
                   }, [
                     C(k, {
                       icon: "lucide:chevron-down",
-                      class: d(["h-3 w-3 transition-transform duration-200", { "rotate-180": N.value && !i.value }])
+                      class: d(["h-3 w-3 transition-transform duration-200", { "rotate-180": E.value && !i.value }])
                     }, null, 8, ["class"])
-                  ], 42, Se)) : p("", !0),
-                  X.value ? (c(), v("div", {
+                  ], 42, Ne)) : v("", !0),
+                  te.value ? (s(), p("div", {
                     key: 1,
-                    class: d(["ml-1.5 flex shrink-0 items-center justify-center text-muted-foreground", { "md:hidden": o(e).compact && !i.value }])
+                    class: d(["ms-1.5 flex shrink-0 items-center justify-center text-muted-foreground", { "md:hidden": a(e).compact && !i.value }])
                   }, [
                     C(k, {
-                      icon: "lucide:chevron-right",
+                      icon: j.value,
                       class: "h-3.5 w-3.5 opacity-50 transition-opacity group-hover:opacity-80"
-                    })
-                  ], 2)) : p("", !0)
+                    }, null, 8, ["icon"])
+                  ], 2)) : v("", !0)
                 ]),
                 _: 1
               }, 16, ["class", "style", "aria-expanded", "aria-current"]))
             ]),
             _: 1
           }, 8, ["content", "placement", "disabled"]),
-          C(he, {
+          C(xe, {
             name: "sidebar-slide",
-            onBeforeEnter: ne,
-            onEnter: ae,
-            onAfterEnter: oe,
-            onBeforeLeave: ie,
-            onLeave: re
+            onBeforeEnter: re,
+            onEnter: le,
+            onAfterEnter: se,
+            onBeforeLeave: ce,
+            onLeave: ue
           }, {
             default: g(() => [
-              f.value && N.value && !i.value ? (c(), v("div", ze, [
-                o(e).variant === "default" ? (c(), v("div", {
+              f.value && E.value && !i.value ? (s(), p("div", Ee, [
+                a(e).variant === "default" ? (s(), p("div", {
                   key: 0,
                   class: "sidebar-tree-line absolute rounded-full z-[1]",
-                  style: M({
-                    left: Z.value,
+                  style: T({
+                    insetInlineStart: oe.value,
                     top: "4px",
                     bottom: "10px",
                     width: "1px",
                     backgroundColor: "var(--color-border)"
                   })
-                }, null, 4)) : p("", !0),
-                b("div", $e, [
-                  (c(!0), v(q, null, be(u.item.children, (l) => (c(), y(s, {
+                }, null, 4)) : v("", !0),
+                b("div", Pe, [
+                  (s(!0), p(Q, null, we(u.item.children, (l) => (s(), y(c, {
                     key: l.id || l.label,
                     item: l,
                     depth: u.depth + 1
                   }, null, 8, ["item", "depth"]))), 128))
                 ])
-              ])) : p("", !0)
+              ])) : v("", !0)
             ]),
             _: 1
           })
@@ -379,5 +383,5 @@ const we = {
   }
 });
 export {
-  De as default
+  We as default
 };