asterui 0.12.49 → 0.12.50

package/dist/components/Table.js

@@ -1,65 +1,65 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import Je, { forwardRef as Qe, useState as I, useMemo as W, useCallback as S, useId as qe } from "react";
-const Xe = {
-  xs: "table-xs",
-  sm: "table-sm",
+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: "table-lg",
-  xl: "table-xl"
+  lg: nt,
+  xl: rt
 };
-function Ye({
-  filters: d,
-  selectedValues: k,
-  onChange: K,
+function Pt({
+  filters: i,
+  selectedValues: v,
+  onChange: E,
   locale: H,
   testId: F
 }) {
-  const [V, B] = I(!1), A = qe(), G = (l) => {
-    const y = k.includes(l) ? k.filter((w) => w !== l) : [...k, l];
-    K(y);
+  const [T, V] = j(!1), X = et(), J = (l) => {
+    const y = v.includes(l) ? v.filter((k) => k !== l) : [...v, l];
+    E(y);
   }, U = () => {
-    K([]), B(!1);
+    E([]), V(!1);
+  }, d = (l) => {
+    l.key === "Escape" && V(!1);
   };
-  return /* @__PURE__ */ m("div", { className: "dropdown dropdown-end", onKeyDown: (l) => {
-    l.key === "Escape" && B(!1);
-  }, children: [
+  return /* @__PURE__ */ m("div", { className: `${it} ${ct}`, onKeyDown: d, children: [
     /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        className: `btn btn-ghost btn-xs ${k.length > 0 ? "text-primary" : ""}`,
-        onClick: () => B(!V),
+        className: `${O} ${ie} ${ce} ${v.length > 0 ? "text-primary" : ""}`,
+        onClick: () => V(!T),
         "aria-label": "Filter column",
-        "aria-expanded": V,
+        "aria-expanded": T,
         "aria-haspopup": "listbox",
-        "aria-controls": A,
+        "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" }) })
       }
     ),
-    V && /* @__PURE__ */ m(
+    T && /* @__PURE__ */ m(
       "div",
       {
-        id: A,
+        id: X,
         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",
+        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: d.map((l) => /* @__PURE__ */ m(
+          /* @__PURE__ */ a("div", { className: "space-y-2", children: i.map((l) => /* @__PURE__ */ m(
             "label",
             {
               className: "flex items-center gap-2 cursor-pointer p-2 hover:bg-base-200 rounded",
               role: "option",
-              "aria-selected": k.includes(l.value),
+              "aria-selected": v.includes(l.value),
               children: [
                 /* @__PURE__ */ a(
                   "input",
                   {
                     type: "checkbox",
-                    className: "checkbox checkbox-xs checkbox-primary",
-                    checked: k.includes(l.value),
-                    onChange: () => G(l.value),
+                    className: `${fe} ${bt} ${he}`,
+                    checked: v.includes(l.value),
+                    onChange: () => J(l.value),
                     "data-testid": `${F}-filter-${String(l.value)}`
                   }
                 ),
@@ -68,12 +68,12 @@ function Ye({
             },
             String(l.value)
           )) }),
-          /* @__PURE__ */ a("div", { className: "divider my-1" }),
+          /* @__PURE__ */ a("div", { className: `${mt} my-1` }),
           /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              className: "btn btn-ghost btn-xs w-full",
+              className: `${O} ${ie} ${ce} w-full`,
               onClick: U,
               "data-testid": `${F}-filter-reset`,
               children: H?.filterReset ?? "Clear"
@@ -84,21 +84,21 @@ function Ye({
     )
   ] });
 }
-function _e({ expanded: d, onExpand: k }) {
+function It({ expanded: i, onExpand: v }) {
   return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
-      className: "btn btn-ghost btn-xs btn-square",
-      onClick: (K) => {
-        K.stopPropagation(), k();
+      className: `${O} ${ie} ${ce} ${ht}`,
+      onClick: (E) => {
+        E.stopPropagation(), v();
       },
-      "aria-label": d ? "Collapse row" : "Expand row",
-      "aria-expanded": d,
+      "aria-label": i ? "Collapse row" : "Expand row",
+      "aria-expanded": i,
       children: /* @__PURE__ */ a(
         "svg",
         {
-          className: `w-4 h-4 transition-transform ${d ? "rotate-90" : ""}`,
+          className: `w-4 h-4 transition-transform ${i ? "rotate-90" : ""}`,
           fill: "none",
           stroke: "currentColor",
           viewBox: "0 0 24 24",
@@ -109,180 +109,180 @@ function _e({ expanded: d, onExpand: k }) {
     }
   );
 }
-function He({
-  columns: d,
-  dataSource: k,
-  rowKey: K = "id",
+function jt({
+  columns: i,
+  dataSource: v,
+  rowKey: E = "id",
   loading: H = !1,
   size: F = "md",
-  bordered: V = !1,
-  hoverable: B = !0,
-  striped: A = !1,
-  pinRows: G = !1,
+  bordered: T = !1,
+  hoverable: V = !0,
+  striped: X = !1,
+  pinRows: J = !1,
   pinCols: U = !1,
-  pagination: o,
+  pagination: d,
   rowSelection: l,
   expandable: y,
-  scroll: w,
-  className: ge = "",
-  onRow: me,
+  scroll: k,
+  className: Se = "",
+  onRow: Ne,
   onChange: z,
-  onSortChange: ie,
-  onFilterChange: le,
-  locale: Z,
-  "data-testid": ve,
-  "aria-label": ke,
-  ...we
-}, Ce) {
-  const p = ve ?? "table", Ne = 10, [N, J] = 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);
+  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);
     if (e)
       return {
         columnKey: e.key,
         order: e.sortOrder ?? null
       };
-    const t = d.find((s) => s.defaultSortOrder);
+    const t = i.find((s) => s.defaultSortOrder);
     return {
       columnKey: t?.key || null,
       order: t?.defaultSortOrder || null
     };
-  }), [de, ze] = I(() => {
+  }), [ye, Be] = j(() => {
     const e = {};
-    return d.forEach((t) => {
+    return i.forEach((t) => {
       t.filteredValue !== void 0 ? e[t.key] = t.filteredValue : t.defaultFilteredValue && (e[t.key] = t.defaultFilteredValue);
     }), e;
-  }), [Ee, ee] = I(
+  }), [De, te] = j(
     l?.selectedRowKeys || []
-  ), [Re, je] = I(
+  ), [Le, Oe] = j(
     y?.expandedRowKeys ?? y?.defaultExpandedRowKeys ?? []
-  ), Q = d.some((e) => e.sortOrder !== void 0), q = d.some((e) => e.filteredValue !== void 0), te = y?.expandedRowKeys !== void 0, O = l?.selectedRowKeys !== void 0, h = W(() => {
-    if (Q) {
-      const e = d.find((t) => t.sortOrder !== void 0 && t.sortOrder !== null);
+  ), 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);
       return {
         columnKey: e?.key ?? null,
         order: e?.sortOrder ?? null
       };
     }
-    return oe;
-  }, [Q, d, oe]), E = W(() => {
-    if (q) {
+    return be;
+  }, [q, i, be]), K = W(() => {
+    if (Q) {
       const e = {};
-      return d.forEach((t) => {
+      return i.forEach((t) => {
         t.filteredValue !== void 0 && (e[t.key] = t.filteredValue);
       }), e;
     }
-    return de;
-  }, [q, d, de]), D = O ? l.selectedRowKeys : Ee, M = te ? y.expandedRowKeys : Re, X = 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 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 String(s !== void 0 ? s : t);
-  }, [K]), Y = W(() => {
-    let e = [...k];
-    return Object.entries(E).forEach(([t, s]) => {
+  }, [E]), Z = W(() => {
+    let e = [...v];
+    return Object.entries(K).forEach(([t, s]) => {
       if (s && s.length > 0) {
-        const n = d.find((r) => r.key === t);
-        n?.onFilter && (e = e.filter(
-          (r) => s.some((i) => n.onFilter(i, r))
+        const r = i.find((n) => n.key === t);
+        r?.onFilter && (e = e.filter(
+          (n) => s.some((o) => r.onFilter(o, n))
         ));
       }
     }), e;
-  }, [k, E, d]), v = W(() => {
+  }, [v, K, i]), $ = W(() => {
     if (!h.columnKey || !h.order)
-      return Y;
-    const e = d.find((s) => s.key === h.columnKey);
+      return Z;
+    const e = i.find((s) => s.key === h.columnKey);
     if (!e?.sorter)
-      return Y;
-    const t = [...Y];
-    return t.sort((s, n) => {
-      let r = 0;
+      return Z;
+    const t = [...Z];
+    return t.sort((s, r) => {
+      let n = 0;
       if (typeof e.sorter == "function")
-        r = e.sorter(s, n);
+        n = e.sorter(s, r);
       else if (e.dataIndex) {
-        const i = s[e.dataIndex], g = n[e.dataIndex];
-        if (i == null) return 1;
-        if (g == null) return -1;
-        i < g && (r = -1), i > g && (r = 1);
+        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);
       }
-      return h.order === "ascend" ? r : -r;
+      return h.order === "ascend" ? n : -n;
     }), t;
-  }, [Y, 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 = X ? v.slice(se, ce) : v, _ = S((e) => {
-    if (J(e), o !== !1 && o?.onChange && o.onChange(e, C), z) {
+  }, [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) {
       const t = {
-        column: d.find((s) => s.key === h.columnKey),
+        column: i.find((s) => s.key === h.columnKey),
         order: h.order,
         field: h.columnKey ?? void 0
       };
       z(
-        { current: e, pageSize: C, total: R },
-        E,
+        { current: e, pageSize: w, total: R },
+        K,
         t,
-        { currentDataSource: v, action: "paginate" }
+        { currentDataSource: $, action: "paginate" }
       );
     }
-  }, [o, C, z, d, h, E, v, R]), Pe = S((e) => {
-    Se(e), J(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);
+  }, [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);
     let s = "ascend";
-    h.columnKey === e && (h.order === "ascend" ? s = "descend" : h.order === "descend" && (s = null)), Q || Ke({ columnKey: s ? e : null, order: s }), J(1);
-    const n = {
+    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
     };
-    ie?.(n), z && z(
-      { current: 1, pageSize: C, total: R },
-      E,
-      n,
-      { currentDataSource: v, action: "sort" }
+    ue?.(r), z && z(
+      { current: 1, pageSize: w, total: R },
+      K,
+      r,
+      { currentDataSource: $, action: "sort" }
     );
-  }, [d, h, Q, C, R, E, v, ie, z]), Ie = S((e, t) => {
+  }, [i, h, q, w, R, K, $, ue, z]), Ve = N((e, t) => {
     const s = {
-      ...E,
+      ...K,
       [e]: t
     };
-    if (q || ze(s), J(1), le?.(s), z) {
-      const n = {
-        column: d.find((r) => r.key === h.columnKey),
+    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: C, total: R },
+        { current: 1, pageSize: w, total: R },
         s,
-        n,
-        { currentDataSource: v, action: "filter" }
+        r,
+        { currentDataSource: $, action: "filter" }
       );
     }
-  }, [E, q, d, h, C, R, v, le, z]), Fe = S((e) => {
-    const t = e ? P.map((s, n) => $(s, n)) : [];
-    if (O || ee(t), l?.onChange) {
-      const s = e ? P : [];
+  }, [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);
     }
-  }, [P, $, O, l]), Oe = S((e, t, s) => {
-    const n = $(e, t);
+  }, [I, S, B, l]), Ae = N((e, t, s) => {
+    const r = S(e, t);
     if (l?.type === "radio") {
-      const i = s ? [n] : [];
-      O || ee(i), l?.onChange && l.onChange(i, s ? [e] : []);
+      const o = s ? [r] : [];
+      B || te(o), l?.onChange && l.onChange(o, s ? [e] : []);
       return;
     }
-    const r = s ? [...D, n] : D.filter((i) => i !== n);
-    if (O || ee(r), l?.onChange) {
-      const i = v.filter(
-        (g, c) => r.includes($(g, c))
+    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(r, i);
+      l.onChange(n, o);
     }
-  }, [$, l, O, D, v]), ae = S((e, t) => {
-    const s = $(e, t), n = M.includes(s), r = n ? M.filter((i) => i !== s) : [...M, s];
-    te || je(r), y?.onExpand?.(!n, e), y?.onExpandedRowsChange?.(r);
-  }, [$, M, te, y]), De = S((e, t, s) => {
+  }, [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) => {
     if (e.render)
       return e.render(
         e.dataIndex ? t[e.dataIndex] : void 0,
@@ -290,103 +290,103 @@ function He({
         s
       );
     if (e.dataIndex) {
-      const n = t[e.dataIndex];
-      return n != null ? String(n) : "";
+      const r = t[e.dataIndex];
+      return r != null ? String(r) : "";
     }
     return "";
-  }, []), he = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left", ue = S((e, t = !1) => {
+  }, []), 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 n = ["sticky", "bg-base-100"];
-    let r = 0;
-    const i = {
+    const r = ["sticky", "bg-base-100"];
+    let n = 0;
+    const o = {
       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);
+          const u = b[c].width, g = typeof u == "number" ? u : parseInt(String(u));
+          isNaN(g) || (n += g);
         }
-      r === 0 ? n.push("left-0") : i.left = `${r}px`, n.push(t ? "z-30" : "z-20");
-      let g = -1;
+      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") {
-          g = c;
+          x = c;
           break;
         }
-      e === g && (i.boxShadow = "2px 0 4px rgba(0, 0, 0, 0.1)");
+      e === x && (o.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);
+          const u = b[c].width, g = typeof u == "number" ? u : parseInt(String(u));
+          isNaN(g) || (n += g);
         }
-      r === 0 ? n.push("right-0") : i.right = `${r}px`, n.push(t ? "z-30" : "z-20"), e === b.findIndex((c) => c.fixed === "right") && (i.boxShadow = "-2px 0 4px rgba(0, 0, 0, 0.1)");
+      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)");
     }
     return {
-      className: n.filter(Boolean).join(" "),
-      style: Object.keys(i).length > 0 ? i : void 0
+      className: r.filter(Boolean).join(" "),
+      style: Object.keys(o).length > 0 ? o : void 0
     };
-  }, [b]), Le = [
-    "table",
+  }, [b]), Xe = [
+    tt,
     "bg-base-100",
-    Xe[F],
-    A && "table-zebra",
-    G && "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 = [
-    (!G || Ve || w?.x) && "overflow-x-auto",
-    V && "rounded-box border border-base-content/5 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"
   ].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 = (l ? 1 : 0) + (L ? 1 : 0), ye = () => {
-    if (!X || j <= 1 || typeof o == "boolean") return null;
-    const e = o ?? {}, t = e.position ?? "bottomRight", s = e.showSizeChanger, n = e.showQuickJumper, r = e.showTotal, i = 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)]) }),
+    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)]) }),
       s && /* @__PURE__ */ a(
         "select",
         {
-          className: "select select-sm select-bordered",
-          value: C,
-          onChange: (u) => Pe(Number(u.target.value)),
+          className: `${Ct} ${St} ${Nt}`,
+          value: w,
+          onChange: (u) => Te(Number(u.target.value)),
           "aria-label": "Page size",
           "data-testid": `${p}-page-size`,
-          children: i.map((u) => /* @__PURE__ */ m("option", { value: u, children: [
+          children: o.map((u) => /* @__PURE__ */ m("option", { value: u, children: [
             u,
             " / page"
           ] }, u))
         }
       ),
-      /* @__PURE__ */ m("div", { className: "join", children: [
+      /* @__PURE__ */ m("div", { className: wt, children: [
         /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            className: "join-item btn btn-sm",
-            onClick: () => _(N - 1),
-            disabled: N === 1,
+            className: `${de} ${O} ${le}`,
+            onClick: () => _(C - 1),
+            disabled: C === 1,
             "aria-label": "Previous page",
             "data-testid": `${p}-prev`,
             children: "«"
           }
         ),
-        Array.from({ length: Math.min(j, 7) }, (u, x) => {
+        Array.from({ length: Math.min(P, 7) }, (u, g) => {
           let f;
-          return j <= 7 || N <= 4 ? f = x + 1 : N >= j - 3 ? f = j - 6 + x : f = N - 3 + x, /* @__PURE__ */ a(
+          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: `join-item btn btn-sm ${N === f ? "btn-active" : ""}`,
+              className: `${de} ${O} ${le} ${C === f ? ut : ""}`,
               onClick: () => _(f),
               "aria-label": `Page ${f}`,
-              "aria-current": N === f ? "page" : void 0,
+              "aria-current": C === f ? "page" : void 0,
               "data-testid": `${p}-page-${f}`,
               children: f
             },
@@ -397,28 +397,28 @@ function He({
           "button",
           {
             type: "button",
-            className: "join-item btn btn-sm",
-            onClick: () => _(N + 1),
-            disabled: N === j,
+            className: `${de} ${O} ${le}`,
+            onClick: () => _(C + 1),
+            disabled: C === P,
             "aria-label": "Next page",
             "data-testid": `${p}-next`,
             children: "»"
           }
         )
       ] }),
-      n && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", 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: "input input-sm input-bordered w-16",
+            className: `${Et} ${zt} ${Kt} w-16`,
             min: 1,
-            max: j,
+            max: P,
             onKeyDown: (u) => {
               if (u.key === "Enter") {
-                const x = parseInt(u.target.value);
-                x >= 1 && x <= j && _(x);
+                const g = parseInt(u.target.value);
+                g >= 1 && g <= P && _(g);
               }
             },
             "aria-label": "Go to page",
@@ -427,18 +427,18 @@ function He({
         )
       ] })
     ] });
-  }, re = o && typeof o != "boolean" ? o.position : void 0, We = X && re?.startsWith("top") ? ye() : null, Ae = X && (!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(
+  }, 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(
       "table",
       {
-        ref: Ce,
-        className: Le,
+        ref: Re,
+        className: Xe,
         style: { borderCollapse: "separate", borderSpacing: 0, tableLayout: "fixed" },
         role: "grid",
-        "aria-label": ke,
-        "aria-rowcount": v.length,
+        "aria-label": ze,
+        "aria-rowcount": $.length,
         "data-testid": `${p}-table`,
         children: [
           /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ m("tr", { role: "row", children: [
@@ -453,39 +453,39 @@ function He({
                   "input",
                   {
                     type: "checkbox",
-                    className: "checkbox checkbox-sm checkbox-primary",
-                    checked: pe,
+                    className: `${fe} checkbox-sm ${he}`,
+                    checked: ve,
                     ref: (e) => {
-                      e && (e.indeterminate = Me && !pe);
+                      e && (e.indeterminate = qe && !ve);
                     },
-                    onChange: (e) => Fe(e.target.checked),
-                    "aria-label": Z?.selectAll ?? "Select all rows",
+                    onChange: (e) => Me(e.target.checked),
+                    "aria-label": ee?.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;
+              const s = $e(t, !0), n = h.columnKey === e.key ? h.order : null;
               return /* @__PURE__ */ a(
                 "th",
                 {
-                  className: `${he(e.align)} ${s.className}`,
+                  className: `${me(e.align)} ${s.className}`,
                   style: {
                     ...e.width ? { width: e.width } : {},
                     ...s.style
                   },
                   role: "columnheader",
-                  "aria-sort": r === "ascend" ? "ascending" : r === "descend" ? "descending" : void 0,
+                  "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 && fe(e.key),
-                        onKeyDown: (i) => {
-                          e.sorter && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), fe(e.key));
+                        onClick: () => e.sorter && xe(e.key),
+                        onKeyDown: (o) => {
+                          e.sorter && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), xe(e.key));
                         },
                         tabIndex: e.sorter ? 0 : void 0,
                         role: e.sorter ? "button" : void 0,
@@ -497,7 +497,7 @@ function He({
                       /* @__PURE__ */ a(
                         "svg",
                         {
-                          className: `w-3 h-3 ${r === "ascend" ? "text-primary" : "text-base-content/30"}`,
+                          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" })
@@ -506,7 +506,7 @@ function He({
                       /* @__PURE__ */ a(
                         "svg",
                         {
-                          className: `w-3 h-3 -mt-1 ${r === "descend" ? "text-primary" : "text-base-content/30"}`,
+                          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" })
@@ -514,12 +514,12 @@ function He({
                       )
                     ] }),
                     e.filters && /* @__PURE__ */ a(
-                      Ye,
+                      Pt,
                       {
                         filters: e.filters,
-                        selectedValues: E[e.key] || [],
-                        onChange: (i) => Ie(e.key, i),
-                        locale: Z,
+                        selectedValues: K[e.key] || [],
+                        onChange: (o) => Ve(e.key, o),
+                        locale: ee,
                         testId: `${p}-${e.key}`
                       }
                     )
@@ -529,43 +529,43 @@ function He({
               );
             })
           ] }) }),
-          /* @__PURE__ */ a("tbody", { children: P.length === 0 ? /* @__PURE__ */ a("tr", { role: "row", children: /* @__PURE__ */ a(
+          /* @__PURE__ */ a("tbody", { children: I.length === 0 ? /* @__PURE__ */ a("tr", { role: "row", children: /* @__PURE__ */ a(
             "td",
             {
-              colSpan: b.length + be,
+              colSpan: b.length + ke,
               className: "text-center py-8 text-base-content/50",
               role: "gridcell",
               "data-testid": `${p}-empty`,
-              children: Te
+              children: Qe
             }
-          ) }) : P.map((e, t) => {
-            const s = me?.(e, t) || {}, n = $(e, t), r = D.includes(n), i = M.includes(n), g = y?.rowExpandable ? y.rowExpandable(e) : !0, c = [
-              B && "hover:bg-base-200",
-              r && "bg-primary/10"
-            ].filter(Boolean).join(" "), u = l?.getCheckboxProps?.(e) || {}, x = (f) => {
-              s.onClick?.(f), y?.expandRowByClick && g && ae(e, t);
+          ) }) : 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);
             };
-            return /* @__PURE__ */ m(Je.Fragment, { children: [
+            return /* @__PURE__ */ m(He.Fragment, { children: [
               /* @__PURE__ */ m(
                 "tr",
                 {
                   className: c,
                   role: "row",
-                  "aria-selected": r,
+                  "aria-selected": n,
                   "data-testid": `${p}-row-${t}`,
-                  "data-state": r ? "selected" : void 0,
+                  "data-state": n ? "selected" : void 0,
                   ...s,
-                  onClick: x,
+                  onClick: g,
                   children: [
-                    L && /* @__PURE__ */ a("td", { className: "sticky left-0 z-10 bg-base-100", role: "gridcell", children: g && (y.expandIcon ? y.expandIcon({
-                      expanded: i,
-                      onExpand: () => ae(e, t),
+                    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),
                       record: e
                     }) : /* @__PURE__ */ a(
-                      _e,
+                      It,
                       {
-                        expanded: i,
-                        onExpand: () => ae(e, t)
+                        expanded: o,
+                        onExpand: () => ne(e, t)
                       }
                     )) }),
                     l && /* @__PURE__ */ a(
@@ -577,9 +577,9 @@ function He({
                           "input",
                           {
                             type: l.type === "radio" ? "radio" : "checkbox",
-                            className: l.type === "radio" ? "radio radio-sm radio-primary" : "checkbox checkbox-sm checkbox-primary",
-                            checked: r,
-                            onChange: (f) => Oe(e, t, f.target.checked),
+                            className: l.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
@@ -587,17 +587,17 @@ function He({
                         )
                       }
                     ),
-                    b.map((f, Ge) => {
-                      const xe = ue(Ge, !1), ne = De(f, e, t);
+                    b.map((f, _e) => {
+                      const Ce = $e(_e, !1), oe = We(f, e, t);
                       return /* @__PURE__ */ a(
                         "td",
                         {
-                          className: `${he(f.align)} ${xe.className} ${f.ellipsis ? "truncate max-w-0" : ""}`,
-                          style: xe.style,
+                          className: `${me(f.align)} ${Ce.className} ${f.ellipsis ? "truncate max-w-0" : ""}`,
+                          style: Ce.style,
                           role: "gridcell",
-                          title: f.ellipsis && typeof ne == "string" ? ne : void 0,
+                          title: f.ellipsis && typeof oe == "string" ? oe : void 0,
                           "data-testid": `${p}-row-${t}-${f.key}`,
-                          children: ne
+                          children: oe
                         },
                         f.key
                       );
@@ -605,7 +605,7 @@ function He({
                   ]
                 }
               ),
-              L && i && /* @__PURE__ */ a(
+              L && o && /* @__PURE__ */ a(
                 "tr",
                 {
                   className: "bg-base-200/50",
@@ -614,24 +614,24 @@ function He({
                   children: /* @__PURE__ */ a(
                     "td",
                     {
-                      colSpan: b.length + be,
+                      colSpan: b.length + ke,
                       className: "p-4",
                       role: "gridcell",
-                      children: y.expandedRowRender(e, t, i)
+                      children: y.expandedRowRender(e, t, o)
                     }
                   )
                 }
               )
-            ] }, n);
+            ] }, r);
           }) })
         ]
       }
     ) }),
-    Ae
+    Ze
   ] });
 }
-const et = Qe(He);
+const Dt = Ue(jt);
 export {
-  et as Table
+  Dt as Table
 };
 //# sourceMappingURL=Table.js.map