crowui-pr 1.1.0

package/dist/Table/index.mjs

@@ -0,0 +1,762 @@
+"use client";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { c as f } from "../clsx-OuTLNxxd.js";
+import K, { useState as A, useEffect as B, createContext as z, useContext as H, useRef as D } from "react";
+import { i as I } from "../isBrowser-Bkqg1t1y.js";
+import q from "../Badge/index.mjs";
+import $ from "../Form/Select/index.mjs";
+import M from "../Form/Checkbox/index.mjs";
+import P from "../Tooltip/index.mjs";
+import { I as V } from "../IconArrowDown2-7ddwV5IE.js";
+import { I as F } from "../FieldBottomInfo-CA_chf0O.js";
+import v from "../Divider/index.mjs";
+import W from "../Pagination/index.mjs";
+import '../assets/styles.css';/* empty css                 */
+const E = z({
+  observer: null,
+  columns: [],
+  data: [],
+  rowKey: ""
+}), O = "crow:after:!shadow-[rgba(0,0,0,0.06)]";
+function x(r) {
+  r.classList.add(O);
+}
+function Y(r) {
+  r.classList.remove(O);
+}
+function Z(r) {
+  const { children: t, ...n } = r, { columns: s, rowSelection: a } = n, [i, c] = A(null);
+  return B(() => {
+    if (!I()) return;
+    let o = s.some((u) => !!u.sticky);
+    return o || (o = !!a?.sticky), o && c(
+      new IntersectionObserver(
+        (u) => {
+          let d = !1;
+          for (const w of u)
+            if (w.boundingClientRect.right > w.intersectionRect.right) {
+              document?.querySelectorAll("#sticky-cell-right").forEach(x), d = !0;
+              break;
+            } else if (w.boundingClientRect.left < w.intersectionRect.left) {
+              document?.querySelectorAll("#sticky-cell-left").forEach(x), d = !0;
+              break;
+            }
+          d || document?.querySelectorAll('[id^="sticky-cell-"]').forEach(Y);
+        },
+        { threshold: 1, rootMargin: "0% 100% 0% 100%" }
+      )
+    ), () => {
+      i && i.disconnect();
+    };
+  }, [s, a]), /* @__PURE__ */ e(E.Provider, { value: { observer: i, ...n }, children: t });
+}
+const y = () => H(E), G = (r) => {
+  const { title: t, extraElement: n, showTotal: s, total: a, className: i, pageCountSelector: c } = r, o = c?.defaultValue ?? c?.options?.[0]?.value ?? 0, [u, d] = A(o);
+  function w(m) {
+    d(m), c?.onPageCountChange?.(m);
+  }
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: f(
+        "crow:p-4 crow:flex crow:items-center crow:space-x-1 crow:border-b crow:border-solid crow:border-gray-200",
+        i
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: "crow:font-h4-bold crow:text-gray-700 crow:w-full", children: t }),
+        c && /* @__PURE__ */ l("div", { className: "crow:flex  crow:ml-2 crow:items-center crow:gap-2 crow:shrink-0 crow:mr-2", children: [
+          /* @__PURE__ */ e("span", { className: "crow:font-p2-regular crow:text-gray-700 crow:whitespace-nowrap", children: "تعداد نمایش:" }),
+          /* @__PURE__ */ e(
+            $,
+            {
+              ...c.selectProps,
+              wrapperClassName: f("crow:w-20", c.selectProps?.wrapperClassName),
+              popoverClassName: f(
+                "crow:!min-w-0",
+                c.selectProps?.popoverClassName
+              ),
+              inputProps: {
+                size: 1,
+                containerClassName: f(
+                  "crow:!p-2 crow:!gap-x-1",
+                  c.selectProps?.inputProps?.containerClassName
+                ),
+                ...c.selectProps?.inputProps
+              },
+              mode: "single",
+              options: c.options,
+              value: u,
+              searchable: !1,
+              onChange: w
+            }
+          )
+        ] }),
+        s && /* @__PURE__ */ l("div", { className: "crow:flex crow:items-center crow:shrink-0", children: [
+          /* @__PURE__ */ e("span", { className: "crow:font-p2-regular crow:text-gray-700 crow:ml-1", children: "تعداد نتایج:" }),
+          /* @__PURE__ */ e(
+            q,
+            {
+              value: a ?? 0,
+              valueType: "number",
+              size: "large",
+              color: "primary",
+              type: "twoTone"
+            }
+          )
+        ] }),
+        n
+      ]
+    }
+  );
+};
+function J(r) {
+  return r === "ascend" ? "descend" : r === "descend" ? null : "ascend";
+}
+function C(r) {
+  switch (r) {
+    case "center":
+      return "crow:justify-center";
+    case "start":
+      return "crow:justify-start";
+    case "end":
+      return "crow:justify-end";
+    default:
+      return;
+  }
+}
+function _(r, t) {
+  return r || (Array.isArray(t) ? t[t.length - 1] : t);
+}
+function L(r) {
+  return !!(r && r.selectedRowKeys.length > 1 || typeof r?.onSelectRow == "function");
+}
+function j(r, t) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: f(
+        "crow:w-full crow:flex crow:items-center",
+        C(r ?? "center")
+      ),
+      children: /* @__PURE__ */ e(M, { ...t })
+    }
+  );
+}
+function Q(r, t) {
+  if (r)
+    return f(
+      "crow:sticky crow:z-10",
+      'crow:after:content[""] crow:after:absolute crow:after:top-0 crow:after:h-full crow:after:w-[30px] crow:after:transition-shadow',
+      // sticky shadow class
+      {
+        "crow:right-[-1px] crow:pr-[calc(1em+1px)] crow:after:left-0 crow:after:-translate-x-full crow:after:shadow-[inset_-10px_0_8px_-8px] crow:after:shadow-transparent": r === "right",
+        "crow:left-[-1px] crow:pl-[calc(1em+1px)] crow:after:right-0 crow:after:translate-x-full crow:after:shadow-[inset_10px_0_8px_-8px] crow:after:shadow-transparent": r === "left",
+        'crow:before:content-[""] crow:before:absolute crow:before:top-0 crow:before:right-0 crow:before:w-full crow:before:border-t crow:before:md:border-t-0 crow:before:border-solid crow:before:border-gray-200': t
+      }
+    );
+}
+const b = (r) => {
+  const { children: t, className: n, type: s, sticky: a, addBorderToSticky: i, stuckToTop: c } = r, o = D(null), u = s, { observer: d } = y();
+  return B(() => {
+    if (!(!o.current || !d))
+      return a && d.observe(o.current), () => {
+        !o.current || !d || a && d.unobserve(o.current);
+      };
+  }, [o, d]), /* @__PURE__ */ e(
+    u,
+    {
+      ref: o,
+      className: f(n, Q(a, i), {
+        'crow:border-b-0 crow:before:content[""] crow:before:absolute crow:before:bottom-0 crow:before:left-0 crow:before:w-full crow:before:border-b crow:before:border-solid crow:before:border-gray-200': c,
+        "crow:top-0 crow:z-20": c && a,
+        "crow:sticky crow:top-0 crow:z-10": c && !a
+      }),
+      id: a && `sticky-cell-${a}`,
+      children: t
+    }
+  );
+}, U = () => {
+  const { columns: r, emptyContent: t } = y();
+  return /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: r.length, children: t }) }) });
+}, X = (r) => {
+  const { className: t, ...n } = r;
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "200px",
+      height: "200px",
+      viewBox: "0 0 100 100",
+      preserveAspectRatio: "xMidYMid",
+      className: f("crow:m-auto crow:bg-none crow:block crow:text-primary-500", t),
+      ...n,
+      children: [
+        /* @__PURE__ */ e("g", { transform: "translate(79,50)", children: /* @__PURE__ */ e("g", { transform: "rotate(0)", children: /* @__PURE__ */ l(
+          "circle",
+          {
+            cx: "0",
+            cy: "0",
+            r: "6",
+            fill: "currentColor",
+            fillOpacity: "1",
+            children: [
+              /* @__PURE__ */ e(
+                "animateTransform",
+                {
+                  attributeName: "transform",
+                  type: "scale",
+                  begin: "-0.875s",
+                  values: "1.5 1.5;1 1",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "animate",
+                {
+                  attributeName: "fill-opacity",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite",
+                  values: "1;0",
+                  begin: "-0.875s"
+                }
+              )
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e("g", { transform: "translate(70.50609665440987,70.50609665440987)", children: /* @__PURE__ */ e("g", { transform: "rotate(45)", children: /* @__PURE__ */ l(
+          "circle",
+          {
+            cx: "0",
+            cy: "0",
+            r: "6",
+            fill: "currentColor",
+            fillOpacity: "0.875",
+            children: [
+              /* @__PURE__ */ e(
+                "animateTransform",
+                {
+                  attributeName: "transform",
+                  type: "scale",
+                  begin: "-0.75s",
+                  values: "1.5 1.5;1 1",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "animate",
+                {
+                  attributeName: "fill-opacity",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite",
+                  values: "1;0",
+                  begin: "-0.75s"
+                }
+              )
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e("g", { transform: "translate(50,79)", children: /* @__PURE__ */ e("g", { transform: "rotate(90)", children: /* @__PURE__ */ l(
+          "circle",
+          {
+            cx: "0",
+            cy: "0",
+            r: "6",
+            fill: "currentColor",
+            fillOpacity: "0.75",
+            children: [
+              /* @__PURE__ */ e(
+                "animateTransform",
+                {
+                  attributeName: "transform",
+                  type: "scale",
+                  begin: "-0.625s",
+                  values: "1.5 1.5;1 1",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "animate",
+                {
+                  attributeName: "fill-opacity",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite",
+                  values: "1;0",
+                  begin: "-0.625s"
+                }
+              )
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e("g", { transform: "translate(29.493903345590123,70.50609665440987)", children: /* @__PURE__ */ e("g", { transform: "rotate(135)", children: /* @__PURE__ */ l(
+          "circle",
+          {
+            cx: "0",
+            cy: "0",
+            r: "6",
+            fill: "currentColor",
+            fillOpacity: "0.625",
+            children: [
+              /* @__PURE__ */ e(
+                "animateTransform",
+                {
+                  attributeName: "transform",
+                  type: "scale",
+                  begin: "-0.5s",
+                  values: "1.5 1.5;1 1",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "animate",
+                {
+                  attributeName: "fill-opacity",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite",
+                  values: "1;0",
+                  begin: "-0.5s"
+                }
+              )
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e("g", { transform: "translate(21,50)", children: /* @__PURE__ */ e("g", { transform: "rotate(180)", children: /* @__PURE__ */ l(
+          "circle",
+          {
+            cx: "0",
+            cy: "0",
+            r: "6",
+            fill: "currentColor",
+            fillOpacity: "0.5",
+            children: [
+              /* @__PURE__ */ e(
+                "animateTransform",
+                {
+                  attributeName: "transform",
+                  type: "scale",
+                  begin: "-0.375s",
+                  values: "1.5 1.5;1 1",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "animate",
+                {
+                  attributeName: "fill-opacity",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite",
+                  values: "1;0",
+                  begin: "-0.375s"
+                }
+              )
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e("g", { transform: "translate(29.493903345590116,29.493903345590123)", children: /* @__PURE__ */ e("g", { transform: "rotate(225)", children: /* @__PURE__ */ l(
+          "circle",
+          {
+            cx: "0",
+            cy: "0",
+            r: "6",
+            fill: "currentColor",
+            fillOpacity: "0.375",
+            children: [
+              /* @__PURE__ */ e(
+                "animateTransform",
+                {
+                  attributeName: "transform",
+                  type: "scale",
+                  begin: "-0.25s",
+                  values: "1.5 1.5;1 1",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "animate",
+                {
+                  attributeName: "fill-opacity",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite",
+                  values: "1;0",
+                  begin: "-0.25s"
+                }
+              )
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e("g", { transform: "translate(49.99999999999999,21)", children: /* @__PURE__ */ e("g", { transform: "rotate(270)", children: /* @__PURE__ */ l(
+          "circle",
+          {
+            cx: "0",
+            cy: "0",
+            r: "6",
+            fill: "currentColor",
+            fillOpacity: "0.25",
+            children: [
+              /* @__PURE__ */ e(
+                "animateTransform",
+                {
+                  attributeName: "transform",
+                  type: "scale",
+                  begin: "-0.125s",
+                  values: "1.5 1.5;1 1",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "animate",
+                {
+                  attributeName: "fill-opacity",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite",
+                  values: "1;0",
+                  begin: "-0.125s"
+                }
+              )
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e("g", { transform: "translate(70.50609665440987,29.493903345590116)", children: /* @__PURE__ */ e("g", { transform: "rotate(315)", children: /* @__PURE__ */ l(
+          "circle",
+          {
+            cx: "0",
+            cy: "0",
+            r: "6",
+            fill: "currentColor",
+            fillOpacity: "0.125",
+            children: [
+              /* @__PURE__ */ e(
+                "animateTransform",
+                {
+                  attributeName: "transform",
+                  type: "scale",
+                  begin: "0s",
+                  values: "1.5 1.5;1 1",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "animate",
+                {
+                  attributeName: "fill-opacity",
+                  keyTimes: "0;1",
+                  dur: "1s",
+                  repeatCount: "indefinite",
+                  values: "1;0",
+                  begin: "0s"
+                }
+              )
+            ]
+          }
+        ) }) })
+      ]
+    }
+  );
+}, ee = () => {
+  const { columns: r, loading: t } = y();
+  return /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+    "td",
+    {
+      className: "crow:p-10",
+      colSpan: r.length,
+      children: /* @__PURE__ */ e(
+        X,
+        {
+          width: typeof t != "boolean" ? t.size : 100,
+          height: typeof t != "boolean" ? t.size : 100
+        }
+      )
+    }
+  ) }) });
+}, N = "crow:p-4 crow:pl-0 crow:bg-surface crow:border-b crow:border-solid crow:border-gray-200";
+function re(r, t) {
+  return r ? Array.isArray(r) ? r.reduce((n, s) => n?.[s] ?? null, t) : t[r] : null;
+}
+function te(r, t, n) {
+  if (typeof r.render == "function") return r.render(t, n);
+  const s = re(r.dataIndex, t);
+  if (r.ellipsis) {
+    const a = /* @__PURE__ */ e("div", { className: "crow:!truncate", children: s });
+    return typeof r.ellipsis != "boolean" && r.ellipsis.hideTooltip ? a : /* @__PURE__ */ e(
+      P,
+      {
+        wrapperClassName: "crow:w-full",
+        content: s,
+        attachToBody: !0,
+        children: a
+      }
+    );
+  }
+  return s;
+}
+const oe = (r) => {
+  const { havePagination: t } = r, {
+    columns: n,
+    data: s,
+    rowKey: a,
+    rowSelection: i,
+    stickyTableHeader: c,
+    loading: o,
+    emptyContent: u,
+    getRowClassName: d
+  } = y();
+  if (o) return /* @__PURE__ */ e(ee, {});
+  if (s.length < 1 && u) return /* @__PURE__ */ e(U, {});
+  const w = typeof d == "function";
+  return /* @__PURE__ */ e("tbody", { children: s.map((m, h) => /* @__PURE__ */ l("tr", { children: [
+    L(i) && /* @__PURE__ */ e(
+      b,
+      {
+        type: "td",
+        className: f(
+          N,
+          i?.className,
+          {
+            "crow:border-b-0 crow:rounded-br-2xl": !t && h === s.length - 1
+          },
+          i?.className,
+          w ? d(m) : ""
+        ),
+        sticky: i?.sticky,
+        addBorderToSticky: c ? h !== 0 : !0,
+        children: j(i?.align, {
+          onChange: (p) => i?.onSelectRow(p, m[a]),
+          checked: !!i?.selectedRowKeys.find((p) => p === m[a])
+        })
+      }
+    ),
+    n.map((p) => /* @__PURE__ */ e(
+      b,
+      {
+        type: "td",
+        className: f(
+          N,
+          {
+            "crow:border-b-0 crow:first:rounded-br-2xl crow:last:rounded-bl-2xl": !t && h === s.length - 1
+          },
+          p.className,
+          w ? d(m) : ""
+        ),
+        sticky: p.sticky,
+        addBorderToSticky: c ? h !== 0 : !0,
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: f(
+              "crow:flex crow:items-center crow:ml-2",
+              C(p.align)
+            ),
+            children: te(p, m, h)
+          }
+        )
+      },
+      `${m[a]}-${_(p.key, p.dataIndex)}`
+    ))
+  ] }, m[a])) });
+};
+function ne(r, t) {
+  if (r.length !== t.length) return !1;
+  r.sort(), t.sort();
+  for (let n = 0; n < r.length; n++) if (r[n] !== t[n]) return !1;
+  return !0;
+}
+const g = 16, k = "crow:p-4 crow:pl-0 crow:text-gray-500 crow:bg-gray-50 crow:border-b crow:border-solid crow:border-gray-200", T = "crow:!h-8 crow:shrink-0 crow:mr-2";
+function ae(r, t) {
+  const n = r.active ?? null;
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: () => r.onSort(J(n)),
+      "aria-label": t ? `Sort by ${t}` : "Sort column",
+      "aria-sort": n === "ascend" ? "ascending" : n === "descend" ? "descending" : "none",
+      className: "crow:flex crow:items-center crow:justify-center",
+      children: /* @__PURE__ */ e(
+        V,
+        {
+          width: g,
+          height: g,
+          className: f("crow:transition-transform crow:duration-300 crow:ease-in-out", {
+            "crow:rotate-180 crow:text-primary-500": n === "ascend",
+            "crow:rotate-0 crow:text-primary-500": n === "descend",
+            "crow:rotate-0 crow:text-gray-500": n === null
+          })
+        }
+      )
+    }
+  );
+}
+function S(r, t) {
+  return /* @__PURE__ */ l("div", { className: "crow:font-p1-medium crow:flex crow:items-center crow:space-x-1", children: [
+    /* @__PURE__ */ e("span", { children: r }),
+    t && (t.anchorIcon ?? /* @__PURE__ */ e(
+      F,
+      {
+        width: g,
+        height: g
+      }
+    ))
+  ] });
+}
+function R(r, t) {
+  return r.map((n) => n[t]);
+}
+const ce = (r) => {
+  const { haveHeader: t } = r, { columns: n, rowKey: s, rowSelection: a, data: i, stickyTableHeader: c } = y();
+  return /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { children: [
+    L(a) && /* @__PURE__ */ e(
+      b,
+      {
+        type: "th",
+        className: f(
+          k,
+          { "crow:rounded-tr-2xl": !t },
+          a?.className
+        ),
+        sticky: a?.sticky,
+        stuckToTop: c,
+        children: /* @__PURE__ */ l("div", { className: "crow:flex crow:items-center crow:justify-between", children: [
+          j(a?.align, {
+            checked: a.selectedRowKeys.length > 0,
+            isIndeterminate: !ne(
+              R(i, s),
+              a.selectedRowKeys
+            ),
+            onChange: (o) => a?.onSelectRow(o, o.target.checked ? R(i, s) : [])
+          }),
+          /* @__PURE__ */ e(
+            v,
+            {
+              type: "vertical",
+              className: T
+            }
+          )
+        ] })
+      }
+    ),
+    n.map((o, u) => /* @__PURE__ */ e(
+      b,
+      {
+        type: "th",
+        sticky: o.sticky,
+        className: f(
+          k,
+          {
+            "crow:first:rounded-tr-2xl crow:last:rounded-tl-2xl": !t
+          },
+          o.className
+        ),
+        stuckToTop: c,
+        children: /* @__PURE__ */ l("div", { className: "crow:flex crow:justify-between crow:items-center", children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: f(
+                "crow:flex crow:items-center crow:space-x-2 crow:w-full",
+                C(o.align)
+              ),
+              children: [
+                o.tooltip?.content ? /* @__PURE__ */ e(
+                  P,
+                  {
+                    ...o.tooltip,
+                    attachToBody: !0,
+                    children: S(o.title, o.tooltip)
+                  }
+                ) : S(o.title),
+                typeof o.sort?.onSort == "function" && ae(o.sort, o.title),
+                o.filter && /* @__PURE__ */ e("div", { className: "crow:flex crow:items-center", children: o.filter })
+              ]
+            }
+          ),
+          u !== n.length - 1 && /* @__PURE__ */ e(
+            v,
+            {
+              type: "vertical",
+              className: T
+            }
+          )
+        ] })
+      },
+      _(o.key, o.dataIndex)
+    ))
+  ] }) });
+};
+function Ce(r) {
+  const {
+    header: t,
+    wrapperClassName: n,
+    className: s,
+    data: a,
+    pagination: i,
+    layout: c = "auto",
+    containerClassName: o
+  } = r, u = (t && Object.values(t).length > 0) ?? !1, d = !!(i?.totalCount && i?.pageSize), w = c !== "fixed" ? "div" : K.Fragment;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: f(
+        "crow:relative crow:bg-surface crow:border crow:border-gray-200 crow:border-solid crow:rounded-2xl",
+        n
+      ),
+      children: [
+        u && /* @__PURE__ */ e(
+          G,
+          {
+            ...t,
+            total: i?.totalCount ?? a.length
+          }
+        ),
+        /* @__PURE__ */ e(
+          w,
+          {
+            ...c !== "fixed" ? { className: f("crow:overflow-x-auto crow:h-full", o) } : {},
+            children: /* @__PURE__ */ e(Z, { ...r, children: /* @__PURE__ */ l(
+              "table",
+              {
+                className: s,
+                style: { tableLayout: c },
+                children: [
+                  /* @__PURE__ */ e(ce, { haveHeader: u }),
+                  /* @__PURE__ */ e(oe, { havePagination: d })
+                ]
+              }
+            ) })
+          }
+        ),
+        d && /* @__PURE__ */ e(
+          W,
+          {
+            className: f("crow:py-4 crow:!px-0", i?.className),
+            ...i
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Ce as default
+};