@caipira/tamandua 0.0.66 → 0.0.67

package/dist/Button.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./Button.vue_vue_type_script_setup_true_lang-CUPz7wT9.js";
-import { p } from "./plugin-Cr3oXX-8.js";
+import { _ as r } from "./Button.vue_vue_type_script_setup_true_lang-DW0Q2Ut2.js";
+import { p } from "./plugin-CV_fI920.js";
 export {
   r as Button,
   p as ButtonPlugin

package/dist/{Button.vue_vue_type_script_setup_true_lang-CUPz7wT9.js → Button.vue_vue_type_script_setup_true_lang-DW0Q2Ut2.js}

@@ -1,8 +1,8 @@
-import { defineComponent as A, useSlots as U, ref as b, computed as c, resolveComponent as _, openBlock as p, createBlock as d, resolveDynamicComponent as z, normalizeClass as D, unref as a, withCtx as P, mergeProps as y, createCommentVNode as u, renderSlot as k, createElementBlock as h, Fragment as L, createTextVNode as F, toDisplayString as M } from "vue";
+import { defineComponent as I, ref as y, computed as s, resolveComponent as A, openBlock as c, createBlock as d, resolveDynamicComponent as U, normalizeClass as _, unref as a, withCtx as z, mergeProps as b, createCommentVNode as u, renderSlot as D, createElementBlock as h, Fragment as P, createTextVNode as k, toDisplayString as L } from "vue";
 import { b as f, a as i, c as t, B as r } from "./ui-J-lhC9qd.js";
 import { g } from "./index-CVD_wAsU.js";
 import "./Icon.vue_vue_type_script_setup_true_lang-C2QvF2xM.js";
-const G = ["multiple"], K = /* @__PURE__ */ A({
+const F = ["multiple"], V = /* @__PURE__ */ I({
   name: "TButton",
   __name: "Button",
   props: {
@@ -23,7 +23,7 @@ const G = ["multiple"], K = /* @__PURE__ */ A({
   },
   emits: ["upload"],
   setup(S, { expose: T, emit: E }) {
-    const e = S, x = E, B = U(), m = b(), s = b(null), R = c(() => {
+    const e = S, x = E, m = y(), p = y(null), B = s(() => {
       switch (e.type) {
         case t.SUBMIT:
           return "submit";
@@ -32,7 +32,7 @@ const G = ["multiple"], K = /* @__PURE__ */ A({
         default:
           return "button";
       }
-    }), w = c(() => e.type === t.SUBMIT ? e.label : void 0), N = c(() => {
+    }), R = s(() => e.type === t.SUBMIT ? e.label : void 0), w = s(() => {
       switch (e.type) {
         case t.SUBMIT:
           return "input";
@@ -41,10 +41,10 @@ const G = ["multiple"], K = /* @__PURE__ */ A({
         default:
           return "button";
       }
-    }), C = (o) => {
+    }), N = (o) => {
       if (e.type === t.SUBMIT && o.preventDefault(), e.type === t.FILE && m.value?.click(), e.animate) {
         let n = null;
-        e.animate.target === "icon" && (n = s.value?.reference), n && g.to(n, {
+        e.animate.target === "icon" && (n = p.value?.reference), n && g.to(n, {
           duration: 0.2,
           ...e.animate.animation,
           ease: "power3.easeInOut",
@@ -53,11 +53,11 @@ const G = ["multiple"], K = /* @__PURE__ */ A({
           }
         });
       }
-    }, I = (o) => {
+    }, C = (o) => {
       o.stopPropagation();
       const l = o.target.files;
       !l || !l.length || x("upload", l);
-    }, v = c(() => {
+    }, v = s(() => {
       switch (e.size) {
         case i.ExtraSmall:
           return 12;
@@ -73,13 +73,13 @@ const G = ["multiple"], K = /* @__PURE__ */ A({
           return 20;
       }
     });
-    return c(() => !!e.label || !!B.default), T({ iconReference: s }), (o, n) => {
-      const l = _("t-icon");
-      return p(), d(z(N.value), {
-        type: R.value,
-        value: w.value,
+    return T({ iconReference: p }), (o, n) => {
+      const l = A("t-icon");
+      return c(), d(U(w.value), {
+        type: B.value,
+        value: R.value,
         disabled: e.disabled,
-        class: D([{
+        class: _([{
           // Size
           "text-xs px-1 h-4": e.size === a(i).ExtraSmall,
           "text-sm px-2 h-7": e.size === a(i).Small,
@@ -119,40 +119,40 @@ const G = ["multiple"], K = /* @__PURE__ */ A({
           // Link
           "color-caipira-primary-inverted underline font-bold": e.variant === a(r).LINK,
           // Transparent
-          "transparent-button": e.variant === a(r).TRANSPARENT,
+          "bg-transparent": e.variant === a(r).TRANSPARENT,
           "hover:bg-[var(--hover-color)]": e.variant === a(r).TRANSPARENT && e.hover
-        }, "input-outline inline-flex gap-1 items-center select-none whitespace-nowrap"]),
+        }, "input-outline flex gap-1 items-center select-none whitespace-nowrap"]),
         role: "button",
-        onClick: C
+        onClick: N
       }, {
-        default: P(() => [
-          e.icon && e.iconPosition === "left" ? (p(), d(l, y({
+        default: z(() => [
+          e.icon && e.iconPosition === "left" ? (c(), d(l, b({
             key: 0,
             ref_key: "iconReference",
-            ref: s,
+            ref: p,
             size: v.value,
             icon: e.icon
           }, e.iconProps), null, 16, ["size", "icon"])) : u("", !0),
-          k(o.$slots, "default"),
-          e.label && e.type !== a(t).SUBMIT ? (p(), h(L, { key: 1 }, [
-            F(M(e.label), 1)
+          D(o.$slots, "default"),
+          e.label && e.type !== a(t).SUBMIT ? (c(), h(P, { key: 1 }, [
+            k(L(e.label), 1)
           ], 64)) : u("", !0),
-          e.icon && e.iconPosition === "right" ? (p(), d(l, y({
+          e.icon && e.iconPosition === "right" ? (c(), d(l, b({
             key: 2,
             ref_key: "iconReference",
-            ref: s,
+            ref: p,
             size: v.value,
             icon: e.icon
           }, e.iconProps), null, 16, ["size", "icon"])) : u("", !0),
-          e.type === "file" ? (p(), h("input", {
+          e.type === "file" ? (c(), h("input", {
             key: 3,
             multiple: e.multiple,
             type: "file",
             ref_key: "fileInput",
             ref: m,
             class: "hidden",
-            onChange: I
-          }, null, 40, G)) : u("", !0)
+            onChange: C
+          }, null, 40, F)) : u("", !0)
         ]),
         _: 3
       }, 8, ["type", "value", "disabled", "class"]);
@@ -160,5 +160,5 @@ const G = ["multiple"], K = /* @__PURE__ */ A({
   }
 });
 export {
-  K as _
+  V as _
 };

package/dist/Dropdown.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./Dropdown.vue_vue_type_script_setup_true_lang-DeY4vid5.js";
-import { p as a } from "./plugin-DrKx8l8j.js";
+import { _ as p } from "./Dropdown.vue_vue_type_script_setup_true_lang-CUPNdEz7.js";
+import { p as a } from "./plugin-x-Y35fqX.js";
 export {
   p as Dropdown,
   a as DropdownPlugin

package/dist/{Dropdown.vue_vue_type_script_setup_true_lang-DeY4vid5.js → Dropdown.vue_vue_type_script_setup_true_lang-CUPNdEz7.js}

@@ -92,7 +92,7 @@ const j = /* @__PURE__ */ U("span", null, "Loading...", -1), q = ["aria-selected
         }, [
           z(l, {
             size: "sm",
-            class: "w-12 h-12 animate-spin mr-3",
+            class: "w-6 h-6 animate-spin mr-3",
             icon: "loading"
           }),
           j

package/dist/InputSelect.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-BuO105oW.js";
-import { p as r } from "./plugin-DPAnsB4s.js";
+import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-CGlaDHiJ.js";
+import { p as r } from "./plugin-DxUJiAk-.js";
 export {
   p as InputSelect,
   r as InputSelectPlugin

package/dist/InputSelect.vue_vue_type_script_setup_true_lang-CGlaDHiJ.js

@@ -0,0 +1,229 @@
+import { defineComponent as ue, mergeModels as O, useModel as se, ref as p, computed as E, onBeforeMount as ie, watch as I, resolveComponent as g, openBlock as i, createBlock as D, normalizeClass as x, withCtx as R, createElementVNode as K, withDirectives as N, createElementBlock as d, vModelText as re, createCommentVNode as z, createVNode as U, renderSlot as k, normalizeProps as _, mergeProps as M, Fragment as V, renderList as q, guardReactiveProps as G, toDisplayString as H, vShow as ce, createSlots as pe, createTextVNode as de, nextTick as fe } from "vue";
+import { a as ve, E as me } from "./ui-J-lhC9qd.js";
+const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
+  key: 0,
+  class: "inline-flex w-full justify-between items-center"
+}, be = {
+  key: 1,
+  class: "inline-flex items-center"
+}, _e = /* @__PURE__ */ ue({
+  name: "TInputSelect",
+  __name: "InputSelect",
+  props: /* @__PURE__ */ O({
+    size: { default: ve.Default },
+    options: { default: () => [] },
+    mapper: { type: Function, default: (f) => ({
+      value: f.id ?? f.uuid,
+      label: f
+    }) },
+    filter: { type: Function, default: (f, T) => T.label.toLowerCase().indexOf(f.toLowerCase()) >= 0 },
+    tooltip: { default: "" },
+    disabled: { type: Boolean },
+    resource: {},
+    multiple: { type: Boolean, default: !1 },
+    placeholder: { default: "" },
+    initialValue: {},
+    isSearchable: { type: Boolean, default: !1 },
+    dropdownPlacement: { default: me.BOTTOM_START },
+    widthClass: { default: "w-full" },
+    borderClass: { default: "border input-border" },
+    roundnessClass: { default: "input-roundness" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ O(["update:model-value"], ["update:modelValue"]),
+  setup(f, { emit: T }) {
+    const l = f;
+    let B = !1, S, P = "";
+    const J = T, u = se(f, "modelValue"), o = p([]), c = p(""), j = p(null), F = p(), s = p(!1), L = p(null), a = p([]), $ = p(!1), v = p(null), h = E(() => a.value.length > 0), m = E(() => l.isSearchable && s.value), w = E(() => typeof l.resource == "function"), Q = (e) => !l.multiple || !u.value || !Array.isArray(u.value) ? !1 : u.value.includes(e.value), W = (e = u.value) => !(e === void 0 || e === "" || Array.isArray(e) && e.length === 0), X = (e) => {
+      J("update:model-value", e);
+    }, y = (e = u.value) => {
+      if (W(e))
+        if (l.multiple)
+          Array.isArray(e) && (a.value = e.map(
+            (t) => A(t)
+          ).filter((t) => t > -1));
+        else {
+          const t = A(e);
+          ~t && (a.value = [t]);
+        }
+    }, Y = async (e) => {
+      e.stopPropagation(), s.value = !s.value, s.value && m.value && fe(() => {
+        j.value?.focus();
+      });
+    }, A = (e) => o.value.findIndex(
+      (t) => t.value === e
+    ), C = async (e = !1) => {
+      if (!l.resource)
+        return;
+      $.value = !0;
+      const t = {
+        t: c.value,
+        r: "option"
+      };
+      e && v.value && v.value.pages > v.value.page ? t.page = v.value.page + 1 : e = !1, !c.value && u.value && (t.i = u.value);
+      const r = await l.resource(t);
+      e ? o.value.push(...r.items.map(l.mapper)) : o.value = r.items.map(l.mapper), v.value = r.pagination, !w.value && c.value && y(c.value), $.value = !1;
+    }, Z = () => {
+      !c.value || P === c.value || (S && (clearTimeout(S), S = null), S = setTimeout(() => {
+        P = c.value, w.value ? (s.value || (s.value = !0), C()) : l.isSearchable && (o.value = l.options.filter(
+          (e) => l.filter(c.value, e)
+        ));
+      }, 500));
+    }, ee = ({
+      index: e,
+      hold: t
+    }) => {
+      if (B = !0, l.multiple) {
+        const r = a.value.findIndex(
+          (b) => b === e
+        );
+        ~r ? a.value.splice(r, 1) : a.value.push(e);
+      } else
+        a.value = [e];
+      (!l.multiple || !t) && (s.value = !1);
+    }, le = () => {
+      w.value && v.value && v.value.pages > v.value.page && C(!0);
+    }, te = async (e) => {
+      switch (e.key) {
+        case "ArrowDown":
+          L.value?.move(e);
+          break;
+        case "Escape":
+          s.value = !1;
+          break;
+      }
+    };
+    return ie(async () => {
+      w.value ? (await C(), y()) : l.options.length > 0 && (o.value = l.options), !u.value && l.initialValue ? y(l.initialValue) : y(u.value);
+    }), I(
+      () => u.value,
+      async (e) => {
+        e && (A(e) < 0 && w.value && await C(), y(e));
+      }
+    ), I(
+      a,
+      (e) => {
+        const t = l.multiple ? o.value.filter(
+          (r, b) => a.value.includes(b)
+        ).map((r) => r.value) : o.value[a.value[0]].value;
+        B && (B = !1, X(t));
+      },
+      { deep: !0 }
+    ), I(
+      () => l.options,
+      (e) => {
+        e.length > 0 && (o.value = e, u.value && a.value.length === 0 && y(u.value));
+      }
+    ), (e, t) => {
+      const r = g("t-tag"), b = g("t-button"), ae = g("t-icon"), oe = g("t-dropdown"), ne = g("t-popover");
+      return i(), D(ne, {
+        open: s.value,
+        "onUpdate:open": t[1] || (t[1] = (n) => s.value = n),
+        placement: l.dropdownPlacement,
+        class: x([l.widthClass]),
+        ref_key: "popoverRef",
+        ref: F
+      }, {
+        default: R(() => [
+          K("div", {
+            class: x([{
+              "h-9": !l.multiple,
+              "h-full *:min-h-9": l.multiple,
+              [l.borderClass]: !0,
+              [l.roundnessClass]: !0
+            }, "flex justify-between items-center w-full max-w-96 input-text-color select-none input-bg-color"])
+          }, [
+            m.value ? N((i(), d("input", {
+              key: 0,
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => c.value = n),
+              type: "text",
+              ref_key: "inputRef",
+              ref: j,
+              placeholder: l.placeholder,
+              disabled: l.disabled,
+              readonly: !l.isSearchable,
+              class: "h-9 bg-transparent input-padding input-roundness input-outline w-full",
+              onInput: Z,
+              onKeydown: te
+            }, null, 40, ye)), [
+              [re, c.value]
+            ]) : z("", !0),
+            U(b, {
+              variant: "transparent",
+              size: "",
+              class: x(["h-full", {
+                "w-full justify-end pr-2": !m.value && !h.value,
+                "w-full justify-between pr-2": !m.value && h.value,
+                "w-10 justify-center": m.value
+              }]),
+              "aria-describedby": F.value?.name,
+              icon: s.value === !0 ? "chevron-up" : "chevron-down",
+              "icon-position": m.value ? "left" : "right",
+              onClick: Y
+            }, {
+              default: R(() => [
+                N(K("div", {
+                  class: x(["inline-flex items-center ml-2 max-w-[calc(100%-2.5rem)]", {
+                    "overflow-hidden whitespace-nowrap": !l.multiple,
+                    "flex-wrap gap-2 py-1": l.multiple
+                  }])
+                }, [
+                  e.$slots.selection && h.value ? k(e.$slots, "selection", _(M({ key: 0 }, o.value[a.value[0]]))) : e.$slots.default && h.value ? (i(), d(V, { key: 1 }, [
+                    l.multiple ? (i(!0), d(V, { key: 0 }, q(a.value, (n) => k(e.$slots, "default", _(G(o.value[n])))), 256)) : k(e.$slots, "default", _(M({ key: 1 }, o.value[a.value[0]])))
+                  ], 64)) : h.value ? (i(), d(V, { key: 2 }, [
+                    l.multiple ? (i(!0), d(V, { key: 0 }, q(a.value, (n) => (i(), D(r, {
+                      key: n,
+                      text: o.value[n]?.label,
+                      color: "#6e6e6e"
+                    }, null, 8, ["text"]))), 128)) : (i(), d("span", he, H(o.value[a.value[0]]?.label), 1))
+                  ], 64)) : z("", !0)
+                ], 2), [
+                  [ce, !m.value]
+                ])
+              ]),
+              _: 3
+            }, 8, ["aria-describedby", "class", "icon", "icon-position"])
+          ], 2)
+        ]),
+        content: R(() => [
+          U(oe, {
+            ref_key: "dropdownRef",
+            ref: L,
+            items: o.value,
+            "is-visible": s.value,
+            multiple: l.multiple,
+            loading: $.value,
+            onChange: ee,
+            onEndReached: le
+          }, pe({ _: 2 }, [
+            e.$slots.default || l.multiple ? {
+              name: "default",
+              fn: R((n) => [
+                l.multiple ? (i(), d("div", we, [
+                  e.$slots.default ? k(e.$slots, "default", _(M({ key: 0 }, n))) : (i(), d(V, { key: 1 }, [
+                    de(H(n.label), 1)
+                  ], 64)),
+                  Q(n) ? (i(), D(ae, {
+                    key: 2,
+                    icon: "check",
+                    size: "sm",
+                    class: "float-right ml-2"
+                  })) : z("", !0)
+                ])) : (i(), d("div", be, [
+                  k(e.$slots, "default", _(G(n)))
+                ]))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["items", "is-visible", "multiple", "loading"])
+        ]),
+        _: 3
+      }, 8, ["open", "placement", "class"]);
+    };
+  }
+});
+export {
+  _e as _
+};

package/dist/Pagination.js

@@ -1,5 +1,5 @@
-import { _ as i } from "./Pagination.vue_vue_type_script_setup_true_lang-BB6dLKpi.js";
-import { p as r } from "./plugin-DxG6Hhao.js";
+import { _ as i } from "./Pagination.vue_vue_type_script_setup_true_lang-BCQUrEVO.js";
+import { p as r } from "./plugin-jyvJNavM.js";
 export {
   i as Pagination,
   r as PaginationPlugin

package/dist/Pagination.vue_vue_type_script_setup_true_lang-BCQUrEVO.js

@@ -0,0 +1,110 @@
+import { defineComponent as $, mergeModels as V, useModel as x, ref as B, computed as o, resolveComponent as m, openBlock as i, createElementBlock as d, normalizeClass as L, createElementVNode as v, toDisplayString as M, createCommentVNode as f, createVNode as h, Fragment as S, renderList as z, createBlock as b } from "vue";
+const N = { key: 0 }, j = { class: "flex flex-wrap justify-end gap-6" }, D = { class: "h-9 flex" }, F = /* @__PURE__ */ $({
+  name: "TPagination",
+  __name: "Pagination",
+  props: /* @__PURE__ */ V({
+    disabled: { type: Boolean, default: !1 },
+    displayClass: { default: "flex gap-6 flex-col sm:flex-row items-end sm:items-center justify-end sm:justify-between" },
+    hasPageSize: { type: Boolean, default: !0 },
+    pageLengths: { default: () => [12, 18, 24, 30, 36, 42] },
+    showDescription: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {
+      default: {
+        page: 1,
+        pages: 1,
+        perPage: 12
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(c) {
+    const u = c, e = x(c, "modelValue"), g = B(e.value.perPage ?? 12), P = o(() => e.value.page === 1), k = o(
+      () => e.value.page === e.value.pages
+    ), y = o(() => {
+      const a = e.value.pages || 1, t = e.value.page || 1, n = [], p = Math.max(2, t - 2), l = Math.min(a - 1, t + 2);
+      a > 1 && n.push(1);
+      for (let s = p; s <= l; s++)
+        s > 1 && s < a && n.push(s);
+      return a > 1 && n.push(a), n;
+    }), C = o(() => u.pageLengths.map((a) => ({
+      label: `${a} / page`,
+      value: a
+    }))), w = o(() => {
+      if ("items" in e.value && "skip" in e.value && "items" in e.value) {
+        const a = e.value.skip + 1, t = e.value.skip + e.value.items, n = e.value.totalItems;
+        return `Showing ${a} to ${t} of ${n} entries`;
+      }
+      return `Page ${e.value.page} of ${e.value.pages}`;
+    }), r = (a) => {
+      a === e.value.page || a < 1 || a > e.value.pages || (e.value = {
+        ...e.value,
+        page: a
+      });
+    }, _ = (a) => {
+      a !== e.value.perPage && (e.value = {
+        ...e.value,
+        perPage: a,
+        page: 1
+      });
+    };
+    return (a, t) => {
+      const n = m("t-button"), p = m("t-input-select");
+      return i(), d("div", {
+        class: L(["select-none", [u.displayClass]])
+      }, [
+        v("div", null, [
+          a.showDescription ? (i(), d("p", N, M(w.value), 1)) : f("", !0)
+        ]),
+        v("div", j, [
+          v("div", D, [
+            h(n, {
+              variant: "transparent",
+              label: "Previous",
+              icon: "chevron-left",
+              hover: !0,
+              "disable-style": !0,
+              disabled: P.value,
+              onClick: t[0] || (t[0] = (l) => r(e.value.page - 1))
+            }, null, 8, ["disabled"]),
+            (i(!0), d(S, null, z(y.value, (l) => (i(), b(n, {
+              variant: "transparent",
+              hover: !0,
+              label: `${l}`,
+              outline: l === e.value.page,
+              bold: l === e.value.page,
+              disabled: l === e.value.page,
+              onClick: (s) => r(l)
+            }, null, 8, ["label", "outline", "bold", "disabled", "onClick"]))), 256)),
+            h(n, {
+              variant: "transparent",
+              label: "Next",
+              icon: "chevron-right",
+              "icon-position": "right",
+              hover: !0,
+              disabled: k.value,
+              onClick: t[1] || (t[1] = (l) => r(e.value.page + 1))
+            }, null, 8, ["disabled"])
+          ]),
+          u.hasPageSize ? (i(), b(p, {
+            key: 0,
+            modelValue: g.value,
+            "onUpdate:modelValue": [
+              t[2] || (t[2] = (l) => g.value = l),
+              _
+            ],
+            "width-class": "",
+            class: "w-fit min-w-32",
+            "dropdown-placement": "top",
+            disabled: a.disabled,
+            options: C.value
+          }, null, 8, ["modelValue", "disabled", "options"])) : f("", !0)
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  F as _
+};

package/dist/components.js

@@ -1,10 +1,10 @@
 import { _ as e } from "./Avatar.vue_vue_type_script_setup_true_lang-D7NdR9hu.js";
 import { _ as a } from "./Backdrop.vue_vue_type_script_setup_true_lang-OaEBTmYK.js";
-import { _ as s } from "./Button.vue_vue_type_script_setup_true_lang-CUPz7wT9.js";
+import { _ as s } from "./Button.vue_vue_type_script_setup_true_lang-DW0Q2Ut2.js";
 import { _ as f } from "./ChartLine.vue_vue_type_style_index_0_lang-DO_gKCe4.js";
 import { _ as n } from "./ChartTreemap.vue_vue_type_script_setup_true_lang-CLi_IXfP.js";
 import { D as u } from "./Drawer-Cl9_4uHA.js";
-import { _ as l } from "./Dropdown.vue_vue_type_script_setup_true_lang-DeY4vid5.js";
+import { _ as l } from "./Dropdown.vue_vue_type_script_setup_true_lang-CUPNdEz7.js";
 import { _ as c } from "./FileDrop.vue_vue_type_script_setup_true_lang-BDzMbrCN.js";
 import { _ as T } from "./Form.vue_vue_type_script_setup_true_lang-CNGNCak7.js";
 import { _ as C } from "./FormItem.vue_vue_type_script_setup_true_lang-D7a8YCgS.js";
@@ -25,14 +25,14 @@ import { _ as W } from "./InputPhone.vue_vue_type_script_setup_true_lang-B4TULqL
 import { _ as Y } from "./InputPrice.vue_vue_type_script_setup_true_lang-R3kHhxN2.js";
 import { _ as $ } from "./InputRadio.vue_vue_type_style_index_0_lang-n0nJwz8x.js";
 import "vue";
-import { _ as or } from "./InputSelect.vue_vue_type_script_setup_true_lang-BuO105oW.js";
+import { _ as or } from "./InputSelect.vue_vue_type_script_setup_true_lang-CGlaDHiJ.js";
 import { _ as er } from "./InputSwitch.vue_vue_type_script_setup_true_lang-CgE_12vY.js";
 import { _ as ar } from "./InputText.vue_vue_type_script_setup_true_lang-JLAlUE_2.js";
 import { _ as sr } from "./InputTextarea.vue_vue_type_script_setup_true_lang-q9T4fINI.js";
 import { _ as fr } from "./Link.vue_vue_type_script_setup_true_lang-BE-Gh_jJ.js";
 import { _ as nr } from "./Modal.vue_vue_type_script_setup_true_lang-DiUI27HX.js";
 import { _ as ur } from "./ModalForm.vue_vue_type_script_setup_true_lang-RfK0Mn81.js";
-import { _ as lr } from "./Pagination.vue_vue_type_script_setup_true_lang-BB6dLKpi.js";
+import { _ as lr } from "./Pagination.vue_vue_type_script_setup_true_lang-BCQUrEVO.js";
 import { _ as cr } from "./Popconfirm.vue_vue_type_script_setup_true_lang-C37pLEUq.js";
 import { _ as Tr } from "./Popover.vue_vue_type_script_setup_true_lang-DoSN5ymu.js";
 import { P as Cr } from "./ProgressCircle-Cpmi2CpO.js";

package/dist/{plugin-Cr3oXX-8.js → plugin-CV_fI920.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { _ as s } from "./Button.vue_vue_type_script_setup_true_lang-CUPz7wT9.js";
+import { _ as s } from "./Button.vue_vue_type_script_setup_true_lang-DW0Q2Ut2.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugin-DPAnsB4s.js → plugin-DxUJiAk-.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { _ as s } from "./InputSelect.vue_vue_type_script_setup_true_lang-BuO105oW.js";
+import { _ as s } from "./InputSelect.vue_vue_type_script_setup_true_lang-CGlaDHiJ.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugin-DxG6Hhao.js → plugin-jyvJNavM.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { _ as s } from "./Pagination.vue_vue_type_script_setup_true_lang-BB6dLKpi.js";
+import { _ as s } from "./Pagination.vue_vue_type_script_setup_true_lang-BCQUrEVO.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugin-DrKx8l8j.js → plugin-x-Y35fqX.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { _ as s } from "./Dropdown.vue_vue_type_script_setup_true_lang-DeY4vid5.js";
+import { _ as s } from "./Dropdown.vue_vue_type_script_setup_true_lang-CUPNdEz7.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugins-BFVTdy-_.js → plugins-3Yf4y3PS.js}

@@ -2,15 +2,15 @@ import "./Avatar.vue_vue_type_script_setup_true_lang-D7NdR9hu.js";
 import { p } from "./plugin-DNwjBl_u.js";
 import "vue";
 import { p as i } from "./plugin-C-iGigb_.js";
-import "./Button.vue_vue_type_script_setup_true_lang-CUPz7wT9.js";
-import { p as r } from "./plugin-Cr3oXX-8.js";
+import "./Button.vue_vue_type_script_setup_true_lang-DW0Q2Ut2.js";
+import { p as r } from "./plugin-CV_fI920.js";
 import "./transform-DSaNEFMr.js";
 import "./ChartLine.vue_vue_type_style_index_0_lang-DO_gKCe4.js";
 import { p as o } from "./plugin-DDXOF4cU.js";
 import { p as n } from "./plugin-CyDnzy2n.js";
 import "./Drawer-Cl9_4uHA.js";
 import { p as m } from "./plugin-CNwzCYlr.js";
-import { p as u } from "./plugin-DrKx8l8j.js";
+import { p as u } from "./plugin-x-Y35fqX.js";
 import { p as l } from "./plugin-CJ6sqqaI.js";
 import "./Form.vue_vue_type_script_setup_true_lang-CNGNCak7.js";
 import { p as t } from "./plugin-BuU0zOfE.js";
@@ -35,8 +35,8 @@ import { p as C } from "./plugin-CrHDShgh.js";
 import { p as S } from "./plugin-RM2wZuwL.js";
 import "./InputRadio.vue_vue_type_style_index_0_lang-n0nJwz8x.js";
 import { p as v } from "./plugin-Do2-cqMT.js";
-import "./InputSelect.vue_vue_type_script_setup_true_lang-BuO105oW.js";
-import { p as G } from "./plugin-DPAnsB4s.js";
+import "./InputSelect.vue_vue_type_script_setup_true_lang-CGlaDHiJ.js";
+import { p as G } from "./plugin-DxUJiAk-.js";
 import { p as k } from "./plugin-B63n9_uc.js";
 import { p as w } from "./plugin-lYDlOt8p.js";
 import { p as x } from "./plugin-C8Z-XgLn.js";
@@ -44,7 +44,7 @@ import "./Link.vue_vue_type_script_setup_true_lang-BE-Gh_jJ.js";
 import { p as D } from "./plugin-CEByTREY.js";
 import { p as F } from "./plugin-dX-bbpm5.js";
 import { p as L } from "./plugin-DNXazWwT.js";
-import { p as M } from "./plugin-DxG6Hhao.js";
+import { p as M } from "./plugin-jyvJNavM.js";
 import "./Popconfirm.vue_vue_type_script_setup_true_lang-C37pLEUq.js";
 import { p as _ } from "./plugin-2Cr_XUjp.js";
 import "./Popover.vue_vue_type_script_setup_true_lang-DoSN5ymu.js";

package/dist/plugins.js

@@ -2,15 +2,15 @@ import "./Avatar.vue_vue_type_script_setup_true_lang-D7NdR9hu.js";
 import { p as C } from "./plugin-DNwjBl_u.js";
 import "vue";
 import { p as b } from "./plugin-C-iGigb_.js";
-import "./Button.vue_vue_type_script_setup_true_lang-CUPz7wT9.js";
-import { p as S } from "./plugin-Cr3oXX-8.js";
+import "./Button.vue_vue_type_script_setup_true_lang-DW0Q2Ut2.js";
+import { p as S } from "./plugin-CV_fI920.js";
 import "./transform-DSaNEFMr.js";
 import "./ChartLine.vue_vue_type_style_index_0_lang-DO_gKCe4.js";
 import { p as v } from "./plugin-DDXOF4cU.js";
 import { p as D } from "./plugin-CyDnzy2n.js";
 import "./Drawer-Cl9_4uHA.js";
 import { p as L } from "./plugin-CNwzCYlr.js";
-import { p as A } from "./plugin-DrKx8l8j.js";
+import { p as A } from "./plugin-x-Y35fqX.js";
 import { p as E } from "./plugin-CJ6sqqaI.js";
 import "./Form.vue_vue_type_script_setup_true_lang-CNGNCak7.js";
 import { p as j } from "./plugin-BuU0zOfE.js";
@@ -35,8 +35,8 @@ import { p as gr } from "./plugin-CrHDShgh.js";
 import { p as fr } from "./plugin-RM2wZuwL.js";
 import "./InputRadio.vue_vue_type_style_index_0_lang-n0nJwz8x.js";
 import { p as cr } from "./plugin-Do2-cqMT.js";
-import "./InputSelect.vue_vue_type_script_setup_true_lang-BuO105oW.js";
-import { p as yr } from "./plugin-DPAnsB4s.js";
+import "./InputSelect.vue_vue_type_script_setup_true_lang-CGlaDHiJ.js";
+import { p as yr } from "./plugin-DxUJiAk-.js";
 import { p as Cr } from "./plugin-B63n9_uc.js";
 import { p as br } from "./plugin-lYDlOt8p.js";
 import { p as Sr } from "./plugin-C8Z-XgLn.js";
@@ -44,7 +44,7 @@ import "./Link.vue_vue_type_script_setup_true_lang-BE-Gh_jJ.js";
 import { p as vr } from "./plugin-CEByTREY.js";
 import { p as Dr } from "./plugin-dX-bbpm5.js";
 import { p as Lr } from "./plugin-DNXazWwT.js";
-import { p as Ar } from "./plugin-DxG6Hhao.js";
+import { p as Ar } from "./plugin-jyvJNavM.js";
 import "./Popconfirm.vue_vue_type_script_setup_true_lang-C37pLEUq.js";
 import { p as Er } from "./plugin-2Cr_XUjp.js";
 import "./Popover.vue_vue_type_script_setup_true_lang-DoSN5ymu.js";

package/dist/tamandua.js

@@ -1,4 +1,4 @@
-import { p as n } from "./plugins-BFVTdy-_.js";
+import { p as n } from "./plugins-3Yf4y3PS.js";
 const o = {
   install(s) {
     for (const i in n)

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

@@ -6,6 +6,10 @@ declare const _default: import('vue').DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    displayClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     hasPageSize: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -25,6 +29,10 @@ declare const _default: import('vue').DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    displayClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     hasPageSize: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -40,6 +48,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>>, {
     disabled: boolean;
+    displayClass: string;
     hasPageSize: boolean;
     pageLengths: Array<number>;
     showDescription: boolean;

package/dist/types/components/Pagination/types.d.ts

@@ -1,5 +1,6 @@
 export type PaginationProps = {
     disabled?: boolean;
+    displayClass?: string;
     hasPageSize?: boolean;
     pageLengths?: Array<number>;
     showDescription: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caipira/tamandua",
-    "version": "0.0.66",
+    "version": "0.0.67",
     "private": false,
     "description": "UI library for the Caipira ecosystem",
     "license": "GPL-3.0-only",

package/dist/InputSelect.vue_vue_type_script_setup_true_lang-BuO105oW.js

@@ -1,227 +0,0 @@
-import { defineComponent as ue, mergeModels as O, useModel as ne, ref as d, computed as I, onBeforeMount as oe, watch as D, resolveComponent as k, openBlock as o, createBlock as z, normalizeClass as x, withCtx as R, createElementVNode as se, createVNode as K, createElementBlock as p, renderSlot as g, normalizeProps as _, mergeProps as M, Fragment as V, renderList as N, guardReactiveProps as U, toDisplayString as q, createCommentVNode as T, withDirectives as ie, vModelText as re, createSlots as ce, createTextVNode as pe, nextTick as de } from "vue";
-import { a as fe, E as ve } from "./ui-J-lhC9qd.js";
-const me = { key: 1 }, ye = ["placeholder", "disabled", "readonly"], he = {
-  key: 0,
-  class: "inline-flex w-full justify-between items-center"
-}, be = {
-  key: 1,
-  class: "inline-flex items-center"
-}, ge = /* @__PURE__ */ ue({
-  name: "TInputSelect",
-  __name: "InputSelect",
-  props: /* @__PURE__ */ O({
-    size: { default: fe.Default },
-    options: { default: () => [] },
-    mapper: { type: Function, default: (f) => ({
-      value: f.id ?? f.uuid,
-      label: f
-    }) },
-    filter: { type: Function, default: (f, B) => B.label.toLowerCase().indexOf(f.toLowerCase()) >= 0 },
-    tooltip: { default: "" },
-    disabled: { type: Boolean },
-    resource: {},
-    multiple: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
-    initialValue: {},
-    isSearchable: { type: Boolean, default: !1 },
-    dropdownPlacement: { default: ve.BOTTOM_START },
-    widthClass: { default: "w-full" },
-    borderClass: { default: "border input-border" },
-    roundnessClass: { default: "input-roundness" }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ O(["update:model-value"], ["update:modelValue"]),
-  setup(f, { emit: B }) {
-    const l = f;
-    let $ = !1, C, j = "";
-    const G = B, s = ne(f, "modelValue"), u = d([]), c = d(""), P = d(null), F = d(), i = d(!1), L = d(null), a = d([]), A = d(!1), v = d(null), h = I(() => a.value.length > 0), m = I(() => l.isSearchable && i.value), b = I(() => typeof l.resource == "function"), H = (e) => !l.multiple || !s.value || !Array.isArray(s.value) ? !1 : s.value.includes(e.value), J = (e = s.value) => !(e === void 0 || e === "" || Array.isArray(e) && e.length === 0), Q = (e) => {
-      G("update:model-value", e);
-    }, y = (e = s.value) => {
-      if (J(e))
-        if (l.multiple)
-          Array.isArray(e) && (a.value = e.map(
-            (t) => E(t)
-          ).filter((t) => t > -1));
-        else {
-          const t = E(e);
-          ~t && (a.value = [t]);
-        }
-    }, W = (e) => {
-      i.value = !i.value, i.value && m.value && de(() => {
-        P.value?.focus();
-      });
-    }, E = (e) => u.value.findIndex(
-      (t) => t.value === e
-    ), S = async (e = !1) => {
-      if (!l.resource)
-        return;
-      A.value = !0;
-      const t = {
-        t: c.value,
-        r: "option"
-      };
-      e && v.value && v.value.pages > v.value.page ? t.page = v.value.page + 1 : e = !1, !c.value && s.value && (t.i = s.value);
-      const r = await l.resource(t);
-      e ? u.value.push(...r.items.map(l.mapper)) : u.value = r.items.map(l.mapper), v.value = r.pagination, !b.value && c.value && y(c.value), A.value = !1;
-    }, X = () => {
-      !c.value || j === c.value || (C && (clearTimeout(C), C = null), C = setTimeout(() => {
-        j = c.value, b.value ? (i.value || (i.value = !0), S()) : l.isSearchable && (u.value = l.options.filter(
-          (e) => l.filter(c.value, e)
-        ));
-      }, 500));
-    }, Y = ({
-      index: e,
-      hold: t
-    }) => {
-      if ($ = !0, l.multiple) {
-        const r = a.value.findIndex(
-          (w) => w === e
-        );
-        ~r ? a.value.splice(r, 1) : a.value.push(e);
-      } else
-        a.value = [e];
-      (!l.multiple || !t) && (i.value = !1);
-    }, Z = () => {
-      b.value && v.value && v.value.pages > v.value.page && S(!0);
-    }, ee = async (e) => {
-      switch (e.key) {
-        case "ArrowDown":
-          L.value?.move(e);
-          break;
-        case "Escape":
-          i.value = !1;
-          break;
-      }
-    };
-    return oe(async () => {
-      b.value ? (await S(), y()) : l.options.length > 0 && (u.value = l.options), !s.value && l.initialValue ? y(l.initialValue) : y(s.value);
-    }), D(
-      () => s.value,
-      async (e) => {
-        e && (E(e) < 0 && b.value && await S(), y(e));
-      }
-    ), D(
-      a,
-      (e) => {
-        const t = l.multiple ? u.value.filter(
-          (r, w) => a.value.includes(w)
-        ).map((r) => r.value) : u.value[a.value[0]].value;
-        $ && ($ = !1, Q(t));
-      },
-      { deep: !0 }
-    ), D(
-      () => l.options,
-      (e) => {
-        e.length > 0 && (u.value = e, s.value && a.value.length === 0 && y(s.value));
-      }
-    ), (e, t) => {
-      const r = k("t-tag"), w = k("t-button"), le = k("t-icon"), te = k("t-dropdown"), ae = k("t-popover");
-      return o(), z(ae, {
-        open: i.value,
-        "onUpdate:open": t[1] || (t[1] = (n) => i.value = n),
-        placement: l.dropdownPlacement,
-        class: x([l.widthClass]),
-        ref_key: "popoverRef",
-        ref: F
-      }, {
-        default: R(() => [
-          se("div", {
-            class: x([{
-              "h-9": !l.multiple,
-              "h-full *:min-h-9": l.multiple,
-              [l.borderClass]: !0,
-              [l.roundnessClass]: !0
-            }, "flex justify-between items-center w-full max-w-96 input-text-color select-none input-bg-color"])
-          }, [
-            K(w, {
-              variant: "transparent",
-              size: "",
-              class: x(["h-full", {
-                "w-full justify-end pr-2": !m.value && !h.value,
-                "w-full justify-between pr-2": !m.value && h.value,
-                "w-10 justify-center": m.value
-              }]),
-              "aria-describedby": F.value?.name,
-              icon: i.value === !0 ? "chevron-up" : "chevron-down",
-              onClick: W
-            }, {
-              default: R(() => [
-                m.value ? T("", !0) : (o(), p("div", {
-                  key: 0,
-                  class: x(["inline-flex items-center ml-2 max-w-[calc(100%-2.5rem)]", {
-                    "overflow-hidden whitespace-nowrap": !l.multiple,
-                    "flex-wrap gap-2 py-1": l.multiple
-                  }])
-                }, [
-                  e.$slots.selection && h.value ? g(e.$slots, "selection", _(M({ key: 0 }, u.value[a.value[0]]))) : e.$slots.default && h.value ? (o(), p(V, { key: 1 }, [
-                    l.multiple ? (o(!0), p(V, { key: 0 }, N(a.value, (n) => g(e.$slots, "default", _(U(u.value[n])))), 256)) : g(e.$slots, "default", _(M({ key: 1 }, u.value[a.value[0]])))
-                  ], 64)) : h.value ? (o(), p(V, { key: 2 }, [
-                    l.multiple ? (o(!0), p(V, { key: 0 }, N(a.value, (n) => (o(), z(r, {
-                      key: n,
-                      text: u.value[n].label,
-                      color: "#6e6e6e"
-                    }, null, 8, ["text"]))), 128)) : (o(), p("span", me, q(u.value[a.value[0]]?.label), 1))
-                  ], 64)) : T("", !0)
-                ], 2))
-              ]),
-              _: 3
-            }, 8, ["aria-describedby", "class", "icon"]),
-            m.value ? ie((o(), p("input", {
-              key: 0,
-              "onUpdate:modelValue": t[0] || (t[0] = (n) => c.value = n),
-              type: "text",
-              ref_key: "inputRef",
-              ref: P,
-              placeholder: l.placeholder,
-              disabled: l.disabled,
-              readonly: !l.isSearchable,
-              class: "h-9 bg-transparent input-padding input-roundness input-outline w-full",
-              onInput: X,
-              onKeydown: ee
-            }, null, 40, ye)), [
-              [re, c.value]
-            ]) : T("", !0)
-          ], 2)
-        ]),
-        content: R(() => [
-          K(te, {
-            ref_key: "dropdownRef",
-            ref: L,
-            items: u.value,
-            "is-visible": i.value,
-            multiple: l.multiple,
-            loading: A.value,
-            onChange: Y,
-            onEndReached: Z
-          }, ce({ _: 2 }, [
-            e.$slots.default || l.multiple ? {
-              name: "default",
-              fn: R((n) => [
-                l.multiple ? (o(), p("div", he, [
-                  e.$slots.default ? g(e.$slots, "default", _(M({ key: 0 }, n))) : (o(), p(V, { key: 1 }, [
-                    pe(q(n.label), 1)
-                  ], 64)),
-                  H(n) ? (o(), z(le, {
-                    key: 2,
-                    icon: "check",
-                    size: "sm",
-                    class: "float-right ml-2"
-                  })) : T("", !0)
-                ])) : (o(), p("div", be, [
-                  g(e.$slots, "default", _(U(n)))
-                ]))
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["items", "is-visible", "multiple", "loading"])
-        ]),
-        _: 3
-      }, 8, ["open", "placement", "class"]);
-    };
-  }
-});
-export {
-  ge as _
-};

package/dist/Pagination.vue_vue_type_script_setup_true_lang-BB6dLKpi.js

@@ -1,106 +0,0 @@
-import { defineComponent as w, mergeModels as C, useModel as y, ref as B, computed as i, resolveComponent as g, openBlock as r, createElementBlock as p, toDisplayString as x, createCommentVNode as m, createBlock as f, createElementVNode as L, createVNode as h, Fragment as M, renderList as S } from "vue";
-const N = { class: "flex gap-6 items-center flex-wrap select-none" }, z = {
-  key: 0,
-  class: "md:block hidden"
-}, D = { class: "h-9 flex" }, F = /* @__PURE__ */ w({
-  name: "TPagination",
-  __name: "Pagination",
-  props: /* @__PURE__ */ C({
-    disabled: { type: Boolean, default: !1 },
-    hasPageSize: { type: Boolean, default: !0 },
-    pageLengths: { default: () => [12, 18, 24, 30, 36, 42] },
-    showDescription: { type: Boolean, default: !1 }
-  }, {
-    modelValue: {
-      default: {
-        page: 1,
-        pages: 1,
-        perPage: 12
-      }
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(d) {
-    const v = d, e = y(d, "modelValue"), c = B(e.value.perPage ?? 12), b = i(() => e.value.page === 1), P = i(
-      () => e.value.page === e.value.pages
-    ), k = i(() => {
-      const a = e.value.pages || 1, t = e.value.page || 1, n = [], s = Math.max(2, t - 2), l = Math.min(a - 1, t + 2);
-      a > 1 && n.push(1);
-      for (let o = s; o <= l; o++)
-        o > 1 && o < a && n.push(o);
-      return a > 1 && n.push(a), n;
-    }), _ = i(() => v.pageLengths.map((a) => ({
-      label: `${a} / page`,
-      value: a
-    }))), $ = i(() => {
-      if ("items" in e.value && "skip" in e.value && "items" in e.value) {
-        const a = e.value.skip + 1, t = e.value.skip + e.value.items, n = e.value.totalItems;
-        return `Showing ${a} to ${t} of ${n} entries`;
-      }
-      return `Page ${e.value.page} of ${e.value.pages}`;
-    }), u = (a) => {
-      a === e.value.page || a < 1 || a > e.value.pages || (e.value = {
-        ...e.value,
-        page: a
-      });
-    }, V = (a) => {
-      a !== e.value.perPage && (e.value = {
-        ...e.value,
-        perPage: a,
-        page: 1
-      });
-    };
-    return (a, t) => {
-      const n = g("t-input-select"), s = g("t-button");
-      return r(), p("div", N, [
-        a.showDescription ? (r(), p("div", z, x($.value), 1)) : m("", !0),
-        v.hasPageSize ? (r(), f(n, {
-          key: 1,
-          modelValue: c.value,
-          "onUpdate:modelValue": [
-            t[0] || (t[0] = (l) => c.value = l),
-            V
-          ],
-          "width-class": "",
-          class: "w-fit min-w-32",
-          "dropdown-placement": "top",
-          disabled: a.disabled,
-          options: _.value
-        }, null, 8, ["modelValue", "disabled", "options"])) : m("", !0),
-        L("div", D, [
-          h(s, {
-            variant: "transparent",
-            label: "Prevous",
-            icon: "chevron-left",
-            hover: !0,
-            "disable-style": !0,
-            disabled: b.value,
-            onClick: t[1] || (t[1] = (l) => u(e.value.page - 1))
-          }, null, 8, ["disabled"]),
-          (r(!0), p(M, null, S(k.value, (l) => (r(), f(s, {
-            variant: "transparent",
-            hover: !0,
-            label: `${l}`,
-            outline: l === e.value.page,
-            bold: l === e.value.page,
-            disabled: l === e.value.page,
-            onClick: (o) => u(l)
-          }, null, 8, ["label", "outline", "bold", "disabled", "onClick"]))), 256)),
-          h(s, {
-            variant: "transparent",
-            label: "Next",
-            icon: "chevron-right",
-            "icon-position": "right",
-            hover: !0,
-            disabled: P.value,
-            onClick: t[2] || (t[2] = (l) => u(e.value.page + 1))
-          }, null, 8, ["disabled"])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  F as _
-};