@konstructio/ui 0.1.2-alpha.4 → 0.1.2-alpha.6

package/dist/components/Range/Range.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { R as g, T as R, a as V, b as c } from "../../index-DB2XhXHn.js";
+import { R as g, T as R, a as V, b as c } from "../../index-C84F4YyO.js";
 import { forwardRef as v, useRef as b, useState as j, useImperativeHandle as k, useEffect as w, useCallback as y } from "react";
 import { cn as a } from "../../utils/index.js";
 import { rangeOutsideVariants as C, trackVariants as T, thumbVariants as i, rangeVariants as S } from "./Range.variants.js";

package/dist/components/Sidebar/components/Wrapper/Wrapper.js

@@ -1,37 +1,38 @@
-import { Footer as A } from "../Footer/Footer.js";
-import { Logo as b } from "../Logo/Logo.js";
-import { Navigation as C } from "../Navigation/Navigation.js";
+import { Footer as b } from "../Footer/Footer.js";
+import { Logo as C } from "../Logo/Logo.js";
+import { Navigation as D } from "../Navigation/Navigation.js";
 import "../NavigationGroup/NavigationGroup.js";
 import "../NavigationOption/NavigationOption.js";
 import "../NavigationSeparator/NavigationSeparator.js";
 import "../NavigationTitle/NavigationTitle.js";
-import { jsxs as D, jsx as V } from "react/jsx-runtime";
+import { jsxs as V, jsx as j } from "react/jsx-runtime";
 import { useRef as d, useCallback as f, useMemo as s, Children as a, isValidElement as l } from "react";
 import { cn as y } from "../../../../utils/index.js";
