jcicl 0.0.341 → 0.0.343

package/Table/Table.js

@@ -1,121 +1,32 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import je, { forwardRef as P, createElement as R, useState as C, useMemo as _ } from "react";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import ve, { useState as x, useMemo as N } from "react";
 import o from "../theme.js";
-import { c as i } from "../.chunks/emotion-react.browser.esm.js";
-import { n as c } from "../.chunks/emotion-styled.browser.esm.js";
-import { Button as ze } from "../Button/Button.js";
-import { Flex as Ae } from "../Flex/Flex.js";
+import { c as r } from "../.chunks/emotion-react.browser.esm.js";
+import { n as s } from "../.chunks/emotion-styled.browser.esm.js";
+import { Button as Ce } from "../Button/Button.js";
+import { Flex as Se } from "../Flex/Flex.js";
+import { c as C } from "../.chunks/createLucideIcon.js";
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Te = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ne = (r) => r.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (s, p, f) => f ? f.toUpperCase() : p.toLowerCase()
-), J = (r) => {
-  const s = Ne(r);
-  return s.charAt(0).toUpperCase() + s.slice(1);
-}, ee = (...r) => r.filter((s, p, f) => !!s && s.trim() !== "" && f.indexOf(s) === p).join(" ").trim(), Be = (r) => {
-  for (const s in r)
-    if (s.startsWith("aria-") || s === "role" || s === "title")
-      return !0;
-};
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var De = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const _e = P(
-  ({
-    color: r = "currentColor",
-    size: s = 24,
-    strokeWidth: p = 2,
-    absoluteStrokeWidth: f,
-    className: y = "",
-    children: w,
-    iconNode: M,
-    ...A
-  }, a) => R(
-    "svg",
-    {
-      ref: a,
-      ...De,
-      width: s,
-      height: s,
-      stroke: r,
-      strokeWidth: f ? Number(p) * 24 / Number(s) : p,
-      className: ee("lucide", y),
-      ...!w && !Be(A) && { "aria-hidden": "true" },
-      ...A
-    },
-    [
-      ...M.map(([m, E]) => R(m, E)),
-      ...Array.isArray(w) ? w : [w]
-    ]
-  )
-);
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const z = (r, s) => {
-  const p = P(
-    ({ className: f, ...y }, w) => R(_e, {
-      ref: w,
-      iconNode: s,
-      className: ee(
-        `lucide-${Te(J(r))}`,
-        `lucide-${r}`,
-        f
-      ),
-      ...y
-    })
-  );
-  return p.displayName = J(r), p;
-};
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Me = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], G = z("chevron-down", Me);
+const $e = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], E = C("chevron-down", $e);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], Q = z("chevron-up", Ee);
+const ze = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], q = C("chevron-up", ze);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Le = [
+const je = [
   [
     "path",
     {
@@ -132,14 +43,14 @@ const Le = [
     }
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
-], Fe = z("eye-off", Le);
+], Te = C("eye-off", je);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ie = [
+const Ne = [
   [
     "path",
     {
@@ -148,24 +59,24 @@ const Ie = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Ve = z("eye", Ie);
+], Ae = C("eye", Ne);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = [
+const De = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], X = z("search", Ge);
+], W = C("search", De);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Re = [
+const Be = [
   [
     "path",
     {
@@ -174,66 +85,66 @@ const Re = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Ue = z("settings", Re);
-let j = "";
-const Je = ({
-  data: r = [],
-  columnTitles: s = {},
-  rowsPerPage: p = 19,
-  title: f = "Data Table",
-  onRowClick: y,
-  hiddenColumns: w = [],
-  defaultSort: M = { key: "", direction: "asc" },
-  extraActions: A
+], _e = C("settings", Be);
+let v = "";
+const He = ({
+  data: f = [],
+  columnTitles: z = {},
+  rowsPerPage: b = 19,
+  title: K = "Data Table",
+  onRowClick: A,
+  hiddenColumns: Y = [],
+  defaultSort: J = { key: "", direction: "asc" },
+  extraActions: F
 }) => {
-  const [a, m] = C(1), [, E] = C(""), [u, oe] = C(M), [v, B] = C(/* @__PURE__ */ new Set()), [L, U] = C(/* @__PURE__ */ new Set()), [O, te] = C(!1), [W, ne] = C(!1), h = _(() => r.length === 0 ? [] : Object.keys(r[0]).filter((e) => !w.includes(e)), [r]);
-  je.useEffect(() => {
-    h.length > 0 && (U(new Set(h)), B(new Set(h)));
-  }, [h]);
-  const F = _(() => {
-    if (!j) return r;
-    const e = v.size > 0 ? v : new Set(h);
-    return r.filter((n) => Array.from(e).some((d) => {
-      const x = n[d];
-      return x && x.toString().toLowerCase().includes(j.toLowerCase());
+  const [i, y] = x(1), [, Q] = x(""), [p, X] = x(J), [m, j] = x(/* @__PURE__ */ new Set()), [D, I] = x(/* @__PURE__ */ new Set()), [V, Z] = x(!1), [L, P] = x(!1), a = N(() => f.length === 0 ? [] : Object.keys(f[0]).filter((e) => !Y.includes(e)), [f]);
+  ve.useEffect(() => {
+    a.length > 0 && (I(new Set(a)), j(new Set(a)));
+  }, [a]);
+  const B = N(() => {
+    if (!v) return f;
+    const e = m.size > 0 ? m : new Set(a);
+    return f.filter((n) => Array.from(e).some((l) => {
+      const h = n[l];
+      return h && h.toString().toLowerCase().includes(v.toLowerCase());
     }));
-  }, [r, j, v, h]), b = _(() => u.key ? [...F].sort((e, n) => e[u.key] < n[u.key] ? u.direction === "asc" ? -1 : 1 : e[u.key] > n[u.key] ? u.direction === "asc" ? 1 : -1 : 0) : F, [F, u]), D = h.filter((e) => L.has(e)), re = () => {
-    if (!Array.isArray(b) || b.length === 0) return;
-    const e = D.map(($) => s[$] || $), n = ($) => {
-      const N = String($ ?? "");
-      return /[",\n]/.test(N) ? `"${N.replace(/"/g, '""')}"` : N;
-    }, x = [
+  }, [f, v, m, a]), g = N(() => p.key ? [...B].sort((e, n) => e[p.key] < n[p.key] ? p.direction === "asc" ? -1 : 1 : e[p.key] > n[p.key] ? p.direction === "asc" ? 1 : -1 : 0) : B, [B, p]), T = a.filter((e) => D.has(e)), ee = () => {
+    if (!Array.isArray(g) || g.length === 0) return;
+    const e = T.map((k) => z[k] || k), n = (k) => {
+      const $ = String(k ?? "");
+      return /[",\n]/.test($) ? `"${$.replace(/"/g, '""')}"` : $;
+    }, h = [
       e.join(","),
       // header row
-      ...b.map(($) => D.map((N) => n($[N])).join(","))
+      ...g.map((k) => T.map(($) => n(k[$])).join(","))
     ].join(`
-`), $e = new Blob([x], { type: "text/csv;charset=utf-8;" }), T = document.createElement("a");
-    T.href = URL.createObjectURL($e), T.download = "data.csv", document.body.appendChild(T), T.click(), document.body.removeChild(T);
-  }, se = _(() => {
-    const e = (a - 1) * p;
-    return b.slice(e, e + p);
-  }, [b, a, p]), g = Math.ceil(b.length / p), ie = (e) => {
-    oe((n) => ({
+`), ke = new Blob([h], { type: "text/csv;charset=utf-8;" }), S = document.createElement("a");
+    S.href = URL.createObjectURL(ke), S.download = "data.csv", document.body.appendChild(S), S.click(), document.body.removeChild(S);
+  }, oe = N(() => {
+    const e = (i - 1) * b;
+    return g.slice(e, e + b);
+  }, [g, i, b]), d = Math.ceil(g.length / b), te = (e) => {
+    X((n) => ({
       key: e,
       direction: n.key === e && n.direction === "asc" ? "desc" : "asc"
     }));
-  }, ce = (e) => {
-    B((n) => {
-      const d = new Set(n);
-      return d.has(e) ? d.delete(e) : d.add(e), d;
+  }, ne = (e) => {
+    j((n) => {
+      const l = new Set(n);
+      return l.has(e) ? l.delete(e) : l.add(e), l;
     });
-  }, ae = () => {
-    v.size === h.length ? B(/* @__PURE__ */ new Set()) : B(new Set(h));
-  }, le = (e) => {
-    U((n) => {
-      const d = new Set(n);
-      return d.has(e) ? d.delete(e) : d.add(e), d;
+  }, re = () => {
+    m.size === a.length ? j(/* @__PURE__ */ new Set()) : j(new Set(a));
+  }, se = (e) => {
+    I((n) => {
+      const l = new Set(n);
+      return l.has(e) ? l.delete(e) : l.add(e), l;
     });
-  }, de = (e) => {
-    j = e;
-  }, H = () => {
-    E(j);
-  }, k = {
+  }, ie = (e) => {
+    v = e;
+  }, G = () => {
+    Q(v);
+  }, u = {
     thActive: {
       backgroundColor: o.colors.green,
       color: o.colors.white
@@ -253,8 +164,8 @@ const Je = ({
       textAlign: "center",
       marginTop: "10px"
     }
-  }, pe = c("div")(() => ({
-    ...i`
+  }, ce = s("div")(() => ({
+    ...r`
       background-color: ${o.colors.white};
       border-radius: 8px;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
@@ -263,8 +174,8 @@ const Je = ({
       width: 100%;
       overflow: auto;
     `
-  })), he = c("div")(() => ({
-    ...i`
+  })), le = s("div")(() => ({
+    ...r`
       display: flex;
       flex-direction: column;
       justify-content: space-between;
@@ -273,22 +184,22 @@ const Je = ({
       flex-wrap: wrap;
       gap: 9px;
     `
-  })), ge = c("div")(() => ({
-    ...i`
+  })), ae = s("div")(() => ({
+    ...r`
       display: flex;
       justify-content: space-between;
       width: 100%;
       align-items: center;
     `
-  })), ue = c("h2")(() => ({
-    ...i`
+  })), de = s("h2")(() => ({
+    ...r`
       font-size: 24px;
       font-weight: bold;
       color: ${o.colors.black};
       margin: 0;
     `
-  })), xe = c("div")(() => ({
-    ...i`
+  })), pe = s("div")(() => ({
+    ...r`
       display: flex;
       justify-content: flex-end;
       width: 100%;
@@ -296,15 +207,15 @@ const Je = ({
       align-items: center;
       flex-wrap: wrap;
     `
-  })), fe = c("div")(() => ({
-    ...i`
+  })), he = s("div")(() => ({
+    ...r`
       position: relative;
       display: flex;
       align-items: center;
       flex-grow: 1;
     `
-  })), be = c(X)(() => ({
-    ...i`
+  })), ge = s(W)(() => ({
+    ...r`
       position: absolute;
       left: 13px;
       top: 10px;
@@ -319,8 +230,8 @@ const Je = ({
         color: ${o.colors.green};
       }
     `
-  })), we = c("input")(() => ({
-    ...i`
+  })), ue = s("input")(() => ({
+    ...r`
       padding: 10px 15px 10px 40px;
       border: 2px solid ${o.colors.gray4};
       border-radius: 25px;
@@ -337,8 +248,8 @@ const Je = ({
         box-shadow: 0 0 0 3px rgba(0, 146, 0, 0.1);
       }
     `
-  })), q = c("button")(() => ({
-    ...i`
+  })), R = s("button")(() => ({
+    ...r`
       padding: 10px 15px;
       border: 2px solid ${o.colors.green};
       border-radius: 6px;
@@ -361,8 +272,8 @@ const Je = ({
         box-shadow: 0 4px 12px rgba(0, 146, 0, 0.3);
       }
     `
-  })), K = c("div")(() => ({
-    ...i`
+  })), H = s("div")(() => ({
+    ...r`
       position: absolute;
       top: 100%;
       right: 0;
@@ -376,8 +287,8 @@ const Je = ({
       max-height: 300px;
       overflow-y: auto;
     `
-  })), I = c("div")(() => ({
-    ...i`
+  })), _ = s("div")(() => ({
+    ...r`
       padding: 12px 16px;
       display: flex;
       align-items: center;
@@ -393,14 +304,14 @@ const Je = ({
         color: ${o.colors.darkGreen};
       }
     `
-  })), V = c("input")(() => ({
-    ...i`
+  })), M = s("input")(() => ({
+    ...r`
       width: 16px;
       height: 16px;
       accent-color: ${o.colors.green};
     `
-  })), me = c("table")(() => ({
-    ...i`
+  })), xe = s("table")(() => ({
+    ...r`
       width: 100%;
       border-collapse: collapse;
       background-color: ${o.colors.white};
@@ -408,8 +319,8 @@ const Je = ({
       overflow: hidden;
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     `
-  })), ye = c("th")(() => ({
-    ...i`
+  })), fe = s("th")(() => ({
+    ...r`
       background-color: ${o.colors.whiteBlue};
       color: ${o.colors.slate};
       padding: 16px 12px;
@@ -429,23 +340,23 @@ const Je = ({
         color: ${o.colors.darkGreen};
       }
     `
-  })), ke = c("td")(() => ({
-    ...i`
+  })), be = s("td")(() => ({
+    ...r`
       padding: 14px 12px;
       border-bottom: 1px solid ${o.colors.almostWhite};
       font-size: 14px;
       color: ${o.colors.slate};
       transition: all 0.2s ease;
     `
-  })), Ce = c("span")(() => ({
-    ...i`
+  })), ye = s("span")(() => ({
+    ...r`
       margin-left: 8px;
       opacity: 0.6;
     `
-  })), Z = c("tr")(({ interactableRow: e }) => ({
-    ...i`
+  })), O = s("tr")(({ interactableRow: e }) => ({
+    ...r`
       transition: all 0.2s ease;
-      ${e && i`
+      ${e && r`
         :focus,
         :hover,
         :focus-within {
@@ -454,16 +365,16 @@ const Je = ({
         }
       `}
     `
-  })), ve = c("div")(() => ({
-    ...i`
+  })), me = s("div")(() => ({
+    ...r`
       display: flex;
       justify-content: center;
       align-items: center;
       margin-top: 20px;
       gap: 10px;
     `
-  })), S = c("button")(() => ({
-    ...i`
+  })), w = s("button")(() => ({
+    ...r`
       padding: 8px 12px;
       border: 1px solid ${o.colors.gray4};
       border-radius: 4px;
@@ -485,65 +396,65 @@ const Je = ({
         cursor: not-allowed;
       }
     `
-  })), Se = c("div")(() => ({
-    ...i`
+  })), we = s("div")(() => ({
+    ...r`
       font-size: 14px;
       color: ${o.colors.gray3};
       text-align: center;
       margin-top: 10px;
     `
-  })), Y = c("span")(() => ({
-    ...i`
+  })), U = s("span")(() => ({
+    ...r`
       padding: 8px 4px;
       color: ${o.colors.gray3};
       font-size: 14px;
     `
   }));
-  return /* @__PURE__ */ l(pe, { className: "jcTableContainer", children: [
-    /* @__PURE__ */ l(he, { className: "jcTableHeader", children: [
-      /* @__PURE__ */ l(ge, { className: "jcTableTitleAndActions", children: [
-        /* @__PURE__ */ t(ue, { children: f }),
-        /* @__PURE__ */ l(Ae, { className: "jcTableExtraComponentsBox", gap: "9px", children: [
-          A && A,
-          /* @__PURE__ */ t(ze, { onClick: re, children: "Export to CSV" })
+  return /* @__PURE__ */ c(ce, { className: "jcTableContainer", children: [
+    /* @__PURE__ */ c(le, { className: "jcTableHeader", children: [
+      /* @__PURE__ */ c(ae, { className: "jcTableTitleAndActions", children: [
+        /* @__PURE__ */ t(de, { children: K }),
+        /* @__PURE__ */ c(Se, { className: "jcTableExtraComponentsBox", gap: "9px", children: [
+          F && F,
+          /* @__PURE__ */ t(Ce, { onClick: ee, children: "Export to CSV" })
         ] })
       ] }),
-      /* @__PURE__ */ l(xe, { className: "jcTableControls", children: [
-        /* @__PURE__ */ l(fe, { className: "jcTableSearchContainer", children: [
-          /* @__PURE__ */ t(be, { onClick: H }),
+      /* @__PURE__ */ c(pe, { className: "jcTableControls", children: [
+        /* @__PURE__ */ c(he, { className: "jcTableSearchContainer", children: [
+          /* @__PURE__ */ t(ge, { onClick: G }),
           /* @__PURE__ */ t(
-            we,
+            ue,
             {
               type: "text",
               placeholder: "Search...",
-              defaultValue: j,
-              onChange: (e) => de(e.target.value),
+              defaultValue: v,
+              onChange: (e) => ie(e.target.value),
               onKeyDown: (e) => {
-                e.key === "Enter" && H();
+                e.key === "Enter" && G();
               }
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: { position: "relative" }, children: [
-          /* @__PURE__ */ l(
-            q,
+        /* @__PURE__ */ c("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ c(
+            R,
             {
               className: "jcTableSearchFields",
-              onClick: () => ne(!W),
+              onClick: () => P(!L),
               children: [
-                /* @__PURE__ */ t(X, { size: 16 }),
+                /* @__PURE__ */ t(W, { size: 16 }),
                 "Fields",
-                /* @__PURE__ */ t(G, { size: 16 })
+                /* @__PURE__ */ t(E, { size: 16 })
               ]
             }
           ),
-          W && /* @__PURE__ */ l(K, { className: "jcTableSearchFieldsDropdown", children: [
-            /* @__PURE__ */ l(I, { onClick: ae, children: [
+          L && /* @__PURE__ */ c(H, { className: "jcTableSearchFieldsDropdown", children: [
+            /* @__PURE__ */ c(_, { onClick: re, children: [
               /* @__PURE__ */ t(
-                V,
+                M,
                 {
                   type: "checkbox",
-                  checked: v.size === h.length,
+                  checked: m.size === a.length,
                   onChange: () => {
                   }
                 }
@@ -551,70 +462,70 @@ const Je = ({
               /* @__PURE__ */ t("span", { style: { fontWeight: "bold" }, children: "All" })
             ] }),
             /* @__PURE__ */ t("div", { style: { height: "1px", backgroundColor: o.colors.gray4, margin: "4px 0" } }),
-            h.map((e) => /* @__PURE__ */ l(I, { onClick: () => ce(e), children: [
-              /* @__PURE__ */ t(V, { type: "checkbox", checked: v.has(e), onChange: () => {
+            a.map((e) => /* @__PURE__ */ c(_, { onClick: () => ne(e), children: [
+              /* @__PURE__ */ t(M, { type: "checkbox", checked: m.has(e), onChange: () => {
               } }),
-              /* @__PURE__ */ t("span", { children: s[e] || e })
+              /* @__PURE__ */ t("span", { children: z[e] || e })
             ] }, e))
           ] })
         ] }),
-        /* @__PURE__ */ l("div", { style: { position: "relative" }, children: [
-          /* @__PURE__ */ l(
-            q,
+        /* @__PURE__ */ c("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ c(
+            R,
             {
               className: "jcTableColumnSettings",
-              onClick: () => te(!O),
+              onClick: () => Z(!V),
               children: [
-                /* @__PURE__ */ t(Ue, { size: 16 }),
+                /* @__PURE__ */ t(_e, { size: 16 }),
                 "Columns",
-                /* @__PURE__ */ t(G, { size: 16 })
+                /* @__PURE__ */ t(E, { size: 16 })
               ]
             }
           ),
-          O && /* @__PURE__ */ t(K, { className: "jcTableColumnSettingsDropdown", children: h.map((e) => /* @__PURE__ */ l(I, { onClick: () => le(e), children: [
-            /* @__PURE__ */ t(V, { type: "checkbox", checked: L.has(e), onChange: () => {
+          V && /* @__PURE__ */ t(H, { className: "jcTableColumnSettingsDropdown", children: a.map((e) => /* @__PURE__ */ c(_, { onClick: () => se(e), children: [
+            /* @__PURE__ */ t(M, { type: "checkbox", checked: D.has(e), onChange: () => {
             } }),
-            L.has(e) ? /* @__PURE__ */ t(Ve, { size: 16 }) : /* @__PURE__ */ t(Fe, { size: 16 }),
-            /* @__PURE__ */ t("span", { children: s[e] || e })
+            D.has(e) ? /* @__PURE__ */ t(Ae, { size: 16 }) : /* @__PURE__ */ t(Te, { size: 16 }),
+            /* @__PURE__ */ t("span", { children: z[e] || e })
           ] }, e)) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ l(me, { className: "jcTableContent", children: [
-      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t(Z, { interactableRow: !1, children: D.map((e) => /* @__PURE__ */ l(
-        ye,
+    /* @__PURE__ */ c(xe, { className: "jcTableContent", children: [
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t(O, { interactableRow: !1, children: T.map((e) => /* @__PURE__ */ c(
+        fe,
         {
-          style: u.key === e ? k.thActive : {},
-          onClick: () => ie(e),
+          style: p.key === e ? u.thActive : {},
+          onClick: () => te(e),
           children: [
-            s[e] || e,
-            /* @__PURE__ */ t(Ce, { children: u.key === e ? u.direction === "asc" ? /* @__PURE__ */ t(Q, { size: 16 }) : /* @__PURE__ */ t(G, { size: 16 }) : /* @__PURE__ */ t(Q, { size: 16, style: { opacity: 0.313 } }) })
+            z[e] || e,
+            /* @__PURE__ */ t(ye, { children: p.key === e ? p.direction === "asc" ? /* @__PURE__ */ t(q, { size: 16 }) : /* @__PURE__ */ t(E, { size: 16 }) : /* @__PURE__ */ t(q, { size: 16, style: { opacity: 0.313 } }) })
           ]
         },
         e
       )) }) }),
-      /* @__PURE__ */ t("tbody", { children: se.map((e, n) => /* @__PURE__ */ t(Z, { onClick: () => y && y(e), interactableRow: !!y, children: D.map((d) => /* @__PURE__ */ t(ke, { children: e[d] }, d)) }, n)) })
+      /* @__PURE__ */ t("tbody", { children: oe.map((e, n) => /* @__PURE__ */ t(O, { onClick: () => A && A(e), interactableRow: !!A, children: T.map((l) => /* @__PURE__ */ t(be, { children: e[l] }, l)) }, n)) })
     ] }),
-    /* @__PURE__ */ l(ve, { children: [
+    /* @__PURE__ */ c(me, { children: [
       /* @__PURE__ */ t(
-        S,
+        w,
         {
-          style: a === 1 ? k.paginationButtonDisabled : {},
-          onClick: () => m(Math.max(1, a - 1)),
-          disabled: a === 1,
+          style: i === 1 ? u.paginationButtonDisabled : {},
+          onClick: () => y(Math.max(1, i - 1)),
+          disabled: i === 1,
           children: "Previous"
         }
       ),
       (() => {
         const e = [];
-        if (g <= 5)
-          for (let n = 1; n <= g; n++)
+        if (d <= 5)
+          for (let n = 1; n <= d; n++)
             e.push(
               /* @__PURE__ */ t(
-                S,
+                w,
                 {
-                  style: a === n ? k.paginationButtonActive : {},
-                  onClick: () => m(n),
+                  style: i === n ? u.paginationButtonActive : {},
+                  onClick: () => y(n),
                   children: n
                 },
                 n
@@ -623,64 +534,64 @@ const Je = ({
         else {
           e.push(
             /* @__PURE__ */ t(
-              S,
+              w,
               {
-                style: a === 1 ? k.paginationButtonActive : {},
-                onClick: () => m(1),
+                style: i === 1 ? u.paginationButtonActive : {},
+                onClick: () => y(1),
                 children: "1"
               },
               1
             )
-          ), a > 3 && e.push(/* @__PURE__ */ t(Y, { children: "..." }, "ellipsis1"));
-          const n = Math.max(2, a - 1), d = Math.min(g - 1, a + 1);
-          for (let x = n; x <= d; x++)
+          ), i > 3 && e.push(/* @__PURE__ */ t(U, { children: "..." }, "ellipsis1"));
+          const n = Math.max(2, i - 1), l = Math.min(d - 1, i + 1);
+          for (let h = n; h <= l; h++)
             e.push(
               /* @__PURE__ */ t(
-                S,
+                w,
                 {
-                  style: a === x ? k.paginationButtonActive : {},
-                  onClick: () => m(x),
-                  children: x
+                  style: i === h ? u.paginationButtonActive : {},
+                  onClick: () => y(h),
+                  children: h
                 },
-                x
+                h
               )
             );
-          a < g - 2 && e.push(/* @__PURE__ */ t(Y, { children: "..." }, "ellipsis2")), g > 1 && e.push(
+          i < d - 2 && e.push(/* @__PURE__ */ t(U, { children: "..." }, "ellipsis2")), d > 1 && e.push(
             /* @__PURE__ */ t(
-              S,
+              w,
               {
-                style: a === g ? k.paginationButtonActive : {},
-                onClick: () => m(g),
-                children: g
+                style: i === d ? u.paginationButtonActive : {},
+                onClick: () => y(d),
+                children: d
               },
-              g
+              d
             )
           );
         }
         return e;
       })(),
       /* @__PURE__ */ t(
-        S,
+        w,
         {
-          style: a === g ? k.paginationButtonDisabled : {},
-          onClick: () => m(Math.min(g, a + 1)),
-          disabled: a === g,
+          style: i === d ? u.paginationButtonDisabled : {},
+          onClick: () => y(Math.min(d, i + 1)),
+          disabled: i === d,
           children: "Next"
         }
       )
     ] }),
-    /* @__PURE__ */ l(Se, { children: [
+    /* @__PURE__ */ c(we, { children: [
       "Showing ",
-      Math.min((a - 1) * p + 1, b.length),
+      Math.min((i - 1) * b + 1, g.length),
       " to",
       " ",
-      Math.min(a * p, b.length),
+      Math.min(i * b, g.length),
       " of ",
-      b.length,
+      g.length,
       " entries"
     ] })
   ] });
 };
 export {
-  Je as default
+  He as default
 };