asterui 0.12.25 → 0.12.27

package/dist/index80.js

@@ -1,97 +1,637 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import y from "react";
-const j = {
-  neutral: "step-neutral",
-  primary: "step-primary",
-  secondary: "step-secondary",
-  accent: "step-accent",
-  info: "step-info",
-  success: "step-success",
-  warning: "step-warning",
-  error: "step-error"
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import Ge, { forwardRef as Je, useState as I, useMemo as W, useCallback as S, useId as Qe } from "react";
+const qe = {
+  xs: "table-xs",
+  sm: "table-sm",
+  md: "",
+  lg: "table-lg",
+  xl: "table-xl"
 };
-function N({
-  children: i,
-  items: l,
-  current: e,
-  direction: p,
-  vertical: d = !1,
-  onChange: t,
-  className: c = "",
-  ...f
+function Xe({
+  filters: d,
+  selectedValues: k,
+  onChange: K,
+  locale: H,
+  testId: F
 }) {
-  const n = ["steps", (p === "vertical" || d) && "steps-vertical", c].filter(Boolean).join(" ");
-  if (l && l.length > 0)
-    return /* @__PURE__ */ a("ul", { className: n, ...f, children: l.map((s, o) => {
-      const C = e !== void 0 && o < e, r = e !== void 0 && o === e, v = s.color || (C || r ? "primary" : void 0);
-      return /* @__PURE__ */ a(
-        k,
-        {
-          color: v,
-          icon: s.icon,
-          title: s.title,
-          description: s.description,
-          disabled: s.disabled,
-          _index: o,
-          _clickable: !!t && !s.disabled,
-          _onClick: t,
-          "aria-current": r ? "step" : void 0
-        },
-        s.key ?? o
-      );
-    }) });
-  const u = e !== void 0 ? y.Children.map(i, (s, o) => {
-    if (y.isValidElement(s)) {
-      const C = o < e, r = o === e, v = s.props.color || (C || r ? "primary" : void 0);
-      return y.cloneElement(s, {
-        color: v,
-        _index: o,
-        _clickable: !!t && !s.props.disabled,
-        _onClick: t,
-        "aria-current": r ? "step" : void 0
-      });
-    }
-    return s;
-  }) : i;
-  return /* @__PURE__ */ a("ul", { className: n, ...f, children: u });
+  const [V, B] = I(!1), A = Qe(), _ = (i) => {
+    const y = k.includes(i) ? k.filter((w) => w !== i) : [...k, i];
+    K(y);
+  }, U = () => {
+    K([]), B(!1);
+  };
+  return /* @__PURE__ */ m("div", { className: "dropdown dropdown-end", onKeyDown: (i) => {
+    i.key === "Escape" && B(!1);
+  }, children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: `btn btn-ghost btn-xs ${k.length > 0 ? "text-primary" : ""}`,
+        onClick: () => B(!V),
+        "aria-label": "Filter column",
+        "aria-expanded": V,
+        "aria-haspopup": "listbox",
+        "aria-controls": A,
+        "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" }) })
+      }
+    ),
+    V && /* @__PURE__ */ m(
+      "div",
+      {
+        id: A,
+        role: "listbox",
+        "aria-multiselectable": "true",
+        className: "dropdown-content z-[1] menu 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: d.map((i) => /* @__PURE__ */ m(
+            "label",
+            {
+              className: "flex items-center gap-2 cursor-pointer p-2 hover:bg-base-200 rounded",
+              role: "option",
+              "aria-selected": k.includes(i.value),
+              children: [
+                /* @__PURE__ */ a(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "checkbox checkbox-xs checkbox-primary",
+                    checked: k.includes(i.value),
+                    onChange: () => _(i.value),
+                    "data-testid": `${F}-filter-${String(i.value)}`
+                  }
+                ),
+                /* @__PURE__ */ a("span", { className: "text-sm", children: i.text })
+              ]
+            },
+            String(i.value)
+          )) }),
+          /* @__PURE__ */ a("div", { className: "divider my-1" }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "btn btn-ghost btn-xs w-full",
+              onClick: U,
+              "data-testid": `${F}-filter-reset`,
+              children: H?.filterReset ?? "Clear"
+            }
+          )
+        ]
+      }
+    )
+  ] });
 }