-import { dragVariants as j, wrapperSiderbarVariants as x } from "../../Sidebar.variants.js";
-const z = ({
+import { dragVariants as x, wrapperSiderbarVariants as z } from "../../Sidebar.variants.js";
+const S = ({
   canResize: g = !0,
   children: v,
+  dividerClassName: L,
   maxWith: i = 300,
   minWith: m = 240,
-  theme: L,
-  wrapperClassName: M
+  theme: M,
+  wrapperClassName: N
 }) => {
-  const r = d(null), u = d(null), c = d(!1), n = f(
+  const r = d(null), c = d(null), u = d(!1), n = f(
     (e) => {
-      if (!c.current) {
+      if (!u.current) {
         r.current && (r.current.style.opacity = "0");
         return;
       }
       let o = e.clientX;
-      o < m && (o = m), o > i && (o = i), u.current && r.current && (u.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
+      o < m && (o = m), o > i && (o = i), c.current && r.current && (c.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
     },
     [i, m]
   ), p = f(() => {
-    c.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
+    u.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
   }, [n]), w = f(
     (e) => {
-      e.preventDefault(), e.stopPropagation(), c.current = !0, document.addEventListener("mousemove", n), document.addEventListener("mouseup", p);
+      e.preventDefault(), e.stopPropagation(), u.current = !0, document.addEventListener("mousemove", n), document.addEventListener("mouseup", p);
     },
     [n, p]
   ), t = s(
@@ -39,39 +40,39 @@ const z = ({
     [v]
   ), E = s(
     () => a.toArray(t).find(
-      (e) => l(e) && e.type === b
+      (e) => l(e) && e.type === C
     ),
     [t]
-  ), N = s(
+  ), R = s(
     () => a.toArray(t).find(
-      (e) => l(e) && e.type === C
+      (e) => l(e) && e.type === D
     ),
     [t]
-  ), R = s(
+  ), A = s(
     () => a.toArray(t).find(
-      (e) => l(e) && e.type === A
+      (e) => l(e) && e.type === b
     ),
     [t]
   );
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ V(
     "aside",
     {
-      ref: u,
+      ref: c,
       className: y(
-        x({
-          className: M
+        z({
+          className: N
         })
       ),
-      "data-theme": L,
+      "data-theme": M,
       children: [
         E,
-        N,
         R,
-        g && /* @__PURE__ */ V(
+        A,
+        g && /* @__PURE__ */ j(
           "div",
           {
             ref: r,
-            className: y(j()),
+            className: y(x({ className: L })),
             onMouseDown: w
           }
         )
@@ -79,7 +80,7 @@ const z = ({
     }
   );
 };
-z.displayName = "Sidebar.Wrapper";
+S.displayName = "Sidebar.Wrapper";
 export {
-  z as Wrapper
+  S as Wrapper
 };

package/dist/components/Slider/Slider.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { R as x, T as N, b as v } from "../../index-DB2XhXHn.js";
+import { R as x, T as N, b as v } from "../../index-C84F4YyO.js";
 import { forwardRef as V, useRef as b, useState as R, useImperativeHandle as g, useEffect as j, useCallback as k } from "react";
 import { cn as r } from "../../utils/index.js";
 import { trackVariants as w, thumbVariants as y, sliderVariants as C } from "./Slider.variants.js";

package/dist/components/Switch/Switch.js

@@ -3,11 +3,12 @@ import * as h from "react";
 import { forwardRef as H, useRef as M, useId as $, useImperativeHandle as j, useEffect as z } from "react";
 import { a as A, c as U, b as q } from "../../index-BfXxHr_2.js";
 import { u as N } from "../../index-DQH6odE9.js";
-import { u as F, a as L } from "../../index-CZnD2QxM.js";
-import { P } from "../../index-C9T9HQaa.js";
+import { u as F } from "../../index-BZPx6jYI.js";
+import { u as L } from "../../index-BAEWsOG1.js";
+import { P } from "../../index-BITvcJAz.js";
 import { cn as R } from "../../utils/index.js";
 import { thumbVariants as O, switchVariants as V } from "./Switch.variants.js";
-var b = "Switch", [D, se] = U(b), [W, X] = D(b), y = h.forwardRef(
+var b = "Switch", [D, ce] = U(b), [W, X] = D(b), y = h.forwardRef(
   (e, l) => {
     const {
       __scopeSwitch: t,
@@ -124,7 +125,7 @@ function I(e) {
   return e ? "checked" : "unchecked";
 }
 var J = y, K = E;
-const ce = H(
+const ne = H(
   ({
     name: e,
     alignment: l = "horizontal",
@@ -196,5 +197,5 @@ const ce = H(
   }
 );
 export {
-  ce as Switch
+  ne as Switch
 };

package/dist/components/Tabs/Tabs.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { R as e } from "../../index-BAraV3ai.js";
+import { R as e } from "../../index-Bnb0ezr3.js";
 import { cn as n } from "../../utils/index.js";
 import { rootVariants as p } from "./Tabs.variants.js";
 import { Content as f } from "./components/Content.js";

package/dist/components/Tabs/components/Content.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { C as a } from "../../../index-BAraV3ai.js";
+import { C as a } from "../../../index-Bnb0ezr3.js";
 import { cn as m } from "../../../utils/index.js";
 import { contentVariants as s } from "../Tabs.variants.js";
 const e = ({ children: t, className: o, ...n }) => /* @__PURE__ */ r(

package/dist/components/Tabs/components/List.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { L as n } from "../../../index-BAraV3ai.js";
+import { L as n } from "../../../index-Bnb0ezr3.js";
 import { cn as a } from "../../../utils/index.js";
 import { listVariants as s } from "../Tabs.variants.js";
 const c = ({

package/dist/components/Tabs/components/Trigger.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { T as e } from "../../../index-BAraV3ai.js";
+import { T as e } from "../../../index-Bnb0ezr3.js";
 import { Typography as m } from "../../Typography/Typography.js";
 import { cn as n } from "../../../utils/index.js";
 import { triggerVariants as p } from "../Tabs.variants.js";

package/dist/components/TagSelect/components/Wrapper/Wrapper.js

@@ -6,8 +6,8 @@ import { Tag as P } from "../../../Tag/Tag.js";
 import { cn as l } from "../../../../utils/index.js";
 import { useTagSelect as C } from "../../hooks/useTagSelect.js";
 import { labelVariants as S, tagSelectVariants as z, wrapperVariants as R } from "../../TagSelect.variants.js";
-import { X as _ } from "../../../../x-BPcqkRZd.js";
-import { P as p } from "../../../../index-h-Ul0anl.js";
+import { X as _ } from "../../../../x-4F_5p77m.js";
+import { P as p } from "../../../../index-N2OStZoU.js";
 import { useTagSelect as I } from "../../contexts/TagSelect.hook.js";
 function u() {
   return u = Object.assign || function(e) {

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -3,7 +3,7 @@ import { useId as N, useState as y, useRef as E, useCallback as O, useEffect as
 import { cn as m } from "../../../../utils/index.js";
 import { timePickerVariants as L } from "../../TimePicker.variants.js";
 import { WrapperList as j } from "../WrapperList/WrapperList.js";
-import { C as P } from "../../../../chevron-down-BLZPftpV.js";
+import { C as P } from "../../../../chevron-down-MZvQoT2F.js";
 import { useTimePickerContext as R } from "../../contexts/time-picker.hook.js";
 const V = ({
   name: d,

package/dist/components/Toast/Toast.js

@@ -2,17 +2,18 @@ import { jsx as i, jsxs as A, Fragment as se } from "react/jsx-runtime";
 import { u as ae, S as B } from "../../index-DQH6odE9.js";
 import * as n from "react";
 import { useRef as xe, useEffect as be, useMemo as oe, isValidElement as re, useCallback as ge } from "react";
-import { P as D, r as Se, d as Ie } from "../../index-C9T9HQaa.js";
+import { P as D, r as Se, d as Ie } from "../../index-BITvcJAz.js";
 import { c as Ne, a as Ae, b as x, u as De } from "../../index-BfXxHr_2.js";
 import { c as Fe } from "../../index-Cvx4lqTq.js";
-import { B as _e, R as Le, P as Me } from "../../index-CrBonFvu.js";
+import { B as _e, R as Le } from "../../index-Cd2vhaop.js";
+import { P as Me } from "../../index-ti1b9kqV.js";
 import { P as Oe } from "../../index-C1g_chDT.js";
 import { u as $ } from "../../index-0ioNhtNM.js";
-import { V as ie, R as ke } from "../../index-iXyXtdgP.js";
+import { V as ie, R as ke } from "../../index-DBbEcSUG.js";
 import { cn as j } from "../../utils/index.js";
 import { closeToastVariants as Ve, toastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
-import { X as We } from "../../x-BPcqkRZd.js";
-var Q = "ToastProvider", [Z, Xe, $e] = Fe("Toast"), [ce, xt] = Ne("Toast", [$e]), [Ue, U] = ce(Q), ue = (e) => {
+import { X as We } from "../../x-4F_5p77m.js";
+var Q = "ToastProvider", [Z, Xe, $e] = Fe("Toast"), [ce, bt] = Ne("Toast", [$e]), [Ue, U] = ce(Q), ue = (e) => {
   const {
     __scopeToast: r,
     label: o = "Notification",
@@ -423,7 +424,7 @@ function q(e) {
   return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
 }
 var st = ue, at = de, it = fe, ct = me, ut = Te, lt = ve;
-const bt = ({
+const gt = ({
   title: e,
   duration: r = 5e3,
   titleClassName: o,
@@ -474,5 +475,5 @@ const bt = ({
   ] });
 };
 export {
-  bt as Toast
+  gt as Toast
 };

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -0,0 +1,99 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { useMemo as V } from "react";
+import { cn as g } from "../../utils/index.js";
+import { TableProvider as j } from "./contexts/table.provider.js";
+import { Filter as w } from "./components/Filter/Filter.js";
+import { Header as y } from "./components/Header/Header.js";
+import { Body as B } from "./components/Body/Body.js";
+import { Pagination as H } from "./components/Pagination/Pagination.js";
+import { TruncateText as K } from "./components/TruncateText/TruncateText.js";
+import { Actions as M } from "./components/Actions/Actions.js";
+const P = ({
+  id: s,
+  ariaLabel: c,
+  columns: d,
+  data: n,
+  totalItems: f,
+  classNameHeaderTable: p,
+  classNameHeaderArrows: u,
+  classNameHeaderActiveArrows: b,
+  fetchData: T,
+  // Pagination
+  showPagination: N,
+  showTotalItems: o,
+  showDropdownPagination: l,
+  showDotPagination: a,
+  showFormPagination: i,
+  pageSizes: h,
+  // Filter
+  showFilter: x = !1,
+  showFilterInput: A,
+  filterSearchPlaceholder: v = "",
+  multiSelectFilter: z
+}) => {
+  const t = V(
+    () => N || [
+      o,
+      l,
+      a,
+      i
+    ].some(Boolean),
+    []
+  );
+  return /* @__PURE__ */ r(
+    j,
+    {
+      id: s,
+      columns: d,
+      data: n,
+      fetchData: T,
+      totalItems: f,
+      children: /* @__PURE__ */ m("section", { children: [
+        x && /* @__PURE__ */ r(
+          w,
+          {
+            placeholder: v,
+            multiSelectFilter: z,
+            showFilterInput: A
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: g("shadow rounded-t-lg", {
+              "overflow-hidden rounded-lg": !t
+            }),
+            children: /* @__PURE__ */ m("table", { className: "w-full border-collapse", "aria-label": c, children: [
+              /* @__PURE__ */ r(
+                y,
+                {
+                  className: p,
+                  classNameArrows: u,
+                  classNameActiveArrows: b
+                }
+              ),
+              /* @__PURE__ */ r(B, {})
+            ] })
+          }
+        ),
+        t && /* @__PURE__ */ r(
+          H,
+          {
+            showTotalItems: o,
+            showDropdownPagination: l,
+            showDotPagination: a,
+            showFormPagination: i,
+            pageSizes: h
+          }
+        )
+      ] })
+    }
+  );
+}, e = P;
+e.displayName = "KonstructVirtualizedTable";
+e.TruncateText = K;
+e.Actions = M;
+export {
+  K as TruncateText,
+  e as VirtualizedTable
+};

package/dist/components/VirtualizedTable/VirtualizedTable.variants.js

@@ -0,0 +1,5 @@
+import { c as a } from "../../index-D29mdTf5.js";
+const t = a([]);
+export {
+  t as virtualizeTableVariants
+};

package/dist/components/VirtualizedTable/assets/chevron-down.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+const l = ({
+  className: t,
+  onClick: e
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "7",
+    height: "5",
+    viewBox: "0 0 7 5",
+    fill: "none",
+    className: t,
+    onClick: e,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M0.8225 0L3.5 2.67167L6.1775 0L7 0.8225L3.5 4.3225L0 0.8225L0.8225 0Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+export {
+  l as default
+};

package/dist/components/VirtualizedTable/assets/chevron-up.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+const l = ({
+  className: r,
+  onClick: t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "7",
+    height: "5",
+    viewBox: "0 0 7 5",
+    fill: "currentColor",
+    className: r,
+    onClick: t,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M0.8225 4.99999L3.5 2.32832L6.1775 4.99999L7 4.17749L3.5 0.67749L0 4.17749L0.8225 4.99999Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+export {
+  l as default
+};

package/dist/components/VirtualizedTable/assets/index.js

@@ -0,0 +1,6 @@
+import { default as r } from "./chevron-up.js";
+import { default as f } from "./chevron-down.js";
+export {
+  f as ChevronDown,
+  r as ChevronUp
+};

package/dist/components/VirtualizedTable/components/Actions/Actions.js

@@ -0,0 +1,46 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Button as r } from "../../../Button/Button.js";
+import { c } from "../../../../createLucideIcon-D2CN7Ma9.js";
+/**
+* @license lucide-react v0.545.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const s = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
+  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
+], n = c("ellipsis-vertical", s), u = ({
+  actions: t,
+  ...o
+}) => t ? /* @__PURE__ */ l("div", { className: "relative group w-fit", children: [
+  /* @__PURE__ */ l(
+    r,
+    {
+      variant: "text",
+      shape: "circle",
+      size: "large",
+      className: "text-slate-400 group-hover:text-slate-800 group-hover:bg-aurora-50",
+      role: "presentation",
+      children: [
+        /* @__PURE__ */ e(n, { "aria-hidden": "true", className: "w-7 h-7" }),
+        /* @__PURE__ */ e("span", { className: "sr-only", children: "Show Actions" })
+      ]
+    }
+  ),
+  /* @__PURE__ */ e("div", { className: "absolute top-full right-0 w-[215px] hidden group-hover:block z-10", children: /* @__PURE__ */ e("div", { className: "bg-white mt-0.5 py-2 rounded-lg shadow-lg border border-zinc-100 animate-in fade-in-0", children: t.map(({ label: i, onClick: a }) => /* @__PURE__ */ e(
+    r,
+    {
+      className: "w-full text-slate-800 cursor-pointer p-0 h-9 flex gap-2 text-sm font-normal justify-start hover:bg-gray-50 hover:text-slate-800 rounded-none px-6",
+      variant: "text",
+      asChild: !0,
+      role: "presentation",
+      children: /* @__PURE__ */ e(r, { onClick: () => a(o.row.original), children: i })
+    },
+    i
+  )) }) })
+] }) : null;
+export {
+  u as Actions
+};

package/dist/components/VirtualizedTable/components/Body/Body.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import { f as d } from "../../../../index-Dx2grAuN.js";
+import { useTableContext as m } from "../../contexts/table.hook.js";
+const p = () => {
+  const { table: r } = m();
+  return /* @__PURE__ */ e("tbody", { className: "text-slate-800 text-sm font-normal relative", children: r.getRowModel().rows.map(({ id: a, getVisibleCells: o }) => /* @__PURE__ */ e(
+    "tr",
+    {
+      className: "border border-x-transparent border-t-gray-200 border-b-transparent table w-full table-fixed",
+      children: o().map(({ id: l, column: t, getContext: s }) => /* @__PURE__ */ e(
+        "td",
+        {
+          className: "px-4 py-1 text-sm",
+          style: { width: t.getSize() },
+          children: d(t.columnDef.cell, s())
+        },
+        l
+      ))
+    },
+    a
+  )) });
+};
+export {
+  p as Body
+};

package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js

@@ -0,0 +1,165 @@
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { memo as u } from "react";
+import { cn as p } from "../../../../utils/index.js";
+import { C as g, a as d } from "../../../../chevron-right-VYBOBhRt.js";
+import { useTableContext as f } from "../../contexts/table.hook.js";
+const r = u(
+  ({
+    index: e,
+    currentPage: t,
+    handlePage: l
+  }) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+    "button",
+    {
+      type: "button",
+      onClick: () => l(e),
+      className: p("px-2.5 py-1 rounded-lg text-blue-600 cursor-pointer", {
+        "bg-blue-600 text-white": e === t
+      }),
+      children: e + 1
+    }
+  ) }, e)
+);
+r.displayName = "PageButton";
+const o = u(({ keyValue: e }) => /* @__PURE__ */ i("li", { className: "px-2", children: /* @__PURE__ */ i("span", { className: "text-blue-600 select-none", children: "..." }) }, e));
+o.displayName = "Ellipsis";
+const a = u(
+  ({
+    direction: e,
+    onClick: t,
+    disabled: l
+  }) => /* @__PURE__ */ i("li", { className: "flex items-center justify-center", children: /* @__PURE__ */ i("button", { onClick: t, disabled: l, children: /* @__PURE__ */ i(
+    e === "left" ? g : d,
+    {
+      className: p("h-6 w-6 cursor-pointer", {
+        "text-blue-600": !l,
+        "text-slate-400 cursor-not-allowed": l
+      })
+    }
+  ) }) })
+);
+a.displayName = "NavigationButton";
+const k = () => {
+  const { totalPages: e, page: t, handlePage: l } = f();
+  return /* @__PURE__ */ m("ul", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ i(
+      a,
+      {
+        direction: "left",
+        onClick: () => l(t - 1),
+        disabled: t === 0
+      }
+    ),
+    (() => {
+      if (e <= 5)
+        return Array.from({ length: e }, (s, c) => /* @__PURE__ */ i(
+          r,
+          {
+            index: c,
+            currentPage: t,
+            handlePage: l
+          },
+          c
+        ));
+      const n = [];
+      if (t < 3) {
+        for (let s = 0; s < 3; s++)
+          n.push(
+            /* @__PURE__ */ i(
+              r,
+              {
+                index: s,
+                currentPage: t,
+                handlePage: l
+              },
+              s
+            )
+          );
+        n.push(/* @__PURE__ */ i(o, { keyValue: "ellipsis" }, "ellipsis"));
+        for (let s = e - 2; s < e; s++)
+          n.push(
+            /* @__PURE__ */ i(
+              r,
+              {
+                index: s,
+                currentPage: t,
+                handlePage: l
+              },
+              s
+            )
+          );
+      } else if (t >= e - 5) {
+        n.push(
+          /* @__PURE__ */ i(
+            r,
+            {
+              index: 0,
+              currentPage: t,
+              handlePage: l
+            },
+            0
+          )
+        ), e > 6 && n.push(/* @__PURE__ */ i(o, { keyValue: "ellipsis" }, "ellipsis"));
+        for (let s = Math.max(1, e - 5); s < e; s++)
+          n.push(
+            /* @__PURE__ */ i(
+              r,
+              {
+                index: s,
+                currentPage: t,
+                handlePage: l
+              },
+              s
+            )
+          );
+      } else {
+        n.push(
+          /* @__PURE__ */ i(
+            r,
+            {
+              index: 0,
+              currentPage: t,
+              handlePage: l
+            },
+            0
+          )
+        ), t > 3 && n.push(/* @__PURE__ */ i(o, { keyValue: "ellipsis1" }, "ellipsis1"));
+        for (let s = t - 1; s <= t + 1; s++)
+          s > 0 && s < e - 1 && n.push(
+            /* @__PURE__ */ i(
+              r,
+              {
+                index: s,
+                currentPage: t,
+                handlePage: l
+              },
+              s
+            )
+          );
+        t < e - 4 && n.push(/* @__PURE__ */ i(o, { keyValue: "ellipsis2" }, "ellipsis2")), n.push(
+          /* @__PURE__ */ i(
+            r,
+            {
+              index: e - 1,
+              currentPage: t,
+              handlePage: l
+            },
+            e - 1
+          )
+        );
+      }
+      return n;
+    })(),
+    /* @__PURE__ */ i(
+      a,
+      {
+        direction: "right",
+        onClick: () => l(t + 1),
+        disabled: t >= e - 1
+      }
+    )
+  ] });
+};
+export {
+  k as DotPaginate
+};