vlite3 1.1.4 → 1.1.5

package/components/SidebarMenu/SidebarMenuItem.vue.js

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

package/components/SidebarMenu/types.d.ts

@@ -12,7 +12,7 @@ export interface SidebarMenuItemSchema {
     badge?: string | number;
     badgeClass?: string;
     disabled?: boolean;
-    renderMode?: 'tree' | 'popover';
+    renderMode?: 'tree' | 'popover' | 'drilldown';
     action?: (item: SidebarMenuItemSchema) => void;
     class?: string;
 }
@@ -24,7 +24,7 @@ export interface SidebarMenuProps {
     defaultExpanded?: string[];
     compact?: boolean;
     showCompactLabels?: boolean;
-    renderMode?: 'tree' | 'popover';
+    renderMode?: 'tree' | 'popover' | 'drilldown';
     iconSize?: string;
     compactIconSize?: string;
     labelClass?: string;
@@ -51,7 +51,7 @@ export interface SidebarMenuContext {
     setActive: (id: string | null) => void;
     indentSize: number;
     variant: 'default' | 'ghost';
-    renderMode: 'tree' | 'popover';
+    renderMode: 'tree' | 'popover' | 'drilldown';
     renderNestedTabs: boolean;
     compact: boolean;
     showCompactLabels: boolean;
@@ -65,4 +65,13 @@ export interface SidebarMenuContext {
     nestedMenuMaxHeight: string;
     currentOrientation: 'vertical' | 'horizontal';
     showTooltip: boolean;
+    drilldownStack: {
+        items: SidebarMenuItemSchema[];
+        label: string;
+        icon?: string;
+    }[];
+    drillInto: (item: SidebarMenuItemSchema) => void;
+    drillBack: () => void;
+    drilldownItems: SidebarMenuItemSchema[];
+    isDrilldown: boolean;
 }

package/components/{DataTable/DataTableToolbar.vue.d.ts → Splitter/Splitter.vue.d.ts}

@@ -1,32 +1,35 @@
 interface Props {
-    modelValue?: string;
-    showSearch?: boolean;
-    placeholder?: string;
-    placeholderI18n?: string;
+    layout?: 'horizontal' | 'vertical';
+    modelValue?: number;
+    min?: number;
+    max?: number;
     class?: string;
-    searchClass?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        left?(_: {}): any;
-        delete?(_: {}): any;
-        right?(_: {}): any;
+        start?(_: {}): any;
+        end?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
     };
-    refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (val: number) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:modelValue"?: (val: number) => any;
 }>, {
     class: string;
-    modelValue: string;
-    showSearch: boolean;
-    searchClass: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    modelValue: number;
+    min: number;
+    max: number;
+    layout: "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {