vlite3 1.4.40 → 1.5.0

package/components/Navbar/Navbar.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as w, ref as c, openBlock as n, createElementBlock as d, normalizeClass as i, unref as o, Fragment as g, createElementVNode as r, renderSlot as s, createVNode as v, createCommentVNode as u, createBlock as T, isRef as B, withCtx as y, createTextVNode as x } from "vue";
+import { defineComponent as w, ref as c, openBlock as n, createElementBlock as d, normalizeClass as i, unref as o, Fragment as g, createElementVNode as r, renderSlot as s, createVNode as v, createCommentVNode as f, createBlock as T, isRef as B, withCtx as y, createTextVNode as x } from "vue";
 import { onClickOutside as M } from "@vueuse/core";
 import h from "../Icon.vue.js";
 import z from "../SidePanel.vue.js";
@@ -37,7 +37,7 @@ const O = { class: "flex items-center gap-4 shrink-0 z-10" }, R = {
   setup(k) {
     const a = k, {
       isMobileMenuOpen: t,
-      breakpointClasses: f,
+      breakpointClasses: u,
       containerClasses: $,
       centerClasses: C
     } = N(a), b = c(null), m = c(null);
@@ -61,7 +61,7 @@ const O = { class: "flex items-center gap-4 shrink-0 z-10" }, R = {
               type: "button",
               ref_key: "mobileTriggerRef",
               ref: m,
-              class: i(["p-2 -ml-2 text-muted-foreground hover:bg-accent rounded-md shrink-0", [o(f).mobileTrigger, a.mobileTriggerClass]]),
+              class: i(["p-2 -ms-2 text-muted-foreground hover:bg-accent rounded-md shrink-0", [o(u).mobileTrigger, a.mobileTriggerClass]]),
               onClick: l[0] || (l[0] = (p) => t.value = !o(t))
             }, [
               v(h, {
@@ -73,21 +73,21 @@ const O = { class: "flex items-center gap-4 shrink-0 z-10" }, R = {
           ]),
           e.$slots?.left ? (n(), d("div", {
             key: 0,
-            class: i(["items-center gap-1 overflow-x-auto no-scrollbar mask-gradient", o(f).desktopContent])
+            class: i(["items-center gap-1 overflow-x-auto no-scrollbar mask-gradient", o(u).desktopContent])
           }, [
             s(e.$slots, "left")
-          ], 2)) : u("", !0)
+          ], 2)) : f("", !0)
         ]),
         e.$slots?.center ? (n(), d("div", {
           key: 0,
           class: i([o(C), "max-w-full", a.contentClass])
         }, [
           s(e.$slots, "center")
-        ], 2)) : u("", !0),
+        ], 2)) : f("", !0),
         r("div", {
           class: i(["flex items-center gap-2 shrink-0 max-w-[40%] z-10", [
             {
-              "ml-auto": a.centerPosition === "left" || a.centerPosition === "center"
+              "ms-auto": a.centerPosition === "left" || a.centerPosition === "center"
             },
             a.rightClass
           ]])
@@ -96,7 +96,7 @@ const O = { class: "flex items-center gap-4 shrink-0 z-10" }, R = {
         ], 2)
       ], 64)) : (n(), d(g, { key: 1 }, [
         r("div", {
-          class: i(o(f).mobileHeader)
+          class: i(o(u).mobileHeader)
         }, [
           s(e.$slots, "mobile-trigger", {
             isOpen: o(t),
@@ -106,7 +106,7 @@ const O = { class: "flex items-center gap-4 shrink-0 z-10" }, R = {
               type: "button",
               ref_key: "mobileTriggerRef",
               ref: m,
-              class: i(["p-2 -mr-2 text-muted-foreground hover:bg-accent rounded-md", a.mobileTriggerClass]),
+              class: i(["p-2 -me-2 text-muted-foreground hover:bg-accent rounded-md", a.mobileTriggerClass]),
               onClick: l[1] || (l[1] = (p) => t.value = !o(t))
             }, [
               v(h, {
@@ -118,7 +118,7 @@ const O = { class: "flex items-center gap-4 shrink-0 z-10" }, R = {
           ])
         ], 2),
         r("div", {
-          class: i(o(f).desktopSidebar)
+          class: i(o(u).desktopSidebar)
         }, [
           r("div", {
             class: i(["flex-1 px-2.5 pt-0 pb-4 overflow-y-auto space-y-4 scrollbar-thin scrollbar-stable", a.contentClass])
@@ -132,7 +132,7 @@ const O = { class: "flex items-center gap-4 shrink-0 z-10" }, R = {
             class: i(["p-2 border-t border-border shrink-0 bg-background mt-auto", a.rightClass])
           }, [
             s(e.$slots, "right")
-          ], 2)) : u("", !0)
+          ], 2)) : f("", !0)
         ], 2)
       ], 64)),
       a.mobileMenuVariant === "dropdown" ? (n(), d(g, { key: 2 }, [
@@ -140,7 +140,7 @@ const O = { class: "flex items-center gap-4 shrink-0 z-10" }, R = {
           key: 0,
           ref_key: "mobileMenuRef",
           ref: b,
-          class: i(["absolute top-[calc(100%_+_1px)] left-0 w-full bg-body border border-border/50 shadow-xl z-50 flex flex-col transition-all duration-300 origin-top overflow-hidden will-change-transform", a.menuClass])
+          class: i(["absolute top-[calc(100%_+_1px)] start-0 w-full bg-body border border-border/50 shadow-xl z-50 flex flex-col transition-all duration-300 origin-top overflow-hidden will-change-transform", a.menuClass])
         }, [
           r("div", R, [
             s(e.$slots, "mobile-menu", {}, () => [
@@ -153,16 +153,16 @@ const O = { class: "flex items-center gap-4 shrink-0 z-10" }, R = {
               ])
             ])
           ])
-        ], 2)) : u("", !0)
+        ], 2)) : f("", !0)
       ], 64)) : (n(), T(z, {
         key: 3,
         show: o(t),
         "onUpdate:show": l[2] || (l[2] = (p) => B(t) ? t.value = p : null),
         position: "left",
         size: "sm",
-        triggerClass: o(f).mobileTrigger,
-        class: i(["z-60", o(f).mobileTrigger]),
-        headerClass: "pl-3! pr-4.5! py-3!",
+        triggerClass: o(u).mobileTrigger,
+        class: i(["z-60", o(u).mobileTrigger]),
+        headerClass: "ps-3! pe-4.5! py-3!",
         bodyClass: "p-0!"
       }, {
         header: y(() => [
@@ -185,7 +185,7 @@ const O = { class: "flex items-center gap-4 shrink-0 z-10" }, R = {
             ])),
             e.$slots?.right ? (n(), d("div", H, [
               s(e.$slots, "right")
-            ])) : u("", !0)
+            ])) : f("", !0)
           ])
         ]),
         _: 3

