vlite3 0.3.4 → 0.3.6

package/components/DataTable/DataTable.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as ee, ref as v, computed as w, watch as y, onMounted as te, openBlock as n, createElementBlock as i, createVNode as x, normalizeClass as S, createSlots as j, withCtx as R, renderSlot as I, createBlock as D, createCommentVNode as $, createElementVNode as r, Fragment as F, renderList as B, normalizeStyle as A, mergeProps as le, toDisplayString as M, createTextVNode as ae, unref as se } from "vue";
+import { defineComponent as le, ref as b, computed as p, watch as h, openBlock as n, createElementBlock as i, createBlock as R, normalizeClass as S, createSlots as V, withCtx as B, renderSlot as x, createCommentVNode as k, createElementVNode as r, createVNode as F, Fragment as T, renderList as I, normalizeStyle as M, mergeProps as U, toDisplayString as O, createTextVNode as ae, unref as se } from "vue";
 import oe from "../Icon.vue.js";
 import ne from "../CheckBox.vue.js";
 import re from "../Button.vue.js";
@@ -6,20 +6,20 @@ import ie from "../ConfirmationModal.vue.js";
 import de from "../Pagination/Pagination.vue.js";
 import ce from "./DataTableHeader.vue.js";
 import ue from "./DataTableRow.vue.js";