-function k({
-  children: i,
-  title: l,
-  description: e,
-  icon: p,
-  color: d,
-  dataContent: t,
-  disabled: c = !1,
-  className: f = "",
-  _index: m,
-  _clickable: n,
-  _onClick: u,
-  ...s
-}) {
-  const o = ["step", d && j[d], c && "step-disabled", f].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b(
-    "li",
+function Ye({ expanded: d, onExpand: k }) {
+  return /* @__PURE__ */ a(
+    "button",
     {
-      className: o,
-      "data-content": t,
-      onClick: () => {
-        n && u && m !== void 0 && !c && u(m);
+      type: "button",
+      className: "btn btn-ghost btn-xs btn-square",
+      onClick: (K) => {
+        K.stopPropagation(), k();
       },
-      style: n && !c ? { cursor: "pointer" } : void 0,
-      ...s,
-      children: [
-        p && /* @__PURE__ */ a("span", { className: "step-icon", children: p }),
-        l ?? i,
-        e && /* @__PURE__ */ a("span", { className: "text-xs opacity-70 block", children: e })
-      ]
+      "aria-label": d ? "Collapse row" : "Expand row",
+      "aria-expanded": d,
+      children: /* @__PURE__ */ a(
+        "svg",
+        {
+          className: `w-4 h-4 transition-transform ${d ? "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" })
+        }
+      )
     }
   );
 }
-const S = Object.assign(N, {
-  Step: k
-});
+function He({
+  columns: d,
+  dataSource: k,
+  rowKey: K = "id",
+  loading: H = !1,
+  size: F = "md",
+  bordered: V = !1,
+  hoverable: B = !0,
+  striped: A = !1,
+  pinRows: _ = !1,
+  pinCols: U = !1,
+  pagination: o,
+  rowSelection: i,
+  expandable: y,
+  scroll: w,
+  className: ge = "",
+  onRow: me,
+  onChange: z,
+  onSortChange: le,
+  onFilterChange: ie,
+  locale: Z,
+  "data-testid": ve,
+  "aria-label": ke,
+  ...we
+}, Ce) {
+  const p = ve ?? "table", Ne = 10, [N, G] = I(
+    o !== !1 && o?.current ? o.current : 1
+  ), [$e, Se] = I(
+    o !== !1 && o?.pageSize ? o.pageSize : Ne
+  ), C = o !== !1 && o?.pageSize !== void 0 ? o.pageSize : $e, [oe, Ke] = I(() => {
+    const e = d.find((s) => s.sortOrder !== void 0);
+    if (e)
+      return {
+        columnKey: e.key,
+        order: e.sortOrder ?? null
+      };
+    const t = d.find((s) => s.defaultSortOrder);
+    return {
+      columnKey: t?.key || null,
+      order: t?.defaultSortOrder || null
+    };
+  }), [de, ze] = I(() => {
+    const e = {};
+    return d.forEach((t) => {
+      t.filteredValue !== void 0 ? e[t.key] = t.filteredValue : t.defaultFilteredValue && (e[t.key] = t.defaultFilteredValue);
+    }), e;
+  }), [Ee, ee] = I(
+    i?.selectedRowKeys || []
+  ), [Re, je] = I(
+    y?.expandedRowKeys ?? y?.defaultExpandedRowKeys ?? []
+  ), J = d.some((e) => e.sortOrder !== void 0), Q = d.some((e) => e.filteredValue !== void 0), te = y?.expandedRowKeys !== void 0, O = i?.selectedRowKeys !== void 0, h = W(() => {
+    if (J) {
+      const e = d.find((t) => t.sortOrder !== void 0 && t.sortOrder !== null);
+      return {
+        columnKey: e?.key ?? null,
+        order: e?.sortOrder ?? null
+      };
+    }
+    return oe;
+  }, [J, d, oe]), E = W(() => {
+    if (Q) {
+      const e = {};
+      return d.forEach((t) => {
+        t.filteredValue !== void 0 && (e[t.key] = t.filteredValue);
+      }), e;
+    }
+    return de;
+  }, [Q, d, de]), D = O ? i.selectedRowKeys : Ee, M = te ? y.expandedRowKeys : Re, q = o !== !1, b = W(() => d.filter((e) => !e.hidden), [d]), $ = S((e, t) => {
+    if (typeof K == "function")
+      return K(e);
+    const s = e[K];
+    return String(s !== void 0 ? s : t);
+  }, [K]), X = W(() => {
+    let e = [...k];
+    return Object.entries(E).forEach(([t, s]) => {
+      if (s && s.length > 0) {
+        const n = d.find((r) => r.key === t);
+        n?.onFilter && (e = e.filter(
+          (r) => s.some((l) => n.onFilter(l, r))
+        ));
+      }
+    }), e;
+  }, [k, E, d]), v = W(() => {
+    if (!h.columnKey || !h.order)
+      return X;
+    const e = d.find((s) => s.key === h.columnKey);
+    if (!e?.sorter)
+      return X;
+    const t = [...X];
+    return t.sort((s, n) => {
+      let r = 0;
+      if (typeof e.sorter == "function")
+        r = e.sorter(s, n);
+      else if (e.dataIndex) {
+        const l = s[e.dataIndex], g = n[e.dataIndex];
+        if (l == null) return 1;
+        if (g == null) return -1;
+        l < g && (r = -1), l > g && (r = 1);
+      }
+      return h.order === "ascend" ? r : -r;
+    }), t;
+  }, [X, h, d]), R = o !== !1 && o?.total !== void 0 ? o.total : v.length, j = Math.ceil(R / C), se = (N - 1) * C, ce = se + C, P = q ? v.slice(se, ce) : v, Y = S((e) => {
+    if (G(e), o !== !1 && o?.onChange && o.onChange(e, C), z) {
+      const t = {
+        column: d.find((s) => s.key === h.columnKey),
+        order: h.order,
+        field: h.columnKey ?? void 0
+      };
+      z(
+        { current: e, pageSize: C, total: R },
+        E,
+        t,
+        { currentDataSource: v, action: "paginate" }
+      );
+    }
+  }, [o, C, z, d, h, E, v, R]), Pe = S((e) => {
+    Se(e), G(1), o !== !1 && o?.onShowSizeChange && o.onShowSizeChange(1, e), o !== !1 && o?.onChange && o.onChange(1, e);
+  }, [o]), fe = S((e) => {
+    const t = d.find((r) => r.key === e);
+    let s = "ascend";
+    h.columnKey === e && (h.order === "ascend" ? s = "descend" : h.order === "descend" && (s = null)), J || Ke({ columnKey: s ? e : null, order: s }), G(1);
+    const n = {
+      column: t,
+      order: s,
+      field: e
+    };
+    le?.(n), z && z(
+      { current: 1, pageSize: C, total: R },
+      E,
+      n,
+      { currentDataSource: v, action: "sort" }
+    );
+  }, [d, h, J, C, R, E, v, le, z]), Ie = S((e, t) => {
+    const s = {
+      ...E,
+      [e]: t
+    };
+    if (Q || ze(s), G(1), ie?.(s), z) {
+      const n = {
+        column: d.find((r) => r.key === h.columnKey),
+        order: h.order,
+        field: h.columnKey ?? void 0
+      };
+      z(
+        { current: 1, pageSize: C, total: R },
+        s,
+        n,
+        { currentDataSource: v, action: "filter" }
+      );
+    }
+  }, [E, Q, d, h, C, R, v, ie, z]), Fe = S((e) => {
+    const t = e ? P.map((s, n) => $(s, n)) : [];
+    if (O || ee(t), i?.onChange) {
+      const s = e ? P : [];
+      i.onChange(t, s);
+    }
+  }, [P, $, O, i]), Oe = S((e, t, s) => {
+    const n = $(e, t);
+    if (i?.type === "radio") {
+      const l = s ? [n] : [];
+      O || ee(l), i?.onChange && i.onChange(l, s ? [e] : []);
+      return;
+    }
+    const r = s ? [...D, n] : D.filter((l) => l !== n);
+    if (O || ee(r), i?.onChange) {
+      const l = v.filter(
+        (g, c) => r.includes($(g, c))
+      );
+      i.onChange(r, l);
+    }
+  }, [$, i, O, D, v]), ae = S((e, t) => {
+    const s = $(e, t), n = M.includes(s), r = n ? M.filter((l) => l !== s) : [...M, s];
+    te || je(r), y?.onExpand?.(!n, e), y?.onExpandedRowsChange?.(r);
+  }, [$, M, te, y]), De = S((e, t, s) => {
+    if (e.render)
+      return e.render(
+        e.dataIndex ? t[e.dataIndex] : void 0,
+        t,
+        s
+      );
+    if (e.dataIndex) {
+      const n = t[e.dataIndex];
+      return n != null ? String(n) : "";
+    }
+    return "";
+  }, []), he = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left", ue = S((e, t = !1) => {
+    const s = b[e];
+    if (!s?.fixed) return { className: "" };
+    const n = ["sticky", "bg-base-100"];
+    let r = 0;
+    const l = {
+      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, x = typeof u == "number" ? u : parseInt(String(u));
+          isNaN(x) || (r += x);
+        }
+      r === 0 ? n.push("left-0") : l.left = `${r}px`, n.push(t ? "z-30" : "z-20");
+      let g = -1;
+      for (let c = b.length - 1; c >= 0; c--)
+        if (b[c].fixed === "left") {
+          g = c;
+          break;
+        }
+      e === g && (l.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, x = typeof u == "number" ? u : parseInt(String(u));
+          isNaN(x) || (r += x);
+        }
+      r === 0 ? n.push("right-0") : l.right = `${r}px`, n.push(t ? "z-30" : "z-20"), e === b.findIndex((c) => c.fixed === "right") && (l.boxShadow = "-2px 0 4px rgba(0, 0, 0, 0.1)");
+    }
+    return {
+      className: n.filter(Boolean).join(" "),
+      style: Object.keys(l).length > 0 ? l : void 0
+    };
+  }, [b]), Le = [
+    "table",
+    "bg-base-100",
+    qe[F],
+    A && "table-zebra",
+    _ && "table-pin-rows",
+    U && "table-pin-cols",
+    ge
+  ].filter(Boolean).join(" "), Ve = b.some((e) => e.fixed), L = y !== void 0, T = {};
+  w?.x && (T.overflowX = "auto", T.maxWidth = typeof w.x == "number" ? `${w.x}px` : w.x), w?.y && (T.overflowY = "auto", T.maxHeight = typeof w.y == "number" ? `${w.y}px` : w.y);
+  const Be = [
+    (!_ || Ve || w?.x) && "overflow-x-auto",
+    V && "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: "loading loading-spinner loading-lg", "aria-label": "Loading" }) });
+  const pe = P.length > 0 && P.every((e, t) => D.includes($(e, t))), Me = P.some((e, t) => D.includes($(e, t))), Te = Z?.emptyText ?? "No data", be = (i ? 1 : 0) + (L ? 1 : 0), ye = () => {
+    if (!q || j <= 1 || typeof o == "boolean") return null;
+    const e = o ?? {}, t = e.position ?? "bottomRight", s = e.showSizeChanger, n = e.showQuickJumper, r = e.showTotal, l = e.pageSizeOptions ?? [10, 20, 50, 100], g = t.includes("Left") ? "justify-start" : t.includes("Center") ? "justify-center" : "justify-end";
+    return /* @__PURE__ */ m("div", { className: `flex items-center gap-4 ${g}`, "data-testid": `${p}-pagination`, children: [
+      r && /* @__PURE__ */ a("span", { className: "text-sm text-base-content/70", children: r(R, [se + 1, Math.min(ce, R)]) }),
+      s && /* @__PURE__ */ a(
+        "select",
+        {
+          className: "select select-sm select-bordered",
+          value: C,
+          onChange: (u) => Pe(Number(u.target.value)),
+          "aria-label": "Page size",
+          "data-testid": `${p}-page-size`,
+          children: l.map((u) => /* @__PURE__ */ m("option", { value: u, children: [
+            u,
+            " / page"
+          ] }, u))
+        }
+      ),
+      /* @__PURE__ */ m("div", { className: "join", children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "join-item btn btn-sm",
+            onClick: () => Y(N - 1),
+            disabled: N === 1,
+            "aria-label": "Previous page",
+            "data-testid": `${p}-prev`,
+            children: "«"
+          }
+        ),
+        Array.from({ length: Math.min(j, 7) }, (u, x) => {
+          let f;
+          return j <= 7 || N <= 4 ? f = x + 1 : N >= j - 3 ? f = j - 6 + x : f = N - 3 + x, /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: `join-item btn btn-sm ${N === f ? "btn-active" : ""}`,
+              onClick: () => Y(f),
+              "aria-label": `Page ${f}`,
+              "aria-current": N === f ? "page" : void 0,
+              "data-testid": `${p}-page-${f}`,
+              children: f
+            },
+            f
+          );
+        }),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "join-item btn btn-sm",
+            onClick: () => Y(N + 1),
+            disabled: N === j,
+            "aria-label": "Next page",
+            "data-testid": `${p}-next`,
+            children: "»"
+          }
+        )
+      ] }),
+      n && /* @__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: "input input-sm input-bordered w-16",
+            min: 1,
+            max: j,
+            onKeyDown: (u) => {
+              if (u.key === "Enter") {
+                const x = parseInt(u.target.value);
+                x >= 1 && x <= j && Y(x);
+              }
+            },
+            "aria-label": "Go to page",
+            "data-testid": `${p}-jumper`
+          }
+        )
+      ] })
+    ] });
+  }, re = o && typeof o != "boolean" ? o.position : void 0, We = q && re?.startsWith("top") ? ye() : null, Ae = q && (!re || re.startsWith("bottom")) ? ye() : null;
+  return /* @__PURE__ */ m("div", { className: "space-y-4", "data-testid": p, ...we, children: [
+    We,
+    /* @__PURE__ */ a("div", { className: Be, style: T, children: /* @__PURE__ */ m(
+      "table",
+      {
+        ref: Ce,
+        className: Le,
+        style: { borderCollapse: "separate", borderSpacing: 0, tableLayout: "fixed" },
+        role: "grid",
+        "aria-label": ke,
+        "aria-rowcount": v.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" }) }),
+            i && /* @__PURE__ */ a(
+              "th",
+              {
+                style: { width: 50 },
+                className: `sticky ${L ? "" : "left-0"} z-20 bg-base-100`,
+                role: "columnheader",
+                children: i.type !== "radio" && /* @__PURE__ */ a(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "checkbox checkbox-sm checkbox-primary",
+                    checked: pe,
+                    ref: (e) => {
+                      e && (e.indeterminate = Me && !pe);
+                    },
+                    onChange: (e) => Fe(e.target.checked),
+                    "aria-label": Z?.selectAll ?? "Select all rows",
+                    "data-testid": `${p}-select-all`
+                  }
+                )
+              }
+            ),
+            b.map((e, t) => {
+              const s = ue(t, !0), r = h.columnKey === e.key ? h.order : null;
+              return /* @__PURE__ */ a(
+                "th",
+                {
+                  className: `${he(e.align)} ${s.className}`,
+                  style: {
+                    ...e.width ? { width: e.width } : {},
+                    ...s.style
+                  },
+                  role: "columnheader",
+                  "aria-sort": r === "ascend" ? "ascending" : r === "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 && fe(e.key),
+                        onKeyDown: (l) => {
+                          e.sorter && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), fe(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 ${r === "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 ${r === "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(
+                      Xe,
+                      {
+                        filters: e.filters,
+                        selectedValues: E[e.key] || [],
+                        onChange: (l) => Ie(e.key, l),
+                        locale: Z,
+                        testId: `${p}-${e.key}`
+                      }
+                    )
+                  ] })
+                },
+                e.key
+              );
+            })
+          ] }) }),
+          /* @__PURE__ */ a("tbody", { children: P.length === 0 ? /* @__PURE__ */ a("tr", { role: "row", children: /* @__PURE__ */ a(
+            "td",
+            {
+              colSpan: b.length + be,
+              className: "text-center py-8 text-base-content/50",
+              role: "gridcell",
+              "data-testid": `${p}-empty`,
+              children: Te
+            }
+          ) }) : P.map((e, t) => {
+            const s = me?.(e, t) || {}, n = $(e, t), r = D.includes(n), l = M.includes(n), g = y?.rowExpandable ? y.rowExpandable(e) : !0, c = [
+              B && "hover:bg-base-200",
+              r && "bg-primary/10"
+            ].filter(Boolean).join(" "), u = i?.getCheckboxProps?.(e) || {}, x = (f) => {
+              s.onClick?.(f), y?.expandRowByClick && g && ae(e, t);
+            };
+            return /* @__PURE__ */ m(Ge.Fragment, { children: [
+              /* @__PURE__ */ m(
+                "tr",
+                {
+                  className: c,
+                  role: "row",
+                  "aria-selected": r,
+                  "data-testid": `${p}-row-${t}`,
+                  "data-state": r ? "selected" : void 0,
+                  ...s,
+                  onClick: x,
+                  children: [
+                    L && /* @__PURE__ */ a("td", { className: "sticky left-0 z-10 bg-base-100", role: "gridcell", children: g && (y.expandIcon ? y.expandIcon({
+                      expanded: l,
+                      onExpand: () => ae(e, t),
+                      record: e
+                    }) : /* @__PURE__ */ a(
+                      Ye,
+                      {
+                        expanded: l,
+                        onExpand: () => ae(e, t)
+                      }
+                    )) }),
+                    i && /* @__PURE__ */ a(
+                      "td",
+                      {
+                        className: `sticky ${L ? "" : "left-0"} z-10 bg-base-100`,
+                        role: "gridcell",
+                        children: /* @__PURE__ */ a(
+                          "input",
+                          {
+                            type: i.type === "radio" ? "radio" : "checkbox",
+                            className: i.type === "radio" ? "radio radio-sm radio-primary" : "checkbox checkbox-sm checkbox-primary",
+                            checked: r,
+                            onChange: (f) => Oe(e, t, f.target.checked),
+                            "aria-label": `Select row ${t + 1}`,
+                            "data-testid": `${p}-row-${t}-select`,
+                            ...u
+                          }
+                        )
+                      }
+                    ),
+                    b.map((f, _e) => {
+                      const xe = ue(_e, !1), ne = De(f, e, t);
+                      return /* @__PURE__ */ a(
+                        "td",
+                        {
+                          className: `${he(f.align)} ${xe.className} ${f.ellipsis ? "truncate max-w-0" : ""}`,
+                          style: xe.style,
+                          role: "gridcell",
+                          title: f.ellipsis && typeof ne == "string" ? ne : void 0,
+                          "data-testid": `${p}-row-${t}-${f.key}`,
+                          children: ne
+                        },
+                        f.key
+                      );
+                    })
+                  ]
+                }
+              ),
+              L && l && /* @__PURE__ */ a(
+                "tr",
+                {
+                  className: "bg-base-200/50",
+                  role: "row",
+                  "data-testid": `${p}-row-${t}-expanded`,
+                  children: /* @__PURE__ */ a(
+                    "td",
+                    {
+                      colSpan: b.length + be,
+                      className: "p-4",
+                      role: "gridcell",
+                      children: y.expandedRowRender(e, t, l)
+                    }
+                  )
+                }
+              )
+            ] }, n);
+          }) })
+        ]
+      }
+    ) }),
+    Ae
+  ] });
+}
+const et = Je(He);
 export {
-  S as Steps
+  et as Table
 };
 //# sourceMappingURL=index80.js.map