vlite3 1.3.5 → 1.3.7

package/components/Screen/ScreenFilter.vue.js

@@ -14,7 +14,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                          */
+/* empty css                           */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */

package/components/SidebarMenu/SidebarMenuItem.vue.js

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

package/components/ThemeToggle.vue.d.ts

@@ -10,7 +10,7 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {
             toggleTheme: () => void;
-            theme: "light" | "dark";
+            theme: "light-mode" | "dark";
         }): any;
     };
     refs: {};

package/components/ThemeToggle.vue.js

@@ -12,7 +12,7 @@ const w = /* @__PURE__ */ m({
   },
   setup(t) {
     const { theme: i, toggleTheme: s } = f(), a = d(() => {
-      const n = i.value === "light", l = "vlite.themeToggle.switchToDark", r = "vlite.themeToggle.switchToLight";
+      const n = i.value === "light-mode", l = "vlite.themeToggle.switchToDark", r = "vlite.themeToggle.switchToLight";
       if (n) {
         const e = c(l);
         return e !== l ? e : "Switch to dark mode";
@@ -26,7 +26,7 @@ const w = /* @__PURE__ */ m({
       theme: o(i)
     }, () => [
       h(T, {
-        icon: o(i) === "light" ? "lucide:sun" : "lucide:moon",
+        icon: o(i) === "light-mode" ? "lucide:sun" : "lucide:moon",
         variant: t.variant || "secondary",
         rounded: t.rounded || "full",
         size: t.size,

package/composables/useTheme.d.ts

@@ -1,4 +1,4 @@
-type Theme = 'light' | 'dark';
+type Theme = 'light-mode' | 'dark';
 export declare function initializeTheme(): void;
 export declare function useTheme(): {
     theme: import('vue').Ref<Theme, Theme>;