vlite3 1.2.4 → 1.2.5

package/components/SidePanel.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as D, ref as L, inject as V, computed as f, markRaw as j, watch as h, onMounted as K, onUnmounted as M, openBlock as l, createElementBlock as d, Fragment as F, createElementVNode as y, mergeProps as w, withModifiers as R, renderSlot as c, createCommentVNode as a, createBlock as g, Teleport as U, createVNode as $, Transition as k, withCtx as x, normalizeClass as m, toDisplayString as B, resolveDynamicComponent as q } from "vue";
+import { defineComponent as E, ref as N, inject as P, computed as f, markRaw as D, watch as h, onMounted as L, onUnmounted as V, openBlock as l, createElementBlock as i, Fragment as j, createElementVNode as y, mergeProps as w, withModifiers as K, renderSlot as c, createCommentVNode as a, createBlock as g, Teleport as M, normalizeClass as m, createVNode as F, Transition as R, withCtx as U, toDisplayString as $, resolveDynamicComponent as q } from "vue";
 import G from "./Button.vue.js";
 import { useKeyStroke as H } from "../composables/useKeyStroke.js";
-import { $t as T } from "../utils/i18n.js";
+import { $t as k } from "../utils/i18n.js";
 const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold text-foreground" }, X = {
   key: 0,
   class: "mt-1 text-sm text-muted-foreground"
