vlite3 0.4.4 → 0.4.7

package/components/Navbar/Navbar.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, ref as g, useSlots as V, onMounted as L, onUnmounted as N, computed as p, provide as P, watch as C, openBlock as t, createElementBlock as n, normalizeClass as i, Fragment as x, createElementVNode as r, renderSlot as s, createVNode as B, createBlock as y, resolveDynamicComponent as E, withCtx as k, createCommentVNode as d, toDisplayString as A, createTextVNode as D } from "vue";
+import { defineComponent as R, ref as g, useSlots as V, onMounted as L, onUnmounted as N, computed as p, provide as E, watch as C, openBlock as t, createElementBlock as n, normalizeClass as i, Fragment as x, createElementVNode as r, renderSlot as o, createVNode as B, createBlock as y, resolveDynamicComponent as P, withCtx as k, createCommentVNode as d, toDisplayString as A, createTextVNode as D } from "vue";
 import { useRoute as H } from "vue-router";
 import { onClickOutside as U, useBreakpoints as F, breakpointsTailwind as Y } from "@vueuse/core";
 import T from "../Icon.vue.js";
@@ -37,7 +37,7 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
     mobileMenuVariant: { default: "sidepanel" }
   },
   emits: ["toggle-mobile"],
-  setup(m, { emit: oe }) {
+  setup(m, { emit: se }) {
     const l = m, a = g(!1), b = g(!1);
     V();
     const w = g(null), h = g(null);
@@ -57,7 +57,7 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
       window.removeEventListener("scroll", $);
     });
     const z = p(() => {
-      const e = l.variant === "sidebar", o = {
+      const e = l.variant === "sidebar", s = {
         fixed: "fixed top-0 left-0 z-40",
         sticky: "sticky top-0 z-40",
         relative: "relative z-10",
@@ -69,9 +69,9 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
         b.value && !l.floating && !e && l.position === "sticky" ? "shadow-sm" : ""
       ];
       let c = "";
-      return e ? c = u.value.sidebarLayout : c = `flex items-center gap-4 w-full px-4 sm:px-6 lg:px-8 ${l.height}`, [f, o[l.position], ...v, c, l.class].join(" ");
+      return e ? c = u.value.sidebarLayout : c = `flex items-center gap-4 w-full px-4 sm:px-6 lg:px-8 ${l.height}`, [f, s[l.position], ...v, c, l.class].join(" ");
     }), u = p(() => {
-      const e = l.mobileBreakpoint || "md", o = {
+      const e = l.mobileBreakpoint || "md", s = {
         sm: "sm:hidden",
         md: "md:hidden",
         lg: "lg:hidden",
@@ -98,13 +98,13 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
         xl: "hidden xl:flex flex-col h-full w-full overflow-hidden"
       };
       return {
-        mobileTrigger: o[e],
+        mobileTrigger: s[e],
         desktopContent: f[e],
         sidebarLayout: v[e],
         mobileHeader: c[e],
         desktopSidebar: O[e]
       };
-    }), S = p(() => {
+    }), M = p(() => {
       if (l.variant === "sidebar") return "flex-1 py-4 overflow-y-auto";
       switch (l.centerPosition) {
         case "left":
@@ -115,12 +115,12 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
           return `${u.value.desktopContent} items-center justify-center mx-auto`;
       }
     });
-    P("navbar-context", {
+    E("navbar-context", {
       compact: p(() => l.compact)
     });
-    const M = H();
+    const S = H();
     C(
-      () => M.path,
+      () => S.path,
       () => {
         a.value = !1;
       }
@@ -128,13 +128,13 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
     const j = F(Y).greater(l.mobileBreakpoint);
     return C(j, (e) => {
       e && (a.value = !1);
-    }), (e, o) => (t(), n("nav", {
+    }), (e, s) => (t(), n("nav", {
       class: i(z.value),
       role: "navigation"
     }, [
       m.variant === "header" ? (t(), n(x, { key: 0 }, [
         r("div", I, [
-          s(e.$slots, "mobile-trigger", {
+          o(e.$slots, "mobile-trigger", {
             isOpen: a.value,
             toggle: () => a.value = !a.value
           }, () => [
@@ -143,21 +143,21 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
               ref_key: "mobileTriggerRef",
               ref: h,
               class: i(["p-2 -ml-2 text-muted-foreground hover:bg-accent rounded-md shrink-0", [u.value.mobileTrigger, l.mobileTriggerClass]]),
-              onClick: o[0] || (o[0] = (f) => a.value = !a.value)
+              onClick: s[0] || (s[0] = (f) => a.value = !a.value)
             }, [
               B(T, {
                 icon: "lucide:menu",
                 class: "w-5 h-5"
               }),
-              o[3] || (o[3] = r("span", { class: "sr-only" }, "Open Menu", -1))
+              s[3] || (s[3] = r("span", { class: "sr-only" }, "Open Menu", -1))
             ], 2)
           ]),
           e.$slots?.logo ? (t(), n("div", {
             key: 0,
             class: i(["shrink-0", l.logoClass])
           }, [
-            s(e.$slots, "logo", {}, () => [
-              (t(), y(E(l.logo ? "img" : "div"), {
+            o(e.$slots, "logo", {}, () => [
+              (t(), y(P(l.logo ? "img" : "div"), {
                 src: l.logo,
                 class: "h-8 w-auto font-bold text-xl flex items-center gap-2"
               }, {
@@ -176,19 +176,19 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
             key: 1,
             class: i(["items-center gap-1 overflow-x-auto no-scrollbar mask-gradient", u.value.desktopContent])
           }, [
-            s(e.$slots, "left")
+            o(e.$slots, "left")
           ], 2)) : d("", !0)
         ]),
         e.$slots?.center ? (t(), n("div", {
           key: 0,
           class: i([
-            S.value,
+            M.value,
             // Width constraint to ensure it doesn't crush others, but allows simple resizing
             "max-w-full",
             l.contentClass
           ])
         }, [
-          s(e.$slots, "center")
+          o(e.$slots, "center")
         ], 2)) : d("", !0),
         r("div", {
           class: i(["flex items-center gap-2 shrink-0 max-w-[40%] z-10", [
@@ -203,16 +203,16 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
             l.rightClass
           ]])
         }, [
-          s(e.$slots, "right")
+          o(e.$slots, "right")
         ], 2)
       ], 64)) : (t(), n(x, { key: 1 }, [
         r("div", {
           class: i(u.value.mobileHeader)
         }, [
-          e.$slots?.logo ? s(e.$slots, "logo", { key: 0 }, () => [
-            o[4] || (o[4] = r("div", { class: "font-bold text-xl truncate" }, "Brand", -1))
+          e.$slots?.logo ? o(e.$slots, "logo", { key: 0 }, () => [
+            s[4] || (s[4] = r("div", { class: "font-bold text-xl truncate" }, "Brand", -1))
           ]) : d("", !0),
-          s(e.$slots, "mobile-trigger", {
+          o(e.$slots, "mobile-trigger", {
             isOpen: a.value,
             toggle: () => a.value = !a.value
           }, () => [
@@ -221,13 +221,13 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
               ref_key: "mobileTriggerRef",
               ref: h,
               class: i(["p-2 -mr-2 text-muted-foreground hover:bg-accent rounded-md", l.mobileTriggerClass]),
-              onClick: o[1] || (o[1] = (f) => a.value = !a.value)
+              onClick: s[1] || (s[1] = (f) => a.value = !a.value)
             }, [
               B(T, {
                 icon: "lucide:menu",
                 class: "w-5 h-5"
               }),
-              o[5] || (o[5] = r("span", { class: "sr-only" }, "Open Menu", -1))
+              s[5] || (s[5] = r("span", { class: "sr-only" }, "Open Menu", -1))
             ], 2)
           ])
         ], 2),
@@ -238,22 +238,22 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
             key: 0,
             class: i(["py-4.5 flex items-center px-4.5 z-10", l.logoClass])
           }, [
-            s(e.$slots, "logo", {}, () => [
-              o[6] || (o[6] = r("div", { class: "font-bold text-xl truncate" }, "Brand", -1))
+            o(e.$slots, "logo", {}, () => [
+              s[6] || (s[6] = r("div", { class: "font-bold text-xl truncate" }, "Brand", -1))
             ])
           ], 2)) : d("", !0),
           r("div", {
             class: i(["flex-1 px-2.5 pt-0 pb-4 overflow-y-auto space-y-4 scrollbar-thin", l.contentClass])
           }, [
-            s(e.$slots, "left"),
-            s(e.$slots, "default"),
-            s(e.$slots, "center")
+            o(e.$slots, "left"),
+            o(e.$slots, "default"),
+            o(e.$slots, "center")
           ], 2),
           e.$slots?.right ? (t(), n("div", {
             key: 1,
             class: i(["p-2 border-t border-border shrink-0 bg-background mt-auto", l.rightClass])
           }, [
-            s(e.$slots, "right")
+            o(e.$slots, "right")
           ], 2)) : d("", !0)
         ], 2)
       ], 64)),
@@ -265,13 +265,13 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
           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", l.menuClass])
         }, [
           r("div", Q, [
-            s(e.$slots, "mobile-menu", {}, () => [
+            o(e.$slots, "mobile-menu", {}, () => [
               r("div", W, [
-                s(e.$slots, "left")
+                o(e.$slots, "left")
               ]),
-              o[7] || (o[7] = r("div", { class: "h-px bg-border/50 my-1 mx-2" }, null, -1)),
+              s[7] || (s[7] = r("div", { class: "h-px bg-border/50 my-1 mx-2" }, null, -1)),
               r("div", X, [
-                s(e.$slots, "center")
+                o(e.$slots, "center")
               ])
             ])
           ])
@@ -279,7 +279,7 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
       ], 64)) : (t(), y(q, {
         key: 3,
         show: a.value,
-        "onUpdate:show": o[2] || (o[2] = (f) => a.value = f),
+        "onUpdate:show": s[2] || (s[2] = (f) => a.value = f),
         position: "left",
         size: "sm",
         triggerClass: u.value.mobileTrigger,
@@ -288,25 +288,25 @@ const I = { class: "flex items-center gap-4 shrink-0 z-10" }, J = { key: 1 }, K
         bodyClass: "p-0!"
       }, {
         header: k(() => [
-          s(e.$slots, "logo", {}, () => [
-            o[8] || (o[8] = D("Brand", -1))
+          o(e.$slots, "logo", {}, () => [
+            s[8] || (s[8] = D("Brand", -1))
           ])
         ]),
         default: k(() => [
           r("div", Z, [
             m.variant === "header" ? (t(), n("div", _, [
-              s(e.$slots, "mobile-menu", {}, () => [
-                s(e.$slots, "left"),
-                o[9] || (o[9] = r("div", { class: "h-px bg-border my-2" }, null, -1)),
-                s(e.$slots, "center")
+              o(e.$slots, "mobile-menu", {}, () => [
+                o(e.$slots, "left"),
+                s[9] || (s[9] = r("div", { class: "h-px bg-border my-2" }, null, -1)),
+                o(e.$slots, "center")
               ])
             ])) : (t(), n("div", ee, [
-              s(e.$slots, "left"),
-              s(e.$slots, "default"),
-              s(e.$slots, "center")
+              o(e.$slots, "left"),
+              o(e.$slots, "default"),
+              o(e.$slots, "center")
             ])),
             e.$slots?.right ? (t(), n("div", le, [
-              s(e.$slots, "right")
+              o(e.$slots, "right")
             ])) : d("", !0)
           ])
         ]),

package/components/Pagination/Pagination.vue.js

@@ -1,25 +1,26 @@
-import { defineComponent as N, computed as z, openBlock as s, createElementBlock as r, normalizeClass as S, createElementVNode as d, Fragment as P, renderList as $, toDisplayString as x, createVNode as b, createCommentVNode as m, createTextVNode as h, createBlock as v, withCtx as w } from "vue";
-import O from "../Icon.vue.js";
-import o from "../Button.vue.js";
-const R = {
+import { defineComponent as A, computed as u, openBlock as i, createElementBlock as r, normalizeClass as z, createElementVNode as g, toDisplayString as l, Fragment as b, renderList as j, createVNode as x, createCommentVNode as f, createTextVNode as y, createBlock as w, withCtx as I } from "vue";
+import F from "../Icon.vue.js";
+import d from "../Button.vue.js";
+import { $t as h } from "../../utils/i18n.js";
+const q = {
   key: 0,
   class: "flex flex-wrap items-center justify-center md:justify-start gap-4 order-2 md:order-1"
-}, E = {
+}, G = {
   key: 0,
   class: "flex items-center gap-2 text-sm text-muted-foreground"
-}, V = { class: "relative" }, L = ["value", "disabled"], M = ["value"], A = {
+}, H = { class: "whitespace-nowrap" }, J = { class: "relative" }, K = ["value", "disabled"], Q = ["value"], U = { class: "whitespace-nowrap" }, W = {
   key: 1,
   class: "hidden md:block w-px h-4 bg-border"
-}, F = {
+}, X = {
   key: 2,
   class: "text-sm text-muted-foreground whitespace-nowrap"
-}, q = { class: "font-medium text-foreground" }, G = { class: "font-medium text-foreground" }, H = {
+}, Y = { class: "font-medium text-foreground" }, Z = { class: "font-medium text-foreground" }, p = {
   class: "flex items-center justify-center gap-1 order-1 md:order-2",
   "aria-label": "Pagination"
-}, J = {
+}, _ = {
   key: 0,
   class: "px-2 text-gray-400 select-none"
-}, W = /* @__PURE__ */ N({
+}, se = /* @__PURE__ */ A({
   __name: "Pagination",
   props: {
     currentPage: { default: 1 },
@@ -35,35 +36,35 @@ const R = {
     alignment: {}
   },
   emits: ["update:currentPage", "change", "update:itemsPerPage", "change:itemsPerPage"],
-  setup(e, { emit: j }) {
-    const a = e, u = j, i = (l) => {
-      a.disabled || l < 1 || l > a.totalPages || l !== a.currentPage && (u("update:currentPage", l), u("change", l));
-    }, T = (l) => {
-      const t = l.target, n = parseInt(t.value);
-      u("update:itemsPerPage", n), u("change:itemsPerPage", n), u("update:currentPage", 1), u("change", 1);
-    }, D = z(() => {
-      if (a.totalItems * 2 + 5 >= a.totalPages)
-        return y(1, a.totalPages);
-      const t = Math.max(a.currentPage - a.totalItems, 1), n = Math.min(a.currentPage + a.totalItems, a.totalPages), g = t > 2, c = n < a.totalPages - 2, k = 1, I = a.totalPages;
-      if (!g && c) {
-        let f = 3 + 2 * a.totalItems;
-        return [...y(1, f), "DOTS", I];
+  setup(e, { emit: T }) {
+    const s = e, c = T, o = (t) => {
+      s.disabled || t < 1 || t > s.totalPages || t !== s.currentPage && (c("update:currentPage", t), c("change", t));
+    }, D = (t) => {
+      const n = t.target, a = parseInt(n.value);
+      c("update:itemsPerPage", a), c("change:itemsPerPage", a), c("update:currentPage", 1), c("change", 1);
+    }, N = u(() => {
+      if (s.totalItems * 2 + 5 >= s.totalPages)
+        return k(1, s.totalPages);
+      const n = Math.max(s.currentPage - s.totalItems, 1), a = Math.min(s.currentPage + s.totalItems, s.totalPages), m = n > 2, P = a < s.totalPages - 2, C = 1, S = s.totalPages;
+      if (!m && P) {
+        let v = 3 + 2 * s.totalItems;
+        return [...k(1, v), "DOTS", S];
       }
-      if (g && !c) {
-        let f = 3 + 2 * a.totalItems, C = y(a.totalPages - f + 1, a.totalPages);
-        return [k, "DOTS", ...C];
+      if (m && !P) {
+        let v = 3 + 2 * s.totalItems, $ = k(s.totalPages - v + 1, s.totalPages);
+        return [C, "DOTS", ...$];
       }
-      if (g && c) {
-        let f = y(t, n);
-        return [k, "DOTS", ...f, "DOTS", I];
+      if (m && P) {
+        let v = k(n, a);
+        return [C, "DOTS", ...v, "DOTS", S];
       }
       return [];
-    }), y = (l, t) => {
-      let n = t - l + 1;
-      return Array.from({ length: n }, (g, c) => c + l);
-    }, B = z(() => {
-      if (a.alignment)
-        switch (a.alignment) {
+    }), k = (t, n) => {
+      let a = n - t + 1;
+      return Array.from({ length: a }, (m, P) => P + t);
+    }, O = u(() => {
+      if (s.alignment)
+        switch (s.alignment) {
           case "start":
             return "justify-start";
           case "end":
@@ -73,138 +74,156 @@ const R = {
           default:
             return "justify-center";
         }
-      return a.showPageInfo || a.showItemsPerPage ? "justify-between" : "justify-center";
+      return s.showPageInfo || s.showItemsPerPage ? "justify-between" : "justify-center";
+    }), B = u(() => {
+      const t = h("vlite.pagination.show");
+      return t !== "vlite.pagination.show" ? t : "Show";
+    }), R = u(() => {
+      const t = h("vlite.pagination.perPage");
+      return t !== "vlite.pagination.perPage" ? t : "per page";
+    }), E = u(() => {
+      const t = h("vlite.pagination.page");
+      return t !== "vlite.pagination.page" ? t : "Page";
+    }), V = u(() => {
+      const t = h("vlite.pagination.of");
+      return t !== "vlite.pagination.of" ? t : "of";
+    }), L = u(() => {
+      const t = h("vlite.pagination.previous");
+      return t !== "vlite.pagination.previous" ? t : "Previous";
+    }), M = u(() => {
+      const t = h("vlite.pagination.next");
+      return t !== "vlite.pagination.next" ? t : "Next";
     });
-    return (l, t) => (s(), r("div", {
-      class: S(["flex flex-col md:flex-row items-center gap-4 w-full", [B.value]])
+    return (t, n) => (i(), r("div", {
+      class: z(["flex flex-col md:flex-row items-center gap-4 w-full", [O.value]])
     }, [
-      e.showPageInfo || e.showItemsPerPage ? (s(), r("div", R, [
-        e.showItemsPerPage ? (s(), r("div", E, [
-          t[8] || (t[8] = d("span", { class: "whitespace-nowrap" }, "Show", -1)),
-          d("div", V, [
-            d("select", {
+      e.showPageInfo || e.showItemsPerPage ? (i(), r("div", q, [
+        e.showItemsPerPage ? (i(), r("div", G, [
+          g("span", H, l(B.value), 1),
+          g("div", J, [
+            g("select", {
               value: e.itemsPerPage,
               class: "appearance-none bg-background border border-border hover:border-accent text-foreground py-1 pl-2 pr-6 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary text-sm cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
               disabled: e.disabled,
-              onChange: T
+              onChange: D
             }, [
-              (s(!0), r(P, null, $(e.itemsPerPageOptions, (n) => (s(), r("option", {
-                key: n,
-                value: n
-              }, x(n), 9, M))), 128))
-            ], 40, L),
-            b(O, {
+              (i(!0), r(b, null, j(e.itemsPerPageOptions, (a) => (i(), r("option", {
+                key: a,
+                value: a
+              }, l(a), 9, Q))), 128))
+            ], 40, K),
+            x(F, {
               icon: "lucide:chevron-down",
               class: "absolute right-1.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none"
             })
           ]),
-          t[9] || (t[9] = d("span", { class: "whitespace-nowrap" }, "per page", -1))
-        ])) : m("", !0),
-        e.showItemsPerPage && e.showPageInfo ? (s(), r("div", A)) : m("", !0),
-        e.showPageInfo ? (s(), r("span", F, [
-          t[10] || (t[10] = h(" Page ", -1)),
-          d("span", q, x(e.currentPage), 1),
-          t[11] || (t[11] = h(" of ", -1)),
-          d("span", G, x(e.totalPages), 1)
-        ])) : m("", !0)
-      ])) : m("", !0),
-      d("nav", H, [
-        e.showEdges ? (s(), v(o, {
+          g("span", U, l(R.value), 1)
+        ])) : f("", !0),
+        e.showItemsPerPage && e.showPageInfo ? (i(), r("div", W)) : f("", !0),
+        e.showPageInfo ? (i(), r("span", X, [
+          y(l(E.value) + " ", 1),
+          g("span", Y, l(e.currentPage), 1),
+          y(" " + l(V.value) + " ", 1),
+          g("span", Z, l(e.totalPages), 1)
+        ])) : f("", !0)
+      ])) : f("", !0),
+      g("nav", p, [
+        e.showEdges ? (i(), w(d, {
           key: 0,
           variant: "ghost",
           size: "sm",
           icon: "lucide:chevrons-left",
           disabled: e.disabled || e.currentPage === 1,
-          onClick: t[0] || (t[0] = (n) => i(1))
-        }, null, 8, ["disabled"])) : m("", !0),
-        e.navType === "icon" ? (s(), v(o, {
+          onClick: n[0] || (n[0] = (a) => o(1))
+        }, null, 8, ["disabled"])) : f("", !0),
+        e.navType === "icon" ? (i(), w(d, {
           key: 1,
           variant: "ghost",
           size: "sm",
           icon: "lucide:chevron-left",
           disabled: e.disabled || e.currentPage === 1,
-          onClick: t[1] || (t[1] = (n) => i(e.currentPage - 1))
-        }, null, 8, ["disabled"])) : (s(), r(P, { key: 2 }, [
-          b(o, {
+          onClick: n[1] || (n[1] = (a) => o(e.currentPage - 1))
+        }, null, 8, ["disabled"])) : (i(), r(b, { key: 2 }, [
+          x(d, {
             variant: "ghost",
             size: "sm",
             class: "hidden sm:flex",
             disabled: e.disabled || e.currentPage === 1,
-            onClick: t[2] || (t[2] = (n) => i(e.currentPage - 1))
+            onClick: n[2] || (n[2] = (a) => o(e.currentPage - 1))
           }, {
-            default: w(() => [...t[12] || (t[12] = [
-              h(" Previous ", -1)
-            ])]),
+            default: I(() => [
+              y(l(L.value), 1)
+            ]),
             _: 1
           }, 8, ["disabled"]),
-          b(o, {
+          x(d, {
             variant: "ghost",
             size: "sm",
             icon: "lucide:chevron-left",
             class: "flex sm:hidden",
             disabled: e.disabled || e.currentPage === 1,
-            onClick: t[3] || (t[3] = (n) => i(e.currentPage - 1))
+            onClick: n[3] || (n[3] = (a) => o(e.currentPage - 1))
           }, null, 8, ["disabled"])
         ], 64)),
-        (s(!0), r(P, null, $(D.value, (n, g) => (s(), r(P, { key: g }, [
-          n === "DOTS" ? (s(), r("div", J, "...")) : (s(), v(o, {
+        (i(!0), r(b, null, j(N.value, (a, m) => (i(), r(b, { key: m }, [
+          a === "DOTS" ? (i(), r("div", _, "...")) : (i(), w(d, {
             key: 1,
             size: "sm",
-            variant: n === e.currentPage ? "outline" : "ghost",
-            class: S({
-              "bg-white text-primary border-primary ring-1 ring-primary pointer-events-none z-10": n === e.currentPage,
-              "text-gray-600 hover:bg-gray-100": n !== e.currentPage
+            variant: a === e.currentPage ? "outline" : "ghost",
+            class: z({
+              "bg-white text-primary border-primary ring-1 ring-primary pointer-events-none z-10": a === e.currentPage,
+              "text-gray-600 hover:bg-gray-100": a !== e.currentPage
             }),
             disabled: e.disabled,
-            onClick: (c) => i(n)
+            onClick: (P) => o(a)
           }, {
-            default: w(() => [
-              h(x(n), 1)
+            default: I(() => [
+              y(l(a), 1)
             ]),
             _: 2
           }, 1032, ["variant", "class", "disabled", "onClick"]))
         ], 64))), 128)),
-        e.navType === "icon" ? (s(), v(o, {
+        e.navType === "icon" ? (i(), w(d, {
           key: 3,
           variant: "ghost",
           size: "sm",
           icon: "lucide:chevron-right",
           disabled: e.disabled || e.currentPage === e.totalPages,
-          onClick: t[4] || (t[4] = (n) => i(e.currentPage + 1))
-        }, null, 8, ["disabled"])) : (s(), r(P, { key: 4 }, [
-          b(o, {
+          onClick: n[4] || (n[4] = (a) => o(e.currentPage + 1))
+        }, null, 8, ["disabled"])) : (i(), r(b, { key: 4 }, [
+          x(d, {
             variant: "ghost",
             size: "sm",
             class: "hidden sm:flex",
             disabled: e.disabled || e.currentPage === e.totalPages,
-            onClick: t[5] || (t[5] = (n) => i(e.currentPage + 1))
+            onClick: n[5] || (n[5] = (a) => o(e.currentPage + 1))
           }, {
-            default: w(() => [...t[13] || (t[13] = [
-              h(" Next ", -1)
-            ])]),
+            default: I(() => [
+              y(l(M.value), 1)
+            ]),
             _: 1
           }, 8, ["disabled"]),
-          b(o, {
+          x(d, {
             variant: "ghost",
             size: "sm",
             icon: "lucide:chevron-right",
             class: "flex sm:hidden",
             disabled: e.disabled || e.currentPage === e.totalPages,
-            onClick: t[6] || (t[6] = (n) => i(e.currentPage + 1))
+            onClick: n[6] || (n[6] = (a) => o(e.currentPage + 1))
           }, null, 8, ["disabled"])
         ], 64)),
-        e.showEdges ? (s(), v(o, {
+        e.showEdges ? (i(), w(d, {
           key: 5,
           variant: "ghost",
           size: "sm",
           icon: "lucide:chevrons-right",
           disabled: e.disabled || e.currentPage === e.totalPages,
-          onClick: t[7] || (t[7] = (n) => i(e.totalPages))
-        }, null, 8, ["disabled"])) : m("", !0)
+          onClick: n[7] || (n[7] = (a) => o(e.totalPages))
+        }, null, 8, ["disabled"])) : f("", !0)
       ])
     ], 2));
   }
 });
 export {
-  W as default
+  se as default
 };