@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.77

package/dist/components/VirtualizedTable/components/Header/Header.js

@@ -1,102 +1,65 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { f as b } from "../../../../index-CSWGJT-v.js";
-import { useCallback as l } from "react";
-import { cn as a } from "../../../../utils/index.js";
-import g from "../../assets/chevron-up.js";
-import u from "../../assets/chevron-down.js";
-import { useTableContext as k } from "../../contexts/table.hook.js";
-const y = ({
-  className: n,
-  classNameArrows: i,
-  classNameActiveArrows: s
-}) => {
-  const { table: c, onSorting: o } = k(), m = l(
-    (t) => o([{ id: t.id, desc: !1 }]),
-    [o]
-  ), p = l(
-    (t) => o([{ id: t.id, desc: !0 }]),
-    [o]
-  );
-  return /* @__PURE__ */ r(
-    "thead",
-    {
-      className: a(
-        "font-semibold",
-        "uppercase",
-        "text-slate-500",
-        "text-xs",
-        "not-italic",
-        "bg-slate-100",
-        "overflow-hidden",
-        "dark:text-slate-300",
-        "dark:bg-metal-800",
-        n
-      ),
-      children: c.getHeaderGroups().map(({ id: t, headers: f }) => /* @__PURE__ */ r("tr", { children: f.map(({ id: x, column: e, getContext: h }) => /* @__PURE__ */ r(
-        "th",
-        {
-          scope: "col",
-          className: a(
-            "px-4",
-            "py-3",
-            "text-left",
-            "text-xs",
-            "first:rounded-tl-lg",
-            "last:rounded-tr-lg",
-            "border-transparent",
-            "dark:border-t",
-            "dark:border-metal-700",
-            "dark:first:border-l",
-            "dark:last:border-r",
-            e.columnDef.meta?.headerClassName
-          ),
-          children: /* @__PURE__ */ d("span", { className: "flex items-center gap-2 w-full", children: [
-            b(e.columnDef.header, h()),
-            e.getCanSort() && /* @__PURE__ */ d(
-              "div",
-              {
-                className: a(
-                  "flex flex-col text-slate-400 justify-center items-center gap-1",
-                  i
-                ),
-                role: "presentation",
-                children: [
-                  /* @__PURE__ */ r(
-                    g,
-                    {
-                      className: a(
-                        "w-2 h-2 cursor-pointer",
-                        {
-                          "text-blue-600 dark:text-aurora-500": e.getIsSorted() === "asc"
-                        },
-                        s
-                      ),
-                      onClick: () => m(e)
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    u,
-                    {
-                      className: a(
-                        "w-2 h-2 cursor-pointer",
-                        {
-                          "text-blue-600 dark:text-aurora-500": e.getIsSorted() === "desc"
-                        },
-                        s
-                      ),
-                      onClick: () => p(e)
-                    }
-                  )
-                ]
-              }
-            )
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { c as A } from "../../../../compiler-runtime-DA41awpA.js";
+import { f as j } from "../../../../index-CSWGJT-v.js";
+import { cn as m } from "../../../../utils/index.js";
+import D from "../../assets/chevron-up.js";
+import y from "../../assets/chevron-down.js";
+import { useTableContext as H } from "../../contexts/table.hook.js";
+const q = (b) => {
+  const e = A.c(20), {
+    className: u,
+    classNameArrows: n,
+    classNameActiveArrows: s
+  } = b, {
+    table: h,
+    onSorting: o
+  } = H();
+  let f;
+  e[0] !== o ? (f = (t) => o([{
+    id: t.id,
+    desc: !1
+  }]), e[0] = o, e[1] = f) : f = e[1];
+  const c = f;
+  let p;
+  e[2] !== o ? (p = (t) => o([{
+    id: t.id,
+    desc: !0
+  }]), e[2] = o, e[3] = p) : p = e[3];
+  const d = p;
+  let a;
+  e[4] !== u ? (a = m("font-semibold", "uppercase", "text-slate-500", "text-xs", "not-italic", "bg-slate-100", "overflow-hidden", "dark:text-slate-300", "dark:bg-metal-800", u), e[4] = u, e[5] = a) : a = e[5];
+  let l;
+  if (e[6] !== s || e[7] !== n || e[8] !== c || e[9] !== d || e[10] !== h) {
+    let t;
+    e[12] !== s || e[13] !== n || e[14] !== c || e[15] !== d ? (t = (k) => {
+      const {
+        id: N,
+        headers: C
+      } = k;
+      return /* @__PURE__ */ i("tr", { children: C.map((S) => {
+        const {
+          id: w,
+          column: r,
+          getContext: v
+        } = S;
+        return /* @__PURE__ */ i("th", { scope: "col", className: m("px-4", "py-3", "text-left", "text-xs", "first:rounded-tl-lg", "last:rounded-tr-lg", "border-transparent", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", r.columnDef.meta?.headerClassName), children: /* @__PURE__ */ g("span", { className: "flex items-center gap-2 w-full", children: [
+          j(r.columnDef.header, v()),
+          r.getCanSort() && /* @__PURE__ */ g("div", { className: m("flex flex-col text-slate-400 justify-center items-center gap-1", n), role: "presentation", children: [
+            /* @__PURE__ */ i(D, { className: m("w-2 h-2 cursor-pointer", {
+              "text-blue-600 dark:text-aurora-500": r.getIsSorted() === "asc"
+            }, s), onClick: () => c(r) }),
+            /* @__PURE__ */ i(y, { className: m("w-2 h-2 cursor-pointer", {
+              "text-blue-600 dark:text-aurora-500": r.getIsSorted() === "desc"
+            }, s), onClick: () => d(r) })
           ] })
-        },
-        x
-      )) }, t))
-    }
-  );
+        ] }) }, w);
+      }) }, N);
+    }, e[12] = s, e[13] = n, e[14] = c, e[15] = d, e[16] = t) : t = e[16], l = h.getHeaderGroups().map(t), e[6] = s, e[7] = n, e[8] = c, e[9] = d, e[10] = h, e[11] = l;
+  } else
+    l = e[11];
+  let x;
+  return e[17] !== a || e[18] !== l ? (x = /* @__PURE__ */ i("thead", { className: a, children: l }), e[17] = a, e[18] = l, e[19] = x) : x = e[19], x;
 };
 export {
-  y as Header
+  q as Header
 };

package/dist/components/VirtualizedTable/components/Pagination/Pagination.js

@@ -1,66 +1,68 @@
-import { jsxs as t, Fragment as f, jsx as e } from "react/jsx-runtime";
-import { DotPaginate as p } from "../DotPaginate/DotPaginate.js";
-import { DropdownPaginate as x } from "../DropdownPaginate/DropdownPaginate.js";
-import { FormPaginate as u } from "../FormPaginate/FormPaginate.js";
-import { cn as b } from "../../../../utils/index.js";
-import { useTableContext as g } from "../../contexts/table.hook.js";
-import { DEFAULT_PAGE_SIZE as h } from "../../constants/pagination.js";
-const j = ({
-  showTotalItems: a = !0,
-  showDropdownPagination: i = !0,
-  showDotPagination: n = !0,
-  showFormPagination: l = !0,
-  pageSizes: s,
-  classNamePagination: m,
-  isLoading: o
-}) => {
-  const {
-    totalItems: r = -1 / 0,
-    tableFetching: d,
-    isFirstLoad: c
-  } = g();
-  return r <= h || d || o ? null : /* @__PURE__ */ t(f, { children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: b(
-          "bg-slate-50",
-          "border",
-          "border-y-transparent",
-          "border-x-slate-100",
-          "text-slate-500",
-          "text-sm",
-          "not-italic",
-          "py-2",
-          "px-6",
-          "rounded-b-lg",
-          "shadow",
-          "dark:bg-metal-800",
-          "dark:border-x-metal-700",
-          "dark:border-b-metal-700",
-          m,
-          {
-            "animate-in fade-in-10": !c
-          }
-        ),
-        children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-6", children: [
-            r && a ? /* @__PURE__ */ t("span", { className: "text-slate-800 dark:text-metal-300", children: [
-              r,
-              " Results"
-            ] }) : null,
-            i && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(x, { pageSizes: s }) })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-8", children: [
-            n && /* @__PURE__ */ e(p, {}),
-            l && /* @__PURE__ */ e(u, {})
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "w-full min-h-37.5" })
-  ] });
+import { jsxs as f, jsx as c, Fragment as j } from "react/jsx-runtime";
+import { c as L } from "../../../../compiler-runtime-DA41awpA.js";
+import { DotPaginate as S } from "../DotPaginate/DotPaginate.js";
+import { DropdownPaginate as A } from "../DropdownPaginate/DropdownPaginate.js";
+import { FormPaginate as R } from "../FormPaginate/FormPaginate.js";
+import { cn as z } from "../../../../utils/index.js";
+import { useTableContext as C } from "../../contexts/table.hook.js";
+import { DEFAULT_PAGE_SIZE as G } from "../../constants/pagination.js";
+const M = (k) => {
+  const t = L.c(28), {
+    showTotalItems: N,
+    showDropdownPagination: D,
+    showDotPagination: F,
+    showFormPagination: I,
+    pageSizes: h,
+    classNamePagination: x,
+    isLoading: E
+  } = k, u = N === void 0 ? !0 : N, w = D === void 0 ? !0 : D, b = F === void 0 ? !0 : F, P = I === void 0 ? !0 : I, {
+    totalItems: y,
+    tableFetching: T,
+    isFirstLoad: _
+  } = C(), d = y === void 0 ? -1 / 0 : y;
+  if (d <= G || T || E)
+    return null;
+  const v = !_;
+  let e;
+  t[0] !== x || t[1] !== v ? (e = z("bg-slate-50", "border", "border-y-transparent", "border-x-slate-100", "text-slate-500", "text-sm", "not-italic", "py-2", "px-6", "rounded-b-lg", "shadow", "dark:bg-metal-800", "dark:border-x-metal-700", "dark:border-b-metal-700", x, {
+    "animate-in fade-in-10": v
+  }), t[0] = x, t[1] = v, t[2] = e) : e = t[2];
+  let o;
+  t[3] !== u || t[4] !== d ? (o = d && u ? /* @__PURE__ */ f("span", { className: "text-slate-800 dark:text-metal-300", children: [
+    d,
+    " Results"
+  ] }) : null, t[3] = u, t[4] = d, t[5] = o) : o = t[5];
+  let i;
+  t[6] !== h || t[7] !== w ? (i = w && /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ c(A, { pageSizes: h }) }), t[6] = h, t[7] = w, t[8] = i) : i = t[8];
+  let s;
+  t[9] !== o || t[10] !== i ? (s = /* @__PURE__ */ f("div", { className: "flex items-center gap-6", children: [
+    o,
+    i
+  ] }), t[9] = o, t[10] = i, t[11] = s) : s = t[11];
+  let a;
+  t[12] !== b ? (a = b && /* @__PURE__ */ c(S, {}), t[12] = b, t[13] = a) : a = t[13];
+  let l;
+  t[14] !== P ? (l = P && /* @__PURE__ */ c(R, {}), t[14] = P, t[15] = l) : l = t[15];
+  let n;
+  t[16] !== a || t[17] !== l ? (n = /* @__PURE__ */ f("div", { className: "flex items-center gap-8", children: [
+    a,
+    l
+  ] }), t[16] = a, t[17] = l, t[18] = n) : n = t[18];
+  let r;
+  t[19] !== s || t[20] !== n ? (r = /* @__PURE__ */ f("div", { className: "flex items-center justify-between", children: [
+    s,
+    n
+  ] }), t[19] = s, t[20] = n, t[21] = r) : r = t[21];
+  let m;
+  t[22] !== r || t[23] !== e ? (m = /* @__PURE__ */ c("div", { className: e, children: r }), t[22] = r, t[23] = e, t[24] = m) : m = t[24];
+  let p;
+  t[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ c("div", { className: "w-full min-h-37.5" }), t[25] = p) : p = t[25];
+  let g;
+  return t[26] !== m ? (g = /* @__PURE__ */ f(j, { children: [
+    m,
+    p
+  ] }), t[26] = m, t[27] = g) : g = t[27], g;
 };
 export {
-  j as Pagination
+  M as Pagination
 };