-}, te = /* @__PURE__ */ D({
+}, te = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "SidePanel",
   props: {
@@ -29,91 +29,79 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
-  setup(o, { emit: z }) {
-    const t = o, v = z, s = L(t.show);
+  setup(o, { emit: x }) {
+    const t = o, v = x, s = N(t.show);
     let u = null;
-    const i = V("dropdown-context", null), C = f(() => t.body ? j(t.body) : void 0);
+    const r = P("dropdown-context", null), b = f(() => t.body ? D(t.body) : void 0);
     h(
       () => t.show,
       (e) => {
-        s.value = e, e && (v("onOpen"), i?.close());
+        s.value = e, e && (v("onOpen"), r?.close());
       }
     );
-    const A = () => {
-      s.value = !0, i?.close();
+    const B = () => {
+      s.value = !0, r?.close();
     }, n = () => {
       s.value = !1, v("update:show", !1), v("close");
-    }, O = () => {
+    }, T = () => {
       t.closeOutside && n();
-    }, { onKeyStroke: S } = H();
-    S("Escape", n), h(s, (e) => {
-      u && clearTimeout(u), e ? (i?.onChildToggle?.(!0), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", u = setTimeout(() => {
-        i?.onChildToggle?.(!1);
-      }, 300));
-    }), K(() => {
-      s.value && i?.onChildToggle?.(!0);
-    }), M(() => {
-      u && clearTimeout(u), s.value && i?.onChildToggle?.(!1), document.body.style.overflow = "";
+    }, { onKeyStroke: z } = H();
+    z("Escape", n), h(s, (e) => {
+      u && clearTimeout(u), e ? (r?.onChildToggle?.(!0), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", u = setTimeout(() => {
+        r?.onChildToggle?.(!1);
+      }, 150));
+    }), L(() => {
+      s.value && r?.onChildToggle?.(!0);
+    }), V(() => {
+      u && clearTimeout(u), s.value && r?.onChildToggle?.(!1), document.body.style.overflow = "";
     });
-    const I = {
+    const A = {
       sm: "max-w-sm",
       md: "max-w-md",
       lg: "max-w-lg",
       xl: "max-w-xl",
       full: "max-w-full"
-    }, E = f(() => t.position === "left" ? "left-0" : "right-0"), N = f(() => t.position === "left" ? "slide-left" : "slide-right"), r = f(() => t.titleI18n ? T(t.titleI18n) : t.title), b = f(
-      () => t.descriptionI18n ? T(t.descriptionI18n) : t.description
+    }, O = f(() => t.position === "left" ? "left-0 rounded-r-lg" : "right-0 rounded-l-md"), S = f(() => t.position === "left" ? "slide-left" : "slide-right"), d = f(() => t.titleI18n ? k(t.titleI18n) : t.title), C = f(
+      () => t.descriptionI18n ? k(t.descriptionI18n) : t.description
     );
-    return (e, p) => (l(), d(F, null, [
+    return (e, p) => (l(), i(j, null, [
       y("span", w({
-        onClick: R(A, ["stop"]),
+        onClick: K(B, ["stop"]),
         class: `${o.triggerClass}`
       }, e.$attrs, {
-        "data-testid": e.$attrs["data-testid"] ? `${e.$attrs["data-testid"]}-trigger` : r.value ? `sidepanel-trigger-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel-trigger"
+        "data-testid": e.$attrs["data-testid"] ? `${e.$attrs["data-testid"]}-trigger` : d.value ? `sidepanel-trigger-${d.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel-trigger"
       }), [
         c(e.$slots, "trigger", {}, () => [
           o.body ? c(e.$slots, "default", { key: 0 }, void 0, !0) : a("", !0)
         ], !0)
       ], 16, J),
-      (l(), g(U, { to: "body" }, [
-        $(k, {
-          "enter-active-class": "transition-opacity duration-300 ease-out",
-          "enter-from-class": "opacity-0",
-          "enter-to-class": "opacity-100",
-          "leave-active-class": "transition-opacity duration-200 ease-in",
-          "leave-from-class": "opacity-100",
-          "leave-to-class": "opacity-0"
+      (l(), g(M, { to: "body" }, [
+        s.value ? (l(), i("div", {
+          key: 0,
+          class: m(["fixed inset-0 z-50 v-sidepanel-overlay", o.overlayClass]),
+          onClick: T
+        }, null, 2)) : a("", !0),
+        F(R, {
+          name: S.value,
+          onAfterEnter: p[0] || (p[0] = (I) => e.$emit("onAfterOpen")),
+          onAfterLeave: p[1] || (p[1] = (I) => e.$emit("onAfterClose"))
         }, {
-          default: x(() => [
-            s.value ? (l(), d("div", {
-              key: 0,
-              class: m(["fixed inset-0 z-50 v-sidepanel-overlay", o.overlayClass]),
-              onClick: O
-            }, null, 2)) : a("", !0)
-          ]),
-          _: 1
-        }),
-        $(k, {
-          name: N.value,
-          onAfterEnter: p[0] || (p[0] = (P) => e.$emit("onAfterOpen")),
-          onAfterLeave: p[1] || (p[1] = (P) => e.$emit("onAfterClose"))
-        }, {
-          default: x(() => [
-            s.value ? (l(), d("div", {
+          default: U(() => [
+            s.value ? (l(), i("div", {
               key: 0,
               role: "dialog",
               "aria-modal": "true",
-              class: m(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [I[o.size], E.value, t.class]]),
-              "data-testid": e.$attrs["data-testid"] || (r.value ? `sidepanel-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel")
+              class: m(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border border-border/80 w-full", [A[o.size], O.value, t.class]]),
+              "data-testid": e.$attrs["data-testid"] || (d.value ? `sidepanel-${d.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel")
             }, [
-              r.value || e.$slots.header ? (l(), d("div", {
+              d.value || e.$slots.header ? (l(), i("div", {
                 key: 0,
                 class: m([o.headerClass, "flex-none flex items-center justify-between px-5 py-2 border-b border-border"])
               }, [
                 c(e.$slots, "header", {}, () => [
                   y("div", null, [
-                    y("h3", W, B(r.value), 1),
-                    b.value ? (l(), d("p", X, B(b.value), 1)) : a("", !0)
+                    y("h3", W, $(d.value), 1),
+                    C.value ? (l(), i("p", X, $(C.value), 1)) : a("", !0)
                   ])
                 ], !0),
                 o.hideCloseButton ? a("", !0) : (l(), g(G, {
@@ -130,12 +118,12 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
               y("div", {
                 class: m(["flex-1 overflow-y-auto px-6 py-4 scrollbar-thin scrollbar-stable", o.bodyClass])
               }, [
-                C.value ? (l(), g(q(C.value), w({ key: 0 }, { ...o.bodyProps, ...e.$attrs }, { close: n }), null, 16)) : c(e.$slots, "default", {
+                b.value ? (l(), g(q(b.value), w({ key: 0 }, { ...o.bodyProps, ...e.$attrs }, { close: n }), null, 16)) : c(e.$slots, "default", {
                   key: 1,
                   close: n
                 }, void 0, !0)
               ], 2),
-              e.$slots.footer ? (l(), d("div", {
+              e.$slots.footer ? (l(), i("div", {
                 key: 1,
                 class: m(["flex-none px-6 py-3 border-t border-border", o.footerClass])
               }, [

package/components/SidebarMenu/SidebarMenuItem.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as re, inject as ce, ref as se, computed as l, onMounted as ue, nextTick as de, watch as me, resolveComponent as fe, openBlock as c, createElementBlock as v, normalizeClass as d, unref as o, createBlock as g, withCtx as x, createElementVNode as b, normalizeStyle as M, createCommentVNode as p, toDisplayString as w, createVNode as C, resolveDynamicComponent as q, mergeProps as G, createTextVNode as pe, Fragment as J, withKeys as ve, withModifiers as he, Transition as be, renderList as ye } from "vue";
-import { useRouter as ge, useRoute as xe } from "vue-router";
+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 { useRouter as ye, useRoute as ge } from "vue-router";
 import k from "../Icon.vue.js";
-import Q from "../Tooltip.vue.js";
-import we from "../Dropdown/Dropdown.vue.js";
-import { $t as U } from "../../utils/i18n.js";
+import J from "../Tooltip.vue.js";
+import xe from "../Dropdown/Dropdown.vue.js";
+import { $t as Q } from "../../utils/i18n.js";
 /* empty css            */
 /* empty css                            */
-const ke = {
+const we = {
   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"
-}, Ce = { class: "w-full" }, Ie = { class: "flex items-center w-full gap-2 text-sm" }, Se = { class: "truncate flex-1 font-medium" }, ze = ["onKeydown"], $e = {
+}, 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"
-}, Te = { class: "pt-1 space-y-0.5" }, De = /* @__PURE__ */ re({
+}, $e = { class: "pt-1 space-y-0.5" }, Ae = /* @__PURE__ */ re({
   __name: "SidebarMenuItem",
   props: {
     item: {},
@@ -21,12 +21,12 @@ const ke = {
     itemClass: {}
   },
   setup(u) {
-    const t = u, e = ce("sidebar-menu-ctx"), I = ge(), X = xe();
+    const t = u, e = ce("sidebar-menu-ctx"), I = 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), _ = l(() => a.value && f.value || e.compact && f.value ? "popover" : t.item.renderMode || e.renderMode || "tree"), S = l(() => e.renderNestedTabs && t.depth === 0 ? !1 : _.value === "drilldown" && f.value), $ = l(() => e.renderNestedTabs && t.depth === 0 || S.value ? !1 : _.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)), P = l(() => !(!f.value || S.value || e.renderNestedTabs && t.depth === 0)), Y = l(() => S.value && f.value), A = (i, n, s) => {
+    ), 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) {
@@ -34,28 +34,24 @@ const ke = {
         if (m) {
           if (s === m) return !0;
           if (m !== "/" && m.length > 1 && s.startsWith(m)) {
-            const j = s[m.length];
-            if (!j || j === "/" || j === "?") return !0;
+            const N = s[m.length];
+            if (!N || N === "/" || N === "?") return !0;
           }
         }
       }
-      return i.children?.length ? i.children.some((m) => A(m, n, s)) : !1;
-    }, T = l(() => {
-      const i = X?.path || "", n = e.activeItem;
-      return f.value ? A(t.item, n, i) : n === y.value;
-    }), N = l(() => e.activeItem === y.value), D = (i = !0) => {
-      N.value && E.value && E.value.scrollIntoView({ behavior: i ? "smooth" : "auto", block: "center" });
+      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" });
     };
     ue(() => {
-      N.value && de(() => {
-        D(!1);
+      A.value && de(() => {
+        Y(!1);
       });
-    }), me(N, (i) => {
-      i && setTimeout(() => {
-        D(!0);
-      }, 250);
     });
-    const H = (i) => {
+    const D = (i) => {
       if (!t.item.disabled) {
         if (S.value) {
           t.item.action && t.item.action(t.item), e.drillInto(t.item);
@@ -77,7 +73,7 @@ const ke = {
         }
         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);
       }
-    }, B = (i) => {
+    }, 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(() => {
@@ -93,38 +89,38 @@ const ke = {
         return;
       }
       $.value || e.toggleExpand(y.value);
-    }, R = l(() => e.indentSize || 12), Z = l(() => {
+    }, B = l(() => e.indentSize || 12), Z = l(() => {
       const n = 8 + parseInt(e.iconSize || "16", 10) / 2;
-      return `${t.depth * R.value + n}px`;
-    }), V = l(() => {
+      return `${t.depth * B.value + n}px`;
+    }), R = l(() => {
       if (a.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) * R.value + n + 8;
+        const n = 8 + parseInt(e.iconSize || "16", 10) / 2, s = (t.depth - 1) * B.value + n + 8;
         return {
           marginLeft: `${s}px`,
           width: `calc(100% - ${s}px)`
         };
       }
       return {};
-    }), K = l(() => {
+    }), 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}`;
       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}`;
       let m = "";
-      return T.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 || ""}`;
+      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 ? U(t.item.labelI18n) : t.item.label
-    ), O = (i) => ({
-      label: i.labelI18n ? U(i.labelI18n) : i.label,
+      () => 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(O) : void 0,
+      children: i.children ? i.children.map(K) : void 0,
       data: i
-    }), ee = l(() => t.item.children ? t.item.children.map(O) : []), te = (i) => {
+    }), ee = l(() => t.item.children ? t.item.children.map(K) : []), te = (i) => {
       const n = i.data;
       if (n) {
         n.action && n.action(n);
@@ -147,13 +143,13 @@ const ke = {
     }, le = (i) => {
       const n = i;
       n.style.height = "0", n.style.opacity = "0";
-    }, W = l(() => t.item.to ? "router-link" : t.item.href ? "a" : "button"), F = l(() => t.item.to ? { to: t.item.to } : t.item.href ? {
+    }, 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) => {
-      const s = fe("SidebarMenuItem", !0);
+      const s = me("SidebarMenuItem", !0);
       return c(), v("div", {
         ref_key: "itemRef",
         ref: E,
@@ -163,7 +159,7 @@ const ke = {
           o(e).compact && "mb-px"
         ])
       }, [
-        $.value ? (c(), g(o(we), {
+        $.value ? (c(), g(o(xe), {
           key: 0,
           position: a.value ? "bottom-start" : "right-start",
           offset: u.menuOffset,
@@ -175,17 +171,17 @@ const ke = {
           onOnSelect: te
         }, {
           header: x(() => [
-            o(e).compact && !a.value ? (c(), v("div", ke, [
+            o(e).compact && !a.value ? (c(), v("div", we, [
               u.item.icon ? (c(), g(k, {
                 key: 0,
                 icon: u.item.icon,
                 class: "shrink-0 transition-colors opacity-90 group-hover:opacity-100"
               }, null, 8, ["icon"])) : p("", !0),
-              pe(" " + w(z.value), 1)
+              fe(" " + w(z.value), 1)
             ])) : p("", !0)
           ]),
           trigger: x(({ isOpen: r }) => [
-            C(Q, {
+            C(J, {
               content: z.value,
               placement: a.value ? "bottom" : "right",
               className: "sidebar-menu-tooltip",
@@ -193,13 +189,13 @@ const ke = {
               class: "w-full block"
             }, {
               default: x(() => [
-                b("div", Ce, [
-                  (c(), g(q(W.value), G(F.value, {
-                    class: [K.value, r ? "bg-muted text-foreground" : ""],
-                    style: V.value,
+                b("div", ke, [
+                  (c(), g(F(O.value), q(W.value, {
+                    class: [V.value, r ? "bg-muted text-foreground" : ""],
+                    style: R.value,
                     "aria-haspopup": !0,
                     "aria-expanded": r,
-                    onClick: H
+                    onClick: D
                   }), {
                     default: x(() => [
                       b("div", {
@@ -210,8 +206,8 @@ const ke = {
                         u.item.icon ? (c(), g(k, {
                           key: 0,
                           icon: u.item.icon,
-                          class: d(["shrink-0 transition-colors opacity-90 group-hover:opacity-100", [T.value || r ? "opacity-100" : ""]]),
-                          style: M({
+                          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
                           })
@@ -249,14 +245,14 @@ const ke = {
             }, 1032, ["content", "placement", "disabled"])
           ]),
           item: x(({ option: r }) => [
-            b("div", Ie, [
+            b("div", Ce, [
               r.icon ? (c(), g(k, {
                 key: 0,
                 icon: r.icon,
                 class: "shrink-0 opacity-90",
-                style: M({ width: o(e).iconSize, height: o(e).iconSize })
+                style: T({ width: o(e).iconSize, height: o(e).iconSize })
               }, null, 8, ["icon", "style"])) : p("", !0),
-              b("span", Se, w(r.label), 1),
+              b("span", Ie, w(r.label), 1),
               r.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"])
@@ -264,20 +260,20 @@ const ke = {
             ])
           ]),
           _: 1
-        }, 8, ["position", "offset", "width", "maxHeight", "options"])) : (c(), v(J, { key: 1 }, [
-          C(Q, {
+        }, 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,
             class: "w-full block"
           }, {
             default: x(() => [
-              (c(), g(q(W.value), G(F.value, {
-                class: K.value,
-                style: V.value,
-                "aria-expanded": P.value ? L.value : void 0,
-                "aria-current": T.value ? "page" : void 0,
-                onClick: H
+              (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: x(() => [
                   b("div", {
@@ -288,8 +284,8 @@ const ke = {
                     u.item.icon ? (c(), g(k, {
                       key: 0,
                       icon: u.item.icon,
-                      class: d(["shrink-0 transition-colors opacity-90 group-hover:opacity-100", [T.value ? "opacity-100" : ""]]),
-                      style: M({
+                      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
                       })
@@ -310,20 +306,20 @@ const ke = {
                       ]])
                     }, w(u.item.badge), 3)) : p("", !0)
                   ], 2),
-                  P.value ? (c(), v("div", {
+                  _.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: B,
-                    onKeydown: ve(he(B, ["prevent"]), ["enter", "space"])
+                    onClick: H,
+                    onKeydown: pe(ve(H, ["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 }])
                     }, null, 8, ["class"])
-                  ], 42, ze)) : p("", !0),
-                  Y.value ? (c(), v("div", {
+                  ], 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 }])
                   }, [
@@ -338,7 +334,7 @@ const ke = {
             ]),
             _: 1
           }, 8, ["content", "placement", "disabled"]),
-          C(be, {
+          C(he, {
             name: "sidebar-slide",
             onBeforeEnter: ne,
             onEnter: ie,
@@ -347,11 +343,11 @@ const ke = {
             onLeave: le
           }, {
             default: x(() => [
-              f.value && L.value && !a.value ? (c(), v("div", $e, [
+              f.value && L.value && !a.value ? (c(), v("div", ze, [
                 o(e).variant === "default" ? (c(), v("div", {
                   key: 0,
                   class: "sidebar-tree-line absolute rounded-full z-[1]",
-                  style: M({
+                  style: T({
                     left: Z.value,
                     top: "4px",
                     bottom: "10px",
@@ -359,8 +355,8 @@ const ke = {
                     backgroundColor: "var(--color-border)"
                   })
                 }, null, 4)) : p("", !0),
-                b("div", Te, [
-                  (c(!0), v(J, null, ye(u.item.children, (r) => (c(), g(s, {
+                b("div", $e, [
+                  (c(!0), v(G, null, be(u.item.children, (r) => (c(), g(s, {
                     key: r.id || r.label,
                     item: r,
                     depth: u.depth + 1
@@ -376,5 +372,5 @@ const ke = {
   }
 });
 export {
-  De as default
+  Ae as default
 };

package/components/ThemeToggle.vue.js

@@ -11,28 +11,28 @@ const w = /* @__PURE__ */ m({
     variant: {}
   },
   setup(t) {
-    const { theme: i, toggleTheme: r } = f(), a = d(() => {
-      const n = i.value === "light", s = "vlite.themeToggle.switchToDark", l = "vlite.themeToggle.switchToLight";
+    const { theme: i, toggleTheme: s } = f(), a = d(() => {
+      const n = i.value === "light", l = "vlite.themeToggle.switchToDark", r = "vlite.themeToggle.switchToLight";
       if (n) {
-        const e = c(s);
-        return e !== s ? e : "Switch to dark mode";
-      } else {
         const e = c(l);
-        return e !== l ? e : "Switch to light mode";
+        return e !== l ? e : "Switch to dark mode";
+      } else {
+        const e = c(r);
+        return e !== r ? e : "Switch to light mode";
       }
     });
-    return (n, s) => u(n.$slots, "default", {
-      toggleTheme: o(r),
+    return (n, l) => u(n.$slots, "default", {
+      toggleTheme: o(s),
       theme: o(i)
     }, () => [
       h(T, {
         icon: o(i) === "light" ? "lucide:sun" : "lucide:moon",
         variant: t.variant || "secondary",
-        rounded: t.rounded || "md",
+        rounded: t.rounded || "full",
         size: t.size,
         class: g(t.class),
         title: a.value,
-        onClick: o(r)
+        onClick: o(s)
       }, null, 8, ["icon", "variant", "rounded", "size", "class", "title", "onClick"])
     ]);
   }

package/components/index.d.ts

@@ -4,6 +4,7 @@ export { default as Avatar } from './Avatar.vue';
 export { AvatarUploader } from './AvatarUploader';
 export { default as Badge } from './Badge.vue';
 export { Barcode } from './Barcode';
+export { default as Beacon } from './Beacon.vue';
 export { Breadcrumb, BreadcrumbItem } from './Breadcrumb';
 export { default as Button } from './Button.vue';
 export { default as BackButton } from './BackButton.vue';
@@ -43,6 +44,7 @@ export { default as NumberInput } from './NumberInput.vue';
 export { OTPInput } from './OTPInput';
 export { Pagination } from './Pagination';
 export { PermissionMatrix, PermissionEditor } from './PermissionMatrix';
+export { default as Persona } from './Persona.vue';
 export { PricingPlan } from './PricingPlan';
 export { ProgressBar } from './ProgressBar';
 export { QRCode } from './QRCode';

package/index.d.ts

@@ -68,7 +68,7 @@ export { default as Modal } from './components/Modal.vue';
 export { default as Avatar } from './components/Avatar.vue';
 export { default as Button } from './components/Button.vue';
 export { default as BackButton } from './components/BackButton.vue';
-export { default as CopyButton } from './components/CopyButton.vue';
+export { default as Clipboard } from './components/Clipboard.vue';
 export { default as Slider } from './components/Slider.vue';
 export { default as Switch } from './components/Switch.vue';
 export { default as Tooltip } from './components/Tooltip.vue';