-import me from "./DataTableToolbar.vue.js";
-const fe = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, ge = { class: "hover:bg-transparent" }, ve = {
+import fe from "./DataTableToolbar.vue.js";
+const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, ve = { class: "hover:bg-transparent" }, ge = {
   key: 0,
   scope: "col",
   class: "w-[48px] px-0 text-center font-medium text-muted-foreground",
   style: { width: "48px" }
-}, ye = { class: "flex items-center justify-center" }, be = { class: "[&_tr:last-child]:border-0" }, pe = {
+}, be = { class: "flex items-center justify-center" }, ye = { class: "[&_tr:last-child]:border-0" }, we = {
   key: 0,
   class: "w-[48px] px-0 py-4 align-middle text-center",
   style: { width: "48px" }
-}, we = { key: 2 }, ke = ["colspan"], Pe = { class: "flex flex-col items-center justify-center gap-2 text-muted-foreground p-8" }, Ce = { class: "flex h-12 w-12 items-center justify-center rounded-full bg-muted" }, xe = { class: "mt-1 text-base font-semibold text-foreground" }, Se = { class: "text-sm max-w-sm mx-auto" }, Ie = {
+}, pe = { key: 2 }, ke = ["colspan"], Pe = { class: "flex flex-col items-center justify-center gap-2 text-muted-foreground p-8" }, Ce = { class: "flex h-12 w-12 items-center justify-center rounded-full bg-muted" }, Se = { class: "mt-1 text-base font-semibold text-foreground" }, xe = { class: "text-sm max-w-sm mx-auto" }, Ie = {
   key: 0,
   class: "mt-4"
-}, $e = { key: 0 }, je = /* @__PURE__ */ ee({
+}, $e = { key: 1 }, Ae = /* @__PURE__ */ le({
   __name: "DataTable",
   props: {
     rows: { default: () => [] },
@@ -37,11 +37,14 @@ const fe = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, g
     emptyDescription: { default: "No results found. Try adjusting your filters or search terms." },
     emptyIcon: { default: "lucide:inbox" },
     showPagination: { type: Boolean, default: !0 },
-    paginationPosition: {},
+    paginationProps: { default: () => ({
+      alignment: "between",
+      navType: "icon",
+      showItemsPerPage: !0,
+      itemsPerPageOptions: [10, 25, 50, 100],
+      showPageInfo: !1
+    }) },
     pageInfo: {},
-    itemsPerPage: { default: 10 },
-    itemsPerPageOptions: { default: () => [10, 25, 50, 100] },
-    showItemsPerPage: { type: Boolean, default: !0 },
     striped: { type: Boolean, default: !1 },
     hoverable: { type: Boolean, default: !0 },
     bordered: { type: Boolean, default: !0 },
@@ -52,40 +55,47 @@ const fe = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, g
     variant: { default: "default" }
   },
   emits: ["change", "select", "rowClick", "update:itemsPerPage", "update:selectedRows", "delete"],
-  setup(l, { emit: U }) {
-    const O = (e, t) => {
+  setup(l, { emit: L }) {
+    const W = (e, t) => {
       if (!(!e || !t))
         return t.includes(".") ? t.split(".").reduce((s, u) => s?.[u], e) : e[t];
-    }, c = (e, t) => O(e, t), a = l, b = U, d = v({ field: "", order: "" }), k = v(a.itemsPerPage), h = v(a.pageInfo?.currentPage || 1), p = v(a.search || ""), P = v(!1), g = v("initial"), L = w(() => a.loading && (g.value === "initial" || g.value === "page"));
-    y(
+    }, c = (e, t) => W(e, t), a = l, y = L, d = b({ field: "", order: "" }), P = b(
+      a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10
+    ), v = b(a.pageInfo?.currentPage || 1), w = b(a.search || ""), C = b(!1), g = b("initial"), q = p(() => a.loading && (g.value === "initial" || g.value === "page"));
+    h(
       () => a.loading,
       (e, t) => {
         !e && t && (g.value = "idle");
       }
-    ), y(
+    ), h(
       () => a.search,
       (e) => {
-        e !== void 0 && e !== p.value && (p.value = e);
+        e !== void 0 && e !== w.value && (w.value = e);
       }
     );
     let z = null;
-    y(p, (e) => {
+    h(w, (e) => {
       z && clearTimeout(z), z = setTimeout(() => {
-        h.value = 1, g.value = "search", C();
+        v.value = 1, g.value = "search", $();
       }, 300);
-    }), y(
-      () => a.itemsPerPage,
+    }), h(
+      () => a.pageInfo?.itemsPerPage,
       (e) => {
-        k.value = e;
+        e !== void 0 && (P.value = e);
       }
-    ), y(
+    ), h(
+      () => a.paginationProps?.itemsPerPage,
+      (e) => {
+        e !== void 0 && (P.value = e);
+      }
+    ), h(
       () => a.pageInfo?.currentPage,
       (e) => {
-        e && (h.value = e);
+        e && (v.value = e);
       }
     );
-    const E = (e) => c(e, a.keyField), o = v(/* @__PURE__ */ new Set());
-    y(
+    const N = (e) => c(e, a.keyField), o = b(/* @__PURE__ */ new Set());
+    h(
       () => a.selectedRows,
       (e) => {
         const t = new Set((e || []).map((s) => c(s, a.keyField)));
@@ -93,107 +103,110 @@ const fe = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, g
       },
       { immediate: !0, deep: !0 }
     );
-    const T = w(() => a.rows.length === 0 ? !1 : a.rows.every((e) => o.value.has(c(e, a.keyField)))), N = w(() => o.value.size > 0 && !T.value), W = w(() => {
+    const D = p(() => a.rows.length === 0 ? !1 : a.rows.every((e) => o.value.has(c(e, a.keyField)))), j = p(() => o.value.size > 0 && !D.value), G = p(() => {
       const e = [...a.selectedRows || [], ...a.rows], t = /* @__PURE__ */ new Map();
       return e.forEach((s) => t.set(c(s, a.keyField), s)), Array.from(o.value).map((s) => t.get(s)).filter(Boolean);
-    }), q = (e) => {
-      e ? a.rows.forEach((t) => o.value.add(c(t, a.keyField))) : o.value.size > 0 && a.rows.forEach((t) => o.value.delete(c(t, a.keyField))), V();
-    }, G = (e) => {
-      o.value.has(e) ? o.value.delete(e) : o.value.add(e), V();
-    }, V = () => {
+    }), H = (e) => {
+      e ? a.rows.forEach((t) => o.value.add(c(t, a.keyField))) : o.value.size > 0 && a.rows.forEach((t) => o.value.delete(c(t, a.keyField))), A();
+    }, J = (e) => {
+      o.value.has(e) ? o.value.delete(e) : o.value.add(e), A();
+    }, A = () => {
       const e = a.selectedRows || [], t = /* @__PURE__ */ new Set(), s = [];
-      a.rows.forEach((m) => {
-        const f = c(m, a.keyField);
-        o.value.has(f) && (s.push(m), t.add(f));
-      }), e.forEach((m) => {
-        const f = c(m, a.keyField);
-        !t.has(f) && o.value.has(f) && (s.push(m), t.add(f));
+      a.rows.forEach((f) => {
+        const m = c(f, a.keyField);
+        o.value.has(m) && (s.push(f), t.add(m));
+      }), e.forEach((f) => {
+        const m = c(f, a.keyField);
+        !t.has(m) && o.value.has(m) && (s.push(f), t.add(m));
       });
       const u = {
         selected: s,
-        all: T.value,
-        indeterminate: N.value
+        all: D.value,
+        indeterminate: j.value
       };
-      b("select", u), b("update:selectedRows", s);
-    }, H = (e) => {
-      d.value.field === e ? d.value.order === "asc" ? d.value.order = "desc" : d.value.order === "desc" ? (d.value.order = "", d.value.field = "") : d.value.order = "asc" : (d.value.field = e, d.value.order = "asc"), h.value = 1, g.value = "sort", C();
-    }, J = (e) => {
-      h.value = e, g.value = "page", C();
+      y("select", u), y("update:selectedRows", s);
     }, K = (e) => {
-      k.value = e, h.value = 1, g.value = "limit", b("update:itemsPerPage", e), C();
+      d.value.field === e ? d.value.order === "asc" ? d.value.order = "desc" : d.value.order === "desc" ? (d.value.order = "", d.value.field = "") : d.value.order = "asc" : (d.value.field = e, d.value.order = "asc"), v.value = 1, g.value = "sort", $();
     }, Q = (e) => {
-      b("rowClick", e);
-    }, X = () => {
-      const e = W.value;
-      b("delete", e), P.value = !1;
-    }, C = () => {
-      b("change", {
-        pagination: {
-          page: h.value,
-          limit: k.value
-        },
-        sorting: { ...d.value },
-        search: p.value
-      });
-    }, Y = w(() => [
+      v.value = e, g.value = "page", $();
+    }, X = (e) => {
+      P.value = e, v.value = 1, g.value = "limit", y("update:itemsPerPage", e), $();
+    }, Y = (e) => {
+      y("rowClick", e);
+    }, Z = () => {
+      const e = G.value;
+      y("delete", e), C.value = !1;
+    };
+    let E = null;
+    const $ = () => {
+      E && clearTimeout(E), E = setTimeout(() => {
+        y("change", {
+          pagination: {
+            page: v.value,
+            limit: P.value
+          },
+          sorting: { ...d.value },
+          search: w.value
+        });
+      }, 10);
+    }, _ = p(() => [
       "w-full flex flex-col",
       a.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
       "overflow-hidden",
       a.bordered ? "border border-border" : "",
       a.class
-    ].join(" ")), Z = w(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), _ = (e) => e.width ? e.width : "auto";
-    return y(
+    ].join(" ")), ee = p(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), te = (e) => e.width ? e.width : "auto";
+    return h(
       () => a.rows,
       () => {
         const e = new Set(a.rows.map((t) => c(t, a.keyField)));
         o.value = new Set([...o.value].filter((t) => e.has(t)));
       }
-    ), te(() => {
-      C();
-    }), (e, t) => (n(), i("div", fe, [
-      x(me, {
-        modelValue: p.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (s) => p.value = s),
+    ), (e, t) => (n(), i("div", me, [
+      l.showSearch || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (n(), R(fe, {
+        key: 0,
+        modelValue: w.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (s) => w.value = s),
         "show-search": l.showSearch,
         placeholder: l.searchPlaceholder,
         class: S(l.toolbarClass),
         "search-class": l.toolbarSearchClass
-      }, j({ _: 2 }, [
+      }, V({ _: 2 }, [
         e.$slots?.["toolbar-left"] ? {
           name: "left",
-          fn: R(() => [
-            I(e.$slots, "toolbar-left")
+          fn: B(() => [
+            x(e.$slots, "toolbar-left")
           ]),
           key: "0"
         } : void 0,
         o.value.size > 0 ? {
           name: "delete",
-          fn: R(() => [
-            o.value.size > 0 ? (n(), D(re, {
+          fn: B(() => [
+            o.value.size > 0 ? (n(), R(re, {
               key: 0,
               rounded: "full",
               variant: "outline",
               size: "lg",
               icon: "lucide:trash-2",
-              onClick: t[0] || (t[0] = (s) => P.value = !0)
-            })) : $("", !0)
+              onClick: t[0] || (t[0] = (s) => C.value = !0)
+            })) : k("", !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots?.["toolbar-right"] ? {
           name: "right",
-          fn: R(() => [
-            I(e.$slots, "toolbar-right")
+          fn: B(() => [
+            x(e.$slots, "toolbar-right")
           ]),
           key: "2"
         } : void 0
-      ]), 1032, ["modelValue", "show-search", "placeholder", "class", "search-class"]),
+      ]), 1032, ["modelValue", "show-search", "placeholder", "class", "search-class"])) : k("", !0),
       r("div", {
-        class: S(Y.value)
+        class: S(_.value)
       }, [
         r("div", he, [
           r("table", {
-            class: S([Z.value, "data-table"])
+            class: S([ee.value, "data-table"])
           }, [
             r("thead", {
               class: S([
@@ -201,94 +214,94 @@ const fe = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, g
                 l.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
               ])
             }, [
-              r("tr", ge, [
-                l.selectable ? (n(), i("th", ve, [
-                  r("div", ye, [
-                    x(ne, {
-                      "model-value": T.value,
-                      indeterminate: N.value,
+              r("tr", ve, [
+                l.selectable ? (n(), i("th", ge, [
+                  r("div", be, [
+                    F(ne, {
+                      "model-value": D.value,
+                      indeterminate: j.value,
                       size: "xs",
-                      "onUpdate:modelValue": q
+                      "onUpdate:modelValue": H
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
-                ])) : $("", !0),
-                (n(!0), i(F, null, B(l.headers, (s) => (n(), D(ce, {
+                ])) : k("", !0),
+                (n(!0), i(T, null, I(l.headers, (s) => (n(), R(ce, {
                   key: s.field,
                   header: s,
                   "sort-config": d.value,
                   compact: l.compact,
                   "table-sortable": l.sortable,
-                  onSort: H,
+                  onSort: K,
                   class: "last:pr-5!",
-                  style: A({
-                    width: _(s)
+                  style: M({
+                    width: te(s)
                   })
                 }, null, 8, ["header", "sort-config", "compact", "table-sortable", "style"]))), 128))
               ])
             ], 2),
-            r("tbody", be, [
-              L.value ? (n(!0), i(F, { key: 0 }, B(Math.min(k.value, 15), (s) => (n(), i("tr", {
+            r("tbody", ye, [
+              q.value ? (n(!0), i(T, { key: 0 }, I(Math.min(P.value, 15), (s) => (n(), i("tr", {
                 key: "skeleton-" + s,
                 class: "border-b border-border/70 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
               }, [
-                l.selectable ? (n(), i("td", pe, [...t[4] || (t[4] = [
+                l.selectable ? (n(), i("td", we, [...t[4] || (t[4] = [
                   r("div", { class: "flex items-center justify-center" }, [
                     r("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                   ], -1)
-                ])])) : $("", !0),
-                (n(!0), i(F, null, B(l.headers, (u) => (n(), i("td", {
+                ])])) : k("", !0),
+                (n(!0), i(T, null, I(l.headers, (u) => (n(), i("td", {
                   key: u.field,
                   class: S(["p-5! align-middle last:pr-6!", [u.hideOnMobile ? "hidden md:table-cell" : ""]])
                 }, [
                   r("div", {
                     class: "rounded-md bg-muted/50 animate-pulse h-4 w-full",
-                    style: A({
+                    style: M({
                       width: `${50 + Math.random() * 40}%`
                     })
                   }, null, 4)
                 ], 2))), 128))
-              ]))), 128)) : l.rows.length > 0 ? (n(!0), i(F, { key: 1 }, B(l.rows, (s, u) => (n(), D(ue, {
-                key: E(s),
+              ]))), 128)) : l.rows.length > 0 ? (n(!0), i(T, { key: 1 }, I(l.rows, (s, u) => (n(), R(ue, {
+                key: N(s),
                 row: s,
                 headers: l.headers,
                 index: u,
                 "key-field": l.keyField,
                 selectable: l.selectable,
-                "is-selected": o.value.has(E(s)),
+                "is-selected": o.value.has(N(s)),
                 hoverable: l.hoverable,
                 striped: l.striped,
                 compact: l.compact,
-                onSelect: G,
-                onRowClick: Q,
+                onSelect: J,
+                onRowClick: Y,
                 class: "[&_td:last-child]:pr-3.5!"
-              }, j({ _: 2 }, [
-                B(l.headers, (m) => ({
-                  name: m.field,
-                  fn: R((f) => [
-                    I(e.$slots, m.field, le({ ref_for: !0 }, f))
+              }, V({ _: 2 }, [
+                I(l.headers, (f) => ({
+                  name: f.field,
+                  fn: B((m) => [
+                    x(e.$slots, f.field, U({ ref_for: !0 }, m))
                   ])
                 }))
-              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (n(), i("tr", we, [
+              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (n(), i("tr", pe, [
                 r("td", {
                   colspan: l.selectable ? l.headers.length + 1 : l.headers.length,
                   class: "h-96 text-center align-middle hover:bg-transparent"
                 }, [
                   r("div", Pe, [
                     r("div", Ce, [
-                      x(oe, {
+                      F(oe, {
                         icon: l.emptyIcon,
                         class: "h-6 w-6 text-muted-foreground/80"
                       }, null, 8, ["icon"])
                     ]),
-                    r("h3", xe, M(l.emptyTitle), 1),
-                    r("p", Se, [
-                      I(e.$slots, "empty-description", {}, () => [
-                        ae(M(l.emptyDescription), 1)
+                    r("h3", Se, O(l.emptyTitle), 1),
+                    r("p", xe, [
+                      x(e.$slots, "empty-description", {}, () => [
+                        ae(O(l.emptyDescription), 1)
                       ])
                     ]),
                     e.$slots["empty-action"] ? (n(), i("div", Ie, [
-                      I(e.$slots, "empty-action")
-                    ])) : $("", !0)
+                      x(e.$slots, "empty-action")
+                    ])) : k("", !0)
                   ])
                 ], 8, ke)
               ]))
@@ -297,33 +310,29 @@ const fe = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, g
         ])
       ], 2),
       l.showPagination && l.pageInfo && l.pageInfo.totalPages > 1 ? (n(), i("div", $e, [
-        x(se(de), {
-          "current-page": h.value,
+        F(se(de), U({
+          "current-page": v.value,
           "total-pages": l.pageInfo.totalPages,
-          "show-page-info": !1,
-          "show-items-per-page": l.showItemsPerPage,
-          "items-per-page": k.value,
-          "items-per-page-options": l.itemsPerPageOptions,
-          "nav-type": "icon",
-          alignment: a.paginationPosition,
-          onChange: J,
-          "onUpdate:itemsPerPage": K
-        }, null, 8, ["current-page", "total-pages", "show-items-per-page", "items-per-page", "items-per-page-options", "alignment"])
-      ])) : $("", !0),
-      x(ie, {
-        show: P.value,
-        "onUpdate:show": t[2] || (t[2] = (s) => P.value = s),
+          "total-items": l.pageInfo.totalItems
+        }, l.paginationProps, {
+          onChange: Q,
+          "onUpdate:itemsPerPage": X
+        }), null, 16, ["current-page", "total-pages", "total-items"])
+      ])) : k("", !0),
+      F(ie, {
+        show: C.value,
+        "onUpdate:show": t[2] || (t[2] = (s) => C.value = s),
         title: "Confirm Deletion",
         description: "Are you sure you want to delete the selected items?",
         "confirm-text": "Delete",
         "cancel-text": "Cancel",
         variant: "danger",
-        onConfirm: X,
-        onCancel: t[3] || (t[3] = (s) => P.value = !1)
+        onConfirm: Z,
+        onCancel: t[3] || (t[3] = (s) => C.value = !1)
       }, null, 8, ["show"])
     ]));
   }
 });
 export {
-  je as default
+  Ae as default
 };

package/components/DataTable/types.d.ts

@@ -1,3 +1,5 @@
+import { PageInfo, PaginationProps } from '../Pagination';
+export type DataTablePaginationProps = Omit<PaginationProps, 'currentPage' | 'totalPages'>;
 export interface PaginationConfig {
     page: number;
     limit: number;
@@ -34,12 +36,6 @@ export interface TableHeader {
     addStatusColor?: boolean;
     type?: 'text' | 'price' | 'date' | 'number';
 }
-export interface PageInfo {
-    currentPage: number;
-    totalPages: number;
-    totalItems: number;
-    itemsPerPage?: number;
-}
 export interface DataTableProps {
     rows: any[];
     selectedRows?: any[];
@@ -56,11 +52,8 @@ export interface DataTableProps {
     emptyDescription?: string;
     emptyIcon?: string;
     showPagination?: boolean;
-    paginationPosition?: 'start' | 'center' | 'end' | 'between';
+    paginationProps?: DataTablePaginationProps;
     pageInfo?: PageInfo;
-    itemsPerPage?: number;
-    itemsPerPageOptions?: number[];
-    showItemsPerPage?: boolean;
     striped?: boolean;
     hoverable?: boolean;
     bordered?: boolean;

package/components/Form/types.d.ts

@@ -117,9 +117,6 @@ export interface IForm {
     maxFileSize?: number;
     /** Maximum number of files allowed when multiple is true */
     maxFiles?: number;
-    /** i18n keys */
-    labelI8n?: string;
-    placeholderI8n?: string;
 }
 /**
  * Timeline step for multi-step forms

package/components/Pagination/Pagination.vue.d.ts

@@ -1,22 +1,10 @@
-interface Props {
-    currentPage?: number;
-    totalPages: number;
-    siblingCount?: number;
-    disabled?: boolean;
-    showEdges?: boolean;
-    showPageInfo?: boolean;
-    showItemsPerPage?: boolean;
-    itemsPerPage?: number;
-    itemsPerPageOptions?: number[];
-    navType?: 'text' | 'icon';
-    alignment?: 'start' | 'center' | 'end' | 'between';
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+import { PaginationProps } from '.';
+declare const _default: import('vue').DefineComponent<PaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: number) => any;
     "update:currentPage": (value: number) => any;
     "update:itemsPerPage": (value: number) => any;
     "change:itemsPerPage": (value: number) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<PaginationProps> & Readonly<{
     onChange?: (value: number) => any;
     "onUpdate:currentPage"?: (value: number) => any;
     "onUpdate:itemsPerPage"?: (value: number) => any;
@@ -24,7 +12,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     disabled: boolean;
     currentPage: number;
-    siblingCount: number;
+    totalItems: number;
     showEdges: boolean;
     showPageInfo: boolean;
     showItemsPerPage: boolean;