package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js

@@ -1,106 +1,36 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Button as m } from "../../../Button/Button.js";
-import { cn as l } from "../../../../utils/index.js";
-import { useTableContext as c } from "../../contexts/table.hook.js";
-import { E as h } from "../../../../ellipsis-vertical-Cl3yNtOy.js";
-const N = ({ numberOfRows: i, table: o }) => {
-  const { tableFetching: n, tableLoading: b } = c(), t = Array.from({ length: i });
-  return /* @__PURE__ */ r("tbody", { className: "text-slate-800 text-sm font-normal relative", children: t.map((g, e) => {
-    const d = o.getAllColumns();
-    return /* @__PURE__ */ r(
-      "tr",
-      {
-        className: l(
-          "border-b",
-          "border-b-gray-200",
-          "bg-transparent",
-          "last:border-b-transparent"
-        ),
-        children: d.map((a, s) => a.id !== "actions" ? /* @__PURE__ */ r(
-          "td",
-          {
-            className: l(
-              "px-4",
-              "py-1",
-              "bg-white",
-              "dark:bg-metal-900",
-              "dark:border-t",
-              "dark:border-metal-700",
-              "dark:first:border-l",
-              "dark:last:border-r",
-              "dark:[tr:last-child_&]:border-b",
-              a.columnDef.meta?.className,
-              {
-                "[tr:last-child_&:first-of-type]:rounded-bl-lg": e === t.length - 1 && s === 0,
-                "[tr:last-child_&:last-of-type]:rounded-br-lg": e === t.length - 1 && s === d.length - 1
-              }
-            ),
-            children: /* @__PURE__ */ r("div", { className: "animate-in fade-in-0", children: /* @__PURE__ */ r(
-              "div",
-              {
-                className: l(
-                  "bg-gray-200",
-                  "dark:bg-metal-700",
-                  "animate-pulse",
-                  "rounded",
-                  "h-5",
-                  "w-full"
-                )
-              }
-            ) })
-          },
-          `skeleton-${a.id}`
-        ) : /* @__PURE__ */ r(
-          "td",
-          {
-            className: l(
-              "px-4",
-              "py-1",
-              "bg-white",
-              "dark:bg-metal-900",
-              "dark:border-t",
-              "dark:border-metal-700",
-              "dark:first:border-l",
-              "dark:last:border-r",
-              "dark:[tr:last-child_&]:border-b",
-              a.columnDef.meta?.className,
-              {
-                "[tr:last-child_&:first-of-type]:rounded-bl-lg": e === t.length - 1 && s === 0,
-                "[tr:last-child_&:last-of-type]:rounded-br-lg": e === t.length - 1 && s === d.length - 1
-              }
-            ),
-            children: /* @__PURE__ */ r(
-              m,
-              {
-                variant: "link",
-                shape: "circle",
-                size: "large",
-                disabled: !0,
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ r(
-                  h,
-                  {
-                    className: l(
-                      "w-5",
-                      "h-5",
-                      "text-slate-400",
-                      "dark:text-metal-700",
-                      {
-                        "text-gray-300 animate-pulse": n || b
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          },
-          `skeleton-${a.id}`
-        ))
-      },
-      `skeleton-row-${e}`
-    );
-  }) });
+import { c as p } from "../../../../compiler-runtime-DA41awpA.js";
+import { Button as f } from "../../../Button/Button.js";
+import { cn as s } from "../../../../utils/index.js";
+import { useTableContext as k } from "../../contexts/table.hook.js";
+import { E as u } from "../../../../ellipsis-vertical-Cl3yNtOy.js";
+const E = (g) => {
+  const t = p.c(7), {
+    numberOfRows: n,
+    table: m
+  } = g, {
+    tableFetching: b,
+    tableLoading: c
+  } = k();
+  let d;
+  t[0] !== n ? (d = Array.from({
+    length: n
+  }), t[0] = n, t[1] = d) : d = t[1];
+  const e = d;
+  let i;
+  return t[2] !== e || t[3] !== m || t[4] !== b || t[5] !== c ? (i = /* @__PURE__ */ r("tbody", { className: "text-slate-800 text-sm font-normal relative", children: e.map((y, a) => {
+    const h = m.getAllColumns();
+    return /* @__PURE__ */ r("tr", { className: s("border-b", "border-b-gray-200", "bg-transparent", "last:border-b-transparent"), children: h.map((l, o) => l.id !== "actions" ? /* @__PURE__ */ r("td", { className: s("px-4", "py-1", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", "dark:[tr:last-child_&]:border-b", l.columnDef.meta?.className, {
+      "[tr:last-child_&:first-of-type]:rounded-bl-lg": a === e.length - 1 && o === 0,
+      "[tr:last-child_&:last-of-type]:rounded-br-lg": a === e.length - 1 && o === h.length - 1
+    }), children: /* @__PURE__ */ r("div", { className: "animate-in fade-in-0", children: /* @__PURE__ */ r("div", { className: s("bg-gray-200", "dark:bg-metal-700", "animate-pulse", "rounded", "h-5", "w-full") }) }) }, `skeleton-${l.id}`) : /* @__PURE__ */ r("td", { className: s("px-4", "py-1", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", "dark:[tr:last-child_&]:border-b", l.columnDef.meta?.className, {
+      "[tr:last-child_&:first-of-type]:rounded-bl-lg": a === e.length - 1 && o === 0,
+      "[tr:last-child_&:last-of-type]:rounded-br-lg": a === e.length - 1 && o === h.length - 1
+    }), children: /* @__PURE__ */ r(f, { variant: "link", shape: "circle", size: "large", disabled: !0, "aria-hidden": "true", children: /* @__PURE__ */ r(u, { className: s("w-5", "h-5", "text-slate-400", "dark:text-metal-700", {
+      "text-gray-300 animate-pulse": b || c
+    }) }) }) }, `skeleton-${l.id}`)) }, `skeleton-row-${a}`);
+  }) }), t[2] = e, t[3] = m, t[4] = b, t[5] = c, t[6] = i) : i = t[6], i;
 };
 export {
-  N as Skeleton
+  E as Skeleton
 };

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.d.ts

@@ -1,2 +1,2 @@
 import { Props } from './TruncateText.types';
-export declare const TruncateText: <TData>({ getValue, value }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const TruncateText: <TData>({ getValue, value, textClassName, side, sideOffset, bgClassName, arrowClassName, className, delayDuration, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js

@@ -1,34 +1,56 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { P as u, R as b, T as m, C as p } from "../../../../index-B7-5g1Sm.js";
-import { d as h } from "../../../../debounce-DJveWHr_.js";
-import { useRef as x, useState as w, useCallback as g, useEffect as s } from "react";
-const v = ({ getValue: l, value: i }) => {
-  const a = x(null), [c, f] = w(!1), n = i ?? l().toLocaleLowerCase(), t = g(() => {
-    const e = a.current;
-    e && f(e.scrollWidth > e.clientWidth);
-  }, []);
-  return s(() => {
-    const e = new AbortController(), o = h(t, 300);
-    return window.addEventListener("resize", o, {
-      signal: e.signal
+import { jsx as C } from "react/jsx-runtime";
+import { c as j } from "../../../../compiler-runtime-DA41awpA.js";
+import { d as A } from "../../../../debounce-DJveWHr_.js";
+import { useRef as I, useState as O, useEffect as S } from "react";
+import { Tooltip as V } from "../../../Tooltip/Tooltip.js";
+import { Typography as z } from "../../../Typography/Typography.js";
+import { cn as E } from "../../../../utils/index.js";
+const J = (L) => {
+  const e = j.c(27), {
+    getValue: h,
+    value: b,
+    textClassName: s,
+    side: R,
+    sideOffset: w,
+    bgClassName: x,
+    arrowClassName: y,
+    className: N,
+    delayDuration: v
+  } = L, T = R === void 0 ? "bottom" : R, _ = v === void 0 ? 0 : v, g = I(null), [D, W] = O(!1);
+  let c;
+  e[0] !== h || e[1] !== b ? (c = b ?? h().toLocaleLowerCase(), e[0] = h, e[1] = b, e[2] = c) : c = e[2];
+  const o = c;
+  let i;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = () => {
+    const t = g.current;
+    t && W(t.scrollWidth > t.clientWidth);
+  }, e[3] = i) : i = e[3];
+  const a = i;
+  let m, f;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => {
+    const t = new AbortController(), l = A(a, 300);
+    return window.addEventListener("resize", l, {
+      signal: t.signal
     }), () => {
-      e.abort(), o.cancel();
+      t.abort(), l.cancel();
     };
-  }, [t]), s(() => {
-    t();
-  }, [t]), c ? /* @__PURE__ */ r(u, { delayDuration: 0, children: /* @__PURE__ */ d(b, { children: [
-    /* @__PURE__ */ r(m, { asChild: !0, children: /* @__PURE__ */ r("p", { ref: a, className: "w-full truncate cursor-pointer", children: n }) }),
-    /* @__PURE__ */ r(
-      p,
-      {
-        side: "bottom",
-        align: "center",
-        className: "animate-in fade-in-0 relative mt-1.5 overflow-visible bg-kubefirst-dark-blue-900 text-white px-3 py-2 after:content-[''] after:absolute after:left-1/2 after:-translate-x-1/2 after:top-0 after:-translate-y-full after:border-l-8 after:border-l-transparent after:border-r-8 after:border-r-transparent after:border-b-8 after:border-kubefirst-dark-blue-900",
-        children: n
-      }
-    )
-  ] }) }) : /* @__PURE__ */ r("p", { ref: a, className: "w-full truncate", children: n });
+  }, f = [a], e[4] = m, e[5] = f) : (m = e[4], f = e[5]), S(m, f);
+  let u, d;
+  if (e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => {
+    a();
+  }, d = [a], e[6] = u, e[7] = d) : (u = e[6], d = e[7]), S(u, d), !D) {
+    let t;
+    e[8] !== s ? (t = E("w-full truncate", s), e[8] = s, e[9] = t) : t = e[9];
+    let l;
+    return e[10] !== t || e[11] !== o ? (l = /* @__PURE__ */ C(z, { ref: g, component: "p", className: t, children: o }), e[10] = t, e[11] = o, e[12] = l) : l = e[12], l;
+  }
+  let r;
+  e[13] !== s ? (r = E("w-full truncate cursor-pointer", s), e[13] = s, e[14] = r) : r = e[14];
+  let n;
+  e[15] !== r || e[16] !== o ? (n = /* @__PURE__ */ C(z, { ref: g, component: "p", className: r, children: o }), e[15] = r, e[16] = o, e[17] = n) : n = e[17];
+  let p;
+  return e[18] !== y || e[19] !== x || e[20] !== N || e[21] !== _ || e[22] !== T || e[23] !== w || e[24] !== n || e[25] !== o ? (p = /* @__PURE__ */ C(V, { content: o, side: T, sideOffset: w, bgClassName: x, arrowClassName: y, className: N, delayDuration: _, children: n }), e[18] = y, e[19] = x, e[20] = N, e[21] = _, e[22] = T, e[23] = w, e[24] = n, e[25] = o, e[26] = p) : p = e[26], p;
 };
 export {
-  v as TruncateText
+  J as TruncateText
 };

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.types.d.ts

@@ -1,5 +1,8 @@
 import { CellContext } from '@tanstack/react-table';
+import { Props as TooltipProps } from '../../../Tooltip/Tooltip.types';
 import { RowData } from '../../VirtualizedTable.types';
-export type Props<TData extends RowData> = CellContext<TData, string> & {
+export type Props<TData extends RowData> = CellContext<TData, string> & Partial<Omit<TooltipProps, 'content' | 'children' | 'textClassName'>> & {
     value?: string;
+    /** Additional className for the text element */
+    textClassName?: string;
 };

package/dist/components/VirtualizedTable/components/WrapperBody/WrapperBody.js

@@ -1,27 +1,23 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cn as m } from "../../../../utils/index.js";
-import { useTableContext as s } from "../../contexts/table.hook.js";
-const p = ({
-  children: o,
-  classNameWrapperTable: r,
-  isLoading: e,
-  showPagination: t
-}) => {
-  const { tableFetching: d } = s();
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: m(
-        "shadow rounded-t-lg overflow-hidden",
-        {
-          "rounded-lg": !t || d || e
-        },
-        r
-      ),
-      children: o
-    }
-  );
+import { jsx as m } from "react/jsx-runtime";
+import { c as d } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as p } from "../../../../utils/index.js";
+import { useTableContext as f } from "../../contexts/table.hook.js";
+const b = (i) => {
+  const o = d.c(6), {
+    children: r,
+    classNameWrapperTable: s,
+    isLoading: a,
+    showPagination: l
+  } = i, {
+    tableFetching: c
+  } = f(), n = !l || c || a;
+  let e;
+  o[0] !== s || o[1] !== n ? (e = p("shadow rounded-t-lg overflow-hidden", {
+    "rounded-lg": n
+  }, s), o[0] = s, o[1] = n, o[2] = e) : e = o[2];
+  let t;
+  return o[3] !== r || o[4] !== e ? (t = /* @__PURE__ */ m("div", { className: e, children: r }), o[3] = r, o[4] = e, o[5] = t) : t = o[5], t;
 };
 export {
-  p as WrapperBody
+  b as WrapperBody
 };