vlite3 0.4.6 → 0.4.7

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
 };

package/components/PricingPlan/PricingPlanItem.vue.js

@@ -1,17 +1,18 @@
-import { defineComponent as P, computed as l, openBlock as r, createElementBlock as a, normalizeClass as d, createVNode as x, withCtx as g, createTextVNode as h, toDisplayString as n, createCommentVNode as m, createElementVNode as o, Fragment as $, renderList as z, createBlock as p } from "vue";
-import b from "../Icon.vue.js";
-import N from "../Button.vue.js";
-import F from "../Badge.vue.js";
-const T = {
+import { defineComponent as F, computed as o, openBlock as i, createElementBlock as a, normalizeClass as m, createVNode as v, withCtx as h, createTextVNode as b, toDisplayString as l, createCommentVNode as u, createElementVNode as s, Fragment as D, renderList as E, createBlock as y } from "vue";
+import _ from "../Icon.vue.js";
+import S from "../Button.vue.js";
+import j from "../Badge.vue.js";
+import { $t as n } from "../../utils/i18n.js";
+const L = {
   key: 0,
   class: "absolute -top-3 left-1/2 -translate-x-1/2 z-20"
-}, E = { class: "mb-3 text-center" }, I = { class: "text-xl font-bold text-foreground tracking-tight" }, S = {
+}, M = { class: "mb-3 text-center" }, R = { class: "text-xl font-bold text-foreground tracking-tight" }, q = {
   key: 0,
   class: "text-sm text-muted-foreground mt-2 min-h-[40px] leading-relaxed"
-}, j = { class: "mb-8 text-center flex items-center justify-center" }, D = { class: "text-4xl font-extrabold text-foreground tracking-tight" }, L = {
+}, A = { class: "mb-8 text-center flex items-center justify-center" }, G = { class: "text-4xl font-extrabold text-foreground tracking-tight" }, H = {
   key: 0,
   class: "text-muted-foreground text-sm font-medium ml-1 self-end mb-1.5 opacity-80"
-}, M = { class: "flex-1 space-y-2.5 mb-8" }, R = { class: "mt-0 shrink-0 transition-transform group-hover/feature:scale-110" }, q = { class: "mt-auto pt-4 border-t border-border/70" }, K = /* @__PURE__ */ P({
+}, J = { class: "flex-1 space-y-2.5 mb-8" }, K = { class: "mt-0 shrink-0 transition-transform group-hover/feature:scale-110" }, O = { class: "mt-auto pt-4 border-t border-border/70" }, Z = /* @__PURE__ */ F({
   __name: "PricingPlanItem",
   props: {
     item: {},
@@ -20,68 +21,80 @@ const T = {
     selectable: { type: Boolean, default: !0 }
   },
   emits: ["select"],
-  setup(e, { emit: y }) {
-    const s = e, v = y, k = () => {
-      s.selectable && v("select", s.item);
-    }, u = l(() => s.item.popular || s.item.recommended), _ = l(() => {
+  setup(c, { emit: P }) {
+    const e = c, k = P, I = () => {
+      e.selectable && k("select", e.item);
+    }, T = o(() => e.item.titleI18n ? n(e.item.titleI18n) : e.item.title), p = o(() => e.item.descriptionI18n ? n(e.item.descriptionI18n) : e.item.description), f = o(() => e.item.periodI18n ? n(e.item.periodI18n) : e.item.period), w = o(() => {
+      if (e.item.buttonTextI18n) return n(e.item.buttonTextI18n);
+      if (e.item.buttonText) return e.item.buttonText;
+      const t = n("vlite.pricingPlan.selected") !== "vlite.pricingPlan.selected" ? n("vlite.pricingPlan.selected") : "Selected", r = n("vlite.pricingPlan.choosePlan") !== "vlite.pricingPlan.choosePlan" ? n("vlite.pricingPlan.choosePlan") : "Choose Plan";
+      return e.selected ? t : r;
+    }), x = o(() => e.item.popular || e.item.recommended), C = o(() => {
       const t = "relative flex flex-col p-8 rounded-2xl transition-all duration-300 cursor-pointer group isolation-auto";
-      let i = "bg-background text-card-foreground";
-      return s.selected ? i += " border-2 border-primary shadow scale-[1.02] z-10" : i += " border hover:border-gray-400 hover:shadow-lg hover:-translate-y-1", `${t} ${i}`;
-    }), w = l(() => s.selected ? "default" : "secondary"), C = l(() => s.selected || u.value ? "primary" : "outline"), V = (t) => typeof t == "string" ? t : t.text, f = (t) => typeof t == "string" ? !0 : t.included !== !1;
-    return (t, i) => (r(), a("div", {
-      class: d(_.value),
-      onClick: k
+      let r = "bg-background text-card-foreground";
+      return e.selected ? r += " border-2 border-primary shadow scale-[1.02] z-10" : r += " border hover:border-gray-400 hover:shadow-lg hover:-translate-y-1", `${t} ${r}`;
+    }), B = o(() => e.selected ? "default" : "secondary"), V = o(() => e.selected || x.value ? "primary" : "outline"), $ = (t) => typeof t == "string" ? t : t.textI18n ? n(t.textI18n) : t.text, g = (t) => typeof t == "string" ? !0 : t.included !== !1, z = o(() => {
+      if (e.item.recommended) {
+        const r = n("vlite.pricingPlan.recommended");
+        return r !== "vlite.pricingPlan.recommended" ? r : "Recommended";
+      }
+      const t = n("vlite.pricingPlan.mostPopular");
+      return t !== "vlite.pricingPlan.mostPopular" ? t : "Most Popular";
+    });
+    return (t, r) => (i(), a("div", {
+      class: m(C.value),
+      onClick: I
     }, [
-      u.value ? (r(), a("div", T, [
-        x(F, {
-          variant: w.value,
+      x.value ? (i(), a("div", L, [
+        v(j, {
+          variant: B.value,
           class: "shadow-sm px-4 py-1 text-xs uppercase tracking-wider font-bold"
         }, {
-          default: g(() => [
-            h(n(e.item.recommended ? "Recommended" : "Most Popular"), 1)
+          default: h(() => [
+            b(l(z.value), 1)
           ]),
           _: 1
         }, 8, ["variant"])
-      ])) : m("", !0),
-      o("div", E, [
-        o("h3", I, n(e.item.title), 1),
-        e.item.description ? (r(), a("p", S, n(e.item.description), 1)) : m("", !0)
+      ])) : u("", !0),
+      s("div", M, [
+        s("h3", R, l(T.value), 1),
+        p.value ? (i(), a("p", q, l(p.value), 1)) : u("", !0)
       ]),
-      o("div", j, [
-        o("span", D, n(e.item.price), 1),
-        e.item.period ? (r(), a("span", L, n(e.item.period), 1)) : m("", !0)
+      s("div", A, [
+        s("span", G, l(c.item.price), 1),
+        f.value ? (i(), a("span", H, l(f.value), 1)) : u("", !0)
       ]),
-      o("ul", M, [
-        (r(!0), a($, null, z(e.item.features, (c, B) => (r(), a("li", {
-          key: B,
+      s("ul", J, [
+        (i(!0), a(D, null, E(c.item.features, (d, N) => (i(), a("li", {
+          key: N,
           class: "flex items-start gap-3 text-sm group/feature"
         }, [
-          o("div", R, [
-            f(c) ? (r(), p(b, {
+          s("div", K, [
+            g(d) ? (i(), y(_, {
               key: 0,
               icon: "lucide:check",
               class: "w-4 h-4 text-primary font-bold"
-            })) : (r(), p(b, {
+            })) : (i(), y(_, {
               key: 1,
               icon: "lucide:minus",
               class: "w-4 h-4 text-muted-foreground/30"
             }))
           ]),
-          o("span", {
-            class: d(
-              f(c) ? "text-foreground/90 font-medium" : "text-muted-foreground/60 decoration-slate-300/50"
+          s("span", {
+            class: m(
+              g(d) ? "text-foreground/90 font-medium" : "text-muted-foreground/60 decoration-slate-300/50"
             )
-          }, n(V(c)), 3)
+          }, l($(d)), 3)
         ]))), 128))
       ]),
-      o("div", q, [
-        x(N, {
-          variant: C.value,
-          class: d(["w-full font-semibold shadow-sm rounded-lg", { "ring-2 ring-primary ring-offset-2": e.selected }]),
+      s("div", O, [
+        v(S, {
+          variant: V.value,
+          class: m(["w-full font-semibold shadow-sm rounded-lg", { "ring-2 ring-primary ring-offset-2": c.selected }]),
           size: "lg"
         }, {
-          default: g(() => [
-            h(n(e.item.buttonText || (e.selected ? "Selected" : "Choose Plan")), 1)
+          default: h(() => [
+            b(l(w.value), 1)
           ]),
           _: 1
         }, 8, ["variant", "class"])
@@ -90,5 +103,5 @@ const T = {
   }
 });
 export {
-  K as default
+  Z as default
 };

package/components/PricingPlan/types.d.ts

@@ -1,17 +1,22 @@
 export interface PricingPlanFeature {
     text: string;
+    textI18n?: string;
     included: boolean;
 }
 export interface PricingPlanItemSchema {
     id: string | number;
     title: string;
+    titleI18n?: string;
     price: string | number;
     period?: string;
+    periodI18n?: string;
     description?: string;
+    descriptionI18n?: string;
     features?: (string | PricingPlanFeature)[];
     popular?: boolean;
     recommended?: boolean;
     buttonText?: string;
+    buttonTextI18n?: string;
     variant?: 'outline' | 'solid';
     [key: string]: any;
 }

package/components/Screen/Screen.vue.d.ts

@@ -21,14 +21,10 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     onDelete?: (items: any[]) => any;
     onAdd?: () => any;
 }>, {
-    title: string;
-    description: string;
     name: string;
     data: any[];
     loading: boolean;
     pagination: boolean;
-    emptyTitle: string;
-    emptyDescription: string;
     emptyIcon: string;
     paginationProps: import('./types').ScreenPaginationProps;
     customHeader: boolean;