@rue-js/design 0.0.21

package/dist/rue-design.global.js

@@ -0,0 +1,2046 @@
+/**
+* @rue-js/design v0.0.21
+* (c) 2025-present Xiangmin Liu and Rue contributors
+* @license MIT
+**/
+var RueRuntimeDOM = (function (exports, jsxRuntime, runtime, router) {
+  'use strict';
+
+  const Alert = ({
+    variant,
+    outline,
+    dash,
+    soft,
+    direction,
+    className,
+    children
+  }) => {
+    let cls = "alert";
+    if (variant) cls += ` alert-${variant}`;
+    if (outline) cls += ` alert-outline`;
+    if (dash) cls += ` alert-dash`;
+    if (soft) cls += ` alert-soft`;
+    if (direction) cls += ` alert-${direction}`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", className: cls, children });
+  };
+
+  const Accordion = ({
+    icon,
+    force,
+    use = "radio",
+    name,
+    open,
+    className,
+    children,
+    items
+  }) => {
+    if (items && items.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((it, i) => {
+        const iIcon = it.icon ?? icon;
+        const iForce = it.force ?? force;
+        const iUse = it.use ?? use;
+        let iCls = "collapse";
+        if (iIcon === "arrow") iCls += ` collapse-arrow`;
+        if (iIcon === "plus") iCls += ` collapse-plus`;
+        if (iForce === "open") iCls += ` collapse-open`;
+        if (iForce === "close") iCls += ` collapse-close`;
+        if (className) iCls += ` ${className}`;
+        if (it.className) iCls += ` ${it.className}`;
+        if (iUse === "details") {
+          return /* @__PURE__ */ jsxRuntime.jsxs("details", { className: iCls, name, open: it.open, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "summary",
+              {
+                className: it.titleClassName ? `collapse-title ${it.titleClassName}` : "collapse-title",
+                children: it.title
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: it.contentClassName ? `collapse-content ${it.contentClassName}` : "collapse-content",
+                children: it.content
+              }
+            )
+          ] }, i);
+        }
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: iCls, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", name, checked: it.open }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: it.titleClassName ? `collapse-title ${it.titleClassName}` : "collapse-title",
+              children: it.title
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: it.contentClassName ? `collapse-content ${it.contentClassName}` : "collapse-content",
+              children: it.content
+            }
+          )
+        ] }, i);
+      }) });
+    }
+    let cls = "collapse";
+    if (icon === "arrow") cls += ` collapse-arrow`;
+    if (icon === "plus") cls += ` collapse-plus`;
+    if (force === "open") cls += ` collapse-open`;
+    if (force === "close") cls += ` collapse-close`;
+    if (className) cls += ` ${className}`;
+    if (use === "details") {
+      return /* @__PURE__ */ jsxRuntime.jsx("details", { className: cls, name, open, children });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", name, checked: open }),
+      children
+    ] });
+  };
+  const Title$4 = ({ className, children, as = "div" }) => {
+    let cls = "collapse-title";
+    if (className) cls += ` ${className}`;
+    return as === "summary" ? /* @__PURE__ */ jsxRuntime.jsx("summary", { className: cls, children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Content$1 = ({ className, children }) => {
+    let cls = "collapse-content";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const AccordionCompound = Object.assign(Accordion, {
+    Title: Title$4,
+    Content: Content$1
+  });
+
+  const Button = ({
+    variant,
+    size,
+    outline,
+    dash,
+    soft,
+    ghost,
+    link,
+    active,
+    block,
+    wide,
+    square,
+    circle,
+    disabled,
+    disabledClass,
+    loading,
+    type,
+    className,
+    onClick,
+    children
+  }) => {
+    let cls = "btn";
+    if (variant) cls += ` btn-${variant}`;
+    if (size) cls += ` btn-${size}`;
+    if (outline) cls += ` btn-outline`;
+    if (dash) cls += ` btn-dash`;
+    if (soft) cls += ` btn-soft`;
+    if (ghost) cls += ` btn-ghost`;
+    if (link) cls += ` btn-link`;
+    if (active) cls += ` btn-active`;
+    if (block) cls += ` btn-block`;
+    if (wide) cls += ` btn-wide`;
+    if (square) cls += ` btn-square`;
+    if (circle) cls += ` btn-circle`;
+    if (disabledClass) cls += ` btn-disabled`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("button", { className: cls, disabled: disabled || loading, type, onClick, children });
+  };
+
+  const Card = ({ size, border, dash, side, imageFull, className, children }) => {
+    let cls = "card";
+    if (size) cls += ` card-${size}`;
+    if (border) cls += ` card-border`;
+    if (dash) cls += ` card-dash`;
+    if (side) cls += ` card-side`;
+    if (imageFull) cls += ` image-full`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Body$1 = ({ className, children }) => {
+    let cls = "card-body";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Title$3 = ({ className, children }) => {
+    let cls = "card-title";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cls, children });
+  };
+  const Actions$1 = ({ className, children }) => {
+    let cls = "card-actions";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Figure$1 = ({ className, children }) => {
+    let cls = "figure";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: cls, children });
+  };
+  const CardCompound = Object.assign(Card, {
+    Body: Body$1,
+    Title: Title$3,
+    Actions: Actions$1,
+    Figure: Figure$1
+  });
+
+  const Avatar = ({ status, className, children }) => {
+    let cls = "avatar not-prose";
+    if (status) cls += ` avatar-${status}`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Group = ({ className, children, items }) => {
+    let cls = "avatar-group";
+    if (className) cls += ` ${className}`;
+    if (items && items.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: items.map((m, i) => (
+        /* 逐项渲染子头像 */
+        /* @__PURE__ */ jsxRuntime.jsx(Avatar, { status: m.status, children: m.children }, i)
+      )) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const AvatarCompound = Object.assign(Avatar, {
+    Group
+  });
+
+  const Divider = ({ variant, direction, placement, className, children }) => {
+    let cls = "divider";
+    if (direction) cls += ` divider-${direction}`;
+    if (variant) cls += ` divider-${variant}`;
+    if (placement) cls += ` divider-${placement}`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+
+  const Footer$1 = ({ direction, center, className, children }) => {
+    let cls = "footer";
+    if (direction) cls += ` footer-${direction}`;
+    if (center) cls += ` footer-center`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: cls, children });
+  };
+
+  const Modal = ({ open, title, children, actions, className, onClose }) => {
+    if (!open) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal modal-open", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `modal-box ${className ?? ""}`, children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold mb-2", children: title }) : null,
+      children,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-action", children: [
+        actions,
+        onClose ? /* @__PURE__ */ jsxRuntime.jsx("button", { className: "btn", onClick: onClose, children: "\u5173\u95ED" }) : null
+      ] })
+    ] }) });
+  };
+
+  const Tabs = ({ items, activeKey, onChange, style, placement, size, className }) => {
+    let cls = "tabs";
+    if (style === "box") cls += " tabs-box";
+    if (style === "border") cls += " tabs-border";
+    if (style === "lift") cls += " tabs-lift";
+    if (placement === "bottom") cls += " tabs-bottom";
+    if (size) cls += ` tabs-${size}`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", className: cls, children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        role: "tab",
+        className: `tab ${activeKey === it.key ? "tab-active" : ""} ${it.disabled ? "tab-disabled" : ""} ${it.className ?? ""}`,
+        disabled: it.disabled,
+        onClick: () => !it.disabled && onChange && onChange(it.key),
+        children: it.label
+      },
+      it.key
+    )) });
+  };
+
+  const Badge = ({
+    variant,
+    size,
+    outline,
+    dash,
+    soft,
+    ghost,
+    className,
+    children
+  }) => {
+    let cls = "badge";
+    if (variant) cls += ` badge-${variant}`;
+    if (size) cls += ` badge-${size}`;
+    if (outline) cls += ` badge-outline`;
+    if (dash) cls += ` badge-dash`;
+    if (soft) cls += ` badge-soft`;
+    if (ghost) cls += ` badge-ghost`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+
+  const Diff = ({ className, tabIndex, children }) => {
+    let cls = "diff";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: cls, tabIndex, children });
+  };
+  const Item1 = ({ className, role, tabIndex, children }) => {
+    let cls = "diff-item-1";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, role, tabIndex, children });
+  };
+  const Item2 = ({ className, role, tabIndex, children }) => {
+    let cls = "diff-item-2";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, role, tabIndex, children });
+  };
+  const Resizer = ({ className }) => {
+    let cls = "diff-resizer";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls });
+  };
+  const DiffCompound = Object.assign(Diff, {
+    Item1,
+    Item2,
+    Resizer
+  });
+
+  const OverlayDivs = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", {})
+  ] });
+  const Hover3D = ({ as = "div", href, className, overlays = true, children }) => {
+    const cls = className ? `hover-3d ${className}` : "hover-3d";
+    if (as === "a") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("a", { href, className: cls, children: [
+        children,
+        overlays ? /* @__PURE__ */ jsxRuntime.jsx(OverlayDivs, {}) : null
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls, children: [
+      children,
+      overlays ? /* @__PURE__ */ jsxRuntime.jsx(OverlayDivs, {}) : null
+    ] });
+  };
+
+  const Timeline = ({
+    direction,
+    snapIcon,
+    compact,
+    className,
+    children,
+    items
+  }) => {
+    let cls = "timeline";
+    if (direction) cls += ` timeline-${direction}`;
+    if (snapIcon) cls += ` timeline-snap-icon`;
+    if (compact) cls += ` timeline-compact`;
+    if (className) cls += ` ${className}`;
+    if (items && items.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cls, children: items.map((it, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: it.liClassName, children: [
+        it.beforeLine ? /* @__PURE__ */ jsxRuntime.jsx("hr", {}) : null,
+        it.start ? /* @__PURE__ */ jsxRuntime.jsx(Start, { box: it.start.box, className: it.start.className, children: it.start.content }) : null,
+        it.middle ? /* @__PURE__ */ jsxRuntime.jsx(Middle, { className: it.middle.className, children: it.middle.content }) : null,
+        it.end ? /* @__PURE__ */ jsxRuntime.jsx(End, { box: it.end.box, className: it.end.className, children: it.end.content }) : null,
+        it.afterLine ? /* @__PURE__ */ jsxRuntime.jsx("hr", {}) : null
+      ] }, i)) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cls, children });
+  };
+  const Start = ({ box, className, children }) => {
+    let cls = "timeline-start";
+    if (box) cls += ` timeline-box`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Middle = ({ className, children }) => {
+    let cls = "timeline-middle";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const End = ({ box, className, children }) => {
+    let cls = "timeline-end";
+    if (box) cls += ` timeline-box`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const TimelineCompound = Object.assign(Timeline, {
+    Start,
+    Middle,
+    End
+  });
+
+  const TextRotate = ({ className, children, items, innerClassName }) => {
+    let cls = "text-rotate";
+    if (className) cls += ` ${className}`;
+    if (items && items.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: innerClassName, children: items.map((m, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: m.className, children: m.text }, i)) }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children });
+  };
+
+  const Status = ({ as = "span", ariaLabel, size, color, className, children }) => {
+    let cls = "status";
+    if (size) cls += ` status-${size}`;
+    if (color) cls += ` status-${color}`;
+    if (className) cls += ` ${className}`;
+    const common = { className: cls, "aria-label": ariaLabel };
+    if (as === "div") {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ...common, children });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ...common, children });
+  };
+
+  const Stat = ({ direction, className, children, items }) => {
+    let cls = "stats";
+    if (direction) cls += ` stats-${direction}`;
+    if (className) cls += ` ${className}`;
+    if (items && items.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: items.map((m, i) => {
+        const itemCls = m.className;
+        return (
+          /* 单项：按 center/figure/title/value/desc/actions 组合 */
+          /* @__PURE__ */ jsxRuntime.jsxs(Item$5, { center: m.center, className: itemCls, children: [
+            m.figure ? /* @__PURE__ */ jsxRuntime.jsx(Figure, { className: m.figureClassName, children: m.figure }) : null,
+            m.title ? /* @__PURE__ */ jsxRuntime.jsx(Title$2, { className: m.titleClassName, children: m.title }) : null,
+            m.value ? /* @__PURE__ */ jsxRuntime.jsx(Value$1, { className: m.valueClassName, children: m.value }) : null,
+            m.desc ? /* @__PURE__ */ jsxRuntime.jsx(Desc, { className: m.descClassName, children: m.desc }) : null,
+            m.actions ? /* @__PURE__ */ jsxRuntime.jsx(Actions, { className: m.actionsClassName, children: m.actions }) : null
+          ] }, i)
+        );
+      }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Item$5 = ({ center, className, children }) => {
+    let cls = "stat";
+    if (center) cls += ` place-items-center`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Title$2 = ({ className, children }) => {
+    let cls = "stat-title";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Value$1 = ({ className, children }) => {
+    let cls = "stat-value";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Desc = ({ className, children }) => {
+    let cls = "stat-desc";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Figure = ({ className, children }) => {
+    let cls = "stat-figure";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Actions = ({ className, children }) => {
+    let cls = "stat-actions";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const StatCompound = Object.assign(Stat, {
+    Item: Item$5,
+    Title: Title$2,
+    Value: Value$1,
+    Desc,
+    Figure,
+    Actions
+  });
+
+  const Carousel = ({
+    align = "start",
+    direction = "horizontal",
+    auto = false,
+    interval = 3e3,
+    loop = true,
+    autoDirection = "forward",
+    activeIndex,
+    onIndexChange,
+    className,
+    children,
+    items
+  }) => {
+    const containerRef = runtime.useRef();
+    let cls = "carousel";
+    if (align === "center") cls += ` carousel-center`;
+    if (align === "end") cls += ` carousel-end`;
+    if (direction === "vertical") cls += ` carousel-vertical`;
+    else cls += ` carousel-horizontal`;
+    if (className) cls += ` ${className}`;
+    const getItems = () => {
+      const el = containerRef.current;
+      if (!el) return [];
+      return Array.from(el.querySelectorAll(".carousel-item"));
+    };
+    const scrollToIndex = (i) => {
+      const items2 = getItems();
+      if (!items2.length) return;
+      const idx = Math.max(0, Math.min(i, items2.length - 1));
+      const target = items2[idx];
+      const el = containerRef.current;
+      if (!el || !target) return;
+      const canScrollTo = typeof el.scrollTo === "function";
+      if (direction === "vertical") {
+        if (canScrollTo) el.scrollTo({ top: target.offsetTop, behavior: "smooth" });
+        else el.scrollTop = target.offsetTop;
+      } else {
+        if (canScrollTo) el.scrollTo({ left: target.offsetLeft, behavior: "smooth" });
+        else el.scrollLeft = target.offsetLeft;
+      }
+      if (onIndexChange) onIndexChange(idx);
+    };
+    const getCurrentIndex = () => {
+      const items2 = getItems();
+      const el = containerRef.current;
+      if (!el || !items2.length) return 0;
+      const pos = direction === "vertical" ? el.scrollTop : el.scrollLeft;
+      let idx = 0;
+      for (let i = 0; i < items2.length; i++) {
+        const off = direction === "vertical" ? items2[i].offsetTop : items2[i].offsetLeft;
+        if (off <= pos + 1) idx = i;
+        else break;
+      }
+      return idx;
+    };
+    let timer = null;
+    const smoothScrollTo = (pos) => {
+      const el = containerRef.current;
+      if (!el) return;
+      const canScrollTo = typeof el.scrollTo === "function";
+      if (direction === "vertical") {
+        requestAnimationFrame(() => {
+          if (canScrollTo) el.scrollTo({ top: pos, behavior: "smooth" });
+          else el.scrollTop = pos;
+        });
+      } else {
+        requestAnimationFrame(() => {
+          if (canScrollTo) el.scrollTo({ left: pos, behavior: "smooth" });
+          else el.scrollLeft = pos;
+        });
+      }
+    };
+    const scrollByPage = (dir) => {
+      const el = containerRef.current;
+      if (!el) return;
+      const delta = direction === "vertical" ? el.clientHeight : el.clientWidth;
+      const pos = direction === "vertical" ? el.scrollTop : el.scrollLeft;
+      const max = direction === "vertical" ? el.scrollHeight : el.scrollWidth;
+      let nextPos = pos;
+      if (dir === "forward") {
+        if (loop) {
+          if (pos - delta >= 0) {
+            nextPos = pos - delta;
+          } else {
+            nextPos = Math.max(0, max - delta);
+          }
+        } else {
+          nextPos = Math.max(pos - delta, 0);
+        }
+      } else {
+        if (loop) {
+          if (pos + delta <= Math.max(0, max - delta)) {
+            nextPos = pos + delta;
+          } else {
+            nextPos = 0;
+          }
+        } else {
+          nextPos = Math.min(pos + delta, Math.max(0, max - delta));
+        }
+      }
+      smoothScrollTo(nextPos);
+      const idx = getCurrentIndex();
+      if (onIndexChange) onIndexChange(idx);
+    };
+    const startAuto = () => {
+      if (!auto) return;
+      stopAuto();
+      timer = setInterval(() => {
+        if (autoDirection === "backward") scrollByPage("backward");
+        else scrollByPage("forward");
+      }, interval);
+    };
+    const stopAuto = () => {
+      if (timer) {
+        clearInterval(timer);
+        timer = null;
+      }
+    };
+    runtime.onMounted(() => {
+      const el = containerRef.current;
+      if (el && loop) {
+        const delta = direction === "vertical" ? el.clientHeight : el.clientWidth;
+        const max = direction === "vertical" ? el.scrollHeight : el.scrollWidth;
+        if (autoDirection === "forward") {
+          if (direction === "vertical") el.scrollTop = Math.max(0, max - delta);
+          else {
+            el.scrollLeft = Math.max(0, max - delta);
+          }
+        } else {
+          if (direction === "vertical") el.scrollTop = 0;
+          else el.scrollLeft = 0;
+        }
+      }
+      startAuto();
+    });
+    runtime.onUnmounted(() => {
+      stopAuto();
+    });
+    runtime.watch(
+      () => activeIndex,
+      (v) => {
+        if (typeof v === "number") {
+          scrollToIndex(v);
+        }
+      },
+      { immediate: true }
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: cls, children: items && items.length ? items.map((it, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `carousel-item${it.className ? ` ${it.className}` : ""}`, children: it.content }, i)) : children });
+  };
+  const Item$4 = ({ className, children }) => {
+    let cls = "carousel-item";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const CarouselCompound = Object.assign(Carousel, {
+    Item: Item$4
+  });
+
+  const Chat = ({ placement, className, children, items }) => {
+    if (items && items.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((m, i) => {
+        let cls2 = "chat";
+        cls2 += ` chat-${m.placement}`;
+        if (className) cls2 += ` ${className}`;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls2, children: [
+          m.imageSrc ? /* @__PURE__ */ jsxRuntime.jsx(Image, { className: m.imageClassName, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("img", { alt: m.imageAlt ?? "chat image", src: m.imageSrc }) }) }) : null,
+          m.headerName || m.headerTime ? /* @__PURE__ */ jsxRuntime.jsxs(Header, { className: m.headerClassName, children: [
+            m.headerName,
+            " ",
+            m.headerTime ? /* @__PURE__ */ jsxRuntime.jsx("time", { className: "text-xs opacity-50", children: m.headerTime }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(Bubble, { color: m.color, children: m.text }),
+          m.footer ? /* @__PURE__ */ jsxRuntime.jsx(Footer, { className: m.footerClassName, children: m.footer }) : null
+        ] }, i);
+      }) });
+    }
+    let cls = "chat";
+    cls += ` chat-${placement}`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Bubble = ({ color, className, children }) => {
+    let cls = "chat-bubble";
+    if (color) cls += ` chat-bubble-${color}`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Header = ({ className, children }) => {
+    let cls = "chat-header";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Footer = ({ className, children }) => {
+    let cls = "chat-footer";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Image = ({ className, children }) => {
+    let cls = "chat-image";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const ChatCompound = Object.assign(Chat, {
+    Bubble,
+    Header,
+    Footer,
+    Image
+  });
+
+  const Collapse = ({
+    arrow,
+    plus,
+    open,
+    close,
+    tabIndex,
+    tag = "div",
+    className,
+    children
+  }) => {
+    let cls = "collapse";
+    if (arrow) cls += " collapse-arrow";
+    if (plus) cls += " collapse-plus";
+    if (open) cls += " collapse-open";
+    if (close) cls += " collapse-close";
+    if (className) cls += ` ${className}`;
+    if (tag === "details") {
+      return /* @__PURE__ */ jsxRuntime.jsx("details", { className: cls, children });
+    }
+    const props = { className: cls };
+    if (typeof tabIndex === "number") props.tabIndex = tabIndex;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, children });
+  };
+  const Title$1 = ({ as = "div", className, children }) => {
+    let cls = "collapse-title";
+    if (className) cls += ` ${className}`;
+    if (as === "summary") return /* @__PURE__ */ jsxRuntime.jsx("summary", { className: cls, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Content = ({ className, children }) => {
+    let cls = "collapse-content";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const CollapseCompound = Object.assign(Collapse, {
+    Title: Title$1,
+    Content
+  });
+
+  const Countdown = ({ className, children, items }) => {
+    let cls = "countdown";
+    if (className) cls += ` ${className}`;
+    if (items && items.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children: items.map((it, i) => {
+        if ("value" in it) {
+          const { value, digits, className: vCls, ariaLive, ariaLabel, children: children2 } = it;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            Value,
+            {
+              value,
+              digits,
+              className: vCls,
+              ariaLive,
+              ariaLabel,
+              children: children2
+            },
+            i
+          );
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: it.className, children: it.content }, i);
+      }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children });
+  };
+  const Value = ({
+    value,
+    digits,
+    className,
+    ariaLive = "polite",
+    ariaLabel,
+    children
+  }) => {
+    const styleAttr = `--value:${value};${digits != null ? ` --digits:${digits};` : ""}`;
+    let cls = "";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        style: styleAttr,
+        "aria-live": ariaLive,
+        "aria-label": ariaLabel ?? String(value),
+        className: cls.trim(),
+        children: children != null ? children : runtime.h("div", null, String(value))
+      }
+    );
+  };
+  const CountdownCompound = Object.assign(Countdown, {
+    Value
+  });
+
+  const HoverGallery = ({ as = "figure", className, children, items }) => {
+    let cls = "hover-gallery";
+    if (className) cls += ` ${className}`;
+    const content = items && items.length ? items.map((it, i) => {
+      if (typeof it === "string") {
+        return /* @__PURE__ */ jsxRuntime.jsx("img", { src: it, alt: "" }, i);
+      }
+      if (it && typeof it === "object") {
+        const obj = it;
+        if (obj.node) return obj.node;
+        if (obj.src)
+          return /* @__PURE__ */ jsxRuntime.jsx("img", { src: obj.src, alt: obj.alt ?? "", className: obj.className }, i);
+      }
+      return it;
+    }) : children;
+    return as === "figure" ? /* @__PURE__ */ jsxRuntime.jsx("figure", { className: cls, children: content }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: content });
+  };
+
+  const Kbd = ({ size, className, children }) => {
+    let cls = "kbd";
+    if (size) cls += ` kbd-${size}`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: cls, children });
+  };
+
+  const List = ({ className, children, items }) => {
+    let cls = "list";
+    if (className) cls += ` ${className}`;
+    if (items && items.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cls, children: items.map((m, i) => {
+        const t = m.type ?? (m.cols ? "row" : "item");
+        if (t === "item") {
+          const liCls2 = m.className ? `${m.className}` : "";
+          return /* @__PURE__ */ jsxRuntime.jsx("li", { className: liCls2 || void 0, children: m.content }, i);
+        }
+        if (m.normal) {
+          const liCls2 = m.className ? `${m.className}` : "";
+          return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: liCls2 || void 0, children: [
+            m.content,
+            m.cols?.map((c, ci) => {
+              if (c.type === "grow")
+                return /* @__PURE__ */ jsxRuntime.jsx(ColGrow, { as: c.as, className: c.className, children: c.content }, ci);
+              return /* @__PURE__ */ jsxRuntime.jsx(ColWrap, { as: c.as, className: c.className, children: c.content }, ci);
+            })
+          ] }, i);
+        }
+        let liCls = "list-row";
+        if (m.className) liCls += ` ${m.className}`;
+        return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: liCls, children: [
+          m.content,
+          m.cols?.map((c, ci) => {
+            if (c.type === "grow")
+              return /* @__PURE__ */ jsxRuntime.jsx(ColGrow, { as: c.as, className: c.className, children: c.content }, ci);
+            return /* @__PURE__ */ jsxRuntime.jsx(ColWrap, { as: c.as, className: c.className, children: c.content }, ci);
+          })
+        ] }, i);
+      }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cls, children });
+  };
+  const Row = ({ normal, className, children }) => {
+    if (normal) {
+      const cls2 = className ? `${className}` : "";
+      return /* @__PURE__ */ jsxRuntime.jsx("li", { className: cls2 || void 0, children });
+    }
+    let cls = "list-row";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: cls, children });
+  };
+  const ColGrow = ({ as = "div", className, children }) => {
+    let cls = "list-col-grow";
+    if (className) cls += ` ${className}`;
+    if (as === "p") return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cls, children });
+    if (as === "span") return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const ColWrap = ({ as = "div", className, children }) => {
+    let cls = "list-col-wrap";
+    if (className) cls += ` ${className}`;
+    if (as === "p") return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cls, children });
+    if (as === "span") return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Item$3 = ({ className, children }) => {
+    let cls = "";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: cls.trim(), children });
+  };
+  const ListCompound = Object.assign(List, {
+    Row,
+    ColGrow,
+    ColWrap,
+    Item: Item$3
+  });
+
+  const getVal = (record, dataIndex) => {
+    if (!dataIndex) return void 0;
+    if (Array.isArray(dataIndex)) {
+      let cur = record;
+      for (const k of dataIndex) {
+        if (cur == null) return void 0;
+        cur = cur[k];
+      }
+      return cur;
+    }
+    return record?.[dataIndex];
+  };
+  const alignClass = (align) => {
+    if (align === "right") return "text-right";
+    if (align === "center") return "text-center";
+    return "text-left";
+  };
+  const Table = ({
+    size,
+    zebra,
+    pinRows,
+    pinCols,
+    className,
+    children,
+    dataSource,
+    columns,
+    rowKey = "key",
+    showHeader = true,
+    onRow,
+    onHeaderRow,
+    onChange,
+    rowSelection,
+    pagination,
+    expandable,
+    rowClassName,
+    summary,
+    emptyText,
+    title,
+    footer,
+    rowHoverable = false,
+    rowHoverClass,
+    tableLayout,
+    scroll,
+    height,
+    onScroll
+  }) => {
+    let cls = "table";
+    if (size) cls += ` table-${size}`;
+    if (zebra) cls += ` table-zebra`;
+    if (pinRows) cls += ` table-pin-rows`;
+    if (pinCols) cls += ` table-pin-cols`;
+    if (className) cls += ` ${className}`;
+    const hasChildren = !(children === void 0 || children === null || Array.isArray(children) && children.length === 0);
+    if (hasChildren) return /* @__PURE__ */ jsxRuntime.jsx("table", { className: cls, children });
+    if (Array.isArray(columns) && Array.isArray(dataSource)) {
+      const tableId = Math.random().toString(36).slice(2);
+      const headerProps = onHeaderRow ? onHeaderRow(columns, 0) || {} : {};
+      const visibleColumns = columns.filter((col) => !col.hidden);
+      let sortColIndex = null;
+      let sortOrder = null;
+      visibleColumns.forEach((col, i) => {
+        if (col.sortOrder != null) {
+          sortColIndex = i;
+          sortOrder = col.sortOrder;
+        } else if (sortColIndex == null && col.defaultSortOrder) {
+          sortColIndex = i;
+          sortOrder = col.defaultSortOrder;
+        }
+      });
+      let workingData = dataSource.slice();
+      const activeFilters = {};
+      const getColKey = (col) => typeof col.dataIndex === "string" ? col.dataIndex : Array.isArray(col.dataIndex) ? col.dataIndex.join(".") : col.key;
+      visibleColumns.forEach((col) => {
+        const vals = col.filteredValue ?? col.defaultFilteredValue;
+        if (Array.isArray(vals) && vals.length > 0) {
+          const key = getColKey(col);
+          if (key) activeFilters[key] = vals;
+          workingData = workingData.filter((rec) => {
+            if (col.onFilter) {
+              if (col.filterCombine === "and") {
+                return vals.every((v) => col.onFilter(v, rec));
+              }
+              return vals.some((v) => col.onFilter(v, rec));
+            }
+            const rv = getVal(rec, col.dataIndex);
+            return vals.includes(rv);
+          });
+        }
+      });
+      if (sortColIndex != null && sortOrder && visibleColumns[sortColIndex]) {
+        const col = visibleColumns[sortColIndex];
+        const cmp = typeof col.sorter === "function" ? col.sorter : (a, b) => {
+          const va = getVal(a, col.dataIndex);
+          const vb = getVal(b, col.dataIndex);
+          if (va == null && vb == null) return 0;
+          if (va == null) return -1;
+          if (vb == null) return 1;
+          if (va > vb) return 1;
+          if (va < vb) return -1;
+          return 0;
+        };
+        workingData.sort((a, b) => sortOrder === "ascend" ? cmp(a, b) : -cmp(a, b));
+      }
+      let page = 1;
+      let pageSize = workingData.length;
+      if (pagination !== false && pagination != null) {
+        page = pagination.current || 1;
+        pageSize = pagination.pageSize || 10;
+      }
+      const total = workingData.length;
+      const pageCount = Math.ceil(total / pageSize) || 1;
+      const start = (page - 1) * pageSize;
+      const end = start + pageSize;
+      const pageData = workingData.slice(start, end);
+      const hasSelection = !!rowSelection;
+      const hasExpand = !!expandable && typeof expandable.expandedRowRender === "function";
+      const expKeys = new Set(
+        expandable?.expandedRowKeys || (expandable?.defaultExpandAllRows ? workingData.map((rec) => typeof rowKey === "function" ? rowKey(rec) : rec?.[rowKey]) : [])
+      );
+      const selectedBase = rowSelection?.selectedRowKeys ?? rowSelection?.defaultSelectedRowKeys ?? [];
+      const isSelected = (key) => Array.isArray(selectedBase) && selectedBase.includes(key);
+      const onHeaderSortClick = (i) => {
+        const col = visibleColumns[i];
+        if (!col.sorter) return;
+        let next = "ascend";
+        if (sortColIndex === i && sortOrder === "ascend") next = "descend";
+        else if (sortColIndex === i && sortOrder === "descend") next = null;
+        if (onChange)
+          onChange(
+            { current: page, pageSize },
+            activeFilters,
+            { column: col, order: next },
+            { action: "sort", currentDataSource: pageData }
+          );
+      };
+      const onPageChange = (p) => {
+        if (pagination !== false && pagination != null && pagination.onChange)
+          pagination.onChange(p, pageSize);
+        if (onChange)
+          onChange(
+            { current: p, pageSize },
+            activeFilters,
+            { order: sortOrder, column: sortColIndex != null ? visibleColumns[sortColIndex] : null },
+            { action: "paginate", currentDataSource: pageData }
+          );
+      };
+      const onHeaderSetSort = (i, order) => {
+        const col = visibleColumns[i];
+        if (!col.sorter) return;
+        if (onChange)
+          onChange(
+            { current: page, pageSize },
+            activeFilters,
+            { column: col, order },
+            { action: "sort", currentDataSource: pageData }
+          );
+      };
+      const resetHeaderFilterMenu = (i, menuEl) => {
+        const col = visibleColumns[i];
+        const el = menuEl || document.getElementById(`table-filter-menu-${i}`);
+        if (!col || !el) return;
+        const defaults = col.filterResetToDefaultFilteredValue ? col.defaultFilteredValue ?? [] : [];
+        const inputs = el.querySelectorAll(
+          'input[type="checkbox"], input[type="radio"]'
+        );
+        inputs.forEach((inp) => {
+          const v = inp.getAttribute("data-value") || inp.value;
+          if (inp.type === "checkbox") {
+            inp.checked = defaults.includes(v);
+          } else {
+            inp.checked = defaults[0] === v;
+          }
+        });
+      };
+      const ensureOutsideCloseRegistered = (id) => {
+        const g = globalThis;
+        const key = `__rue_table_outside_close_${id}`;
+        if (g[key]) return;
+        const handler = (e) => {
+          const target = e.target;
+          const withinIcon = target.closest(`[data-rue-table-id="${id}"] .rue-table-filter-icon`);
+          const withinMenu = target.closest(`[data-rue-table-id="${id}"] .rue-table-filter-menu`);
+          if (!withinIcon && !withinMenu) {
+            const tableEl = document.querySelector(
+              `table[data-rue-table-id="${id}"]`
+            );
+            if (!tableEl) return;
+            const menus = tableEl.querySelectorAll(".rue-table-filter-menu");
+            menus.forEach((m) => m.style.display = "none");
+          }
+        };
+        if (g && g.addEventListener) g.addEventListener("pointerdown", handler);
+        g[key] = handler;
+      };
+      ensureOutsideCloseRegistered(tableId);
+      const toggleHeaderFilterMenu = (i, open, anchor) => {
+        let el = null;
+        if (anchor) {
+          const cell = anchor.closest("th, td");
+          el = cell ? cell.querySelector(".rue-table-filter-menu") : null;
+        }
+        if (!el) el = document.getElementById(`table-filter-menu-${i}`);
+        if (!el) return;
+        const hidden = el.style.display === "none";
+        const shouldOpen = open != null ? open : hidden;
+        if (!shouldOpen) {
+          el.style.display = "none";
+          return;
+        }
+        el.style.position = "fixed";
+        el.style.visibility = "hidden";
+        el.style.display = "";
+        const anchorEl = anchor || el;
+        const rect = anchorEl.getBoundingClientRect();
+        const menuW = el.offsetWidth || 176;
+        const menuH = el.offsetHeight || 160;
+        const gap = 8;
+        const vw = window.innerWidth;
+        const vh = window.innerHeight;
+        let top = rect.bottom + gap;
+        let left = rect.left;
+        if (vh - rect.bottom < menuH + gap) top = Math.max(8, rect.top - menuH - gap);
+        if (vw - rect.left < menuW + 8) left = Math.max(8, rect.right - menuW);
+        el.style.visibility = "";
+        el.style.top = `${top}px`;
+        el.style.left = `${left}px`;
+        el.style.maxHeight = "calc(100vh - 16px)";
+        el.style.overflow = "auto";
+        el.style.zIndex = "50";
+      };
+      const collectHeaderFilterValues = (i, menuEl) => {
+        const el = menuEl || document.getElementById(`table-filter-menu-${i}`);
+        if (!el) return [];
+        const inputs = el.querySelectorAll(
+          'input[type="checkbox"], input[type="radio"]'
+        );
+        const vals = [];
+        inputs.forEach((inp) => {
+          const v = inp.getAttribute("data-value") || inp.value;
+          if (inp.checked) vals.push(v);
+        });
+        return vals;
+      };
+      const onHeaderFilterApply = (i, vals, menuEl) => {
+        const col = visibleColumns[i];
+        if (!col || !Array.isArray(col.filters) || col.filters.length === 0) return;
+        const key = getColKey(col);
+        const cur = Array.isArray(vals) ? vals : collectHeaderFilterValues(i, menuEl);
+        const nextFilters = { ...activeFilters };
+        if (key) nextFilters[key] = cur;
+        if (onChange)
+          onChange(
+            { current: page, pageSize },
+            nextFilters,
+            { order: sortOrder, column: sortColIndex != null ? visibleColumns[sortColIndex] : null },
+            { action: "filter", currentDataSource: pageData }
+          );
+        toggleHeaderFilterMenu(i, false, menuEl || void 0);
+      };
+      const toggleExpand = (key, record, e) => {
+        const btnEl = e?.currentTarget;
+        const rowEl = btnEl ? btnEl.closest("tr") : null;
+        const expRow = rowEl?.nextElementSibling;
+        if (expRow) {
+          const hidden = expRow.style.display === "none";
+          expRow.style.display = hidden ? "" : "none";
+          if (btnEl) btnEl.textContent = hidden ? "-" : "+";
+        }
+        const has = expKeys.has(key);
+        if (expandable?.onExpand) expandable.onExpand(!has, record);
+      };
+      const selectAll = (checked) => {
+        if (!rowSelection || rowSelection.type === "radio") return;
+        const keys = checked ? pageData.map((rec) => typeof rowKey === "function" ? rowKey(rec) : rec?.[rowKey]) : [];
+        if (rowSelection.onChange) {
+          const rows = workingData.filter(
+            (rec) => keys.includes(typeof rowKey === "function" ? rowKey(rec) : rec?.[rowKey])
+          );
+          rowSelection.onChange(keys, rows, { type: "checkbox" });
+        }
+        if (rowSelection.onSelectAll) {
+          const rows = workingData.filter(
+            (rec) => keys.includes(typeof rowKey === "function" ? rowKey(rec) : rec?.[rowKey])
+          );
+          rowSelection.onSelectAll(checked, rows);
+        }
+      };
+      const pageKeys = pageData.map(
+        (rec) => typeof rowKey === "function" ? rowKey(rec) : rec?.[rowKey]
+      );
+      const allSelectedOnPage = pageKeys.length > 0 && pageKeys.every((k) => isSelected(k));
+      const someSelectedOnPage = pageKeys.some((k) => isSelected(k)) && !allSelectedOnPage;
+      const tableStyle = {};
+      const needFixedLayout = visibleColumns.some((c) => !!c.ellipsis);
+      if (tableLayout) tableStyle.tableLayout = tableLayout;
+      else if (needFixedLayout) tableStyle.tableLayout = "fixed";
+      const wrapperNeeded = !!(scroll?.x || scroll?.y || typeof height !== "undefined" || onScroll);
+      const wrapperStyle = {};
+      const wrapperCls = `${scroll?.x ? "overflow-x-auto" : ""} ${scroll?.y || typeof height !== "undefined" ? "overflow-y-auto" : ""}`.trim() || void 0;
+      if (typeof scroll?.y !== "undefined") {
+        const maxH = typeof scroll.y === "number" ? `${scroll.y}px` : scroll.y;
+        wrapperStyle.maxHeight = maxH;
+      }
+      if (typeof height !== "undefined") {
+        const h = typeof height === "number" ? `${height}px` : height;
+        wrapperStyle.height = h;
+      }
+      return wrapperNeeded ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperCls, style: wrapperStyle, onScroll, children: [
+        typeof title === "function" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: title(pageData) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("table", { className: cls, style: tableStyle, "data-rue-table-id": tableId, children: [
+          showHeader ? /* @__PURE__ */ jsxRuntime.jsx("thead", { ...headerProps, children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            hasExpand ? /* @__PURE__ */ jsxRuntime.jsx("th", { className: alignClass("center") }) : null,
+            hasSelection ? /* @__PURE__ */ jsxRuntime.jsx(
+              "th",
+              {
+                style: rowSelection?.columnWidth ? { width: rowSelection.columnWidth } : void 0,
+                className: alignClass("center"),
+                children: rowSelection?.type !== "radio" ? /* @__PURE__ */ jsxRuntime.jsx("label", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "checkbox",
+                    checked: allSelectedOnPage,
+                    "aria-checked": someSelectedOnPage ? "mixed" : allSelectedOnPage ? "true" : "false",
+                    disabled: !!rowSelection?.disabled,
+                    onChange: (e) => selectAll(e.target.checked)
+                  }
+                ) }) : null
+              }
+            ) : null,
+            visibleColumns.map((col, i) => {
+              const cellProps = col.onHeaderCell ? col.onHeaderCell(col, i) || {} : {};
+              const keyVal = col.key ?? col.dataIndex ?? i;
+              const className2 = `${alignClass(col.align)}${col.className ? ` ${col.className}` : ""}${cellProps.className ? ` ${cellProps.className}` : ""}`.trim() || void 0;
+              const style = col.width ? { width: col.width } : cellProps.style;
+              if (pinCols && !col.fixedCol) {
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  "td",
+                  {
+                    className: className2,
+                    style,
+                    onClick: () => onHeaderSortClick(i),
+                    ...cellProps,
+                    children: col.title
+                  },
+                  keyVal
+                );
+              }
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "th",
+                {
+                  className: className2,
+                  style,
+                  onClick: () => onHeaderSortClick(i),
+                  ...cellProps,
+                  children: col.title
+                },
+                keyVal
+              );
+            })
+          ] }) }) : null,
+          /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+            pageData.map((record, rowIndex) => {
+              const key = typeof rowKey === "function" ? rowKey(record) : record?.[rowKey];
+              const rowProps = onRow ? onRow(record, rowIndex) || {} : {};
+              const baseCls = typeof rowClassName === "function" ? rowClassName(record, rowIndex) : "";
+              const hoverCls = rowHoverable ? rowHoverClass || "hover:bg-base-200" : "";
+              const rowCls = `${baseCls}${hoverCls ? ` ${hoverCls}` : ""}`.trim() || void 0;
+              const colSpan = (visibleColumns.length || 0) + (hasSelection ? 1 : 0) + (hasExpand ? 1 : 0);
+              return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "tr",
+                  {
+                    ...rowProps,
+                    className: rowCls || rowProps.className,
+                    children: [
+                      hasExpand ? /* @__PURE__ */ jsxRuntime.jsx("td", { className: alignClass("center"), children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          className: "btn btn-ghost btn-xs",
+                          onClick: (e) => toggleExpand(key, record, e),
+                          children: expKeys.has(key) ? "-" : "+"
+                        }
+                      ) }) : null,
+                      hasSelection ? /* @__PURE__ */ jsxRuntime.jsx(
+                        "td",
+                        {
+                          className: alignClass("center"),
+                          style: rowSelection?.columnWidth ? { width: rowSelection.columnWidth } : void 0,
+                          children: /* @__PURE__ */ jsxRuntime.jsx("label", { children: rowSelection?.type === "radio" ? /* @__PURE__ */ jsxRuntime.jsx(
+                            "input",
+                            {
+                              type: "radio",
+                              className: "radio",
+                              checked: !!isSelected(key),
+                              onChange: () => {
+                                const keys = [key];
+                                if (rowSelection?.onChange) {
+                                  const rows = workingData.filter(
+                                    (rec) => keys.includes(
+                                      typeof rowKey === "function" ? rowKey(rec) : rec?.[rowKey]
+                                    )
+                                  );
+                                  rowSelection.onChange(keys, rows, { type: "radio" });
+                                }
+                              },
+                              ...rowSelection?.getCheckboxProps ? rowSelection.getCheckboxProps(record) : {}
+                            }
+                          ) : /* @__PURE__ */ jsxRuntime.jsx(
+                            "input",
+                            {
+                              type: "checkbox",
+                              className: "checkbox",
+                              checked: !!isSelected(key),
+                              onChange: (e) => {
+                                const checked = e.target.checked;
+                                const base = rowSelection?.selectedRowKeys ?? rowSelection?.defaultSelectedRowKeys ?? [];
+                                const set = new Set(base);
+                                if (checked) set.add(key);
+                                else set.delete(key);
+                                const keys = Array.from(set);
+                                if (rowSelection?.onChange) {
+                                  const rows = workingData.filter(
+                                    (rec) => keys.includes(
+                                      typeof rowKey === "function" ? rowKey(rec) : rec?.[rowKey]
+                                    )
+                                  );
+                                  rowSelection.onChange(keys, rows, { type: "checkbox" });
+                                }
+                              },
+                              ...rowSelection?.getCheckboxProps ? rowSelection.getCheckboxProps(record) : {}
+                            }
+                          ) })
+                        }
+                      ) : null,
+                      visibleColumns.map((col, colIndex) => {
+                        const val = getVal(record, col.dataIndex);
+                        const node = col.render ? col.render(val, record, rowIndex) : val;
+                        const cellCls = `${alignClass(col.align)}${col.className ? ` ${col.className}` : ""}${col.ellipsis ? " truncate" : ""}`;
+                        const cellProps = col.onCell ? col.onCell(record, rowIndex) || {} : {};
+                        const keyVal = col.key ?? `${rowIndex}-${colIndex}`;
+                        const className2 = `${cellCls}${cellProps.className ? ` ${cellProps.className}` : ""}`.trim() || void 0;
+                        const style = col.width ? { width: col.width } : cellProps.style;
+                        if (pinCols && col.fixedCol) {
+                          return /* @__PURE__ */ jsxRuntime.jsx("th", { className: className2, style, ...cellProps, children: node }, keyVal);
+                        }
+                        return /* @__PURE__ */ jsxRuntime.jsx("td", { className: className2, style, ...cellProps, children: node }, keyVal);
+                      })
+                    ]
+                  },
+                  key ?? rowIndex
+                ),
+                hasExpand && expandable?.expandedRowRender ? /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { display: expKeys.has(key) ? "" : "none" }, children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan, children: expandable.expandedRowRender(record, rowIndex) }) }, `expanded-${key}`) : null
+              ] });
+            }),
+            pageData.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "td",
+              {
+                colSpan: (visibleColumns.length || 0) + (hasSelection ? 1 : 0) + (hasExpand ? 1 : 0),
+                className: alignClass("center"),
+                children: typeof emptyText !== "undefined" ? emptyText : "No Data"
+              }
+            ) }) : null
+          ] }),
+          (() => {
+            const colSpan = (visibleColumns.length || 0) + (hasSelection ? 1 : 0) + (hasExpand ? 1 : 0);
+            const summaryInfo = { total, page, pageSize };
+            const pageDataWithTotal = pageData.slice();
+            pageDataWithTotal.total = total;
+            const summaryNode = typeof summary === "function" ? summary(pageDataWithTotal, summaryInfo) : null;
+            const showPager = pagination !== false && pagination != null && !(pagination.hideOnSinglePage && pageCount <= 1);
+            if (!summaryNode && !showPager) return null;
+            return /* @__PURE__ */ jsxRuntime.jsxs("tfoot", { children: [
+              summaryNode ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan, children: summaryNode }) }) : null,
+              showPager ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 p-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    className: "btn btn-ghost btn-xs",
+                    disabled: page <= 1,
+                    onClick: () => onPageChange(page - 1),
+                    children: "Prev"
+                  }
+                ),
+                Array.from({ length: pageCount }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    className: `btn btn-ghost btn-xs${page === i + 1 ? " btn-active" : ""}`,
+                    onClick: () => onPageChange(i + 1),
+                    children: i + 1
+                  },
+                  i
+                )),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    className: "btn btn-ghost btn-xs",
+                    disabled: page >= pageCount,
+                    onClick: () => onPageChange(page + 1),
+                    children: "Next"
+                  }
+                )
+              ] }) }) }) : null
+            ] });
+          })()
+        ] }),
+        typeof footer === "function" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: footer(pageData) }) : null
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("table", { className: cls, style: tableStyle, "data-rue-table-id": tableId, children: [
+        showHeader ? /* @__PURE__ */ jsxRuntime.jsx("thead", { ...headerProps, children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          hasExpand ? /* @__PURE__ */ jsxRuntime.jsx("th", { className: alignClass("center") }) : null,
+          hasSelection ? /* @__PURE__ */ jsxRuntime.jsx(
+            "th",
+            {
+              style: rowSelection?.columnWidth ? { width: rowSelection.columnWidth } : void 0,
+              className: alignClass("center"),
+              children: rowSelection?.type !== "radio" ? /* @__PURE__ */ jsxRuntime.jsx("label", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  className: "checkbox",
+                  checked: allSelectedOnPage,
+                  "aria-checked": someSelectedOnPage ? "mixed" : allSelectedOnPage ? "true" : "false",
+                  disabled: !!rowSelection?.disabled,
+                  onChange: (e) => selectAll(e.target.checked)
+                }
+              ) }) : null
+            }
+          ) : null,
+          visibleColumns.map((col, i) => {
+            const cellProps = col.onHeaderCell ? col.onHeaderCell(col, i) || {} : {};
+            const keyVal = col.key ?? col.dataIndex ?? i;
+            const className2 = `${alignClass(col.align)}${col.className ? ` ${col.className}` : ""}${cellProps.className ? ` ${cellProps.className}` : ""}`.trim() || void 0;
+            const style = col.width ? { width: col.width } : cellProps.style;
+            if (pinCols && !col.fixedCol) {
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "td",
+                {
+                  className: className2,
+                  style,
+                  onClick: () => onHeaderSortClick(i),
+                  ...cellProps,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center relative", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: col.title }),
+                      col.sorter ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1 inline-flex flex-col leading-none", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            className: `${sortColIndex === i && sortOrder === "ascend" ? "text-base-content" : "opacity-40"} cursor-pointer`,
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              onHeaderSetSort(i, "ascend");
+                            },
+                            children: "\u25B2"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            className: `${sortColIndex === i && sortOrder === "descend" ? "text-base-content" : "opacity-40"} cursor-pointer -mt-0.5`,
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              onHeaderSetSort(i, "descend");
+                            },
+                            children: "\u25BC"
+                          }
+                        )
+                      ] }) : null,
+                      Array.isArray(col.filters) && col.filters.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: `rue-table-filter-icon ml-2 cursor-pointer ${activeFilters[getColKey(col)]?.length ? "text-base-content" : "opacity-40"}`,
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            toggleHeaderFilterMenu(i, void 0, e.currentTarget);
+                          },
+                          children: "\u2630"
+                        }
+                      ) : null
+                    ] }),
+                    Array.isArray(col.filters) && col.filters.length > 0 ? (() => {
+                      const menuGroup = `header-filter-${i}-${Math.random().toString(36).slice(2)}`;
+                      return /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          id: `table-filter-menu-${i}`,
+                          className: "rue-table-filter-menu fixed z-50 w-44 rounded-box border border-base-content/10 bg-base-100 p-2 shadow",
+                          style: { display: "none" },
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: col.filters.map((f) => /* @__PURE__ */ jsxRuntime.jsxs(
+                              "label",
+                              {
+                                className: "flex items-center gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(
+                                    "input",
+                                    {
+                                      type: col.filterMultiple === false ? "radio" : "checkbox",
+                                      name: menuGroup,
+                                      className: col.filterMultiple === false ? "radio radio-xs" : "checkbox checkbox-xs",
+                                      defaultChecked: (activeFilters[getColKey(col)] ?? col.defaultFilteredValue ?? []).includes(f.value),
+                                      "data-value": String(f.value),
+                                      onChange: (e) => {
+                                        if (col.filterOnClose) return;
+                                        const menuEl = e.currentTarget.closest(
+                                          ".rue-table-filter-menu"
+                                        );
+                                        onHeaderFilterApply(i, void 0, menuEl || void 0);
+                                      }
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: f.text })
+                                ]
+                              },
+                              f.value ?? String(f.text)
+                            )) }),
+                            col.filterOnClose ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex justify-end gap-2", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "button",
+                                {
+                                  className: "btn btn-ghost btn-xs",
+                                  onClick: (e) => {
+                                    const menuEl = e.currentTarget.closest(
+                                      ".rue-table-filter-menu"
+                                    );
+                                    resetHeaderFilterMenu(i, menuEl || void 0);
+                                  },
+                                  children: "\u91CD\u7F6E"
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "button",
+                                {
+                                  className: "btn btn-primary btn-xs",
+                                  onClick: (e) => {
+                                    const menuEl = e.currentTarget.closest(
+                                      ".rue-table-filter-menu"
+                                    );
+                                    onHeaderFilterApply(i, void 0, menuEl || void 0);
+                                  },
+                                  children: "\u5E94\u7528"
+                                }
+                              )
+                            ] }) : null
+                          ]
+                        }
+                      );
+                    })() : null
+                  ]
+                },
+                keyVal
+              );
+            }
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "th",
+              {
+                className: className2,
+                style,
+                onClick: () => onHeaderSortClick(i),
+                ...cellProps,
+                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center relative", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: col.title }),
+                  col.sorter ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1 inline-flex flex-col leading-none", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: `${sortColIndex === i && sortOrder === "ascend" ? "text-base-content" : "opacity-40"} cursor-pointer`,
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          onHeaderSetSort(i, "ascend");
+                        },
+                        children: "\u25B2"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: `${sortColIndex === i && sortOrder === "descend" ? "text-base-content" : "opacity-40"} cursor-pointer -mt-0.5`,
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          onHeaderSetSort(i, "descend");
+                        },
+                        children: "\u25BC"
+                      }
+                    )
+                  ] }) : null,
+                  Array.isArray(col.filters) && col.filters.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: `rue-table-filter-icon ml-2 cursor-pointer ${activeFilters[getColKey(col)]?.length ? "text-base-content" : "opacity-40"}`,
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        toggleHeaderFilterMenu(i, void 0, e.currentTarget);
+                      },
+                      children: "\u2630"
+                    }
+                  ) : null,
+                  Array.isArray(col.filters) && col.filters.length > 0 ? (() => {
+                    const menuGroup = `header-filter-${i}-${Math.random().toString(36).slice(2)}`;
+                    return /* @__PURE__ */ jsxRuntime.jsxs(
+                      "div",
+                      {
+                        id: `table-filter-menu-${i}`,
+                        className: "rue-table-filter-menu fixed z-50 w-44 rounded-box border border-base-content/10 bg-base-100 p-2 shadow",
+                        style: { display: "none" },
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: col.filters.map((f) => /* @__PURE__ */ jsxRuntime.jsxs(
+                            "label",
+                            {
+                              className: "flex items-center gap-2",
+                              children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  "input",
+                                  {
+                                    type: col.filterMultiple === false ? "radio" : "checkbox",
+                                    name: menuGroup,
+                                    className: col.filterMultiple === false ? "radio radio-xs" : "checkbox checkbox-xs",
+                                    defaultChecked: (activeFilters[getColKey(col)] ?? col.defaultFilteredValue ?? []).includes(f.value),
+                                    "data-value": String(f.value),
+                                    onChange: (e) => {
+                                      if (col.filterOnClose) return;
+                                      const menuEl = e.currentTarget.closest(
+                                        ".rue-table-filter-menu"
+                                      );
+                                      onHeaderFilterApply(i, void 0, menuEl || void 0);
+                                    }
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: f.text })
+                              ]
+                            },
+                            f.value ?? String(f.text)
+                          )) }),
+                          col.filterOnClose ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex justify-end gap-2", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              "button",
+                              {
+                                className: "btn btn-ghost btn-xs",
+                                onClick: (e) => {
+                                  const menuEl = e.currentTarget.closest(
+                                    ".rue-table-filter-menu"
+                                  );
+                                  resetHeaderFilterMenu(i, menuEl || void 0);
+                                },
+                                children: "\u91CD\u7F6E"
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              "button",
+                              {
+                                className: "btn btn-primary btn-xs",
+                                onClick: (e) => {
+                                  const menuEl = e.currentTarget.closest(
+                                    ".rue-table-filter-menu"
+                                  );
+                                  onHeaderFilterApply(i, void 0, menuEl || void 0);
+                                },
+                                children: "\u5E94\u7528"
+                              }
+                            )
+                          ] }) : null
+                        ]
+                      }
+                    );
+                  })() : null
+                ] })
+              },
+              keyVal
+            );
+          })
+        ] }) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+          pageData.map((record, rowIndex) => {
+            const key = typeof rowKey === "function" ? rowKey(record) : record?.[rowKey];
+            const rowProps = onRow ? onRow(record, rowIndex) || {} : {};
+            const baseCls = typeof rowClassName === "function" ? rowClassName(record, rowIndex) : "";
+            const hoverCls = rowHoverable ? rowHoverClass || "hover:bg-base-200" : "";
+            const rowCls = `${baseCls}${hoverCls ? ` ${hoverCls}` : ""}`.trim() || void 0;
+            return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "tr",
+                {
+                  ...rowProps,
+                  className: rowCls || rowProps.className,
+                  children: [
+                    hasExpand ? /* @__PURE__ */ jsxRuntime.jsx("td", { className: alignClass("center"), children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        className: "btn btn-ghost btn-xs",
+                        onClick: (e) => toggleExpand(key, record, e),
+                        children: expKeys.has(key) ? "-" : "+"
+                      }
+                    ) }) : null,
+                    hasSelection ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "td",
+                      {
+                        className: alignClass("center"),
+                        style: rowSelection?.columnWidth ? { width: rowSelection.columnWidth } : void 0,
+                        children: /* @__PURE__ */ jsxRuntime.jsx("label", { children: (() => {
+                          const cbProps = rowSelection?.getCheckboxProps ? { ...rowSelection.getCheckboxProps(record) } : {};
+                          if (rowSelection?.disabled) cbProps.disabled = true;
+                          if (rowSelection?.type === "radio") {
+                            return /* @__PURE__ */ jsxRuntime.jsx(
+                              "input",
+                              {
+                                type: "radio",
+                                className: "radio",
+                                checked: !!isSelected(key),
+                                onChange: () => {
+                                  const keys = [key];
+                                  if (rowSelection?.onChange) {
+                                    const rows = workingData.filter(
+                                      (rec) => keys.includes(
+                                        typeof rowKey === "function" ? rowKey(rec) : rec?.[rowKey]
+                                      )
+                                    );
+                                    rowSelection.onChange(keys, rows, { type: "radio" });
+                                  }
+                                },
+                                ...cbProps
+                              }
+                            );
+                          }
+                          return /* @__PURE__ */ jsxRuntime.jsx(
+                            "input",
+                            {
+                              type: "checkbox",
+                              className: "checkbox",
+                              checked: !!isSelected(key),
+                              onChange: (e) => {
+                                const checked = e.target.checked;
+                                const base = rowSelection?.selectedRowKeys ?? rowSelection?.defaultSelectedRowKeys ?? [];
+                                const set = new Set(base);
+                                if (checked) set.add(key);
+                                else set.delete(key);
+                                const keys = Array.from(set);
+                                if (rowSelection?.onChange) {
+                                  const rows = workingData.filter(
+                                    (rec) => keys.includes(
+                                      typeof rowKey === "function" ? rowKey(rec) : rec?.[rowKey]
+                                    )
+                                  );
+                                  rowSelection.onChange(keys, rows, { type: "checkbox" });
+                                }
+                              },
+                              ...cbProps
+                            }
+                          );
+                        })() })
+                      }
+                    ) : null,
+                    visibleColumns.map((col, colIndex) => {
+                      const val = getVal(record, col.dataIndex);
+                      const node = col.render ? col.render(val, record, rowIndex) : val;
+                      const cellCls = `${alignClass(col.align)}${col.className ? ` ${col.className}` : ""}${col.ellipsis ? " truncate" : ""}`;
+                      const cellProps = col.onCell ? col.onCell(record, rowIndex) || {} : {};
+                      const keyVal = col.key ?? `${rowIndex}-${colIndex}`;
+                      const className2 = `${cellCls}${cellProps.className ? ` ${cellProps.className}` : ""}`.trim() || void 0;
+                      const style = col.width ? { width: col.width } : cellProps.style;
+                      if (pinCols && col.fixedCol) {
+                        return /* @__PURE__ */ jsxRuntime.jsx("th", { className: className2, style, ...cellProps, children: node }, keyVal);
+                      }
+                      return /* @__PURE__ */ jsxRuntime.jsx("td", { className: className2, style, ...cellProps, children: node }, keyVal);
+                    })
+                  ]
+                },
+                key ?? rowIndex
+              ),
+              hasExpand && expandable?.expandedRowRender ? /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { display: expKeys.has(key) ? "" : "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                "td",
+                {
+                  colSpan: (visibleColumns.length || 0) + (hasSelection ? 1 : 0) + (hasExpand ? 1 : 0),
+                  children: expandable.expandedRowRender(record, rowIndex)
+                }
+              ) }, `expanded-${key}`) : null
+            ] });
+          }),
+          pageData.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              colSpan: (visibleColumns.length || 0) + (hasSelection ? 1 : 0) + (hasExpand ? 1 : 0),
+              className: alignClass("center"),
+              children: typeof emptyText !== "undefined" ? emptyText : "No Data"
+            }
+          ) }) : null
+        ] }),
+        (() => {
+          const colSpan = (visibleColumns.length || 0) + (hasSelection ? 1 : 0) + (hasExpand ? 1 : 0);
+          const summaryInfo = { total, page, pageSize };
+          const pageDataWithTotal = pageData.slice();
+          pageDataWithTotal.total = total;
+          const summaryNode = typeof summary === "function" ? summary(pageDataWithTotal, summaryInfo) : null;
+          const showPager = pagination !== false && pagination != null && !(pagination.hideOnSinglePage && pageCount <= 1);
+          if (!summaryNode && !showPager) return null;
+          return /* @__PURE__ */ jsxRuntime.jsxs("tfoot", { children: [
+            summaryNode ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan, children: summaryNode }) }) : null,
+            showPager ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 p-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: "btn btn-ghost btn-xs",
+                  disabled: page <= 1,
+                  onClick: () => onPageChange(page - 1),
+                  children: "Prev"
+                }
+              ),
+              Array.from({ length: pageCount }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: `btn btn-ghost btn-xs${page === i + 1 ? " btn-active" : ""}`,
+                  onClick: () => onPageChange(i + 1),
+                  children: i + 1
+                },
+                i
+              )),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: "btn btn-ghost btn-xs",
+                  disabled: page >= pageCount,
+                  onClick: () => onPageChange(page + 1),
+                  children: "Next"
+                }
+              )
+            ] }) }) }) : null
+          ] });
+        })()
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("table", { className: cls });
+  };
+  const Head = ({ className, children }) => {
+    const cls = className ? className : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx("thead", { className: cls, children });
+  };
+  const Body = ({ className, children }) => {
+    const cls = className ? className : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: cls, children });
+  };
+  const Foot = ({ className, children }) => {
+    const cls = className ? className : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx("tfoot", { className: cls, children });
+  };
+  const TR = ({ className, children }) => {
+    const cls = className ? className : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx("tr", { className: cls, children });
+  };
+  const TH = ({ className, children }) => {
+    let cls = "";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("th", { className: cls.trim() || void 0, children });
+  };
+  const TD = ({ className, children }) => {
+    let cls = "";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("td", { className: cls.trim() || void 0, children });
+  };
+  const TableCompound = Object.assign(Table, {
+    Head,
+    Body,
+    Foot,
+    TR,
+    TH,
+    TD
+  });
+
+  const Breadcrumbs = ({ className, children, items }) => {
+    let cls = "breadcrumbs";
+    if (className) cls += ` ${className}`;
+    if (items && items.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: items.map((it, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: it.className ?? "", children: it.href ? /* @__PURE__ */ jsxRuntime.jsxs("a", { className: it.linkClassName ?? "", href: it.href, children: [
+        it.icon ?? null,
+        it.label
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: it.linkClassName ?? "", children: [
+        it.icon ?? null,
+        it.label
+      ] }) }, i)) }) });
+    } else {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children }) });
+    }
+  };
+  const Item$2 = ({ className, children }) => {
+    let cls = "";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: cls.trim(), children });
+  };
+  const BreadcrumbsCompound = Object.assign(Breadcrumbs, {
+    Item: Item$2
+  });
+
+  const Dock = ({ size, className, items, activeIndex, onChange, children }) => {
+    let cls = "dock";
+    if (size) cls += ` dock-${size}`;
+    if (className) cls += ` ${className}`;
+    if (items && items.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: items.map((it, idx) => (
+        /* 渲染单个停靠项，active 来源于 activeIndex 或自身 active */
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Item$1,
+          {
+            as: it.as,
+            className: it.className,
+            active: activeIndex != null ? activeIndex === idx : !!it.active,
+            href: it.href,
+            onClick: () => onChange && onChange(idx),
+            children: [
+              it.icon,
+              it.label != null ? /* @__PURE__ */ jsxRuntime.jsx(Label, { children: it.label }) : null
+            ]
+          },
+          idx
+        )
+      )) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children });
+  };
+  const Item$1 = ({ as = "button", active, className, href, onClick, children }) => {
+    let cls = "";
+    if (active) cls += " dock-active";
+    if (className) cls += ` ${className}`;
+    const clsTrim = cls.trim();
+    if (as === "a")
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: clsTrim, onClick, children });
+    if (as === "div")
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsTrim, onClick, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("button", { className: clsTrim, onClick, children });
+  };
+  const Label = ({ className, children }) => {
+    let cls = "dock-label";
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children });
+  };
+  const DockCompound = Object.assign(Dock, {
+    Item: Item$1,
+    Label
+  });
+
+  const Link = ({
+    href = "#",
+    target,
+    rel,
+    to,
+    onClick,
+    variant,
+    hover,
+    className,
+    children
+  }) => {
+    let cls = "link";
+    if (variant) cls += ` link-${variant}`;
+    if (hover) cls += ` link-hover`;
+    if (className) cls += ` ${className}`;
+    return to ? /* @__PURE__ */ jsxRuntime.jsx(router.RouterLink, { className: cls, to, onClick, children }) : /* @__PURE__ */ jsxRuntime.jsx("a", { className: cls, href, target, rel, onClick, children });
+  };
+
+  const renderEntry = (m, idx) => {
+    if (m.kind === "title") {
+      return /* @__PURE__ */ jsxRuntime.jsx(Title, { as: m.as, className: m.className, children: m.children }, idx);
+    }
+    const innerClasses = [
+      m.disabled ? "menu-disabled" : "",
+      m.active ? "menu-active" : "",
+      m.focus ? "menu-focus" : "",
+      m.className ?? ""
+    ].filter(Boolean).join(" ").trim();
+    const liCls = m.liClassName ? m.liClassName : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: liCls, children: [
+      m.as === "button" ? /* @__PURE__ */ jsxRuntime.jsx("button", { className: innerClasses || void 0, ...m, children: m.children }) : m.as === "span" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: innerClasses || void 0, ...m, children: m.children }) : m.to ? /* @__PURE__ */ jsxRuntime.jsx(router.RouterLink, { className: innerClasses || void 0, to: m.to, onClick: m.onClick, children: m.children }) : m.href ? /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          className: innerClasses || void 0,
+          href: m.href,
+          target: m.target,
+          rel: m.rel,
+          onClick: m.onClick,
+          children: m.children
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("a", { className: innerClasses || void 0, onClick: m.onClick, children: m.children }),
+      m.dropdownToggle ? /* @__PURE__ */ jsxRuntime.jsx(DropdownToggle, { visible: m.dropdownToggle.visible, className: m.dropdownToggle.className, children: m.dropdownToggle.children }) : null,
+      m.dropdown ? /* @__PURE__ */ jsxRuntime.jsx(Dropdown, { visible: m.dropdown.visible, className: m.dropdown.className, children: m.dropdown.items?.map((child, i) => renderEntry(child, i)) }) : null,
+      m.submenu ? /* @__PURE__ */ jsxRuntime.jsx(Submenu, { className: m.submenu.className, children: m.submenu.items?.map((child, i) => renderEntry(child, i)) }) : null
+    ] }, idx);
+  };
+  const Menu = ({ size, direction = "vertical", className, children, items }) => {
+    let cls = "menu";
+    if (direction === "horizontal") cls += ` menu-horizontal`;
+    else if (direction === "vertical") cls += ` menu-vertical`;
+    if (size) cls += ` menu-${size}`;
+    if (className) cls += ` ${className}`;
+    if (items && items.length)
+      return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cls, children: items.map((m, i) => renderEntry(m, i)) });
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cls, children });
+  };
+  const Item = ({
+    as = "a",
+    href,
+    to,
+    target,
+    rel,
+    onClick,
+    disabled,
+    active,
+    focus,
+    liClassName,
+    className,
+    children,
+    ...rest
+  }) => {
+    const innerClasses = [
+      disabled ? "menu-disabled" : "",
+      active ? "menu-active" : "",
+      focus ? "menu-focus" : "",
+      className ?? ""
+    ].filter(Boolean).join(" ").trim();
+    const liCls = liClassName ? liClassName : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: liCls, children: as === "button" ? /* @__PURE__ */ jsxRuntime.jsx("button", { className: innerClasses || void 0, onClick, ...rest, children }) : as === "span" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: innerClasses || void 0, onClick, ...rest, children }) : to ? /* @__PURE__ */ jsxRuntime.jsx(router.RouterLink, { className: innerClasses || void 0, to, onClick, children }) : href ? /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        className: innerClasses || void 0,
+        href,
+        target,
+        rel,
+        onClick,
+        ...rest,
+        children
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("a", { className: innerClasses || void 0, onClick, ...rest, children }) });
+  };
+  const Title = ({ as = "li", className, children }) => {
+    let cls = "menu-title";
+    if (className) cls += ` ${className}`;
+    if (as === "h2") return /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cls, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: cls, children });
+  };
+  const Dropdown = ({ visible, className, children }) => {
+    let cls = "menu-dropdown";
+    if (visible) cls += ` menu-dropdown-visible`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cls, children });
+  };
+  const DropdownToggle = ({ visible, className, children }) => {
+    let cls = "menu-dropdown-toggle";
+    if (visible) cls += ` menu-dropdown-visible`;
+    if (className) cls += ` ${className}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children });
+  };
+  const Submenu = ({ className, children }) => {
+    const cls = className ? className : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cls, children });
+  };
+  const MenuCompound = Object.assign(Menu, {
+    Item,
+    Title,
+    Dropdown,
+    DropdownToggle,
+    Submenu
+  });
+
+  exports.Accordion = AccordionCompound;
+  exports.Alert = Alert;
+  exports.Avatar = AvatarCompound;
+  exports.Badge = Badge;
+  exports.Breadcrumbs = BreadcrumbsCompound;
+  exports.Button = Button;
+  exports.Card = CardCompound;
+  exports.Carousel = CarouselCompound;
+  exports.Chat = ChatCompound;
+  exports.Collapse = CollapseCompound;
+  exports.Countdown = CountdownCompound;
+  exports.Diff = DiffCompound;
+  exports.Divider = Divider;
+  exports.Dock = DockCompound;
+  exports.Footer = Footer$1;
+  exports.Hover3D = Hover3D;
+  exports.HoverGallery = HoverGallery;
+  exports.Kbd = Kbd;
+  exports.Link = Link;
+  exports.List = ListCompound;
+  exports.Menu = MenuCompound;
+  exports.Modal = Modal;
+  exports.Stat = StatCompound;
+  exports.Status = Status;
+  exports.Table = TableCompound;
+  exports.Tabs = Tabs;
+  exports.TextRotate = TextRotate;
+  exports.Timeline = TimelineCompound;
+
+  return exports;
+
+})({}, jsxRuntime, runtime, router);