vlite3 0.4.8 → 0.5.2

package/components/SidebarMenu/SidebarMenuItem.vue.js

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

package/components/SidebarMenu/types.d.ts

@@ -3,25 +3,41 @@ export interface SidebarMenuItemSchema {
     label: string;
     labelI18n?: string;
     icon?: string;
-    to?: string | Record<string, any>;
+    to?: string | {
+        path: string;
+        [key: string]: any;
+    };
     href?: string;
     children?: SidebarMenuItemSchema[];
     badge?: string | number;
     badgeClass?: string;
     disabled?: boolean;
-    class?: string;
-    action?: (item: SidebarMenuItemSchema) => void;
     renderMode?: 'tree' | 'popover';
+    action?: (item: SidebarMenuItemSchema) => void;
+    class?: string;
 }
 export interface SidebarMenuProps {
-    items: SidebarMenuItemSchema[];
+    items?: SidebarMenuItemSchema[];
     allowMultiple?: boolean;
     indentSize?: number;
     variant?: 'default' | 'ghost';
     defaultExpanded?: string[];
     compact?: boolean;
-    renderMode?: 'tree' | 'popover';
     showCompactLabels?: boolean;
+    renderMode?: 'tree' | 'popover';
+    iconSize?: string;
+    compactIconSize?: string;
+    labelClass?: string;
+    compactLabelClass?: string;
+    itemPadding?: string;
+    compactItemPadding?: string;
+    nestedMenuWidth?: string;
+    nestedMenuMaxHeight?: string;
+    itemClass?: string;
+    menuOffset?: [number, number];
+    orientation?: 'vertical' | 'horizontal';
+    mobileBreakpoint?: 'sm' | 'md' | 'lg' | 'xl' | 'none';
+    showTooltip?: boolean;
 }
 export interface SidebarMenuContext {
     activeItem: string | null;
@@ -31,6 +47,17 @@ export interface SidebarMenuContext {
     indentSize: number;
     variant: 'default' | 'ghost';
     renderMode: 'tree' | 'popover';
+    renderNestedTabs: boolean;
     compact: boolean;
     showCompactLabels: boolean;
+    iconSize: string;
+    compactIconSize: string;
+    labelClass: string;
+    compactLabelClass: string;
+    itemPadding: string;
+    compactItemPadding: string;
+    nestedMenuWidth: string;
+    nestedMenuMaxHeight: string;
+    currentOrientation: 'vertical' | 'horizontal';
+    showTooltip: boolean;
 }

package/components/Slider.vue.d.ts

@@ -13,12 +13,12 @@ type __VLS_Props = {
     size?: 'xs' | 'sm' | 'md' | 'lg';
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: number) => any;
     change: (value: number) => any;
+    "update:modelValue": (value: number) => any;
     iconClick: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: (value: number) => any;
     onChange?: (value: number) => any;
+    "onUpdate:modelValue"?: (value: number) => any;
     onIconClick?: () => any;
 }>, {
     size: "xs" | "sm" | "md" | "lg";

package/components/Spinner/Spinner.vue.d.ts

@@ -1,8 +1,8 @@
 import { SpinnerProps, SpinnerSize, SpinnerColor, SpinnerVariant } from './types';
 declare const _default: import('vue').DefineComponent<SpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
+    variant: SpinnerVariant;
+    size: SpinnerSize;
     class: string;
     color: SpinnerColor;
-    size: SpinnerSize;
-    variant: SpinnerVariant;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
 export default _default;

package/components/Stats/Stats.vue.d.ts

@@ -0,0 +1,14 @@
+import { StatsProps } from './types';
+declare const _default: import('vue').DefineComponent<StatsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StatsProps> & Readonly<{}>, {
+    variant: import('./types').StatsVariant;
+    class: string;
+    columns: number | string;
+    layout: import('./types').StatsLayout;
+    attached: boolean;
+    titleSize: string;
+    valueSize: string;
+    iconSize: string;
+    iconBoxShape: import('./types').IconBoxShape;
+    iconBoxStyle: import('./types').IconBoxStyle;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;