asterui 0.12.58 → 0.12.59

package/dist/components/Table.js

@@ -1,82 +1,97 @@
-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 = "table", st = "table-xs", at = "table-sm", nt = "table-lg", rt = "table-xl", ot = "table-zebra", lt = "table-pin-rows", dt = "table-pin-cols", it = "dropdown", ct = "dropdown-end", ft = "dropdown-content", O = "btn", ie = "btn-ghost", ce = "btn-xs", le = "btn-sm", ht = "btn-square", ut = "btn-active", pt = "menu", fe = "checkbox", bt = "checkbox-xs", he = "checkbox-primary", yt = "radio", gt = "radio-sm", xt = "radio-primary", mt = "divider", $t = "loading", vt = "loading-spinner", kt = "loading-lg", wt = "join", de = "join-item", Ct = "select", St = "select-sm", Nt = "select-bordered", Et = "input", zt = "input-sm", Kt = "input-bordered", Rt = {
-  xs: st,
-  sm: at,
-  md: "",
-  lg: nt,
-  xl: rt
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
+import bt, { forwardRef as yt, useState as j, useMemo as G, useCallback as z, useId as mt } from "react";
+import { useConfig as xt } from "../providers/ConfigProvider.js";
+const gt = "table", $t = "table-xs", vt = "table-sm", kt = "table-md", Ct = "table-lg", Nt = "table-xl", wt = "table-zebra", St = "table-pin-rows", Rt = "table-pin-cols", Et = "dropdown", zt = "dropdown-end", Kt = "dropdown-content", D = "btn", be = "btn-ghost", ye = "btn-xs", ue = "btn-sm", Tt = "btn-square", It = "btn-active", Pt = "menu", me = "checkbox", De = "checkbox-xs", jt = "checkbox-sm", Bt = "checkbox-md", Be = "checkbox-lg", xe = "checkbox-primary", Lt = "radio", Ft = "radio-xs", Dt = "radio-sm", Ot = "radio-md", Le = "radio-lg", At = "radio-primary", Mt = "divider", Vt = "loading", Wt = "loading-spinner", Xt = "loading-lg", Jt = "join", pe = "join-item", Gt = "select", qt = "select-sm", Qt = "select-bordered", Ht = "input", Yt = "input-sm", Zt = "input-bordered", _t = {
+  xs: $t,
+  sm: vt,
+  md: kt,
+  lg: Ct,
+  xl: Nt
+}, Fe = {
+  xs: De,
+  sm: jt,
+  md: Bt,
+  lg: Be,
+  xl: Be
+  // DaisyUI max is lg
+}, Ut = {
+  xs: Ft,
+  sm: Dt,
+  md: Ot,
+  lg: Le,
+  xl: Le
+  // DaisyUI max is lg
 };
-function Pt({
-  filters: i,
+function es({
+  filters: c,
   selectedValues: v,
-  onChange: E,
-  locale: H,
-  testId: F
+  onChange: k,
+  locale: se,
+  testId: B
 }) {
-  const [T, V] = j(!1), X = et(), J = (l) => {
-    const y = v.includes(l) ? v.filter((k) => k !== l) : [...v, l];
-    E(y);
-  }, U = () => {
-    E([]), V(!1);
-  }, d = (l) => {
-    l.key === "Escape" && V(!1);
+  const [O, A] = j(!1), q = mt(), Q = (n) => {
+    const f = v.includes(n) ? v.filter((N) => N !== n) : [...v, n];
+    k(f);
+  }, ae = () => {
+    k([]), A(!1);
+  }, l = (n) => {
+    n.key === "Escape" && A(!1);
   };
-  return /* @__PURE__ */ m("div", { className: `${it} ${ct}`, onKeyDown: d, children: [
+  return /* @__PURE__ */ x("div", { className: `${Et} ${zt}`, onKeyDown: l, children: [
     /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        className: `${O} ${ie} ${ce} ${v.length > 0 ? "text-primary" : ""}`,
-        onClick: () => V(!T),
+        className: `${D} ${be} ${ye} ${v.length > 0 ? "text-primary" : ""}`,
+        onClick: () => A(!O),
         "aria-label": "Filter column",
-        "aria-expanded": T,
+        "aria-expanded": O,
         "aria-haspopup": "listbox",
-        "aria-controls": X,
-        "data-testid": `${F}-filter-button`,
+        "aria-controls": q,
+        "data-testid": `${B}-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(
+    O && /* @__PURE__ */ x(
       "div",
       {
-        id: X,
+        id: q,
         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`,
+        className: `${Kt} z-[1] ${Pt} p-2 shadow bg-base-100 rounded-box w-52 border border-base-content/10`,
+        "data-testid": `${B}-filter-dropdown`,
         children: [
-          /* @__PURE__ */ a("div", { className: "space-y-2", children: i.map((l) => /* @__PURE__ */ m(
+          /* @__PURE__ */ a("div", { className: "space-y-2", children: c.map((n) => /* @__PURE__ */ x(
             "label",
             {
               className: "flex items-center gap-2 cursor-pointer p-2 hover:bg-base-200 rounded",
               role: "option",
-              "aria-selected": v.includes(l.value),
+              "aria-selected": v.includes(n.value),
               children: [
                 /* @__PURE__ */ a(
                   "input",
                   {
                     type: "checkbox",
-                    className: `${fe} ${bt} ${he}`,
-                    checked: v.includes(l.value),
-                    onChange: () => J(l.value),
-                    "data-testid": `${F}-filter-${String(l.value)}`
+                    className: `${me} ${De} ${xe}`,
+                    checked: v.includes(n.value),
+                    onChange: () => Q(n.value),
+                    "data-testid": `${B}-filter-${String(n.value)}`
                   }
                 ),
-                /* @__PURE__ */ a("span", { className: "text-sm", children: l.text })
+                /* @__PURE__ */ a("span", { className: "text-sm", children: n.text })
               ]
             },
-            String(l.value)
+            String(n.value)
           )) }),
-          /* @__PURE__ */ a("div", { className: `${mt} my-1` }),
+          /* @__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"
+              className: `${D} ${be} ${ye} w-full`,
+              onClick: ae,
+              "data-testid": `${B}-filter-reset`,
+              children: se?.filterReset ?? "Clear"
             }
           )
         ]
@@ -84,21 +99,21 @@ function Pt({
     )
   ] });
 }
-function It({ expanded: i, onExpand: v }) {
+function ts({ expanded: c, onExpand: v }) {
   return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
-      className: `${O} ${ie} ${ce} ${ht}`,
-      onClick: (E) => {
-        E.stopPropagation(), v();
+      className: `${D} ${be} ${ye} ${Tt}`,
+      onClick: (k) => {
+        k.stopPropagation(), v();
       },
-      "aria-label": i ? "Collapse row" : "Expand row",
-      "aria-expanded": i,
+      "aria-label": c ? "Collapse row" : "Expand row",
+      "aria-expanded": c,
       children: /* @__PURE__ */ a(
         "svg",
         {
-          className: `w-4 h-4 transition-transform ${i ? "rotate-90" : ""}`,
+          className: `w-4 h-4 transition-transform ${c ? "rotate-90" : ""}`,
           fill: "none",
           stroke: "currentColor",
           viewBox: "0 0 24 24",
@@ -109,180 +124,193 @@ function It({ expanded: i, onExpand: v }) {
     }
   );
 }
-function jt({
-  columns: i,
+function ss({
+  columns: c,
   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: d,
-  rowSelection: l,
-  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(
-    d !== !1 && d?.current ? d.current : 1
-  ), [Ie, je] = j(
-    d !== !1 && d?.pageSize ? d.pageSize : Pe
-  ), w = d !== !1 && d?.pageSize !== void 0 ? d.pageSize : Ie, [be, Fe] = j(() => {
-    const e = i.find((s) => s.sortOrder !== void 0);
+  rowKey: k = "id",
+  loading: se = !1,
+  size: B,
+  bordered: O = !1,
+  hoverable: A = !0,
+  striped: q = !1,
+  pinRows: Q = !1,
+  pinCols: ae = !1,
+  pagination: l,
+  rowSelection: n,
+  expandable: f,
+  scroll: N,
+  className: Oe = "",
+  showHeader: Ae = !0,
+  rowClassName: ne,
+  onRow: Me,
+  onHeaderRow: Ve,
+  onChange: K,
+  onSortChange: ge,
+  onFilterChange: $e,
+  locale: M,
+  title: ve,
+  footer: ke,
+  summary: Ce,
+  "data-testid": We,
+  "aria-label": Xe,
+  ...Je
+}, Ge) {
+  const { componentSize: qe, locale: V } = xt(), H = B ?? qe ?? "md", oe = {
+    emptyText: M?.emptyText ?? V?.Table?.emptyText ?? "No data",
+    filterConfirm: M?.filterConfirm ?? V?.Table?.filterConfirm ?? "OK",
+    filterReset: M?.filterReset ?? V?.Table?.filterReset ?? "Reset",
+    selectAll: M?.selectAll ?? V?.Table?.selectAll ?? "Select all",
+    selectInvert: M?.selectInvert ?? V?.Table?.selectInvert ?? "Invert selection"
+  }, p = We ?? "table", Qe = 10, [R, Y] = j(
+    l !== !1 && l?.current ? l.current : 1
+  ), [He, Ye] = j(
+    l !== !1 && l?.pageSize ? l.pageSize : Qe
+  ), w = l !== !1 && l?.pageSize !== void 0 ? l.pageSize : He, [Ne, Ze] = j(() => {
+    const e = c.find((s) => s.sortOrder !== void 0);
     if (e)
       return {
         columnKey: e.key,
         order: e.sortOrder ?? null
       };
-    const t = i.find((s) => s.defaultSortOrder);
+    const t = c.find((s) => s.defaultSortOrder);
     return {
       columnKey: t?.key || null,
       order: t?.defaultSortOrder || null
     };
-  }), [ye, Be] = j(() => {
+  }), [we, _e] = j(() => {
     const e = {};
-    return i.forEach((t) => {
+    return c.forEach((t) => {
       t.filteredValue !== void 0 ? e[t.key] = t.filteredValue : t.defaultFilteredValue && (e[t.key] = t.defaultFilteredValue);
     }), e;
-  }), [De, te] = j(
-    l?.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 = l?.selectedRowKeys !== void 0, h = W(() => {
-    if (q) {
-      const e = i.find((t) => t.sortOrder !== void 0 && t.sortOrder !== null);
+  }), [Ue, re] = j(
+    n?.selectedRowKeys || []
+  ), [et, tt] = j(() => f?.expandedRowKeys ? f.expandedRowKeys : f?.defaultExpandedRowKeys ? f.defaultExpandedRowKeys : f?.defaultExpandAllRows ? v.map((e, t) => {
+    if (typeof k == "function") return k(e);
+    const s = e[k];
+    return String(s !== void 0 ? s : t);
+  }) : []), Z = c.some((e) => e.sortOrder !== void 0), _ = c.some((e) => e.filteredValue !== void 0), le = f?.expandedRowKeys !== void 0, L = n?.selectedRowKeys !== void 0, b = G(() => {
+    if (Z) {
+      const e = c.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) {
+    return Ne;
+  }, [Z, c, Ne]), T = G(() => {
+    if (_) {
       const e = {};
-      return i.forEach((t) => {
+      return c.forEach((t) => {
         t.filteredValue !== void 0 && (e[t.key] = t.filteredValue);
       }), e;
     }
-    return ye;
-  }, [Q, i, ye]), D = B ? l.selectedRowKeys : De, M = se ? y.expandedRowKeys : Le, Y = d !== !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 we;
+  }, [_, c, we]), F = L ? n.selectedRowKeys : Ue, W = le ? f.expandedRowKeys : et, U = l !== !1, y = G(() => c.filter((e) => !e.hidden), [c]), E = z((e, t) => {
+    if (typeof k == "function")
+      return k(e);
+    const s = e[k];
     return String(s !== void 0 ? s : t);
-  }, [E]), Z = W(() => {
+  }, [k]), ee = G(() => {
     let e = [...v];
-    return Object.entries(K).forEach(([t, s]) => {
+    return Object.entries(T).forEach(([t, s]) => {
       if (s && s.length > 0) {
-        const r = i.find((n) => n.key === t);
+        const r = c.find((o) => o.key === t);
         r?.onFilter && (e = e.filter(
-          (n) => s.some((o) => r.onFilter(o, n))
+          (o) => s.some((i) => r.onFilter(i, o))
         ));
       }
     }), e;
-  }, [v, K, i]), $ = W(() => {
-    if (!h.columnKey || !h.order)
-      return Z;
-    const e = i.find((s) => s.key === h.columnKey);
+  }, [v, T, c]), C = G(() => {
+    if (!b.columnKey || !b.order)
+      return ee;
+    const e = c.find((s) => s.key === b.columnKey);
     if (!e?.sorter)
-      return Z;
-    const t = [...Z];
+      return ee;
+    const t = [...ee];
     return t.sort((s, r) => {
-      let n = 0;
+      let o = 0;
       if (typeof e.sorter == "function")
-        n = e.sorter(s, r);
+        o = e.sorter(s, r);
       else if (e.dataIndex) {
-        const o = s[e.dataIndex], x = r[e.dataIndex];
-        if (o == null) return 1;
-        if (x == null) return -1;
-        o < x && (n = -1), o > x && (n = 1);
+        const i = s[e.dataIndex], u = r[e.dataIndex];
+        if (i == null) return 1;
+        if (u == null) return -1;
+        i < u && (o = -1), i > u && (o = 1);
       }
-      return h.order === "ascend" ? n : -n;
+      return b.order === "ascend" ? o : -o;
     }), t;
-  }, [Z, h, i]), R = d !== !1 && d?.total !== void 0 ? d.total : $.length, P = Math.ceil(R / w), ae = (C - 1) * w, ge = ae + w, I = Y ? $.slice(ae, ge) : $, _ = N((e) => {
-    if (G(e), d !== !1 && d?.onChange && d.onChange(e, w), z) {
+  }, [ee, b, c]), I = l !== !1 && l?.total !== void 0 ? l.total : C.length, P = Math.ceil(I / w), ie = (R - 1) * w, Se = ie + w, S = U ? C.slice(ie, Se) : C, te = z((e) => {
+    if (Y(e), l !== !1 && l?.onChange && l.onChange(e, w), K) {
       const t = {
-        column: i.find((s) => s.key === h.columnKey),
-        order: h.order,
-        field: h.columnKey ?? void 0
+        column: c.find((s) => s.key === b.columnKey),
+        order: b.order,
+        field: b.columnKey ?? void 0
       };
-      z(
-        { current: e, pageSize: w, total: R },
-        K,
+      K(
+        { current: e, pageSize: w, total: I },
+        T,
         t,
-        { currentDataSource: $, action: "paginate" }
+        { currentDataSource: C, action: "paginate" }
       );
     }
-  }, [d, w, z, i, h, K, $, R]), Te = N((e) => {
-    je(e), G(1), d !== !1 && d?.onShowSizeChange && d.onShowSizeChange(1, e), d !== !1 && d?.onChange && d.onChange(1, e);
-  }, [d]), xe = N((e) => {
-    const t = i.find((n) => n.key === e);
+  }, [l, w, K, c, b, T, C, I]), st = z((e) => {
+    Ye(e), Y(1), l !== !1 && l?.onShowSizeChange && l.onShowSizeChange(1, e), l !== !1 && l?.onChange && l.onChange(1, e);
+  }, [l]), Re = z((e) => {
+    const t = c.find((o) => o.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);
+    b.columnKey === e && (b.order === "ascend" ? s = "descend" : b.order === "descend" && (s = null)), Z || Ze({ columnKey: s ? e : null, order: s }), Y(1);
     const r = {
       column: t,
       order: s,
       field: e
     };
-    ue?.(r), z && z(
-      { current: 1, pageSize: w, total: R },
-      K,
+    ge?.(r), K && K(
+      { current: 1, pageSize: w, total: I },
+      T,
       r,
-      { currentDataSource: $, action: "sort" }
+      { currentDataSource: C, action: "sort" }
     );
-  }, [i, h, q, w, R, K, $, ue, z]), Ve = N((e, t) => {
+  }, [c, b, Z, w, I, T, C, ge, K]), at = z((e, t) => {
     const s = {
-      ...K,
+      ...T,
       [e]: t
     };
-    if (Q || Be(s), G(1), pe?.(s), z) {
+    if (_ || _e(s), Y(1), $e?.(s), K) {
       const r = {
-        column: i.find((n) => n.key === h.columnKey),
-        order: h.order,
-        field: h.columnKey ?? void 0
+        column: c.find((o) => o.key === b.columnKey),
+        order: b.order,
+        field: b.columnKey ?? void 0
       };
-      z(
-        { current: 1, pageSize: w, total: R },
+      K(
+        { current: 1, pageSize: w, total: I },
         s,
         r,
-        { currentDataSource: $, action: "filter" }
+        { currentDataSource: C, 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), l?.onChange) {
-      const s = e ? I : [];
-      l.onChange(t, s);
+  }, [T, _, c, b, w, I, C, $e, K]), nt = z((e) => {
+    const t = e ? S.map((s, r) => E(s, r)) : [];
+    if (L || re(t), n?.onChange) {
+      const s = e ? S : [];
+      n.onChange(t, s);
     }
-  }, [I, S, B, l]), Ae = N((e, t, s) => {
-    const r = S(e, t);
-    if (l?.type === "radio") {
-      const o = s ? [r] : [];
-      B || te(o), l?.onChange && l.onChange(o, s ? [e] : []);
+  }, [S, E, L, n]), ot = z((e, t, s, r) => {
+    const o = E(e, t);
+    if (n?.type === "radio") {
+      const d = s ? [o] : [], h = s ? [e] : [];
+      L || re(d), n?.onSelect?.(e, s, h, r), n?.onChange?.(d, h);
       return;
     }
-    const n = s ? [...D, r] : D.filter((o) => o !== r);
-    if (B || te(n), l?.onChange) {
-      const o = $.filter(
-        (x, c) => n.includes(S(x, c))
-      );
-      l.onChange(n, o);
-    }
-  }, [S, l, B, D, $]), ne = N((e, t) => {
-    const s = S(e, t), r = M.includes(s), n = r ? M.filter((o) => o !== s) : [...M, s];
-    se || Oe(n), y?.onExpand?.(!r, e), y?.onExpandedRowsChange?.(n);
-  }, [S, M, se, y]), We = N((e, t, s) => {
+    const i = s ? [...F, o] : F.filter((d) => d !== o);
+    L || re(i);
+    const u = C.filter(
+      (d, h) => i.includes(E(d, h))
+    );
+    n?.onSelect?.(e, s, u, r), n?.onChange?.(i, u);
+  }, [E, n, L, F, C]), de = z((e, t) => {
+    const s = E(e, t), r = W.includes(s), o = r ? W.filter((i) => i !== s) : [...W, s];
+    le || tt(o), f?.onExpand?.(!r, e), f?.onExpandedRowsChange?.(o);
+  }, [E, W, le, f]), rt = z((e, t, s) => {
     if (e.render)
       return e.render(
         e.dataIndex ? t[e.dataIndex] : void 0,
@@ -294,131 +322,131 @@ function jt({
       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];
+  }, []), Ee = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left", ze = z((e, t = !1) => {
+    const s = y[e];
     if (!s?.fixed) return { className: "" };
     const r = ["sticky", "bg-base-100"];
-    let n = 0;
-    const o = {
+    let o = 0;
+    const i = {
       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);
+      for (let d = 0; d < e; d++)
+        if (y[d].fixed === "left" && y[d].width) {
+          const h = y[d].width, m = typeof h == "number" ? h : parseInt(String(h));
+          isNaN(m) || (o += m);
         }
-      n === 0 ? r.push("left-0") : o.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;
+      o === 0 ? r.push("left-0") : i.left = `${o}px`, r.push(t ? "z-30" : "z-20");
+      let u = -1;
+      for (let d = y.length - 1; d >= 0; d--)
+        if (y[d].fixed === "left") {
+          u = d;
           break;
         }
-      e === x && (o.boxShadow = "2px 0 4px rgba(0, 0, 0, 0.1)");
+      e === u && (i.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);
+      for (let d = e + 1; d < y.length; d++)
+        if (y[d].fixed === "right" && y[d].width) {
+          const h = y[d].width, m = typeof h == "number" ? h : parseInt(String(h));
+          isNaN(m) || (o += m);
         }
-      n === 0 ? r.push("right-0") : o.right = `${n}px`, r.push(t ? "z-30" : "z-20"), e === b.findIndex((c) => c.fixed === "right") && (o.boxShadow = "-2px 0 4px rgba(0, 0, 0, 0.1)");
+      o === 0 ? r.push("right-0") : i.right = `${o}px`, r.push(t ? "z-30" : "z-20"), e === y.findIndex((d) => d.fixed === "right") && (i.boxShadow = "-2px 0 4px rgba(0, 0, 0, 0.1)");
     }
     return {
       className: r.filter(Boolean).join(" "),
-      style: Object.keys(o).length > 0 ? o : void 0
+      style: Object.keys(i).length > 0 ? i : void 0
     };
-  }, [b]), Xe = [
-    tt,
+  }, [y]), lt = [
+    gt,
     "bg-base-100",
-    Rt[F],
-    X && ot,
-    J && lt,
-    U && dt,
-    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"
+    _t[H],
+    q && wt,
+    Q && St,
+    ae && Rt,
+    Oe
+  ].filter(Boolean).join(" "), it = y.some((e) => e.fixed), Ke = f !== void 0, X = Ke && f?.showExpandColumn !== !1, J = {};
+  N?.x && (J.overflowX = "auto", J.maxWidth = typeof N.x == "number" ? `${N.x}px` : N.x), N?.y && (J.overflowY = "auto", J.maxHeight = typeof N.y == "number" ? `${N.y}px` : N.y);
+  const dt = [
+    (!Q || it || N?.x) && "overflow-x-auto",
+    O && "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 = (l ? 1 : 0) + (L ? 1 : 0), we = () => {
-    if (!Y || P <= 1 || typeof d == "boolean") return null;
-    const e = d ?? {}, t = e.position ?? "bottomRight", s = e.showSizeChanger, r = e.showQuickJumper, n = e.showTotal, o = 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)]) }),
+  if (se)
+    return /* @__PURE__ */ a("div", { className: "flex justify-center items-center p-8", "data-testid": `${p}-loading`, children: /* @__PURE__ */ a("span", { className: `${Vt} ${Wt} ${Xt}`, "aria-label": "Loading" }) });
+  const Te = S.length > 0 && S.every((e, t) => F.includes(E(e, t))), ct = S.some((e, t) => F.includes(E(e, t))), ft = oe?.emptyText ?? "No data", Ie = (n ? 1 : 0) + (X ? 1 : 0), Pe = () => {
+    if (!U || P <= 1 || typeof l == "boolean") return null;
+    const e = l ?? {}, t = e.position ?? "bottomRight", s = e.showSizeChanger, r = e.showQuickJumper, o = e.showTotal, i = e.pageSizeOptions ?? [10, 20, 50, 100], u = t.includes("Left") ? "justify-start" : t.includes("Center") ? "justify-center" : "justify-end";
+    return /* @__PURE__ */ x("div", { className: `flex items-center gap-4 ${u}`, "data-testid": `${p}-pagination`, children: [
+      o && /* @__PURE__ */ a("span", { className: "text-sm text-base-content/70", children: o(I, [ie + 1, Math.min(Se, I)]) }),
       s && /* @__PURE__ */ a(
         "select",
         {
-          className: `${Ct} ${St} ${Nt}`,
+          className: `${Gt} ${qt} ${Qt}`,
           value: w,
-          onChange: (u) => Te(Number(u.target.value)),
+          onChange: (h) => st(Number(h.target.value)),
           "aria-label": "Page size",
           "data-testid": `${p}-page-size`,
-          children: o.map((u) => /* @__PURE__ */ m("option", { value: u, children: [
-            u,
+          children: i.map((h) => /* @__PURE__ */ x("option", { value: h, children: [
+            h,
             " / page"
-          ] }, u))
+          ] }, h))
         }
       ),
-      /* @__PURE__ */ m("div", { className: wt, children: [
+      /* @__PURE__ */ x("div", { className: Jt, children: [
         /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            className: `${de} ${O} ${le}`,
-            onClick: () => _(C - 1),
-            disabled: C === 1,
+            className: `${pe} ${D} ${ue}`,
+            onClick: () => te(R - 1),
+            disabled: R === 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(
+        Array.from({ length: Math.min(P, 7) }, (h, m) => {
+          let g;
+          return P <= 7 || R <= 4 ? g = m + 1 : R >= P - 3 ? g = P - 6 + m : g = R - 3 + m, /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              className: `${de} ${O} ${le} ${C === f ? ut : ""}`,
-              onClick: () => _(f),
-              "aria-label": `Page ${f}`,
-              "aria-current": C === f ? "page" : void 0,
-              "data-testid": `${p}-page-${f}`,
-              children: f
+              className: `${pe} ${D} ${ue} ${R === g ? It : ""}`,
+              onClick: () => te(g),
+              "aria-label": `Page ${g}`,
+              "aria-current": R === g ? "page" : void 0,
+              "data-testid": `${p}-page-${g}`,
+              children: g
             },
-            f
+            g
           );
         }),
         /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            className: `${de} ${O} ${le}`,
-            onClick: () => _(C + 1),
-            disabled: C === P,
+            className: `${pe} ${D} ${ue}`,
+            onClick: () => te(R + 1),
+            disabled: R === P,
             "aria-label": "Next page",
             "data-testid": `${p}-next`,
             children: "»"
           }
         )
       ] }),
-      r && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+      r && /* @__PURE__ */ x("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`,
+            className: `${Ht} ${Yt} ${Zt} w-16`,
             min: 1,
             max: P,
-            onKeyDown: (u) => {
-              if (u.key === "Enter") {
-                const g = parseInt(u.target.value);
-                g >= 1 && g <= P && _(g);
+            onKeyDown: (h) => {
+              if (h.key === "Enter") {
+                const m = parseInt(h.target.value);
+                m >= 1 && m <= P && te(m);
               }
             },
             "aria-label": "Go to page",
@@ -427,65 +455,68 @@ function jt({
         )
       ] })
     ] });
-  }, re = d && typeof d != "boolean" ? d.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(
+  }, ce = l && typeof l != "boolean" ? l.position : void 0, ht = U && ce?.startsWith("top") ? Pe() : null, ut = U && (!ce || ce.startsWith("bottom")) ? Pe() : null;
+  return /* @__PURE__ */ x("div", { className: "space-y-4", "data-testid": p, ...Je, children: [
+    ve && /* @__PURE__ */ a("div", { className: "text-lg font-semibold", "data-testid": `${p}-title`, children: ve(S) }),
+    ht,
+    /* @__PURE__ */ a("div", { className: dt, style: J, children: /* @__PURE__ */ x(
       "table",
       {
-        ref: Re,
-        className: Xe,
+        ref: Ge,
+        className: lt,
         style: { borderCollapse: "separate", borderSpacing: 0, tableLayout: "fixed" },
         role: "grid",
-        "aria-label": ze,
-        "aria-rowcount": $.length,
+        "aria-label": Xe,
+        "aria-rowcount": C.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" }) }),
-            l && /* @__PURE__ */ a(
+          Ae && /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ x("tr", { role: "row", ...Ve?.(y) || {}, children: [
+            X && /* @__PURE__ */ a("th", { style: { width: f?.columnWidth ?? 50 }, className: "sticky left-0 z-20 bg-base-100", role: "columnheader", children: f?.columnTitle ?? /* @__PURE__ */ a("span", { className: "sr-only", children: "Expand" }) }),
+            n && /* @__PURE__ */ a(
               "th",
               {
-                style: { width: 50 },
-                className: `sticky ${L ? "" : "left-0"} z-20 bg-base-100`,
+                style: { width: n.columnWidth ?? 50 },
+                className: `${n.fixed !== !1 ? "sticky" : ""} ${n.fixed !== !1 && !X ? "left-0" : ""} z-20 bg-base-100`,
                 role: "columnheader",
-                children: l.type !== "radio" && /* @__PURE__ */ a(
+                children: n.columnTitle !== void 0 ? n.columnTitle : n.type !== "radio" && !n.hideSelectAll ? /* @__PURE__ */ a(
                   "input",
                   {
                     type: "checkbox",
-                    className: `${fe} checkbox-sm ${he}`,
-                    checked: ve,
+                    className: `${me} ${Fe[H]} ${xe}`,
+                    checked: Te,
                     ref: (e) => {
-                      e && (e.indeterminate = qe && !ve);
+                      e && (e.indeterminate = ct && !Te);
                     },
-                    onChange: (e) => Me(e.target.checked),
-                    "aria-label": ee?.selectAll ?? "Select all rows",
+                    onChange: (e) => nt(e.target.checked),
+                    "aria-label": oe?.selectAll ?? "Select all rows",
                     "data-testid": `${p}-select-all`
                   }
-                )
+                ) : null
               }
             ),
-            b.map((e, t) => {
-              const s = $e(t, !0), n = h.columnKey === e.key ? h.order : null;
+            y.map((e, t) => {
+              const s = ze(t, !0), o = b.columnKey === e.key ? b.order : null, i = e.onHeaderCell?.(e) || {};
               return /* @__PURE__ */ a(
                 "th",
                 {
-                  className: `${me(e.align)} ${s.className}`,
+                  ...i,
+                  className: [Ee(e.align), s.className, e.className, i.className].filter(Boolean).join(" "),
                   style: {
                     ...e.width ? { width: e.width } : {},
-                    ...s.style
+                    ...s.style,
+                    ...i.style
                   },
                   role: "columnheader",
-                  "aria-sort": n === "ascend" ? "ascending" : n === "descend" ? "descending" : void 0,
+                  "aria-sort": o === "ascend" ? "ascending" : o === "descend" ? "descending" : void 0,
                   "data-testid": `${p}-header-${e.key}`,
-                  children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+                  children: /* @__PURE__ */ x("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: (o) => {
-                          e.sorter && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), xe(e.key));
+                        onClick: () => e.sorter && Re(e.key),
+                        onKeyDown: (u) => {
+                          e.sorter && (u.key === "Enter" || u.key === " ") && (u.preventDefault(), Re(e.key));
                         },
                         tabIndex: e.sorter ? 0 : void 0,
                         role: e.sorter ? "button" : void 0,
@@ -493,11 +524,11 @@ function jt({
                         children: e.title
                       }
                     ),
-                    e.sorter && /* @__PURE__ */ m("div", { className: "flex flex-col", "aria-hidden": "true", children: [
+                    e.sorter && /* @__PURE__ */ x("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"}`,
+                          className: `w-3 h-3 ${o === "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" })
@@ -506,7 +537,7 @@ function jt({
                       /* @__PURE__ */ a(
                         "svg",
                         {
-                          className: `w-3 h-3 -mt-1 ${n === "descend" ? "text-primary" : "text-base-content/30"}`,
+                          className: `w-3 h-3 -mt-1 ${o === "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" })
@@ -514,12 +545,12 @@ function jt({
                       )
                     ] }),
                     e.filters && /* @__PURE__ */ a(
-                      Pt,
+                      es,
                       {
                         filters: e.filters,
-                        selectedValues: K[e.key] || [],
-                        onChange: (o) => Ve(e.key, o),
-                        locale: ee,
+                        selectedValues: T[e.key] || [],
+                        onChange: (u) => at(e.key, u),
+                        locale: oe,
                         testId: `${p}-${e.key}`
                       }
                     )
@@ -529,109 +560,116 @@ function jt({
               );
             })
           ] }) }),
-          /* @__PURE__ */ a("tbody", { children: I.length === 0 ? /* @__PURE__ */ a("tr", { role: "row", children: /* @__PURE__ */ a(
+          /* @__PURE__ */ a("tbody", { children: S.length === 0 ? /* @__PURE__ */ a("tr", { role: "row", children: /* @__PURE__ */ a(
             "td",
             {
-              colSpan: b.length + ke,
+              colSpan: y.length + Ie,
               className: "text-center py-8 text-base-content/50",
               role: "gridcell",
               "data-testid": `${p}-empty`,
-              children: Qe
+              children: ft
             }
-          ) }) : I.map((e, t) => {
-            const s = Ne?.(e, t) || {}, r = S(e, t), n = D.includes(r), o = M.includes(r), x = y?.rowExpandable ? y.rowExpandable(e) : !0, c = [
-              V && "hover:bg-base-200",
-              n && "bg-primary/10"
-            ].filter(Boolean).join(" "), u = l?.getCheckboxProps?.(e) || {}, g = (f) => {
-              s.onClick?.(f), y?.expandRowByClick && x && ne(e, t);
+          ) }) : S.map((e, t) => {
+            const s = Me?.(e, t) || {}, r = E(e, t), o = F.includes(r), i = W.includes(r), u = f?.rowExpandable ? f.rowExpandable(e) : !0, d = typeof ne == "function" ? ne(e, t) : ne, h = [
+              A && "hover:bg-base-200",
+              o && "bg-primary/10",
+              d
+            ].filter(Boolean).join(" "), m = n?.getCheckboxProps?.(e) || {}, g = ($) => {
+              s.onClick?.($), f?.expandRowByClick && u && de(e, t);
             };
-            return /* @__PURE__ */ m(He.Fragment, { children: [
-              /* @__PURE__ */ m(
+            return /* @__PURE__ */ x(bt.Fragment, { children: [
+              /* @__PURE__ */ x(
                 "tr",
                 {
-                  className: c,
+                  className: h,
                   role: "row",
-                  "aria-selected": n,
+                  "aria-selected": o,
                   "data-testid": `${p}-row-${t}`,
-                  "data-state": n ? "selected" : void 0,
+                  "data-state": o ? "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: o,
-                      onExpand: () => ne(e, t),
+                    X && /* @__PURE__ */ a("td", { className: "sticky left-0 z-10 bg-base-100", role: "gridcell", children: u && (f.expandIcon ? f.expandIcon({
+                      expanded: i,
+                      onExpand: () => de(e, t),
                       record: e
                     }) : /* @__PURE__ */ a(
-                      It,
+                      ts,
                       {
-                        expanded: o,
-                        onExpand: () => ne(e, t)
+                        expanded: i,
+                        onExpand: () => de(e, t)
                       }
                     )) }),
-                    l && /* @__PURE__ */ a(
+                    n && /* @__PURE__ */ a(
                       "td",
                       {
-                        className: `sticky ${L ? "" : "left-0"} z-10 bg-base-100`,
+                        className: `${n.fixed !== !1 ? "sticky" : ""} ${n.fixed !== !1 && !X ? "left-0" : ""} z-10 bg-base-100`,
                         role: "gridcell",
                         children: /* @__PURE__ */ a(
                           "input",
                           {
-                            type: l.type === "radio" ? "radio" : "checkbox",
-                            className: l.type === "radio" ? `${yt} ${gt} ${xt}` : `${fe} checkbox-sm ${he}`,
-                            checked: n,
-                            onChange: (f) => Ae(e, t, f.target.checked),
+                            type: n.type === "radio" ? "radio" : "checkbox",
+                            className: n.type === "radio" ? `${Lt} ${Ut[H]} ${At}` : `${me} ${Fe[H]} ${xe}`,
+                            checked: o,
+                            onChange: ($) => ot(e, t, $.target.checked, $.nativeEvent),
                             "aria-label": `Select row ${t + 1}`,
                             "data-testid": `${p}-row-${t}-select`,
-                            ...u
+                            ...m
                           }
                         )
                       }
                     ),
-                    b.map((f, _e) => {
-                      const Ce = $e(_e, !1), oe = We(f, e, t);
+                    y.map(($, pt) => {
+                      const je = ze(pt, !1), fe = rt($, e, t), he = $.onCell?.(e, t) || {};
                       return /* @__PURE__ */ a(
                         "td",
                         {
-                          className: `${me(f.align)} ${Ce.className} ${f.ellipsis ? "truncate max-w-0" : ""}`,
-                          style: Ce.style,
+                          ...he,
+                          className: [Ee($.align), je.className, $.ellipsis ? "truncate max-w-0" : "", $.className, he.className].filter(Boolean).join(" "),
+                          style: { ...je.style, ...he.style },
                           role: "gridcell",
-                          title: f.ellipsis && typeof oe == "string" ? oe : void 0,
-                          "data-testid": `${p}-row-${t}-${f.key}`,
-                          children: oe
+                          title: $.ellipsis && typeof fe == "string" ? fe : void 0,
+                          "data-testid": `${p}-row-${t}-${$.key}`,
+                          children: fe
                         },
-                        f.key
+                        $.key
                       );
                     })
                   ]
                 }
               ),
-              L && o && /* @__PURE__ */ a(
+              Ke && i && /* @__PURE__ */ a(
                 "tr",
                 {
-                  className: "bg-base-200/50",
+                  className: [
+                    "bg-base-200/50",
+                    typeof f.expandedRowClassName == "function" ? f.expandedRowClassName(e, t, i) : f.expandedRowClassName
+                  ].filter(Boolean).join(" "),
                   role: "row",
                   "data-testid": `${p}-row-${t}-expanded`,
                   children: /* @__PURE__ */ a(
                     "td",
                     {
-                      colSpan: b.length + ke,
+                      colSpan: y.length + Ie,
                       className: "p-4",
                       role: "gridcell",
-                      children: y.expandedRowRender(e, t, o)
+                      children: f.expandedRowRender(e, t, i)
                     }
                   )
                 }
               )
             ] }, r);
-          }) })
+          }) }),
+          Ce && /* @__PURE__ */ a("tfoot", { "data-testid": `${p}-summary`, children: Ce(S) })
         ]
       }
     ) }),
-    Ze
+    ut,
+    ke && /* @__PURE__ */ a("div", { className: "text-sm text-base-content/70", "data-testid": `${p}-footer`, children: ke(S) })
   ] });
 }
-const Dt = Ue(jt);
+const rs = yt(ss);
 export {
-  Dt as Table
+  rs as Table
 };
 //# sourceMappingURL=Table.js.map