package/components/Navbar/NavbarGroup.vue.js

@@ -1,18 +1,19 @@
-import { defineComponent as s, computed as r, openBlock as l, createElementBlock as n, normalizeClass as c, renderSlot as i } from "vue";
-const f = /* @__PURE__ */ s({
+import { defineComponent as n, computed as r, openBlock as s, createElementBlock as l, normalizeClass as c, renderSlot as i } from "vue";
+const f = /* @__PURE__ */ n({
   __name: "NavbarGroup",
   props: {
     orientation: { default: "horizontal" },
     class: { default: "" }
   },
-  setup(o) {
-    const e = o, t = r(() => [
+  setup(t) {
+    const e = t, o = r(() => [
       "flex",
-      e.orientation === "vertical" ? "flex-col space-y-1" : "flex-row items-center space-x-1",
+      // bare `flex` + gap (not flex-row/space-x) so i18n.css row-reverse does not double-flip under dir=rtl
+      e.orientation === "vertical" ? "flex-col gap-1" : "items-center gap-1",
       e.class
     ].join(" "));
-    return (a, p) => (l(), n("div", {
-      class: c(t.value)
+    return (a, p) => (s(), l("div", {
+      class: c(o.value)
     }, [
       i(a.$slots, "default")
     ], 2));

package/components/Navbar/NavbarItem.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as $, computed as i, inject as j, openBlock as o, createBlock as u, withCtx as v, resolveDynamicComponent as w, normalizeClass as s, createCommentVNode as c, createElementBlock as h, renderSlot as g, createTextVNode as B, toDisplayString as R } from "vue";
-import { useRoute as D } from "vue-router";
+import { defineComponent as R, computed as r, inject as w, openBlock as n, createBlock as u, withCtx as v, resolveDynamicComponent as B, normalizeClass as s, createCommentVNode as c, createElementBlock as h, renderSlot as g, createTextVNode as D, toDisplayString as N } from "vue";
+import { useRoute as S } from "vue-router";
 import b from "../Icon.vue.js";
-import N from "../Tooltip.vue.js";
-const T = /* @__PURE__ */ $({
+import W from "../Tooltip.vue.js";
+import { useRtl as z } from "../../composables/useRtl.js";
+const I = /* @__PURE__ */ R({
   __name: "NavbarItem",
   props: {
     to: {},
@@ -17,85 +18,85 @@ const T = /* @__PURE__ */ $({
     variant: { default: "ghost" }
   },
   emits: ["click"],
-  setup(r, { emit: p }) {
-    const t = r, y = p, d = D(), n = i(() => {
+  setup(o, { emit: p }) {
+    const t = o, y = p, d = S(), x = z(), k = r(() => x.value ? "left" : "right"), a = r(() => {
       if (t.active) return !0;
       if (t.to && d) {
         const e = t.to.toString();
         return d.path === e || d.path.startsWith(e) && e !== "/" && e.length > 1;
       }
       return !1;
-    }), f = i(() => t.href && (t.href.startsWith("http") || t.href.startsWith("//"))), m = i(() => t.to ? "router-link" : t.href ? "a" : "button"), x = j("navbar-context", null), a = i(() => x?.compact.value || !1), k = i(() => {
-      const e = "group flex items-center gap-2 px-3 py-2 text-sm font-medium transition-all duration-200 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none cursor-pointer", l = a.value ? "justify-center" : "";
+    }), f = r(() => t.href && (t.href.startsWith("http") || t.href.startsWith("//"))), m = r(() => t.to ? "router-link" : t.href ? "a" : "button"), C = w("navbar-context", null), l = r(() => C?.compact.value || !1), $ = r(() => {
+      const e = "group flex items-center gap-2 px-3 py-2 text-sm font-medium transition-all duration-200 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none cursor-pointer", i = l.value ? "justify-center" : "";
       return t.variant === "ghost" ? [
         e,
-        l,
+        i,
         "hover:bg-accent hover:text-foreground text-muted-foreground",
-        n.value ? "bg-primary-light text-primary-fg-light font-semibold" : "text-muted-foreground",
+        a.value ? "bg-primary-light text-primary-fg-light font-semibold" : "text-muted-foreground",
         t.class
       ].join(" ") : t.variant === "pill" ? [
         e,
-        l,
-        n.value ? "bg-primary text-primary-fg shadow-sm" : "text-muted-foreground hover:bg-accent hover:text-foreground",
+        i,
+        a.value ? "bg-primary text-primary-fg shadow-sm" : "text-muted-foreground hover:bg-accent hover:text-foreground",
         t.class
       ].join(" ") : t.variant === "underline" ? [
         e,
-        l,
+        i,
         "rounded-none border-b-2",
-        n.value ? "text-primary border-primary" : "text-muted-foreground border-transparent hover:border-border hover:text-foreground",
+        a.value ? "text-primary border-primary" : "text-muted-foreground border-transparent hover:border-border hover:text-foreground",
         t.class
       ].join(" ") : [
         e,
-        l,
+        i,
         "hover:text-foreground transition-colors",
-        n.value ? "text-foreground font-semibold" : "text-muted-foreground",
+        a.value ? "text-foreground font-semibold" : "text-muted-foreground",
         t.class
       ].join(" ");
-    }), C = (e) => {
+    }), j = (e) => {
       if (t.disabled) {
         e.preventDefault();
         return;
       }
       y("click", e);
     };
-    return (e, l) => (o(), u(N, {
-      content: r.label || (typeof e.$slots.default == "string" ? e.$slots.default : ""),
-      placement: "right",
-      disabled: !a.value,
+    return (e, i) => (n(), u(W, {
+      content: o.label || (typeof e.$slots.default == "string" ? e.$slots.default : ""),
+      placement: k.value,
+      disabled: !l.value,
       class: "w-full"
     }, {
       default: v(() => [
-        (o(), u(w(m.value), {
-          to: r.to,
-          href: r.href,
+        (n(), u(B(m.value), {
+          to: o.to,
+          href: o.href,
           type: m.value === "button" ? "button" : void 0,
           target: f.value ? "_blank" : void 0,
           rel: f.value ? "noopener noreferrer" : void 0,
-          class: s(k.value),
-          onClick: C
+          class: s($.value),
+          onClick: j
         }, {
           default: v(() => [
-            r.icon ? (o(), u(b, {
+            o.icon ? (n(), u(b, {
               key: 0,
-              icon: r.icon,
-              class: s(["h-4 w-4 shrink-0 transition-colors", n.value ? "text-current" : "text-muted-foreground group-hover:text-current"])
+              icon: o.icon,
+              class: s(["h-4 w-4 shrink-0 transition-colors", a.value ? "text-current" : "text-muted-foreground group-hover:text-current"])
             }, null, 8, ["icon", "class"])) : c("", !0),
-            r.label || e.$slots.default ? (o(), h("span", {
+            o.label || e.$slots.default ? (n(), h("span", {
               key: 1,
-              class: s(["flex-1 truncate text-left", { "md:hidden": a.value }])
+              class: s(["flex-1 truncate text-start", { "md:hidden": l.value }])
             }, [
               g(e.$slots, "default", {}, () => [
-                B(R(r.label), 1)
+                D(N(o.label), 1)
               ])
             ], 2)) : c("", !0),
-            r.iconRight ? (o(), u(b, {
+            o.iconRight ? (n(), u(b, {
               key: 2,
-              icon: r.iconRight,
-              class: s(["h-4 w-4 shrink-0 opacity-70", { "md:hidden": a.value }])
+              icon: o.iconRight,
+              class: s(["h-4 w-4 shrink-0 opacity-70", { "md:hidden": l.value }])
             }, null, 8, ["icon", "class"])) : c("", !0),
-            e.$slots.badge ? (o(), h("div", {
+            e.$slots.badge ? (n(), h("div", {
               key: 3,
-              class: s(["ml-auto", { "md:hidden": a.value }])
+              class: s(["ml-auto", { "md:hidden": l.value }])
             }, [
               g(e.$slots, "badge")
             ], 2)) : c("", !0)
@@ -104,9 +105,9 @@ const T = /* @__PURE__ */ $({
         }, 8, ["to", "href", "type", "target", "rel", "class"]))
       ]),
       _: 3
-    }, 8, ["content", "disabled"]));
+    }, 8, ["content", "placement", "disabled"]));
   }
 });
 export {
-  T as default
+  I as default
 };

package/components/Navbar/NavbarTabs.vue.js

@@ -1,186 +1,8 @@
-import { defineComponent as A, ref as d, onMounted as F, nextTick as k, onUnmounted as H, watch as T, openBlock as s, createElementBlock as b, normalizeClass as v, createVNode as g, Transition as _, withCtx as w, createElementVNode as l, createCommentVNode as p, Fragment as U, renderList as q, isMemoSame as G, createBlock as C, resolveDynamicComponent as J, mergeProps as K, toDisplayString as O, unref as Q } from "vue";
-import { useRoute as X } from "vue-router";
-import m from "../Icon.vue.js";
-import { $t as Y } from "../../utils/i18n.js";
-const Z = {
-  key: 0,
-  class: "absolute left-0 top-0 bottom-0 z-10 flex items-center pointer-events-none"
-}, ee = { class: "truncate" }, te = {
-  key: 0,
-  class: "absolute right-0 top-0 bottom-0 z-10 flex items-center justify-end pointer-events-none"
-}, le = /* @__PURE__ */ A({
-  __name: "NavbarTabs",
-  props: {
-    items: {},
-    variant: { default: "solid" },
-    size: { default: "md" },
-    activeClass: { default: "" },
-    inactiveClass: { default: "" },
-    class: { default: "" }
-  },
-  setup(a) {
-    const n = a, i = d(null), I = d(!1), z = d(!1), c = () => {
-      const t = i.value;
-      t && (I.value = t.scrollLeft > 2, z.value = t.scrollLeft + t.clientWidth < t.scrollWidth - 2);
-    }, R = (t) => {
-      const r = i.value;
-      if (!r) return;
-      const e = r.clientWidth * 0.6;
-      r.scrollBy({ left: t === "right" ? e : -e, behavior: "smooth" });
-    };
-    F(() => {
-      k(() => {
-        c(), i.value?.addEventListener("scroll", c, { passive: !0 });
-      });
-    }), H(() => {
-      i.value?.removeEventListener("scroll", c);
-    });
-    const h = X();
-    T(
-      () => h.path,
-      () => k(c)
-    );
-    const x = d(/* @__PURE__ */ new Map()), E = (t, r) => {
-      const e = t?.$el ?? t;
-      e instanceof HTMLElement ? x.value.set(r, e) : x.value.delete(r);
-    };
-    T(
-      () => h.path,
-      (t) => {
-        k(() => {
-          const r = n.items.findIndex((o) => u(o));
-          if (r === -1) return;
-          x.value.get(r)?.scrollIntoView({ block: "nearest", inline: "center", behavior: "smooth" });
-        });
-      },
-      { immediate: !0 }
-    );
-    const V = {
-      line: "flex border-b border-border gap-0",
-      pill: "flex gap-1 p-1 bg-secondary/80 rounded-lg",
-      solid: "flex gap-0",
-      ghost: "flex gap-1"
-    }, $ = {
-      sm: "px-2.5 py-1.5 text-xs",
-      md: "px-3.5 py-2 text-sm",
-      lg: "px-5 py-2.5 text-base"
-    }, M = {
-      line: "text-primary border-b-2 border-primary -mb-px",
-      pill: "bg-background text-foreground shadow-sm",
-      solid: "bg-primary-light text-primary-dark",
-      ghost: "bg-accent text-accent-foreground"
-    }, N = {
-      line: "text-muted-foreground border-b-2 border-transparent hover:text-foreground hover:border-border",
-      pill: "text-muted-foreground hover:text-foreground hover:bg-accent/50",
-      solid: "text-muted-foreground hover:text-foreground hover:bg-accent/50",
-      ghost: "text-muted-foreground hover:text-foreground hover:bg-accent/50"
-    }, u = (t) => {
-      const r = h.path;
-      if (!t.to) return !1;
-      const e = typeof t.to == "string" ? t.to : t.to.path;
-      if (!e) return !1;
-      if (t.exact || e === "/")
-        return r === e;
-      if (r === e) return !0;
-      if (r.startsWith(e)) {
-        const o = r[e.length];
-        return o === "/" || o === "?" || o === "#" || o === void 0;
-      }
-      return !1;
-    }, W = (t) => {
-      const r = "group relative inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap shrink-0 select-none cursor-pointer outline-none   focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-1", e = t.disabled ? "opacity-50 pointer-events-none cursor-not-allowed" : "", S = u(t) ? n.activeClass || M[n.variant] : n.inactiveClass || N[n.variant];
-      return [r, $[n.size], S, e].filter(Boolean).join(" ");
-    }, j = (t) => t.to ? "router-link" : t.href ? "a" : "button", D = (t) => t.to ? { to: t.to } : t.href ? { href: t.href, target: "_blank", rel: "noopener noreferrer" } : { type: "button" }, P = (t, r) => {
-      r.disabled && t.preventDefault();
-    };
-    return (t, r) => (s(), b("div", {
-      class: v(["relative flex items-center w-full min-w-0 border-b", n.class])
-    }, [
-      g(_, { name: "fade-x" }, {
-        default: w(() => [
-          I.value ? (s(), b("div", Z, [
-            r[4] || (r[4] = l("div", { class: "w-8 h-full bg-gradient-to-r from-background to-transparent" }, null, -1)),
-            l("button", {
-              type: "button",
-              class: "pointer-events-auto absolute left-0 bg-body h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors",
-              "aria-label": "Scroll tabs left",
-              tabindex: "-1",
-              onClick: r[0] || (r[0] = (e) => R("left"))
-            }, [
-              g(m, {
-                icon: "lucide:chevron-left",
-                class: "w-4 h-4"
-              })
-            ])
-          ])) : p("", !0)
-        ]),
-        _: 1
-      }),
-      l("nav", {
-        ref_key: "scrollRef",
-        ref: i,
-        role: "tablist",
-        class: v([
-          "flex-1 overflow-x-auto scroll-smooth navbar-tabs-no-scrollbar",
-          V[a.variant]
-        ]),
-        style: { "will-change": "transform", contain: "layout style" },
-        "aria-label": "Page tabs"
-      }, [
-        (s(!0), b(U, null, q(a.items, (e, o, S, f) => {
-          const L = [e, u(e), e.disabled];
-          if (f && f.key === o && G(f, L)) return f;
-          const B = (s(), C(J(j(e)), K({ key: o }, { ref_for: !0 }, D(e), {
-            ref_for: !0,
-            ref: (y) => E(y, o),
-            role: "tab",
-            "aria-selected": u(e),
-            "aria-disabled": e.disabled || void 0,
-            tabindex: e.disabled ? -1 : 0,
-            class: W(e),
-            onClick: (y) => P(y, e)
-          }), {
-            default: w(() => [
-              e.icon ? (s(), C(m, {
-                key: 0,
-                icon: e.icon,
-                class: v(["shrink-0", a.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4"])
-              }, null, 8, ["icon", "class"])) : p("", !0),
-              l("span", ee, O(e.labelI18n ? Q(Y)(e.labelI18n) : e.label), 1),
-              e.iconRight ? (s(), C(m, {
-                key: 1,
-                icon: e.iconRight,
-                class: v(["shrink-0 opacity-70", a.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4"])
-              }, null, 8, ["icon", "class"])) : p("", !0)
-            ]),
-            _: 2
-          }, 1040, ["aria-selected", "aria-disabled", "tabindex", "class", "onClick"]));
-          return B.memo = L, B;
-        }, r, 1), 128))
-      ], 2),
-      g(_, { name: "fade-x" }, {
-        default: w(() => [
-          z.value ? (s(), b("div", te, [
-            r[5] || (r[5] = l("div", { class: "w-8 h-full bg-gradient-to-l from-background to-transparent" }, null, -1)),
-            l("button", {
-              type: "button",
-              class: "pointer-events-auto absolute right-0 h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors bg-body",
-              "aria-label": "Scroll tabs right",
-              tabindex: "-1",
-              onClick: r[3] || (r[3] = (e) => R("right"))
-            }, [
-              g(m, {
-                icon: "lucide:chevron-right",
-                class: "w-4 h-4"
-              })
-            ])
-          ])) : p("", !0)
-        ]),
-        _: 1
-      })
-    ], 2));
-  }
-});
+import o from "./NavbarTabs.vue2.js";
+/* empty css                */
+/* empty css                */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-b4a2c569"]]);
 export {
-  le as default
+  s as default
 };