@aster-ui/prefixed 0.12.50

package/dist/components/Table.js

@@ -0,0 +1,637 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import He, { forwardRef as Ue, useState as j, useMemo as W, useCallback as N, useId as et } from "react";
+const tt = "d-table", st = "d-table-xs", at = "d-table-sm", nt = "d-table-lg", rt = "d-table-xl", dt = "d-table-zebra", ot = "d-table-pin-rows", lt = "d-table-pin-cols", it = "d-dropdown", ct = "d-dropdown-end", ft = "d-dropdown-content", O = "d-btn", ie = "d-btn-ghost", ce = "d-btn-xs", oe = "d-btn-sm", ht = "d-btn-square", ut = "d-btn-active", pt = "d-menu", fe = "d-checkbox", bt = "d-checkbox-xs", he = "d-checkbox-primary", yt = "d-radio", gt = "d-radio-sm", xt = "d-radio-primary", mt = "d-divider", $t = "d-loading", vt = "d-loading-spinner", kt = "d-loading-lg", wt = "d-join", le = "d-join-item", Ct = "d-select", St = "d-select-sm", Nt = "d-select-bordered", Et = "d-input", zt = "d-input-sm", Kt = "d-input-bordered", Rt = {
+  xs: st,
+  sm: at,
+  md: "",
+  lg: nt,
+  xl: rt
+};
+function Pt({
+  filters: i,
+  selectedValues: v,
+  onChange: E,
+  locale: H,
+  testId: F
+}) {
+  const [T, V] = j(!1), X = et(), J = (o) => {
+    const y = v.includes(o) ? v.filter((k) => k !== o) : [...v, o];
+    E(y);
+  }, U = () => {
+    E([]), V(!1);
+  }, l = (o) => {
+    o.key === "Escape" && V(!1);
+  };
+  return /* @__PURE__ */ m("div", { className: `${it} ${ct}`, onKeyDown: l, children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: `${O} ${ie} ${ce} ${v.length > 0 ? "text-primary" : ""}`,
+        onClick: () => V(!T),
+        "aria-label": "Filter column",
+        "aria-expanded": T,
+        "aria-haspopup": "listbox",
+        "aria-controls": X,
+        "data-testid": `${F}-filter-button`,
+        children: /* @__PURE__ */ a("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" }) })
+      }
+    ),
+    T && /* @__PURE__ */ m(
+      "div",
+      {
+        id: X,
+        role: "listbox",
+        "aria-multiselectable": "true",
+        className: `${ft} z-[1] ${pt} p-2 shadow bg-base-100 rounded-box w-52 border border-base-content/10`,
+        "data-testid": `${F}-filter-dropdown`,
+        children: [
+          /* @__PURE__ */ a("div", { className: "space-y-2", children: i.map((o) => /* @__PURE__ */ m(
+            "label",
+            {
+              className: "flex items-center gap-2 cursor-pointer p-2 hover:bg-base-200 rounded",
+              role: "option",
+              "aria-selected": v.includes(o.value),
+              children: [
+                /* @__PURE__ */ a(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: `${fe} ${bt} ${he}`,
+                    checked: v.includes(o.value),
+                    onChange: () => J(o.value),
+                    "data-testid": `${F}-filter-${String(o.value)}`
+                  }
+                ),
+                /* @__PURE__ */ a("span", { className: "text-sm", children: o.text })
+              ]
+            },
+            String(o.value)
+          )) }),
+          /* @__PURE__ */ a("div", { className: `${mt} my-1` }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: `${O} ${ie} ${ce} w-full`,
+              onClick: U,
+              "data-testid": `${F}-filter-reset`,
+              children: H?.filterReset ?? "Clear"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function It({ expanded: i, onExpand: v }) {
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      className: `${O} ${ie} ${ce} ${ht}`,
+      onClick: (E) => {
+        E.stopPropagation(), v();
+      },
+      "aria-label": i ? "Collapse row" : "Expand row",
+      "aria-expanded": i,
+      children: /* @__PURE__ */ a(
+        "svg",
+        {
+          className: `w-4 h-4 transition-transform ${i ? "rotate-90" : ""}`,
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+        }
+      )
+    }
+  );
+}
+function jt({
+  columns: i,
+  dataSource: v,
+  rowKey: E = "id",
+  loading: H = !1,
+  size: F = "md",
+  bordered: T = !1,
+  hoverable: V = !0,
+  striped: X = !1,
+  pinRows: J = !1,
+  pinCols: U = !1,
+  pagination: l,
+  rowSelection: o,
+  expandable: y,
+  scroll: k,
+  className: Se = "",
+  onRow: Ne,
+  onChange: z,
+  onSortChange: ue,
+  onFilterChange: pe,
+  locale: ee,
+  "data-testid": Ee,
+  "aria-label": ze,
+  ...Ke
+}, Re) {
+  const p = Ee ?? "table", Pe = 10, [C, G] = j(
+    l !== !1 && l?.current ? l.current : 1
+  ), [Ie, je] = j(
+    l !== !1 && l?.pageSize ? l.pageSize : Pe
+  ), w = l !== !1 && l?.pageSize !== void 0 ? l.pageSize : Ie, [be, Fe] = j(() => {
+    const e = i.find((s) => s.sortOrder !== void 0);
+    if (e)
+      return {
+        columnKey: e.key,
+        order: e.sortOrder ?? null
+      };
+    const t = i.find((s) => s.defaultSortOrder);
+    return {
+      columnKey: t?.key || null,
+      order: t?.defaultSortOrder || null
+    };
+  }), [ye, Be] = j(() => {
+    const e = {};
+    return i.forEach((t) => {
+      t.filteredValue !== void 0 ? e[t.key] = t.filteredValue : t.defaultFilteredValue && (e[t.key] = t.defaultFilteredValue);
+    }), e;
+  }), [De, te] = j(
+    o?.selectedRowKeys || []
+  ), [Le, Oe] = j(
+    y?.expandedRowKeys ?? y?.defaultExpandedRowKeys ?? []
+  ), q = i.some((e) => e.sortOrder !== void 0), Q = i.some((e) => e.filteredValue !== void 0), se = y?.expandedRowKeys !== void 0, B = o?.selectedRowKeys !== void 0, h = W(() => {
+    if (q) {
+      const e = i.find((t) => t.sortOrder !== void 0 && t.sortOrder !== null);
+      return {
+        columnKey: e?.key ?? null,
+        order: e?.sortOrder ?? null
+      };
+    }
+    return be;
+  }, [q, i, be]), K = W(() => {
+    if (Q) {
+      const e = {};
+      return i.forEach((t) => {
+        t.filteredValue !== void 0 && (e[t.key] = t.filteredValue);
+      }), e;
+    }
+    return ye;
+  }, [Q, i, ye]), D = B ? o.selectedRowKeys : De, M = se ? y.expandedRowKeys : Le, Y = l !== !1, b = W(() => i.filter((e) => !e.hidden), [i]), S = N((e, t) => {
+    if (typeof E == "function")
+      return E(e);
+    const s = e[E];
+    return String(s !== void 0 ? s : t);
+  }, [E]), Z = W(() => {
+    let e = [...v];
+    return Object.entries(K).forEach(([t, s]) => {
+      if (s && s.length > 0) {
+        const r = i.find((n) => n.key === t);
+        r?.onFilter && (e = e.filter(
+          (n) => s.some((d) => r.onFilter(d, n))
+        ));
+      }
+    }), e;
+  }, [v, K, i]), $ = W(() => {
+    if (!h.columnKey || !h.order)
+      return Z;
+    const e = i.find((s) => s.key === h.columnKey);
+    if (!e?.sorter)
+      return Z;
+    const t = [...Z];
+    return t.sort((s, r) => {
+      let n = 0;
+      if (typeof e.sorter == "function")
+        n = e.sorter(s, r);
+      else if (e.dataIndex) {
+        const d = s[e.dataIndex], x = r[e.dataIndex];
+        if (d == null) return 1;
+        if (x == null) return -1;
+        d < x && (n = -1), d > x && (n = 1);
+      }
+      return h.order === "ascend" ? n : -n;
+    }), t;
+  }, [Z, h, i]), R = l !== !1 && l?.total !== void 0 ? l.total : $.length, P = Math.ceil(R / w), ae = (C - 1) * w, ge = ae + w, I = Y ? $.slice(ae, ge) : $, _ = N((e) => {
+    if (G(e), l !== !1 && l?.onChange && l.onChange(e, w), z) {
+      const t = {
+        column: i.find((s) => s.key === h.columnKey),
+        order: h.order,
+        field: h.columnKey ?? void 0
+      };
+      z(
+        { current: e, pageSize: w, total: R },
+        K,
+        t,
+        { currentDataSource: $, action: "paginate" }
+      );
+    }
+  }, [l, w, z, i, h, K, $, R]), Te = N((e) => {
+    je(e), G(1), l !== !1 && l?.onShowSizeChange && l.onShowSizeChange(1, e), l !== !1 && l?.onChange && l.onChange(1, e);
+  }, [l]), xe = N((e) => {
+    const t = i.find((n) => n.key === e);
+    let s = "ascend";
+    h.columnKey === e && (h.order === "ascend" ? s = "descend" : h.order === "descend" && (s = null)), q || Fe({ columnKey: s ? e : null, order: s }), G(1);
+    const r = {
+      column: t,
+      order: s,
+      field: e
+    };
+    ue?.(r), z && z(
+      { current: 1, pageSize: w, total: R },
+      K,
+      r,
+      { currentDataSource: $, action: "sort" }
+    );
+  }, [i, h, q, w, R, K, $, ue, z]), Ve = N((e, t) => {
+    const s = {
+      ...K,
+      [e]: t
+    };
+    if (Q || Be(s), G(1), pe?.(s), z) {
+      const r = {
+        column: i.find((n) => n.key === h.columnKey),
+        order: h.order,
+        field: h.columnKey ?? void 0
+      };
+      z(
+        { current: 1, pageSize: w, total: R },
+        s,
+        r,
+        { currentDataSource: $, action: "filter" }
+      );
+    }
+  }, [K, Q, i, h, w, R, $, pe, z]), Me = N((e) => {
+    const t = e ? I.map((s, r) => S(s, r)) : [];
+    if (B || te(t), o?.onChange) {
+      const s = e ? I : [];
+      o.onChange(t, s);
+    }
+  }, [I, S, B, o]), Ae = N((e, t, s) => {
+    const r = S(e, t);
+    if (o?.type === "radio") {
+      const d = s ? [r] : [];
+      B || te(d), o?.onChange && o.onChange(d, s ? [e] : []);
+      return;
+    }
+    const n = s ? [...D, r] : D.filter((d) => d !== r);
+    if (B || te(n), o?.onChange) {
+      const d = $.filter(
+        (x, c) => n.includes(S(x, c))
+      );
+      o.onChange(n, d);
+    }
+  }, [S, o, B, D, $]), ne = N((e, t) => {
+    const s = S(e, t), r = M.includes(s), n = r ? M.filter((d) => d !== s) : [...M, s];
+    se || Oe(n), y?.onExpand?.(!r, e), y?.onExpandedRowsChange?.(n);
+  }, [S, M, se, y]), We = N((e, t, s) => {
+    if (e.render)
+      return e.render(
+        e.dataIndex ? t[e.dataIndex] : void 0,
+        t,
+        s
+      );
+    if (e.dataIndex) {
+      const r = t[e.dataIndex];
+      return r != null ? String(r) : "";
+    }
+    return "";
+  }, []), me = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left", $e = N((e, t = !1) => {
+    const s = b[e];
+    if (!s?.fixed) return { className: "" };
+    const r = ["sticky", "bg-base-100"];
+    let n = 0;
+    const d = {
+      boxSizing: "border-box"
+    };
+    if (s.fixed === "left") {
+      for (let c = 0; c < e; c++)
+        if (b[c].fixed === "left" && b[c].width) {
+          const u = b[c].width, g = typeof u == "number" ? u : parseInt(String(u));
+          isNaN(g) || (n += g);
+        }
+      n === 0 ? r.push("left-0") : d.left = `${n}px`, r.push(t ? "z-30" : "z-20");
+      let x = -1;
+      for (let c = b.length - 1; c >= 0; c--)
+        if (b[c].fixed === "left") {
+          x = c;
+          break;
+        }
+      e === x && (d.boxShadow = "2px 0 4px rgba(0, 0, 0, 0.1)");
+    }
+    if (s.fixed === "right") {
+      for (let c = e + 1; c < b.length; c++)
+        if (b[c].fixed === "right" && b[c].width) {
+          const u = b[c].width, g = typeof u == "number" ? u : parseInt(String(u));
+          isNaN(g) || (n += g);
+        }
+      n === 0 ? r.push("right-0") : d.right = `${n}px`, r.push(t ? "z-30" : "z-20"), e === b.findIndex((c) => c.fixed === "right") && (d.boxShadow = "-2px 0 4px rgba(0, 0, 0, 0.1)");
+    }
+    return {
+      className: r.filter(Boolean).join(" "),
+      style: Object.keys(d).length > 0 ? d : void 0
+    };
+  }, [b]), Xe = [
+    tt,
+    "bg-base-100",
+    Rt[F],
+    X && dt,
+    J && ot,
+    U && lt,
+    Se
+  ].filter(Boolean).join(" "), Je = b.some((e) => e.fixed), L = y !== void 0, A = {};
+  k?.x && (A.overflowX = "auto", A.maxWidth = typeof k.x == "number" ? `${k.x}px` : k.x), k?.y && (A.overflowY = "auto", A.maxHeight = typeof k.y == "number" ? `${k.y}px` : k.y);
+  const Ge = [
+    (!J || Je || k?.x) && "overflow-x-auto",
+    T && "rounded-box border border-base-content/5 bg-base-100"
+  ].filter(Boolean).join(" ");
+  if (H)
+    return /* @__PURE__ */ a("div", { className: "flex justify-center items-center p-8", "data-testid": `${p}-loading`, children: /* @__PURE__ */ a("span", { className: `${$t} ${vt} ${kt}`, "aria-label": "Loading" }) });
+  const ve = I.length > 0 && I.every((e, t) => D.includes(S(e, t))), qe = I.some((e, t) => D.includes(S(e, t))), Qe = ee?.emptyText ?? "No data", ke = (o ? 1 : 0) + (L ? 1 : 0), we = () => {
+    if (!Y || P <= 1 || typeof l == "boolean") return null;
+    const e = l ?? {}, t = e.position ?? "bottomRight", s = e.showSizeChanger, r = e.showQuickJumper, n = e.showTotal, d = e.pageSizeOptions ?? [10, 20, 50, 100], x = t.includes("Left") ? "justify-start" : t.includes("Center") ? "justify-center" : "justify-end";
+    return /* @__PURE__ */ m("div", { className: `flex items-center gap-4 ${x}`, "data-testid": `${p}-pagination`, children: [
+      n && /* @__PURE__ */ a("span", { className: "text-sm text-base-content/70", children: n(R, [ae + 1, Math.min(ge, R)]) }),
+      s && /* @__PURE__ */ a(
+        "select",
+        {
+          className: `${Ct} ${St} ${Nt}`,
+          value: w,
+          onChange: (u) => Te(Number(u.target.value)),
+          "aria-label": "Page size",
+          "data-testid": `${p}-page-size`,
+          children: d.map((u) => /* @__PURE__ */ m("option", { value: u, children: [
+            u,
+            " / page"
+          ] }, u))
+        }
+      ),
+      /* @__PURE__ */ m("div", { className: wt, children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: `${le} ${O} ${oe}`,
+            onClick: () => _(C - 1),
+            disabled: C === 1,
+            "aria-label": "Previous page",
+            "data-testid": `${p}-prev`,
+            children: "«"
+          }
+        ),
+        Array.from({ length: Math.min(P, 7) }, (u, g) => {
+          let f;
+          return P <= 7 || C <= 4 ? f = g + 1 : C >= P - 3 ? f = P - 6 + g : f = C - 3 + g, /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: `${le} ${O} ${oe} ${C === f ? ut : ""}`,
+              onClick: () => _(f),
+              "aria-label": `Page ${f}`,
+              "aria-current": C === f ? "page" : void 0,
+              "data-testid": `${p}-page-${f}`,
+              children: f
+            },
+            f
+          );
+        }),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: `${le} ${O} ${oe}`,
+            onClick: () => _(C + 1),
+            disabled: C === P,
+            "aria-label": "Next page",
+            "data-testid": `${p}-next`,
+            children: "»"
+          }
+        )
+      ] }),
+      r && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a("span", { className: "text-sm", children: "Go to" }),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "number",
+            className: `${Et} ${zt} ${Kt} w-16`,
+            min: 1,
+            max: P,
+            onKeyDown: (u) => {
+              if (u.key === "Enter") {
+                const g = parseInt(u.target.value);
+                g >= 1 && g <= P && _(g);
+              }
+            },
+            "aria-label": "Go to page",
+            "data-testid": `${p}-jumper`
+          }
+        )
+      ] })
+    ] });
+  }, re = l && typeof l != "boolean" ? l.position : void 0, Ye = Y && re?.startsWith("top") ? we() : null, Ze = Y && (!re || re.startsWith("bottom")) ? we() : null;
+  return /* @__PURE__ */ m("div", { className: "space-y-4", "data-testid": p, ...Ke, children: [
+    Ye,
+    /* @__PURE__ */ a("div", { className: Ge, style: A, children: /* @__PURE__ */ m(
+      "table",
+      {
+        ref: Re,
+        className: Xe,
+        style: { borderCollapse: "separate", borderSpacing: 0, tableLayout: "fixed" },
+        role: "grid",
+        "aria-label": ze,
+        "aria-rowcount": $.length,
+        "data-testid": `${p}-table`,
+        children: [
+          /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ m("tr", { role: "row", children: [
+            L && /* @__PURE__ */ a("th", { style: { width: 50 }, className: "sticky left-0 z-20 bg-base-100", role: "columnheader", children: /* @__PURE__ */ a("span", { className: "sr-only", children: "Expand" }) }),
+            o && /* @__PURE__ */ a(
+              "th",
+              {
+                style: { width: 50 },
+                className: `sticky ${L ? "" : "left-0"} z-20 bg-base-100`,
+                role: "columnheader",
+                children: o.type !== "radio" && /* @__PURE__ */ a(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: `${fe} checkbox-sm ${he}`,
+                    checked: ve,
+                    ref: (e) => {
+                      e && (e.indeterminate = qe && !ve);
+                    },
+                    onChange: (e) => Me(e.target.checked),
+                    "aria-label": ee?.selectAll ?? "Select all rows",
+                    "data-testid": `${p}-select-all`
+                  }
+                )
+              }
+            ),
+            b.map((e, t) => {
+              const s = $e(t, !0), n = h.columnKey === e.key ? h.order : null;
+              return /* @__PURE__ */ a(
+                "th",
+                {
+                  className: `${me(e.align)} ${s.className}`,
+                  style: {
+                    ...e.width ? { width: e.width } : {},
+                    ...s.style
+                  },
+                  role: "columnheader",
+                  "aria-sort": n === "ascend" ? "ascending" : n === "descend" ? "descending" : void 0,
+                  "data-testid": `${p}-header-${e.key}`,
+                  children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ a(
+                      "span",
+                      {
+                        className: e.sorter ? "cursor-pointer select-none hover:text-primary" : "",
+                        onClick: () => e.sorter && xe(e.key),
+                        onKeyDown: (d) => {
+                          e.sorter && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), xe(e.key));
+                        },
+                        tabIndex: e.sorter ? 0 : void 0,
+                        role: e.sorter ? "button" : void 0,
+                        "aria-label": e.sorter ? `Sort by ${e.title}` : void 0,
+                        children: e.title
+                      }
+                    ),
+                    e.sorter && /* @__PURE__ */ m("div", { className: "flex flex-col", "aria-hidden": "true", children: [
+                      /* @__PURE__ */ a(
+                        "svg",
+                        {
+                          className: `w-3 h-3 ${n === "ascend" ? "text-primary" : "text-base-content/30"}`,
+                          fill: "currentColor",
+                          viewBox: "0 0 20 20",
+                          children: /* @__PURE__ */ a("path", { d: "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" })
+                        }
+                      ),
+                      /* @__PURE__ */ a(
+                        "svg",
+                        {
+                          className: `w-3 h-3 -mt-1 ${n === "descend" ? "text-primary" : "text-base-content/30"}`,
+                          fill: "currentColor",
+                          viewBox: "0 0 20 20",
+                          children: /* @__PURE__ */ a("path", { d: "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z" })
+                        }
+                      )
+                    ] }),
+                    e.filters && /* @__PURE__ */ a(
+                      Pt,
+                      {
+                        filters: e.filters,
+                        selectedValues: K[e.key] || [],
+                        onChange: (d) => Ve(e.key, d),
+                        locale: ee,
+                        testId: `${p}-${e.key}`
+                      }
+                    )
+                  ] })
+                },
+                e.key
+              );
+            })
+          ] }) }),
+          /* @__PURE__ */ a("tbody", { children: I.length === 0 ? /* @__PURE__ */ a("tr", { role: "row", children: /* @__PURE__ */ a(
+            "td",
+            {
+              colSpan: b.length + ke,
+              className: "text-center py-8 text-base-content/50",
+              role: "gridcell",
+              "data-testid": `${p}-empty`,
+              children: Qe
+            }
+          ) }) : I.map((e, t) => {
+            const s = Ne?.(e, t) || {}, r = S(e, t), n = D.includes(r), d = M.includes(r), x = y?.rowExpandable ? y.rowExpandable(e) : !0, c = [
+              V && "hover:bg-base-200",
+              n && "bg-primary/10"
+            ].filter(Boolean).join(" "), u = o?.getCheckboxProps?.(e) || {}, g = (f) => {
+              s.onClick?.(f), y?.expandRowByClick && x && ne(e, t);
+            };
+            return /* @__PURE__ */ m(He.Fragment, { children: [
+              /* @__PURE__ */ m(
+                "tr",
+                {
+                  className: c,
+                  role: "row",
+                  "aria-selected": n,
+                  "data-testid": `${p}-row-${t}`,
+                  "data-state": n ? "selected" : void 0,
+                  ...s,
+                  onClick: g,
+                  children: [
+                    L && /* @__PURE__ */ a("td", { className: "sticky left-0 z-10 bg-base-100", role: "gridcell", children: x && (y.expandIcon ? y.expandIcon({
+                      expanded: d,
+                      onExpand: () => ne(e, t),
+                      record: e
+                    }) : /* @__PURE__ */ a(
+                      It,
+                      {
+                        expanded: d,
+                        onExpand: () => ne(e, t)
+                      }
+                    )) }),
+                    o && /* @__PURE__ */ a(
+                      "td",
+                      {
+                        className: `sticky ${L ? "" : "left-0"} z-10 bg-base-100`,
+                        role: "gridcell",
+                        children: /* @__PURE__ */ a(
+                          "input",
+                          {
+                            type: o.type === "radio" ? "radio" : "checkbox",
+                            className: o.type === "radio" ? `${yt} ${gt} ${xt}` : `${fe} checkbox-sm ${he}`,
+                            checked: n,
+                            onChange: (f) => Ae(e, t, f.target.checked),
+                            "aria-label": `Select row ${t + 1}`,
+                            "data-testid": `${p}-row-${t}-select`,
+                            ...u
+                          }
+                        )
+                      }
+                    ),
+                    b.map((f, _e) => {
+                      const Ce = $e(_e, !1), de = We(f, e, t);
+                      return /* @__PURE__ */ a(
+                        "td",
+                        {
+                          className: `${me(f.align)} ${Ce.className} ${f.ellipsis ? "truncate max-w-0" : ""}`,
+                          style: Ce.style,
+                          role: "gridcell",
+                          title: f.ellipsis && typeof de == "string" ? de : void 0,
+                          "data-testid": `${p}-row-${t}-${f.key}`,
+                          children: de
+                        },
+                        f.key
+                      );
+                    })
+                  ]
+                }
+              ),
+              L && d && /* @__PURE__ */ a(
+                "tr",
+                {
+                  className: "bg-base-200/50",
+                  role: "row",
+                  "data-testid": `${p}-row-${t}-expanded`,
+                  children: /* @__PURE__ */ a(
+                    "td",
+                    {
+                      colSpan: b.length + ke,
+                      className: "p-4",
+                      role: "gridcell",
+                      children: y.expandedRowRender(e, t, d)
+                    }
+                  )
+                }
+              )
+            ] }, r);
+          }) })
+        ]
+      }
+    ) }),
+    Ze
+  ] });
+}
+const Dt = Ue(jt);
+export {
+  Dt as Table
+};
+//# sourceMappingURL=Table.js.map