@e-burgos/tucu-ui 2.5.0 → 2.7.0

package/components/utils/image.mjs

@@ -0,0 +1,161 @@
+import { jsxs as N, jsx as t } from "react/jsx-runtime";
+import { useState as u, useRef as P, useEffect as V } from "react";
+import k from "classnames";
+const O = ({
+  src: a,
+  alt: w,
+  width: L,
+  height: z,
+  objectFit: m = "cover",
+  loading: S = "lazy",
+  priority: j = "auto",
+  placeholder: n = "empty",
+  blurDataURL: o,
+  onLoad: h,
+  onError: f,
+  fallbackSrc: g = "https://via.placeholder.com/400x300?text=Image+Not+Found",
+  className: E,
+  containerClassName: H,
+  aspectRatio: p,
+  fill: r = !1,
+  ...I
+}) => {
+  const [e, s] = u(!0), [l, d] = u(!1), [y, b] = u(a), c = P(null);
+  V(() => {
+    b(a), d(!1), s(!0), requestAnimationFrame(() => {
+      c.current?.complete && c.current.naturalWidth > 0 && (s(!1), h?.());
+    });
+  }, [a]);
+  const W = () => {
+    s(!1), h?.();
+  }, C = () => {
+    if (y === g) {
+      d(!0), s(!1), f?.();
+      return;
+    }
+    d(!0), s(!1), b(g), f?.();
+  }, v = (i) => {
+    if (i === void 0 || i === "") return;
+    if (typeof i == "number") return i;
+    const x = Number(i);
+    return isNaN(x) ? i : x;
+  }, F = v(L), M = v(z), q = {
+    position: "relative",
+    width: r ? "100%" : F,
+    height: p ? void 0 : r ? "100%" : M,
+    aspectRatio: p,
+    overflow: "hidden"
+  }, A = {
+    objectFit: m,
+    width: "100%",
+    height: "100%",
+    display: "block",
+    transition: "opacity 0.3s ease-in-out, filter 0.3s ease-in-out",
+    opacity: e ? 0 : 1,
+    filter: e ? "blur(10px)" : "none"
+  }, B = {
+    position: "absolute",
+    inset: 0,
+    width: "100%",
+    height: "100%",
+    objectFit: m,
+    filter: "blur(10px)",
+    transform: "scale(1.1)",
+    transition: "opacity 0.3s ease-in-out",
+    opacity: e && n === "blur" ? 1 : 0
+  };
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: k(
+        "relative inline-block overflow-hidden",
+        { "bg-gray-200 dark:bg-gray-800": e || l },
+        H
+      ),
+      style: q,
+      children: [
+        n === "blur" && o && e && /* @__PURE__ */ t(
+          "img",
+          {
+            src: o,
+            alt: "",
+            "aria-hidden": "true",
+            style: B,
+            className: "pointer-events-none"
+          }
+        ),
+        e && n === "blur" && !o && /* @__PURE__ */ t(
+          "div",
+          {
+            className: "absolute inset-0 animate-pulse bg-light-dark",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "img",
+          {
+            ref: c,
+            src: y,
+            alt: w,
+            loading: S,
+            fetchPriority: j,
+            onLoad: W,
+            onError: C,
+            className: k(
+              "transition-all duration-300",
+              {
+                "absolute inset-0": r,
+                "opacity-0": e,
+                "opacity-100": !e,
+                invisible: l
+              },
+              E
+            ),
+            style: A,
+            ...I
+          }
+        ),
+        e && n === "empty" && /* @__PURE__ */ t(
+          "div",
+          {
+            className: "absolute inset-0 flex items-center justify-center bg-light-dark",
+            "aria-label": "Loading image",
+            children: /* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-brand" })
+          }
+        ),
+        l && /* @__PURE__ */ N(
+          "div",
+          {
+            className: "absolute inset-0 flex flex-col items-center justify-center bg-light-dark text-light-dark",
+            role: "alert",
+            children: [
+              /* @__PURE__ */ t(
+                "svg",
+                {
+                  className: "w-8 h-8 mb-2 opacity-50",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ t(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "text-xs", children: "Failed to load image" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  O as Image,
+  O as default
+};

package/components/utils/reveal-content.mjs

@@ -0,0 +1,51 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useState as u, useRef as i, useEffect as h } from "react";
+import s from "classnames";
+import { Button as m } from "../buttons/button/index.mjs";
+function C({
+  children: a,
+  defaultHeight: e,
+  className: f
+}) {
+  const [o, t] = u(!1), n = i(null), l = i(null);
+  function c() {
+    n.current.scrollHeight > e && setTimeout(() => {
+      t(!o);
+    }, 500);
+  }
+  return h(() => {
+    l.current.clientHeight <= e && t(!0);
+  }, [t, e]), /* @__PURE__ */ d(
+    "div",
+    {
+      className: s("relative border border-border rounded-lg p-4", f),
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: n,
+            style: { height: o ? "auto" : `${e}px` },
+            className: s(
+              "transition-all duration-300",
+              !o && "overflow-hidden"
+            ),
+            children: /* @__PURE__ */ r("div", { ref: l, children: a })
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "before:content-[' '] relative from-white pt-3 before:absolute before:-top-8 before:block before:h-8 before:w-full before:bg-linear-to-t dark:from-light-dark", children: /* @__PURE__ */ r(
+          m,
+          {
+            size: "mini",
+            shape: "rounded",
+            onClick: () => c(),
+            children: o ? "Show Less" : "Show More"
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  C as RevealContent,
+  C as default
+};

package/components/utils/scroll-to-top.mjs

@@ -0,0 +1,103 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useState as d, useRef as p, useEffect as i, useCallback as w } from "react";
+import { createPortal as j } from "react-dom";
+import { useLocation as q } from "react-router-dom";
+import g from "classnames";
+import { ArrowUp as z } from "../icons/arrow-up.mjs";
+function B({
+  top: h,
+  right: y = 24,
+  bottom: T = 24,
+  left: b,
+  showAfter: a = 400,
+  className: E,
+  size: u = "medium",
+  behavior: o = "smooth",
+  scrollContainer: c
+} = {}) {
+  const { pathname: S } = q(), [x, v] = d(!1), [L, H] = d(!1), n = p(0), f = p(null);
+  i(() => {
+    H(!0);
+  }, []);
+  const r = w(() => {
+    if (c?.current) return c.current;
+    const t = document.querySelectorAll(
+      '[class*="overflow-auto"], [class*="overflow-y-auto"], [class*="overflow-scroll"]'
+    );
+    for (const e of Array.from(t)) {
+      const s = e;
+      if (s.scrollHeight > s.clientHeight + 50)
+        return s;
+    }
+    return window;
+  }, [c]);
+  i(() => {
+    const t = r();
+    t instanceof HTMLElement ? t.scrollTo({ top: 0, behavior: o }) : window.scrollTo({ top: 0, behavior: o });
+  }, [S, o, r]), i(() => {
+    const t = r();
+    f.current = t;
+    const e = () => {
+      n.current || (n.current = requestAnimationFrame(() => {
+        const R = t instanceof HTMLElement ? t.scrollTop : window.scrollY || document.documentElement.scrollTop || 0;
+        v(R > a), n.current = 0;
+      }));
+    };
+    e();
+    const s = t instanceof HTMLElement ? t : window;
+    return s.addEventListener("scroll", e, { passive: !0 }), () => {
+      s.removeEventListener("scroll", e), n.current && (cancelAnimationFrame(n.current), n.current = 0);
+    };
+  }, [a, r]);
+  const M = w(
+    (t) => {
+      t.preventDefault(), t.stopPropagation();
+      const e = f.current || r();
+      e instanceof HTMLElement ? e.scrollTo({ top: 0, behavior: o }) : window.scrollTo({ top: 0, behavior: o });
+    },
+    [o, r]
+  ), N = {
+    small: "w-10 h-10",
+    medium: "w-12 h-12",
+    large: "w-14 h-14"
+  }, A = {
+    small: "w-5 h-5",
+    medium: "w-6 h-6",
+    large: "w-7 h-7"
+  }, l = (t) => {
+    if (t === void 0 || t === "") return;
+    if (typeof t == "number") return `${t}px`;
+    const e = Number(t);
+    return isNaN(e) ? t : `${e}px`;
+  }, k = {
+    position: "fixed",
+    top: l(h),
+    right: l(y),
+    bottom: l(T),
+    left: l(b)
+  }, C = /* @__PURE__ */ m(
+    "button",
+    {
+      type: "button",
+      onClick: M,
+      "aria-label": "Scroll to top",
+      className: g(
+        "z-9999 flex items-center justify-center rounded-md bg-brand/50 text-white shadow-lg",
+        "transition-all duration-300 ease-out",
+        "hover:bg-brand hover:shadow-xl hover:-translate-y-1",
+        "focus:outline-none focus:ring-2 focus:ring-brand/50 focus:ring-offset-2 dark:focus:ring-offset-gray-900",
+        "cursor-pointer",
+        N[u],
+        x ? "opacity-100 translate-y-0 scale-100 pointer-events-auto" : "opacity-0 translate-y-4 scale-90 pointer-events-none",
+        E
+      ),
+      style: k,
+      children: /* @__PURE__ */ m(z, { className: g(A[u], "pointer-events-none") })
+    }
+  );
+  return L ? j(C, document.body) : null;
+}
+export {
+  B as ScrollToTop,
+  B as default
+};

package/datatable/common/constants.mjs

@@ -0,0 +1,11 @@
+import { ExpandedColumn as o } from "./helpers/ExpandedColumn.mjs";
+import { RowActionsColumn as m } from "./helpers/RowActionsColumn.mjs";
+import { RowSelectionColumn as i } from "./helpers/RowSelectionColumn.mjs";
+const d = [
+  m.id,
+  o.id,
+  i.id
+];
+export {
+  d as IGNORE_REPORT_COLUMNS
+};

package/datatable/common/functions/index.mjs

@@ -0,0 +1,23 @@
+const r = (e, t) => {
+  const o = Number.isNaN(Number(e)) ? 0 : e, n = Number.isNaN(Number(t)) ? 0 : t;
+  return o > n ? 1 : o < n ? -1 : 0;
+}, s = (e, t) => {
+  const o = e?.toLocaleLowerCase() ?? "", n = t?.toLocaleLowerCase() ?? "";
+  return o.localeCompare(n);
+}, a = (e, t, o) => {
+  const n = e(t, void 0);
+  return o(n);
+}, c = (e) => {
+  const t = {
+    view: window,
+    bubbles: !0,
+    cancelable: !0
+  }, o = new MouseEvent("mouseover", t), n = new MouseEvent("mouseout", t);
+  e && (e?.dispatchEvent(o), e?.dispatchEvent(n));
+};
+export {
+  c as handleHeaderTableListener,
+  a as onChangeTableState,
+  r as sortingCompareNumberFn,
+  s as sortingCompareStringFn
+};

package/datatable/common/functions/user-scopes/index.mjs

@@ -0,0 +1,7 @@
+let n = [];
+function r(t) {
+  return t ? typeof t == "string" ? n.includes(t) : t.every((e) => n.includes(e)) : !0;
+}
+export {
+  r as validateScopes
+};

package/datatable/common/helpers/ExpandedColumn.mjs

@@ -0,0 +1,15 @@
+const e = {
+  id: "Expanded",
+  enableResizing: !1,
+  enableSorting: !1,
+  enablePinning: !1,
+  enableHiding: !1,
+  size: 50,
+  maxSize: 50,
+  minSize: 50,
+  header: () => null,
+  cell: () => null
+};
+export {
+  e as ExpandedColumn
+};

package/datatable/common/helpers/OffsetColumn.mjs

@@ -0,0 +1,14 @@
+const e = {
+  id: "OffsetColumn",
+  enableResizing: !1,
+  enableSorting: !1,
+  enablePinning: !0,
+  enableHiding: !1,
+  enableDraggable: !1,
+  size: 0,
+  header: () => null,
+  cell: () => null
+};
+export {
+  e as OffsetColumn
+};

package/datatable/common/helpers/RowActionsColumn.mjs

@@ -0,0 +1,16 @@
+const e = {
+  id: "RowActionsColumn",
+  enableResizing: !1,
+  enableSorting: !1,
+  enablePinning: !1,
+  enableHiding: !1,
+  enableDraggable: !1,
+  size: 50,
+  maxSize: 50,
+  minSize: 50,
+  header: () => null,
+  cell: () => null
+};
+export {
+  e as RowActionsColumn
+};

package/datatable/common/helpers/RowSelectionColumn.mjs

@@ -0,0 +1,28 @@
+const e = {
+  id: "RowSelectionColumn",
+  enableResizing: !1,
+  enableSorting: !1,
+  enablePinning: !1,
+  enableHiding: !1,
+  enableDraggable: !1,
+  size: 50,
+  maxSize: 50,
+  minSize: 50,
+  cell: () => null,
+  header: () => null
+  // Active if you want to add a checkbox to select all rows
+  // header: ({ table }) => {
+  //   return (
+  //     <RowSelection
+  //       {...{
+  //         indeterminate: table.getIsSomeRowsSelected(),
+  //         checked: table.getIsAllRowsSelected(),
+  //         onChange: table.getToggleAllRowsSelectedHandler(),
+  //       }}
+  //     />
+  //   );
+  // },
+};
+export {
+  e as RowSelectionColumn
+};

package/datatable/common/helpers/cn.mjs

@@ -0,0 +1,6 @@
+function t(...n) {
+  return (Array.isArray(n) ? n : [n]).flat().filter(Boolean).join(" ");
+}
+export {
+  t as cn
+};

package/datatable/common/helpers/convertColumns.mjs

@@ -0,0 +1,25 @@
+function a(i) {
+  return i?.map((e) => ({
+    ...e,
+    key: e?.field,
+    id: e?.field,
+    accessorKey: e?.field,
+    minSize: e?.minWidth,
+    size: e?.width,
+    enableResizing: e?.resizable,
+    enableSorting: e?.sortable,
+    enableDraggable: !e?.disableReorder,
+    enableVisible: !e?.hide,
+    // enableColumnFilter: column?.filterable, // TODO: enable active search box in column header
+    enablePinning: e?.pinnable,
+    header: () => e?.headerName || e?.renderHeader?.(),
+    cell(r) {
+      return e?.renderCell ? e.renderCell({
+        row: r?.row?.original
+      }) : r?.getValue?.();
+    }
+  }));
+}
+export {
+  a as convertColumns
+};

package/datatable/common/helpers/parseNumericValueToExport.mjs

@@ -0,0 +1,15 @@
+function i(e) {
+  return new RegExp("^[\\d.,]+%$").test(e);
+}
+function m(e, r) {
+  const t = r?.maxDecimals ?? 8, c = e.replace(/,/g, "").replace(/[^0-9.]/g, "").trim();
+  if (r?.isPercentage && !i(e))
+    return;
+  const a = c.match(new RegExp(`^\\d+(\\.\\d{1,${t}})?$`)), n = Number(c);
+  if (a && !isNaN(n))
+    return Number(n.toFixed(t));
+}
+export {
+  i as checkIsPercentage,
+  m as parseNumericValueForExport
+};

package/datatable/components/Assets/ArrowDoubleIndicator.mjs

@@ -0,0 +1,41 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+const o = ({
+  size: C = 24,
+  color: e,
+  direction: r
+}) => /* @__PURE__ */ a(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    focusable: "false",
+    "aria-hidden": "true",
+    viewBox: "0 0 25 24",
+    "data-testid": "ArrowDoubleIndicator",
+    width: C + 1 || 25,
+    height: C || 24,
+    fill: "none",
+    transform: r === "vertical" ? "rotate(90)" : "",
+    children: [
+      /* @__PURE__ */ t("mask", { maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "25", height: "24", children: /* @__PURE__ */ t(
+        "rect",
+        {
+          x: "0.441895",
+          width: "24",
+          height: "24",
+          fill: e || "var(--color-table-secondary-text)"
+        }
+      ) }),
+      /* @__PURE__ */ t("g", { children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M16.9169 12.125C16.7669 11.975 16.6919 11.8 16.6919 11.6C16.6919 11.4 16.7586 11.225 16.8919 11.075L19.2169 8.75002H4.44189C4.22523 8.75002 4.04623 8.67902 3.90489 8.53702C3.76289 8.39569 3.69189 8.21669 3.69189 8.00002C3.69189 7.78336 3.76289 7.60436 3.90489 7.46302C4.04623 7.32102 4.22523 7.25002 4.44189 7.25002H19.2169L16.8919 4.92502C16.7586 4.77502 16.6919 4.60002 16.6919 4.40002C16.6919 4.20002 16.7669 4.02502 16.9169 3.87502C17.0669 3.72502 17.2419 3.65002 17.4419 3.65002C17.6419 3.65002 17.8169 3.72502 17.9669 3.87502L21.4669 7.37502C21.5502 7.45836 21.6129 7.55402 21.6549 7.66202C21.6962 7.77069 21.7169 7.88336 21.7169 8.00002C21.7169 8.11669 21.6962 8.22902 21.6549 8.33702C21.6129 8.44569 21.5502 8.54169 21.4669 8.62502L17.9669 12.125C17.8169 12.275 17.6419 12.35 17.4419 12.35C17.2419 12.35 17.0669 12.275 16.9169 12.125ZM6.91689 20.125L3.41689 16.625C3.33356 16.5417 3.27123 16.4457 3.22989 16.337C3.18789 16.229 3.16689 16.1167 3.16689 16C3.16689 15.8834 3.18789 15.7707 3.22989 15.662C3.27123 15.554 3.33356 15.4584 3.41689 15.375L6.91689 11.875C7.06689 11.725 7.24189 11.65 7.44189 11.65C7.64189 11.65 7.81689 11.725 7.96689 11.875C8.11689 12.025 8.19623 12.2 8.20489 12.4C8.21289 12.6 8.14189 12.775 7.99189 12.925L5.66689 15.25H20.4419C20.6586 15.25 20.8379 15.3207 20.9799 15.462C21.1212 15.604 21.1919 15.7834 21.1919 16C21.1919 16.2167 21.1212 16.396 20.9799 16.538C20.8379 16.6794 20.6586 16.75 20.4419 16.75H5.66689L7.99189 19.075C8.12523 19.225 8.19623 19.4 8.20489 19.6C8.21289 19.8 8.14189 19.975 7.99189 20.125C7.84189 20.275 7.66289 20.35 7.45489 20.35C7.24623 20.35 7.06689 20.275 6.91689 20.125Z",
+          fill: e || "var(--color-table-secondary-text)"
+        }
+      ) })
+    ]
+  }
+);
+export {
+  o as ArrowDoubleIndicator,
+  o as default
+};

package/datatable/components/Assets/ArrowIndicator.mjs

@@ -0,0 +1,24 @@
+import { jsx as a } from "react/jsx-runtime";
+const l = ({
+  size: r,
+  color: o,
+  direction: t
+}) => /* @__PURE__ */ a(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    focusable: "false",
+    "aria-hidden": "true",
+    viewBox: "0 0 24 24",
+    "data-testid": "ArrowIndicator",
+    width: r || 24,
+    height: r || 24,
+    fill: o || "var(--color-table-secondary-text)",
+    transform: t === "up" ? "rotate(180)" : t === "left" ? "rotate(90)" : t === "right" ? "rotate(270)" : void 0,
+    children: /* @__PURE__ */ a("path", { d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" })
+  }
+);
+export {
+  l as ArrowIndicator,
+  l as default
+};

package/datatable/components/Assets/ArrowLongIndicator.mjs

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+const l = ({
+  size: e = 24,
+  color: a,
+  direction: r
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    focusable: "false",
+    "aria-hidden": "true",
+    viewBox: "0 0 25 24",
+    "data-testid": "ArrowLongIndicator",
+    width: e + 1 || 25,
+    height: e || 24,
+    fill: "none",
+    transform: r === "up" ? "rotate(180)" : r === "left" ? "rotate(90)" : r === "right" ? "rotate(270)" : void 0,
+    children: [
+      /* @__PURE__ */ t("mask", { maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "25", height: "24", children: /* @__PURE__ */ t(
+        "rect",
+        {
+          x: "0.441895",
+          width: "24",
+          height: "24",
+          fill: a || "var(--color-table-secondary-text)"
+        }
+      ) }),
+      /* @__PURE__ */ t("g", { mask: "url(#mask0_12_2693)", children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M12.4417 19.25C12.325 19.25 12.2127 19.2293 12.1047 19.188C11.996 19.146 11.9 19.075 11.8167 18.975L5.3417 12.525C5.1917 12.375 5.1167 12.2 5.1167 12C5.1167 11.8 5.1917 11.6167 5.3417 11.45C5.50837 11.3 5.6877 11.225 5.8797 11.225C6.07103 11.225 6.25003 11.3 6.4167 11.45L11.6917 16.75V5.125C11.6917 4.90833 11.7627 4.729 11.9047 4.587C12.046 4.44567 12.225 4.375 12.4417 4.375C12.6584 4.375 12.8377 4.45 12.9797 4.6C13.121 4.75 13.1917 4.925 13.1917 5.125V16.75L18.4667 11.45C18.6334 11.3 18.8124 11.225 19.0037 11.225C19.1957 11.225 19.375 11.3 19.5417 11.45C19.6917 11.6167 19.7667 11.8 19.7667 12C19.7667 12.2 19.6917 12.375 19.5417 12.525L13.0667 18.975C12.9834 19.075 12.8877 19.146 12.7797 19.188C12.671 19.2293 12.5584 19.25 12.4417 19.25Z",
+          fill: a || "var(--color-table-secondary-text)"
+        }
+      ) })
+    ]
+  }
+);
+export {
+  l as ArrowLongIndicator,
+  l as default
+};

package/datatable/components/Assets/ArrowPaginationIndicator.mjs

@@ -0,0 +1,38 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+const n = ({ size: r, color: a, direction: e }) => /* @__PURE__ */ i(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    focusable: "false",
+    "aria-hidden": "true",
+    viewBox: "0 0 25 25",
+    "data-testid": "ArrowPaginationIndicator",
+    width: r || 24,
+    height: r || 24,
+    fill: "none",
+    transform: e === "first" ? "rotate(180)" : "rotate(360)",
+    children: [
+      /* @__PURE__ */ t("mask", { maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "25", height: "25", children: /* @__PURE__ */ t(
+        "rect",
+        {
+          x: "0.960449",
+          y: "0.0491943",
+          width: "24",
+          height: "24",
+          fill: a || "var(--color-table-secondary-text)"
+        }
+      ) }),
+      /* @__PURE__ */ t("g", { children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M11.5066 12.0492L7.43357 7.97607C7.29511 7.83762 7.22427 7.66359 7.22107 7.45397C7.21786 7.24437 7.28869 7.06714 7.43357 6.92227C7.57844 6.77739 7.75407 6.70495 7.96047 6.70495C8.16687 6.70495 8.34251 6.77739 8.48737 6.92227L12.9816 11.4165C13.0752 11.5101 13.1412 11.6092 13.1797 11.7139C13.2181 11.8186 13.2374 11.9308 13.2374 12.0504C13.2374 12.1701 13.2181 12.2819 13.1797 12.3857C13.1412 12.4895 13.0752 12.5883 12.9816 12.6818L8.48737 17.1761C8.34892 17.3145 8.17489 17.3854 7.96527 17.3886C7.75567 17.3918 7.57844 17.321 7.43357 17.1761C7.28869 17.0312 7.21625 16.8556 7.21625 16.6492C7.21625 16.4428 7.28869 16.2671 7.43357 16.1223L11.5066 12.0492ZM17.9608 6.29919C18.1734 6.29919 18.3515 6.37106 18.4951 6.51479C18.6387 6.65854 18.7104 6.83667 18.7104 7.04917V17.0492C18.7104 17.2617 18.6385 17.4398 18.4947 17.5835C18.3509 17.7273 18.1727 17.7991 17.9601 17.7991C17.7475 17.7991 17.5695 17.7273 17.4259 17.5835C17.2823 17.4398 17.2105 17.2617 17.2105 17.0492V7.04917C17.2105 6.83667 17.2824 6.65854 17.4262 6.51479C17.57 6.37106 17.7482 6.29919 17.9608 6.29919Z",
+          fill: a || "var(--color-table-secondary-text)"
+        }
+      ) })
+    ]
+  }
+);
+export {
+  n as ArrowPaginationIndicator,
+  n as default
+};

package/datatable/components/Assets/AssetButton.mjs

@@ -0,0 +1,34 @@
+import { jsx as i } from "react/jsx-runtime";
+const d = ({
+  children: e,
+  disabled: t,
+  sx: n,
+  className: o,
+  onClick: r,
+  onHover: s
+}) => /* @__PURE__ */ i(
+  "button",
+  {
+    onMouseEnter: s,
+    disabled: t,
+    onClick: r,
+    className: o,
+    style: {
+      cursor: t ? "not-allowed" : "pointer",
+      borderRadius: "50%",
+      border: "none",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      width: "fit-content",
+      height: "fit-content",
+      padding: "4px",
+      ...n
+    },
+    children: e
+  }
+);
+export {
+  d as AssetButton,
+  d as default
+};