@rue-js/design 0.0.21

package/dist/rue-design.esm-bundler.js

@@ -0,0 +1,2016 @@
+/**
+* @rue-js/design v0.0.21
+* (c) 2025-present Xiangmin Liu and Rue contributors
+* @license MIT
+**/
+import { jsx, Fragment, jsxs } from '@rue-js/jsx-runtime';
+import { useRef, onMounted, onUnmounted, watch, h } from '@rue-js/rue';
+import { RouterLink } from '@rue-js/router';
+
+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__ */ jsx("div", { role: "alert", className: cls, children });
+};
+
+const Accordion = ({
+  icon,
+  force,
+  use = "radio",
+  name,
+  open,
+  className,
+  children,
+  items
+}) => {
+  if (items && items.length) {
+    return /* @__PURE__ */ jsx(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__ */ jsxs("details", { className: iCls, name, open: it.open, children: [
+          /* @__PURE__ */ jsx(
+            "summary",
+            {
+              className: it.titleClassName ? `collapse-title ${it.titleClassName}` : "collapse-title",
+              children: it.title
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: it.contentClassName ? `collapse-content ${it.contentClassName}` : "collapse-content",
+              children: it.content
+            }
+          )
+        ] }, i);
+      }
+      return /* @__PURE__ */ jsxs("div", { className: iCls, children: [
+        /* @__PURE__ */ jsx("input", { type: "radio", name, checked: it.open }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: it.titleClassName ? `collapse-title ${it.titleClassName}` : "collapse-title",
+            children: it.title
+          }
+        ),
+        /* @__PURE__ */ 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__ */ jsx("details", { className: cls, name, open, children });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cls, children: [
+    /* @__PURE__ */ 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__ */ jsx("summary", { className: cls, children }) : /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Content$1 = ({ className, children }) => {
+  let cls = "collapse-content";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: cls, children });
+};
+const Body$1 = ({ className, children }) => {
+  let cls = "card-body";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Title$3 = ({ className, children }) => {
+  let cls = "card-title";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("h2", { className: cls, children });
+};
+const Actions$1 = ({ className, children }) => {
+  let cls = "card-actions";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Figure$1 = ({ className, children }) => {
+  let cls = "figure";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: cls, children });
+};
+const Group = ({ className, children, items }) => {
+  let cls = "avatar-group";
+  if (className) cls += ` ${className}`;
+  if (items && items.length) {
+    return /* @__PURE__ */ jsx("div", { className: cls, children: items.map((m, i) => (
+      /* 逐项渲染子头像 */
+      /* @__PURE__ */ jsx(Avatar, { status: m.status, children: m.children }, i)
+    )) });
+  }
+  return /* @__PURE__ */ 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__ */ 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__ */ jsx("footer", { className: cls, children });
+};
+
+const Modal = ({ open, title, children, actions, className, onClose }) => {
+  if (!open) return null;
+  return /* @__PURE__ */ jsx("div", { className: "modal modal-open", children: /* @__PURE__ */ jsxs("div", { className: `modal-box ${className ?? ""}`, children: [
+    title ? /* @__PURE__ */ jsx("div", { className: "font-semibold mb-2", children: title }) : null,
+    children,
+    /* @__PURE__ */ jsxs("div", { className: "modal-action", children: [
+      actions,
+      onClose ? /* @__PURE__ */ 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__ */ jsx("div", { role: "tablist", className: cls, children: items.map((it) => /* @__PURE__ */ 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__ */ jsx("div", { className: cls, children });
+};
+
+const Diff = ({ className, tabIndex, children }) => {
+  let cls = "diff";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("figure", { className: cls, tabIndex, children });
+};
+const Item1 = ({ className, role, tabIndex, children }) => {
+  let cls = "diff-item-1";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls, role, tabIndex, children });
+};
+const Item2 = ({ className, role, tabIndex, children }) => {
+  let cls = "diff-item-2";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls, role, tabIndex, children });
+};
+const Resizer = ({ className }) => {
+  let cls = "diff-resizer";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls });
+};
+const DiffCompound = Object.assign(Diff, {
+  Item1,
+  Item2,
+  Resizer
+});
+
+const OverlayDivs = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("div", {}),
+  /* @__PURE__ */ jsx("div", {}),
+  /* @__PURE__ */ jsx("div", {}),
+  /* @__PURE__ */ jsx("div", {}),
+  /* @__PURE__ */ jsx("div", {}),
+  /* @__PURE__ */ jsx("div", {}),
+  /* @__PURE__ */ jsx("div", {}),
+  /* @__PURE__ */ jsx("div", {})
+] });
+const Hover3D = ({ as = "div", href, className, overlays = true, children }) => {
+  const cls = className ? `hover-3d ${className}` : "hover-3d";
+  if (as === "a") {
+    return /* @__PURE__ */ jsxs("a", { href, className: cls, children: [
+      children,
+      overlays ? /* @__PURE__ */ jsx(OverlayDivs, {}) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cls, children: [
+    children,
+    overlays ? /* @__PURE__ */ 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__ */ jsx("ul", { className: cls, children: items.map((it, i) => /* @__PURE__ */ jsxs("li", { className: it.liClassName, children: [
+      it.beforeLine ? /* @__PURE__ */ jsx("hr", {}) : null,
+      it.start ? /* @__PURE__ */ jsx(Start, { box: it.start.box, className: it.start.className, children: it.start.content }) : null,
+      it.middle ? /* @__PURE__ */ jsx(Middle, { className: it.middle.className, children: it.middle.content }) : null,
+      it.end ? /* @__PURE__ */ jsx(End, { box: it.end.box, className: it.end.className, children: it.end.content }) : null,
+      it.afterLine ? /* @__PURE__ */ jsx("hr", {}) : null
+    ] }, i)) });
+  }
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: cls, children });
+};
+const Middle = ({ className, children }) => {
+  let cls = "timeline-middle";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: cls, children: /* @__PURE__ */ jsx("span", { className: innerClassName, children: items.map((m, i) => /* @__PURE__ */ jsx("span", { className: m.className, children: m.text }, i)) }) });
+  }
+  return /* @__PURE__ */ 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__ */ jsx("div", { ...common, children });
+  }
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: cls, children: items.map((m, i) => {
+      const itemCls = m.className;
+      return (
+        /* 单项：按 center/figure/title/value/desc/actions 组合 */
+        /* @__PURE__ */ jsxs(Item$5, { center: m.center, className: itemCls, children: [
+          m.figure ? /* @__PURE__ */ jsx(Figure, { className: m.figureClassName, children: m.figure }) : null,
+          m.title ? /* @__PURE__ */ jsx(Title$2, { className: m.titleClassName, children: m.title }) : null,
+          m.value ? /* @__PURE__ */ jsx(Value$1, { className: m.valueClassName, children: m.value }) : null,
+          m.desc ? /* @__PURE__ */ jsx(Desc, { className: m.descClassName, children: m.desc }) : null,
+          m.actions ? /* @__PURE__ */ jsx(Actions, { className: m.actionsClassName, children: m.actions }) : null
+        ] }, i)
+      );
+    }) });
+  }
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: cls, children });
+};
+const Title$2 = ({ className, children }) => {
+  let cls = "stat-title";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Value$1 = ({ className, children }) => {
+  let cls = "stat-value";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Desc = ({ className, children }) => {
+  let cls = "stat-desc";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Figure = ({ className, children }) => {
+  let cls = "stat-figure";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Actions = ({ className, children }) => {
+  let cls = "stat-actions";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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 = 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;
+    }
+  };
+  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();
+  });
+  onUnmounted(() => {
+    stopAuto();
+  });
+  watch(
+    () => activeIndex,
+    (v) => {
+      if (typeof v === "number") {
+        scrollToIndex(v);
+      }
+    },
+    { immediate: true }
+  );
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className: cls, children: items && items.length ? items.map((it, i) => /* @__PURE__ */ 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__ */ 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__ */ jsx(Fragment, { children: items.map((m, i) => {
+      let cls2 = "chat";
+      cls2 += ` chat-${m.placement}`;
+      if (className) cls2 += ` ${className}`;
+      return /* @__PURE__ */ jsxs("div", { className: cls2, children: [
+        m.imageSrc ? /* @__PURE__ */ jsx(Image, { className: m.imageClassName, children: /* @__PURE__ */ jsx("div", { className: "w-10 rounded-full", children: /* @__PURE__ */ jsx("img", { alt: m.imageAlt ?? "chat image", src: m.imageSrc }) }) }) : null,
+        m.headerName || m.headerTime ? /* @__PURE__ */ jsxs(Header, { className: m.headerClassName, children: [
+          m.headerName,
+          " ",
+          m.headerTime ? /* @__PURE__ */ jsx("time", { className: "text-xs opacity-50", children: m.headerTime }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsx(Bubble, { color: m.color, children: m.text }),
+        m.footer ? /* @__PURE__ */ jsx(Footer, { className: m.footerClassName, children: m.footer }) : null
+      ] }, i);
+    }) });
+  }
+  let cls = "chat";
+  cls += ` chat-${placement}`;
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: cls, children });
+};
+const Header = ({ className, children }) => {
+  let cls = "chat-header";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Footer = ({ className, children }) => {
+  let cls = "chat-footer";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Image = ({ className, children }) => {
+  let cls = "chat-image";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ jsx("details", { className: cls, children });
+  }
+  const props = { className: cls };
+  if (typeof tabIndex === "number") props.tabIndex = tabIndex;
+  return /* @__PURE__ */ jsx("div", { ...props, children });
+};
+const Title$1 = ({ as = "div", className, children }) => {
+  let cls = "collapse-title";
+  if (className) cls += ` ${className}`;
+  if (as === "summary") return /* @__PURE__ */ jsx("summary", { className: cls, children });
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Content = ({ className, children }) => {
+  let cls = "collapse-content";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ 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__ */ jsx(
+          Value,
+          {
+            value,
+            digits,
+            className: vCls,
+            ariaLive,
+            ariaLabel,
+            children: children2
+          },
+          i
+        );
+      }
+      return /* @__PURE__ */ jsx("span", { className: it.className, children: it.content }, i);
+    }) });
+  }
+  return /* @__PURE__ */ 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__ */ jsx(
+    "span",
+    {
+      style: styleAttr,
+      "aria-live": ariaLive,
+      "aria-label": ariaLabel ?? String(value),
+      className: cls.trim(),
+      children: children != null ? children : 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__ */ 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__ */ jsx("img", { src: obj.src, alt: obj.alt ?? "", className: obj.className }, i);
+    }
+    return it;
+  }) : children;
+  return as === "figure" ? /* @__PURE__ */ jsx("figure", { className: cls, children: content }) : /* @__PURE__ */ 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__ */ jsx("kbd", { className: cls, children });
+};
+
+const List = ({ className, children, items }) => {
+  let cls = "list";
+  if (className) cls += ` ${className}`;
+  if (items && items.length) {
+    return /* @__PURE__ */ 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__ */ jsx("li", { className: liCls2 || void 0, children: m.content }, i);
+      }
+      if (m.normal) {
+        const liCls2 = m.className ? `${m.className}` : "";
+        return /* @__PURE__ */ jsxs("li", { className: liCls2 || void 0, children: [
+          m.content,
+          m.cols?.map((c, ci) => {
+            if (c.type === "grow")
+              return /* @__PURE__ */ jsx(ColGrow, { as: c.as, className: c.className, children: c.content }, ci);
+            return /* @__PURE__ */ 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__ */ jsxs("li", { className: liCls, children: [
+        m.content,
+        m.cols?.map((c, ci) => {
+          if (c.type === "grow")
+            return /* @__PURE__ */ jsx(ColGrow, { as: c.as, className: c.className, children: c.content }, ci);
+          return /* @__PURE__ */ jsx(ColWrap, { as: c.as, className: c.className, children: c.content }, ci);
+        })
+      ] }, i);
+    }) });
+  }
+  return /* @__PURE__ */ jsx("ul", { className: cls, children });
+};
+const Row = ({ normal, className, children }) => {
+  if (normal) {
+    const cls2 = className ? `${className}` : "";
+    return /* @__PURE__ */ jsx("li", { className: cls2 || void 0, children });
+  }
+  let cls = "list-row";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ jsx("p", { className: cls, children });
+  if (as === "span") return /* @__PURE__ */ jsx("span", { className: cls, children });
+  return /* @__PURE__ */ 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__ */ jsx("p", { className: cls, children });
+  if (as === "span") return /* @__PURE__ */ jsx("span", { className: cls, children });
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
+};
+const Item$3 = ({ className, children }) => {
+  let cls = "";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: wrapperCls, style: wrapperStyle, onScroll, children: [
+      typeof title === "function" ? /* @__PURE__ */ jsx("div", { className: "p-2", children: title(pageData) }) : null,
+      /* @__PURE__ */ jsxs("table", { className: cls, style: tableStyle, "data-rue-table-id": tableId, children: [
+        showHeader ? /* @__PURE__ */ jsx("thead", { ...headerProps, children: /* @__PURE__ */ jsxs("tr", { children: [
+          hasExpand ? /* @__PURE__ */ jsx("th", { className: alignClass("center") }) : null,
+          hasSelection ? /* @__PURE__ */ jsx(
+            "th",
+            {
+              style: rowSelection?.columnWidth ? { width: rowSelection.columnWidth } : void 0,
+              className: alignClass("center"),
+              children: rowSelection?.type !== "radio" ? /* @__PURE__ */ jsx("label", { children: /* @__PURE__ */ 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__ */ jsx(
+                "td",
+                {
+                  className: className2,
+                  style,
+                  onClick: () => onHeaderSortClick(i),
+                  ...cellProps,
+                  children: col.title
+                },
+                keyVal
+              );
+            }
+            return /* @__PURE__ */ jsx(
+              "th",
+              {
+                className: className2,
+                style,
+                onClick: () => onHeaderSortClick(i),
+                ...cellProps,
+                children: col.title
+              },
+              keyVal
+            );
+          })
+        ] }) }) : null,
+        /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
+                "tr",
+                {
+                  ...rowProps,
+                  className: rowCls || rowProps.className,
+                  children: [
+                    hasExpand ? /* @__PURE__ */ jsx("td", { className: alignClass("center"), children: /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        className: "btn btn-ghost btn-xs",
+                        onClick: (e) => toggleExpand(key, record, e),
+                        children: expKeys.has(key) ? "-" : "+"
+                      }
+                    ) }) : null,
+                    hasSelection ? /* @__PURE__ */ jsx(
+                      "td",
+                      {
+                        className: alignClass("center"),
+                        style: rowSelection?.columnWidth ? { width: rowSelection.columnWidth } : void 0,
+                        children: /* @__PURE__ */ jsx("label", { children: rowSelection?.type === "radio" ? /* @__PURE__ */ 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__ */ 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__ */ jsx("th", { className: className2, style, ...cellProps, children: node }, keyVal);
+                      }
+                      return /* @__PURE__ */ jsx("td", { className: className2, style, ...cellProps, children: node }, keyVal);
+                    })
+                  ]
+                },
+                key ?? rowIndex
+              ),
+              hasExpand && expandable?.expandedRowRender ? /* @__PURE__ */ jsx("tr", { style: { display: expKeys.has(key) ? "" : "none" }, children: /* @__PURE__ */ jsx("td", { colSpan, children: expandable.expandedRowRender(record, rowIndex) }) }, `expanded-${key}`) : null
+            ] });
+          }),
+          pageData.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ 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__ */ jsxs("tfoot", { children: [
+            summaryNode ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, children: summaryNode }) }) : null,
+            showPager ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 p-2", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "btn btn-ghost btn-xs",
+                  disabled: page <= 1,
+                  onClick: () => onPageChange(page - 1),
+                  children: "Prev"
+                }
+              ),
+              Array.from({ length: pageCount }).map((_, i) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: `btn btn-ghost btn-xs${page === i + 1 ? " btn-active" : ""}`,
+                  onClick: () => onPageChange(i + 1),
+                  children: i + 1
+                },
+                i
+              )),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "btn btn-ghost btn-xs",
+                  disabled: page >= pageCount,
+                  onClick: () => onPageChange(page + 1),
+                  children: "Next"
+                }
+              )
+            ] }) }) }) : null
+          ] });
+        })()
+      ] }),
+      typeof footer === "function" ? /* @__PURE__ */ jsx("div", { className: "p-2", children: footer(pageData) }) : null
+    ] }) : /* @__PURE__ */ jsxs("table", { className: cls, style: tableStyle, "data-rue-table-id": tableId, children: [
+      showHeader ? /* @__PURE__ */ jsx("thead", { ...headerProps, children: /* @__PURE__ */ jsxs("tr", { children: [
+        hasExpand ? /* @__PURE__ */ jsx("th", { className: alignClass("center") }) : null,
+        hasSelection ? /* @__PURE__ */ jsx(
+          "th",
+          {
+            style: rowSelection?.columnWidth ? { width: rowSelection.columnWidth } : void 0,
+            className: alignClass("center"),
+            children: rowSelection?.type !== "radio" ? /* @__PURE__ */ jsx("label", { children: /* @__PURE__ */ 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__ */ jsxs(
+              "td",
+              {
+                className: className2,
+                style,
+                onClick: () => onHeaderSortClick(i),
+                ...cellProps,
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center relative", children: [
+                    /* @__PURE__ */ jsx("span", { children: col.title }),
+                    col.sorter ? /* @__PURE__ */ jsxs("span", { className: "ml-1 inline-flex flex-col leading-none", children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: `${sortColIndex === i && sortOrder === "ascend" ? "text-base-content" : "opacity-40"} cursor-pointer`,
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            onHeaderSetSort(i, "ascend");
+                          },
+                          children: "\u25B2"
+                        }
+                      ),
+                      /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("div", { className: "space-y-1", children: col.filters.map((f) => /* @__PURE__ */ jsxs(
+                            "label",
+                            {
+                              className: "flex items-center gap-2",
+                              children: [
+                                /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm", children: f.text })
+                              ]
+                            },
+                            f.value ?? String(f.text)
+                          )) }),
+                          col.filterOnClose ? /* @__PURE__ */ jsxs("div", { className: "mt-2 flex justify-end gap-2", children: [
+                            /* @__PURE__ */ 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__ */ 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__ */ jsx(
+            "th",
+            {
+              className: className2,
+              style,
+              onClick: () => onHeaderSortClick(i),
+              ...cellProps,
+              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center relative", children: [
+                /* @__PURE__ */ jsx("span", { children: col.title }),
+                col.sorter ? /* @__PURE__ */ jsxs("span", { className: "ml-1 inline-flex flex-col leading-none", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: `${sortColIndex === i && sortOrder === "ascend" ? "text-base-content" : "opacity-40"} cursor-pointer`,
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onHeaderSetSort(i, "ascend");
+                      },
+                      children: "\u25B2"
+                    }
+                  ),
+                  /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("div", { className: "space-y-1", children: col.filters.map((f) => /* @__PURE__ */ jsxs(
+                          "label",
+                          {
+                            className: "flex items-center gap-2",
+                            children: [
+                              /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm", children: f.text })
+                            ]
+                          },
+                          f.value ?? String(f.text)
+                        )) }),
+                        col.filterOnClose ? /* @__PURE__ */ jsxs("div", { className: "mt-2 flex justify-end gap-2", children: [
+                          /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(
+              "tr",
+              {
+                ...rowProps,
+                className: rowCls || rowProps.className,
+                children: [
+                  hasExpand ? /* @__PURE__ */ jsx("td", { className: alignClass("center"), children: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      className: "btn btn-ghost btn-xs",
+                      onClick: (e) => toggleExpand(key, record, e),
+                      children: expKeys.has(key) ? "-" : "+"
+                    }
+                  ) }) : null,
+                  hasSelection ? /* @__PURE__ */ jsx(
+                    "td",
+                    {
+                      className: alignClass("center"),
+                      style: rowSelection?.columnWidth ? { width: rowSelection.columnWidth } : void 0,
+                      children: /* @__PURE__ */ jsx("label", { children: (() => {
+                        const cbProps = rowSelection?.getCheckboxProps ? { ...rowSelection.getCheckboxProps(record) } : {};
+                        if (rowSelection?.disabled) cbProps.disabled = true;
+                        if (rowSelection?.type === "radio") {
+                          return /* @__PURE__ */ 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__ */ 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__ */ jsx("th", { className: className2, style, ...cellProps, children: node }, keyVal);
+                    }
+                    return /* @__PURE__ */ jsx("td", { className: className2, style, ...cellProps, children: node }, keyVal);
+                  })
+                ]
+              },
+              key ?? rowIndex
+            ),
+            hasExpand && expandable?.expandedRowRender ? /* @__PURE__ */ jsx("tr", { style: { display: expKeys.has(key) ? "" : "none" }, children: /* @__PURE__ */ jsx(
+              "td",
+              {
+                colSpan: (visibleColumns.length || 0) + (hasSelection ? 1 : 0) + (hasExpand ? 1 : 0),
+                children: expandable.expandedRowRender(record, rowIndex)
+              }
+            ) }, `expanded-${key}`) : null
+          ] });
+        }),
+        pageData.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ 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__ */ jsxs("tfoot", { children: [
+          summaryNode ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, children: summaryNode }) }) : null,
+          showPager ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 p-2", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "btn btn-ghost btn-xs",
+                disabled: page <= 1,
+                onClick: () => onPageChange(page - 1),
+                children: "Prev"
+              }
+            ),
+            Array.from({ length: pageCount }).map((_, i) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: `btn btn-ghost btn-xs${page === i + 1 ? " btn-active" : ""}`,
+                onClick: () => onPageChange(i + 1),
+                children: i + 1
+              },
+              i
+            )),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "btn btn-ghost btn-xs",
+                disabled: page >= pageCount,
+                onClick: () => onPageChange(page + 1),
+                children: "Next"
+              }
+            )
+          ] }) }) }) : null
+        ] });
+      })()
+    ] });
+  }
+  return /* @__PURE__ */ jsx("table", { className: cls });
+};
+const Head = ({ className, children }) => {
+  const cls = className ? className : void 0;
+  return /* @__PURE__ */ jsx("thead", { className: cls, children });
+};
+const Body = ({ className, children }) => {
+  const cls = className ? className : void 0;
+  return /* @__PURE__ */ jsx("tbody", { className: cls, children });
+};
+const Foot = ({ className, children }) => {
+  const cls = className ? className : void 0;
+  return /* @__PURE__ */ jsx("tfoot", { className: cls, children });
+};
+const TR = ({ className, children }) => {
+  const cls = className ? className : void 0;
+  return /* @__PURE__ */ jsx("tr", { className: cls, children });
+};
+const TH = ({ className, children }) => {
+  let cls = "";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ jsx("th", { className: cls.trim() || void 0, children });
+};
+const TD = ({ className, children }) => {
+  let cls = "";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: cls, children: /* @__PURE__ */ jsx("ul", { children: items.map((it, i) => /* @__PURE__ */ jsx("li", { className: it.className ?? "", children: it.href ? /* @__PURE__ */ jsxs("a", { className: it.linkClassName ?? "", href: it.href, children: [
+      it.icon ?? null,
+      it.label
+    ] }) : /* @__PURE__ */ jsxs("span", { className: it.linkClassName ?? "", children: [
+      it.icon ?? null,
+      it.label
+    ] }) }, i)) }) });
+  } else {
+    return /* @__PURE__ */ jsx("div", { className: cls, children: /* @__PURE__ */ jsx("ul", { children }) });
+  }
+};
+const Item$2 = ({ className, children }) => {
+  let cls = "";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: cls, children: items.map((it, idx) => (
+      /* 渲染单个停靠项，active 来源于 activeIndex 或自身 active */
+      /* @__PURE__ */ 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__ */ jsx(Label, { children: it.label }) : null
+          ]
+        },
+        idx
+      )
+    )) });
+  }
+  return /* @__PURE__ */ 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__ */ jsx("a", { href, className: clsTrim, onClick, children });
+  if (as === "div")
+    return /* @__PURE__ */ jsx("div", { className: clsTrim, onClick, children });
+  return /* @__PURE__ */ jsx("button", { className: clsTrim, onClick, children });
+};
+const Label = ({ className, children }) => {
+  let cls = "dock-label";
+  if (className) cls += ` ${className}`;
+  return /* @__PURE__ */ 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__ */ jsx(RouterLink, { className: cls, to, onClick, children }) : /* @__PURE__ */ jsx("a", { className: cls, href, target, rel, onClick, children });
+};
+
+const renderEntry = (m, idx) => {
+  if (m.kind === "title") {
+    return /* @__PURE__ */ 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__ */ jsxs("li", { className: liCls, children: [
+    m.as === "button" ? /* @__PURE__ */ jsx("button", { className: innerClasses || void 0, ...m, children: m.children }) : m.as === "span" ? /* @__PURE__ */ jsx("span", { className: innerClasses || void 0, ...m, children: m.children }) : m.to ? /* @__PURE__ */ jsx(RouterLink, { className: innerClasses || void 0, to: m.to, onClick: m.onClick, children: m.children }) : m.href ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        className: innerClasses || void 0,
+        href: m.href,
+        target: m.target,
+        rel: m.rel,
+        onClick: m.onClick,
+        children: m.children
+      }
+    ) : /* @__PURE__ */ jsx("a", { className: innerClasses || void 0, onClick: m.onClick, children: m.children }),
+    m.dropdownToggle ? /* @__PURE__ */ jsx(DropdownToggle, { visible: m.dropdownToggle.visible, className: m.dropdownToggle.className, children: m.dropdownToggle.children }) : null,
+    m.dropdown ? /* @__PURE__ */ jsx(Dropdown, { visible: m.dropdown.visible, className: m.dropdown.className, children: m.dropdown.items?.map((child, i) => renderEntry(child, i)) }) : null,
+    m.submenu ? /* @__PURE__ */ 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__ */ jsx("ul", { className: cls, children: items.map((m, i) => renderEntry(m, i)) });
+  return /* @__PURE__ */ 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__ */ jsx("li", { className: liCls, children: as === "button" ? /* @__PURE__ */ jsx("button", { className: innerClasses || void 0, onClick, ...rest, children }) : as === "span" ? /* @__PURE__ */ jsx("span", { className: innerClasses || void 0, onClick, ...rest, children }) : to ? /* @__PURE__ */ jsx(RouterLink, { className: innerClasses || void 0, to, onClick, children }) : href ? /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: innerClasses || void 0,
+      href,
+      target,
+      rel,
+      onClick,
+      ...rest,
+      children
+    }
+  ) : /* @__PURE__ */ 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__ */ jsx("h2", { className: cls, children });
+  return /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: cls, children });
+};
+const Submenu = ({ className, children }) => {
+  const cls = className ? className : void 0;
+  return /* @__PURE__ */ jsx("ul", { className: cls, children });
+};
+const MenuCompound = Object.assign(Menu, {
+  Item,
+  Title,
+  Dropdown,
+  DropdownToggle,
+  Submenu
+});
+
+export { AccordionCompound as Accordion, Alert, AvatarCompound as Avatar, Badge, BreadcrumbsCompound as Breadcrumbs, Button, CardCompound as Card, CarouselCompound as Carousel, ChatCompound as Chat, CollapseCompound as Collapse, CountdownCompound as Countdown, DiffCompound as Diff, Divider, DockCompound as Dock, Footer$1 as Footer, Hover3D, HoverGallery, Kbd, Link, ListCompound as List, MenuCompound as Menu, Modal, StatCompound as Stat, Status, TableCompound as Table, Tabs, TextRotate, TimelineCompound as Timeline };