vlite3 0.6.1 → 0.6.4

package/components/SidebarMenu/SidebarMenuItem.vue.js

@@ -1,17 +1,17 @@
-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 { defineComponent as X, inject as Y, computed as c, resolveComponent as Z, openBlock as r, createElementBlock as f, normalizeClass as u, createBlock as h, unref as n, withCtx as b, createElementVNode as p, normalizeStyle as M, createCommentVNode as d, toDisplayString as g, createVNode as S, 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 K from "../Tooltip.vue.js";
 import le from "../Dropdown/Dropdown.vue.js";
-import { $t as K } from "../../utils/i18n.js";
+import { $t as O } from "../../utils/i18n.js";
 /* empty css            */
 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"
-}, 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 = {
+}, se = { class: "w-full" }, ce = { 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"
-}, ve = { class: "mt-0.5 space-y-0.5" }, we = /* @__PURE__ */ X({
+}, fe = { class: "mt-0.5 space-y-0.5" }, we = /* @__PURE__ */ X({
   __name: "SidebarMenuItem",
   props: {
     item: {},
@@ -19,146 +19,168 @@ const re = {
     menuOffset: {},
     itemClass: {}
   },
-  setup(c) {
-    const t = c, e = Y("sidebar-menu-ctx"), O = oe();
+  setup(s) {
+    const t = s, e = Y("sidebar-menu-ctx"), k = oe();
     if (!e)
       throw new Error("SidebarMenuItem must be used within a SidebarMenu");
-    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) => {
+    const i = c(
+      () => e.currentOrientation === "horizontal" && t.depth === 0
+    ), v = c(() => !!t.item.children?.length), R = c(() => i.value && v.value || e.compact && v.value ? "popover" : t.item.renderMode || e.renderMode || "tree"), I = c(() => e.renderNestedTabs && t.depth === 0 ? !1 : R.value === "popover" && v.value), y = c(() => t.item.id ? t.item.id : t.item.to && typeof t.item.to == "string" ? t.item.to : t.item.label), E = c(() => I.value || e.renderNestedTabs && t.depth === 0 ? !1 : e.expandedItems.includes(y.value)), j = c(() => !(!v.value || e.renderNestedTabs && t.depth === 0)), z = c(() => e.activeItem === y.value), L = (o) => {
       if (!t.item.disabled) {
         if (e.renderNestedTabs && t.depth === 0) {
-          t.item.action && t.item.action(t.item), e.setActive(g.value);
+          if (t.item.action && t.item.action(t.item), t.item.to)
+            k.push(t.item.to).catch(() => {
+            });
+          else if (t.item.href)
+            window.open(t.item.href, "_blank");
+          else if (v.value) {
+            const a = t.item.children?.[0];
+            a && (a.to ? k.push(a.to).catch(() => {
+            }) : a.href && window.open(a.href, "_blank"));
+          }
+          e.setActive(y.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);
+        v.value && !t.item.to && !t.item.href && (I.value || e.toggleExpand(y.value)), t.item.action && t.item.action(t.item), (!v.value || t.item.to) && e.setActive(y.value);
       }
-    }, L = (o) => {
+    }, N = (o) => {
       if (o.stopPropagation(), e.renderNestedTabs && t.depth === 0) {
-        t.item.action && t.item.action(t.item), e.setActive(g.value);
+        if (t.item.action && t.item.action(t.item), t.item.to)
+          k.push(t.item.to).catch(() => {
+          });
+        else if (t.item.href)
+          window.open(t.item.href, "_blank");
+        else if (v.value) {
+          const a = t.item.children?.[0];
+          a && (a.to ? k.push(a.to).catch(() => {
+          }) : a.href && window.open(a.href, "_blank"));
+        }
+        e.setActive(y.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}`;
+      I.value || e.toggleExpand(y.value);
+    }, $ = c(() => e.indentSize || 12), T = c(() => i.value ? {} : e.compact ? { width: "100%" } : {
+      marginLeft: `${t.depth * $.value}px`,
+      width: `calc(100% - ${t.depth * $.value}px)`
+    }), _ = c(() => {
+      const a = `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 ${i.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
+      return z.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"), `${a} ${x} ${l} ${t.item.class || ""}`;
+    }), m = c(() => e.compact && e.showCompactLabels), C = c(
+      () => t.item.labelI18n ? O(t.item.labelI18n) : t.item.label
     ), A = (o) => ({
-      label: o.labelI18n ? K(o.labelI18n) : o.label,
+      label: o.labelI18n ? O(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");
+    }), F = c(() => t.item.children ? t.item.children.map(A) : []), W = (o) => {
+      const a = o.data;
+      if (a) {
+        a.action && a.action(a);
+        const x = a.id || a.label || (typeof a.to == "string" ? a.to : "");
+        x && e.setActive(x), a.to ? k.push(a.to).catch(() => {
+        }) : a.href && window.open(a.href, "_blank");
       }
     }, q = (o) => {
-      const i = o;
-      i.style.height = "0", i.style.opacity = "0";
+      const a = o;
+      a.style.height = "0", a.style.opacity = "0";
     }, G = (o) => {
-      const i = o;
-      i.style.height = i.scrollHeight + "px", i.style.opacity = "1";
+      const a = o;
+      a.style.height = a.scrollHeight + "px", a.style.opacity = "1";
     }, J = (o) => {
-      const i = o;
-      i.style.height = "auto", i.style.overflow = "visible";
+      const a = o;
+      a.style.height = "auto", a.style.overflow = "visible";
     }, Q = (o) => {
-      const i = o;
-      i.style.height = i.scrollHeight + "px", i.style.overflow = "hidden", i.style.opacity = "1";
+      const a = o;
+      a.style.height = a.scrollHeight + "px", a.style.overflow = "hidden", a.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 ? {
+      const a = o;
+      a.style.height = "0", a.style.opacity = "0";
+    }, H = c(() => t.item.to ? "router-link" : t.item.href ? "a" : "button"), P = c(() => t.item.to ? { to: t.item.to } : t.item.href ? {
       href: t.item.href,
       target: "_blank",
       rel: "noopener noreferrer"
     } : { type: "button" });
-    return (o, i) => {
+    return (o, a) => {
       const x = Z("SidebarMenuItem", !0);
-      return r(), v("div", {
-        class: u(["relative sidebar-manu-item", n.value ? "w-auto" : "w-full"])
+      return r(), f("div", {
+        class: u(["relative sidebar-manu-item", i.value ? "w-auto" : "w-full"])
       }, [
-        S.value ? (r(), p(a(le), {
+        I.value ? (r(), h(n(le), {
           key: 0,
-          position: n.value ? "bottom-start" : "right-start",
-          offset: c.menuOffset,
+          position: i.value ? "bottom-start" : "right-start",
+          offset: s.menuOffset,
           class: "w-full block",
           searchable: !1,
-          width: a(e).nestedMenuWidth,
-          maxHeight: a(e).nestedMenuMaxHeight,
+          width: n(e).nestedMenuWidth,
+          maxHeight: n(e).nestedMenuMaxHeight,
           options: F.value,
           onOnSelect: W
         }, {
-          header: h(() => [
-            a(e).compact && !n.value ? (r(), v("div", re, [
-              c.item.icon ? (r(), p(w, {
+          header: b(() => [
+            n(e).compact && !i.value ? (r(), f("div", re, [
+              s.item.icon ? (r(), h(w, {
                 key: 0,
-                icon: c.item.icon,
+                icon: s.item.icon,
                 class: "shrink-0 transition-colors opacity-80 group-hover:opacity-100"
               }, null, 8, ["icon"])) : d("", !0),
-              ee(" " + y(k.value), 1)
+              ee(" " + g(C.value), 1)
             ])) : d("", !0)
           ]),
-          trigger: h(({ isOpen: l }) => [
-            C(_, {
-              content: k.value,
-              placement: n.value ? "bottom" : "right",
+          trigger: b(({ isOpen: l }) => [
+            S(K, {
+              content: C.value,
+              placement: i.value ? "bottom" : "right",
               className: "sidebar-menu-tooltip",
-              disabled: !a(e).showTooltip || !a(e).compact && !n.value || l,
+              disabled: !n(e).showTooltip || !n(e).compact && !i.value || l,
               class: "w-full block"
             }, {
-              default: h(() => [
-                f("div", ce, [
-                  (r(), p(B(H.value), D(P.value, {
-                    class: [T.value, l ? "bg-muted text-foreground" : ""],
-                    style: N.value,
+              default: b(() => [
+                p("div", se, [
+                  (r(), h(B(H.value), D(P.value, {
+                    class: [_.value, l ? "bg-muted text-foreground" : ""],
+                    style: T.value,
                     "aria-haspopup": !0,
                     "aria-expanded": l,
-                    onClick: j
+                    onClick: L
                   }), {
-                    default: h(() => [
-                      f("div", {
+                    default: b(() => [
+                      p("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"
+                          m.value && !i.value ? "flex-col items-center justify-center gap-1" : n(e).compact && !i.value ? "justify-center" : "items-center gap-2.5"
                         ]])
                       }, [
-                        c.item.icon ? (r(), p(w, {
+                        s.item.icon ? (r(), h(w, {
                           key: 0,
-                          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
+                          icon: s.item.icon,
+                          class: u(["shrink-0 transition-colors opacity-80 group-hover:opacity-100", [z.value || l ? "opacity-100" : ""]]),
+                          style: M({
+                            width: n(e).compact && !i.value ? n(e).compactIconSize : n(e).iconSize,
+                            height: n(e).compact && !i.value ? n(e).compactIconSize : n(e).iconSize
                           })
                         }, null, 8, ["icon", "class", "style"])) : d("", !0),
-                        f("span", {
+                        p("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
+                            [n(e).compactLabelClass]: m.value && !i.value,
+                            hidden: n(e).compact && !m.value && !i.value,
+                            "md:hidden": n(e).compact && !m.value && !i.value
                           }])
-                        }, y(k.value), 3),
-                        c.item.badge && (!a(e).compact || !m.value || n.value) ? (r(), v("span", {
+                        }, g(C.value), 3),
+                        s.item.badge && (!n(e).compact || !m.value || i.value) ? (r(), f("span", {
                           key: 1,
                           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 }
+                            s.item.badgeClass || "bg-muted text-muted-foreground",
+                            { "md:hidden": n(e).compact && !i.value }
                           ]])
-                        }, y(c.item.badge), 3)) : d("", !0)
+                        }, g(s.item.badge), 3)) : d("", !0)
                       ], 2),
-                      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 }])
+                      p("div", {
+                        class: u(["ml-1.5 flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", { "md:hidden": n(e).compact && !i.value }])
                       }, [
-                        C(w, {
-                          icon: n.value ? "lucide:chevron-down" : "lucide:chevron-right",
+                        S(w, {
+                          icon: i.value ? "lucide:chevron-down" : "lucide:chevron-right",
                           class: "h-3 w-3"
                         }, null, 8, ["icon"])
                       ], 2)
@@ -170,78 +192,78 @@ const re = {
               _: 2
             }, 1032, ["content", "placement", "disabled"])
           ]),
-          item: h(({ option: l }) => [
-            f("div", se, [
-              l.icon ? (r(), p(w, {
+          item: b(({ option: l }) => [
+            p("div", ce, [
+              l.icon ? (r(), h(w, {
                 key: 0,
                 icon: l.icon,
                 class: "shrink-0 opacity-80",
-                style: $({ width: a(e).iconSize, height: a(e).iconSize })
+                style: M({ width: n(e).iconSize, height: n(e).iconSize })
               }, null, 8, ["icon", "style"])) : d("", !0),
-              f("span", ue, y(l.label), 1),
-              l.data?.badge ? (r(), v("span", {
+              p("span", ue, g(l.label), 1),
+              l.data?.badge ? (r(), f("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)
+              }, g(l.data.badge), 3)) : d("", !0)
             ])
           ]),
           _: 1
-        }, 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,
+        }, 8, ["position", "offset", "width", "maxHeight", "options"])) : (r(), f(V, { key: 1 }, [
+          S(K, {
+            content: C.value,
+            placement: i.value ? "bottom" : "right",
+            disabled: !n(e).showTooltip || !n(e).compact && !i.value,
             class: "w-full block"
           }, {
-            default: h(() => [
-              (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: b(() => [
+              (r(), h(B(H.value), D(P.value, {
+                class: [_.value, "mb-0.5"],
+                style: T.value,
+                "aria-expanded": j.value ? E.value : void 0,
+                "aria-current": z.value ? "page" : void 0,
+                onClick: L
               }), {
-                default: h(() => [
-                  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"
+                default: b(() => [
+                  p("div", {
+                    class: u(["min-w-0 flex-1 flex py-0.5", [
+                      m.value && !i.value ? "flex-col items-center justify-center gap-1" : n(e).compact && !i.value ? "justify-center" : "items-center gap-2.5"
                     ]])
                   }, [
-                    c.item.icon ? (r(), p(w, {
+                    s.item.icon ? (r(), h(w, {
                       key: 0,
-                      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
+                      icon: s.item.icon,
+                      class: u(["shrink-0 transition-colors opacity-80 group-hover:opacity-100", [z.value ? "opacity-100" : ""]]),
+                      style: M({
+                        width: n(e).compact && !i.value ? n(e).compactIconSize : n(e).iconSize,
+                        height: n(e).compact && !i.value ? n(e).compactIconSize : n(e).iconSize
                       })
                     }, null, 8, ["icon", "class", "style"])) : d("", !0),
-                    f("span", {
+                    p("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
+                        [n(e).compactLabelClass]: m.value && !i.value,
+                        hidden: n(e).compact && !m.value && !i.value,
+                        "md:hidden": n(e).compact && !m.value && !i.value
                       }])
-                    }, y(k.value), 3),
-                    c.item.badge && (!a(e).compact || !m.value || n.value) ? (r(), v("span", {
+                    }, g(C.value), 3),
+                    s.item.badge && (!n(e).compact || !m.value || i.value) ? (r(), f("span", {
                       key: 1,
                       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 }
+                        s.item.badgeClass || "bg-muted text-muted-foreground",
+                        { "md:hidden": n(e).compact && !i.value }
                       ]])
-                    }, y(c.item.badge), 3)) : d("", !0)
+                    }, g(s.item.badge), 3)) : d("", !0)
                   ], 2),
-                  E.value ? (r(), v("div", {
+                  j.value ? (r(), f("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": a(e).compact && !n.value }]),
-                    onClick: L,
-                    onKeydown: te(ae(L, ["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": n(e).compact && !i.value }]),
+                    onClick: N,
+                    onKeydown: te(ae(N, ["prevent"]), ["enter", "space"])
                   }, [
-                    C(w, {
+                    S(w, {
                       icon: "lucide:chevron-down",
-                      class: u(["h-3 w-3 transition-transform duration-200", { "rotate-180": M.value && !n.value }])
+                      class: u(["h-3 w-3 transition-transform duration-200", { "rotate-180": E.value && !i.value }])
                     }, null, 8, ["class"])
                   ], 42, de)) : d("", !0)
                 ]),
@@ -250,7 +272,7 @@ const re = {
             ]),
             _: 1
           }, 8, ["content", "placement", "disabled"]),
-          C(ne, {
+          S(ne, {
             name: "sidebar-slide",
             onBeforeEnter: q,
             onEnter: G,
@@ -258,20 +280,20 @@ const re = {
             onBeforeLeave: Q,
             onLeave: U
           }, {
-            default: h(() => [
-              b.value && M.value && !n.value ? (r(), v("div", me, [
-                a(e).variant === "default" ? (r(), v("div", {
+            default: b(() => [
+              v.value && E.value && !i.value ? (r(), f("div", me, [
+                n(e).variant === "default" ? (r(), f("div", {
                   key: 0,
                   class: "absolute top-0 bottom-2 w-px bg-border",
-                  style: $({
-                    left: `${(c.depth + 1) * z.value - z.value / 2}px`
+                  style: M({
+                    left: `${(s.depth + 1) * $.value - $.value / 2}px`
                   })
                 }, null, 4)) : d("", !0),
-                f("div", ve, [
-                  (r(!0), v(V, null, ie(c.item.children, (l) => (r(), p(x, {
+                p("div", fe, [
+                  (r(!0), f(V, null, ie(s.item.children, (l) => (r(), h(x, {
                     key: l.id || l.label,
                     item: l,
-                    depth: c.depth + 1
+                    depth: s.depth + 1
                   }, null, 8, ["item", "depth"]))), 128))
                 ])
               ])) : d("", !0)

package/components/Switch.vue.js

@@ -23,13 +23,13 @@ const p = { class: "flex items-center gap-2" }, g = ["id", "aria-checked", "aria
         "aria-checked": e.modelValue,
         "aria-label": a.value || "Toggle",
         disabled: e.disabled,
-        class: t(["relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", [e.modelValue ? "bg-primary" : "bg-input", l.class]]),
+        class: t(["relative inline-flex h-5.5 w-10.5 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", [e.modelValue ? "bg-primary" : "bg-input", l.class]]),
         onClick: o
       }, [
         r("span", {
           "aria-hidden": "true",
           class: t([
-            "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-background shadow-lg ring-0 transition duration-200 ease-in-out",
+            "pointer-events-none inline-block h-4.5 w-4.5 transform rounded-full bg-background shadow-lg ring-0 transition duration-200 ease-in-out",
             e.modelValue ? "translate-x-5  rtl:translate-x-0" : "translate-x-0 rtl:-translate-x-5"
           ])
         }, null, 2)

package/components/Textarea.vue.js

@@ -13,12 +13,14 @@ const x = ["value", "rows", "disabled", "placeholder"], g = /* @__PURE__ */ i({
   emits: ["update:modelValue", "focus", "blur"],
   setup(l, { emit: s }) {
     const o = l, t = s, n = r(() => [
-      "flex min-h-[80px] w-full rounded-md border border-input px-3 py-2 text-sm placeholder:text-muted-foreground/50 focus-visible:outline-none focus-visible:border-primary disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
+      "flex min-h-[80px] w-full rounded-md border border-input px-3 py-2 text-sm placeholder:text-muted-foreground/50 focus-visible:outline-none focus-visible:border-black disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
       o.class
     ].join(" ")), u = (d) => {
       const e = d.target;
       t("update:modelValue", e.value);
-    }, c = r(() => o.placeholderI18n ? b(o.placeholderI18n) : o.placeholder);
+    }, c = r(
+      () => o.placeholderI18n ? b(o.placeholderI18n) : o.placeholder
+    );
     return (d, e) => (p(), m("textarea", {
       value: l.modelValue,
       rows: l.rows,

package/components/Tooltip.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as r, computed as c, openBlock as l, createElementBlock as i, renderSlot as n, createBlock as d, unref as p, mergeProps as u, withCtx as a } from "vue";
+import { defineComponent as r, computed as c, openBlock as l, createElementBlock as i, renderSlot as n, createBlock as p, unref as d, mergeProps as u, withCtx as a } from "vue";
 import f from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
 import { $t as m } from "../utils/i18n.js";
-const g = {
+const y = {
   key: 0,
   class: "contents"
 }, b = /* @__PURE__ */ r({
@@ -22,13 +22,14 @@ const g = {
     styles: {},
     ignoreClickOutside: {},
     isOpen: { type: Boolean },
+    keepAlive: { type: Boolean },
     menuId: {}
   },
   setup(t) {
     const e = t, s = c(() => e.contentI18n ? m(e.contentI18n) : e.content);
-    return (o, y) => t.disabled ? (l(), i("div", g, [
+    return (o, g) => t.disabled ? (l(), i("div", y, [
       n(o.$slots, "default")
-    ])) : (l(), d(p(f), u({ key: 1 }, { ...e, content: s.value }, {
+    ])) : (l(), p(d(f), u({ key: 1 }, { ...e, content: s.value }, {
       class: "inline-block",
       "class-name": `basic-tooltip ${t.className}`
     }), {

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.6.1",
+  "version": "0.6.4",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -47,7 +47,7 @@
     "scrollreveal": "^4.0.9",
     "tailwindcss": "^4.1.18",
     "v-datepicker-lite": "^0.1.6",
-    "v-tooltip-lite": "^0.2.3",
+    "v-tooltip-lite": "^0.2.5",
     "vue-carousel-lite": "^0.2.7",
     "vue-draggable-plus": "^0.5.3",
     "vue3-google-signin": "^2.1.1",