@fangxinyan/lumina 0.6.18 → 0.7.0

package/dist/chunk-HVPUGYBY.js

@@ -0,0 +1,166 @@
+import { useOverlayZIndex, useOverlayLayer, OverlayZIndexProvider } from './chunk-2A4GYSN4.js';
+import { Icon } from './chunk-LQMOYVQF.js';
+import { useComponentPortalTheme, withComponentTheme } from './chunk-DRDDQCDD.js';
+import { usePortalContainer } from './chunk-ULTDRMGN.js';
+import './tokens-CEJVVA3G.css';
+import './shared-NJHRNLRH.css';
+import './Drawer-VCXAXWV6.css';
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var ANIM_MS = 280;
+var DrawerBase = React.forwardRef((props, ref) => {
+  const hasExplicitSize = props.size !== void 0;
+  const {
+    open,
+    onClose,
+    placement = "right",
+    size = 380,
+    title,
+    extra,
+    footer,
+    children,
+    bodyClassName = "",
+    bodyStyle,
+    bodyProps,
+    bodyOverflow,
+    bodyInset = "safe",
+    mask = true,
+    maskClosable = true,
+    maskClassName = "",
+    maskStyle,
+    keyboard = true,
+    closable = true,
+    closeIcon,
+    destroyOnClose = false,
+    afterOpenChange,
+    zIndex,
+    className = "",
+    style,
+    onClick,
+    ...rest
+  } = props;
+  const portalContainer = usePortalContainer();
+  const portalTheme = useComponentPortalTheme("Drawer");
+  const panelRef = React.useRef(null);
+  const titleId = React.useId();
+  const panelZIndex = useOverlayZIndex(open, zIndex);
+  const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);
+  React.useEffect(() => {
+    if (open) setHasOpenedOnce(true);
+  }, [open]);
+  useOverlayLayer({
+    open: open && portalContainer != null,
+    containerRef: panelRef,
+    zIndex: panelZIndex,
+    onEscape: onClose,
+    escapeEnabled: keyboard,
+    trapFocus: mask,
+    autoFocus: mask,
+    restoreFocus: true,
+    lockScroll: mask
+  });
+  const setPanelRef = React.useCallback((node) => {
+    panelRef.current = node;
+    if (typeof ref === "function") ref(node);
+    else if (ref) ref.current = node;
+  }, [ref]);
+  const prevOpen = React.useRef(open);
+  const afterOpenChangeRef = React.useRef(afterOpenChange);
+  afterOpenChangeRef.current = afterOpenChange;
+  React.useEffect(() => {
+    if (prevOpen.current !== open) {
+      prevOpen.current = open;
+      const id = window.setTimeout(() => afterOpenChangeRef.current?.(open), ANIM_MS);
+      return () => window.clearTimeout(id);
+    }
+  }, [open]);
+  if (!portalContainer) return null;
+  if (!hasOpenedOnce) return null;
+  if (!open && destroyOnClose) return null;
+  const isV = placement === "left" || placement === "right";
+  const panelStyle = {
+    ...portalTheme.style,
+    ...isV ? { width: size, maxWidth: "92vw" } : { height: size, maxHeight: "80vh" },
+    ...portalTheme.styles.popup,
+    ...hasExplicitSize ? isV ? { width: size } : { height: size } : null
+  };
+  Object.assign(panelStyle, style);
+  panelStyle.zIndex = panelZIndex;
+  const overlayStyle = {
+    ...portalTheme.styles.overlay,
+    ...maskStyle,
+    zIndex: panelZIndex - 1
+  };
+  const drawerBodyStyle = bodyOverflow == null ? { ...portalTheme.styles.body, ...bodyStyle } : { ...portalTheme.styles.body, overflow: bodyOverflow, ...bodyStyle };
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(OverlayZIndexProvider, { zIndex: panelZIndex, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      mask && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: ["drawer-overlay", open ? "" : "hidden", maskClassName].filter(Boolean).join(" "),
+          style: overlayStyle,
+          onClick: () => maskClosable && onClose?.()
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: setPanelRef,
+          className: `drawer ${placement} ${open ? "" : "hidden"} ${className}`,
+          style: panelStyle,
+          onClick: (e) => {
+            onClick?.(e);
+            e.stopPropagation();
+          },
+          role: "dialog",
+          "aria-hidden": !open,
+          "aria-modal": mask || void 0,
+          "aria-labelledby": title ? titleId : void 0,
+          tabIndex: -1,
+          ...portalTheme.dataAttributes,
+          ...rest,
+          children: [
+            (title || extra || closable) && /* @__PURE__ */ jsxs("div", { className: "drawer-head", children: [
+              /* @__PURE__ */ jsx("div", { id: title ? titleId : void 0, className: "drawer-title", children: title }),
+              /* @__PURE__ */ jsxs("div", { className: "drawer-head-right", children: [
+                extra,
+                closable && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "drawer-close",
+                    onClick: onClose,
+                    "aria-label": "Close",
+                    children: closeIcon ?? /* @__PURE__ */ jsx(Icon, { name: "x", size: 16 })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                ...bodyProps,
+                className: ["drawer-body", `inset-${bodyInset}`, bodyClassName].filter(Boolean).join(" "),
+                style: drawerBodyStyle,
+                children
+              }
+            ),
+            footer && /* @__PURE__ */ jsx("div", { className: "drawer-foot", children: footer })
+          ]
+        }
+      )
+    ] }) }),
+    portalContainer
+  );
+});
+DrawerBase.displayName = "Drawer";
+var Drawer = withComponentTheme(
+  DrawerBase,
+  "Drawer",
+  "drawer",
+  { portalOnly: true }
+);
+
+export { Drawer };

package/dist/chunk-HYHBCHFM.cjs

@@ -0,0 +1,167 @@
+'use strict';
+
+var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+require('./tokens-CEJVVA3G.css');
+require('./shared-NJHRNLRH.css');
+require('./Textarea-ZGHBZNLX.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/utils/inputEvents.ts
+function createValueOverrideTarget(element, value) {
+  if (!element) return { value };
+  return new Proxy(element, {
+    get(target, property) {
+      if (property === "value") return value;
+      const result = Reflect.get(target, property, target);
+      return typeof result === "function" ? result.bind(target) : result;
+    }
+  });
+}
+var TextareaBase = React__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    onValueChange,
+    invalid,
+    allowClear,
+    maxLength,
+    showCount,
+    className = "",
+    theme,
+    style,
+    ...rest
+  }, ref) => {
+    const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
+    const [themeRootElement, themeRootRef] = chunkNRJXZPZR_cjs.useComponentThemeRootRef(
+      void 0,
+      { component: "Textarea", theme }
+    );
+    const textareaRef = React__namespace.useRef(null);
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : inner;
+    const disabled = rest.disabled;
+    const handleChange = (e) => {
+      if (!isControlled) setInner(e.target.value);
+      onChange?.(e);
+      onValueChange?.(e.target.value, e);
+    };
+    const setTextareaRef = React__namespace.useCallback((node) => {
+      textareaRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    }, [ref]);
+    const handleClear = (e) => {
+      e.stopPropagation();
+      if (disabled) return;
+      if (!isControlled) setInner("");
+      if (!isControlled && textareaRef.current) textareaRef.current.value = "";
+      const clearedTarget = createValueOverrideTarget(textareaRef.current, "");
+      const synthetic = {
+        ...e,
+        type: "change",
+        target: clearedTarget,
+        currentTarget: clearedTarget
+      };
+      onChange?.(synthetic);
+      onValueChange?.("", synthetic);
+    };
+    const cls = ["textarea", invalid && "invalid", className].filter(Boolean).join(" ");
+    const showClear = !!allowClear && !!currentValue && !disabled;
+    const count = currentValue ? currentValue.length : 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkNRJXZPZR_cjs.ComponentThemeBoundary,
+      {
+        component: "Textarea",
+        cssPrefix: "textarea",
+        theme,
+        rootElement: themeRootElement,
+        children: (themeState) => {
+          const mergedRootStyle = chunkNRJXZPZR_cjs.mergeComponentRootStyleWithInstanceStyle(
+            themeState.rootStyle,
+            style
+          );
+          const field = /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: showCount ? void 0 : themeRootRef,
+              className: "textarea-wrap",
+              ...!showCount ? themeState.rootDataAttributes : null,
+              style: showCount ? themeState.styles.control : mergedRootStyle,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "textarea",
+                  {
+                    ref: setTextareaRef,
+                    className: cls,
+                    value: isControlled ? value : void 0,
+                    defaultValue: isControlled ? void 0 : defaultValue,
+                    onChange: handleChange,
+                    maxLength,
+                    ...rest,
+                    style: { ...themeState.styles.input, ...style }
+                  }
+                ),
+                showClear && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "textarea-clear",
+                    role: "button",
+                    "aria-label": "Clear",
+                    onMouseDown: (e) => e.preventDefault(),
+                    onClick: handleClear,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "x", size: 12 })
+                  }
+                )
+              ]
+            }
+          );
+          if (!showCount) return field;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: themeRootRef,
+              className: "textarea-shell",
+              ...themeState.rootDataAttributes,
+              style: mergedRootStyle,
+              children: [
+                field,
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "textarea-count", style: themeState.styles.count, children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
+              ]
+            }
+          );
+        }
+      }
+    );
+  }
+);
+TextareaBase.displayName = "Textarea";
+var Textarea = TextareaBase;
+var TextArea = Textarea;
+
+exports.TextArea = TextArea;
+exports.Textarea = Textarea;
+exports.createValueOverrideTarget = createValueOverrideTarget;

package/dist/chunk-HYJSMFZA.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/chunk-I4YPBAQ5.js

@@ -0,0 +1,163 @@
+import { Icon } from './chunk-LQMOYVQF.js';
+import { withComponentTheme, withInternalComponentThemePart } from './chunk-DRDDQCDD.js';
+import './tokens-CEJVVA3G.css';
+import './shared-NJHRNLRH.css';
+import './AppShell-OWJRJ4ZD.css';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var WindowControlsBase = React.forwardRef(({
+  platform = "mac",
+  onMinimize,
+  onMaximize,
+  onClose,
+  maximized = false,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const noDragStyle = { WebkitAppRegion: "no-drag" };
+  if (platform === "windows") {
+    return /* @__PURE__ */ jsxs("div", { ref, className: `win-controls windows ${className}`, ...rest, style: { ...noDragStyle, ...style }, children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, disabled: !onMinimize, "aria-label": "\u6700\u5C0F\u5316", children: /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M1 5h8", stroke: "currentColor", strokeWidth: "1" }) }) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "win-btn maximize",
+          onClick: onMaximize,
+          disabled: !onMaximize,
+          "aria-label": maximized ? "\u8FD8\u539F\u7A97\u53E3" : "\u6700\u5927\u5316",
+          children: /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: maximized ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("rect", { x: "1", y: "3", width: "6", height: "6", stroke: "currentColor", strokeWidth: "1" }),
+            /* @__PURE__ */ jsx("path", { d: "M3 3V1h6v6H7", stroke: "currentColor", strokeWidth: "1" })
+          ] }) : /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "8", height: "8", stroke: "currentColor", strokeWidth: "1" }) })
+        }
+      ),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn close", onClick: onClose, disabled: !onClose, "aria-label": "\u5173\u95ED\u7A97\u53E3", children: /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M1 1l8 8M9 1l-8 8", stroke: "currentColor", strokeWidth: "1" }) }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { ref, className: `win-controls mac ${className}`, ...rest, style: { ...noDragStyle, ...style }, children: [
+    /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn close", onClick: onClose, disabled: !onClose, "aria-label": "\u5173\u95ED\u7A97\u53E3" }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, disabled: !onMinimize, "aria-label": "\u6700\u5C0F\u5316" }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn maximize", onClick: onMaximize, disabled: !onMaximize, "aria-label": maximized ? "\u8FD8\u539F\u7A97\u53E3" : "\u6700\u5927\u5316" })
+  ] });
+});
+WindowControlsBase.displayName = "WindowControls";
+var WindowControls = withComponentTheme(
+  WindowControlsBase,
+  "WindowControls",
+  "app-shell"
+);
+var InternalWindowControls = withInternalComponentThemePart(
+  WindowControls,
+  "WindowControls"
+);
+var TitleBarBase = React.forwardRef(({
+  title,
+  platform = "mac",
+  onMinimize,
+  onMaximize,
+  onClose,
+  maximized = false,
+  center,
+  actions,
+  draggable = true,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const dragStyle = {
+    WebkitAppRegion: draggable ? "drag" : "no-drag",
+    ...style
+  };
+  const noDragStyle = { WebkitAppRegion: "no-drag" };
+  return /* @__PURE__ */ jsxs("div", { ref, className: `titlebar ${platform} ${draggable ? "draggable" : "no-drag"} ${className}`, ...rest, style: dragStyle, children: [
+    platform === "mac" && /* @__PURE__ */ jsx(InternalWindowControls, { platform: "mac", onMinimize, onMaximize, onClose, maximized }),
+    /* @__PURE__ */ jsx("div", { className: "titlebar-title", children: title }),
+    center && /* @__PURE__ */ jsx("div", { className: "titlebar-center", style: noDragStyle, children: center }),
+    actions && /* @__PURE__ */ jsx("div", { className: "titlebar-actions", style: noDragStyle, children: actions }),
+    platform === "windows" && /* @__PURE__ */ jsx(InternalWindowControls, { platform: "windows", onMinimize, onMaximize, onClose, maximized })
+  ] });
+});
+TitleBarBase.displayName = "TitleBar";
+var TitleBar = withComponentTheme(TitleBarBase, "TitleBar", "app-shell");
+var collectExpandableSidebarKeys = (items) => items.flatMap((item) => [
+  ...item.children?.length ? [item.key] : [],
+  ...item.children ? collectExpandableSidebarKeys(item.children) : []
+]);
+var SidebarBase = React.forwardRef(({
+  items,
+  activeKey,
+  onSelect,
+  expandedKeys,
+  defaultExpandedKeys,
+  onExpandedKeysChange,
+  collapsed,
+  header,
+  footer,
+  navigationLabel = "\u4E3B\u5BFC\u822A",
+  className = "",
+  ...rest
+}, ref) => {
+  const [innerExpandedKeys, setInnerExpandedKeys] = React.useState(
+    () => defaultExpandedKeys ?? collectExpandableSidebarKeys(items)
+  );
+  const expandedControlled = expandedKeys !== void 0;
+  const currentExpandedKeys = expandedControlled ? expandedKeys : innerExpandedKeys;
+  const toggleExpanded = (key) => {
+    const next = currentExpandedKeys.includes(key) ? currentExpandedKeys.filter((itemKey) => itemKey !== key) : [...currentExpandedKeys, key];
+    if (!expandedControlled) setInnerExpandedKeys(next);
+    onExpandedKeysChange?.(next);
+  };
+  const renderItems = (entries, level = 1) => entries.map((item) => {
+    const active = activeKey === item.key;
+    const hasChildren = !!item.children?.length;
+    const expanded = hasChildren && currentExpandedKeys.includes(item.key);
+    const showChildren = !collapsed && expanded;
+    const textLabel = item.ariaLabel ?? (typeof item.label === "string" ? item.label : void 0);
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: `sidebar-item ${active ? "active" : ""}`,
+          style: { ["--sidebar-indent"]: `${(level - 1) * 16}px` },
+          "aria-current": active ? "page" : void 0,
+          "aria-label": collapsed ? textLabel : void 0,
+          title: collapsed ? textLabel : void 0,
+          "aria-expanded": hasChildren ? showChildren : void 0,
+          onClick: () => {
+            onSelect?.(item.key);
+            if (hasChildren) toggleExpanded(item.key);
+          },
+          children: [
+            item.icon && /* @__PURE__ */ jsx("span", { className: "sidebar-icon", "aria-hidden": collapsed && !!textLabel, children: item.icon }),
+            !collapsed && /* @__PURE__ */ jsx("span", { className: "sidebar-label", children: item.label }),
+            !collapsed && item.badge != null && /* @__PURE__ */ jsx("span", { className: "sidebar-badge", children: item.badge }),
+            !collapsed && hasChildren && /* @__PURE__ */ jsx("span", { className: `sidebar-expand ${expanded ? "open" : ""}`, "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { name: "chevDown", size: 13 }) })
+          ]
+        }
+      ),
+      showChildren && /* @__PURE__ */ jsx("div", { className: "sidebar-children", role: "group", "aria-label": textLabel, children: renderItems(item.children, level + 1) })
+    ] }, item.key);
+  });
+  return /* @__PURE__ */ jsxs("aside", { ref, className: `sidebar ${collapsed ? "collapsed" : ""} ${className}`, ...rest, children: [
+    header != null && /* @__PURE__ */ jsx("div", { className: "sidebar-header", children: header }),
+    /* @__PURE__ */ jsx("nav", { className: "sidebar-nav", "aria-label": navigationLabel, children: renderItems(items) }),
+    footer != null && /* @__PURE__ */ jsx("div", { className: "sidebar-footer", children: footer })
+  ] });
+});
+SidebarBase.displayName = "Sidebar";
+var Sidebar = withComponentTheme(SidebarBase, "Sidebar", "app-shell");
+var AppShellBase = React.forwardRef(({ sidebar, titleBar, children, className = "", ...rest }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: `app-shell ${className}`, ...rest, children: [
+  titleBar,
+  /* @__PURE__ */ jsxs("div", { className: "app-shell-body", children: [
+    sidebar,
+    /* @__PURE__ */ jsx("main", { className: "app-shell-main", children })
+  ] })
+] }));
+AppShellBase.displayName = "AppShell";
+var AppShell = withComponentTheme(AppShellBase, "AppShell", "app-shell");
+
+export { AppShell, Sidebar, TitleBar, WindowControls };

package/dist/{chunk-IPSNC5VZ.js → chunk-JHM7MN3G.js}

@@ -1,11 +1,12 @@
-import { renderIconSlot } from './chunk-FDZG27IG.js';
-import './tokens-RYJ3DFTU.css';
+import { renderIconSlot } from './chunk-LQMOYVQF.js';
+import { withComponentTheme } from './chunk-DRDDQCDD.js';
+import './tokens-CEJVVA3G.css';
 import './shared-NJHRNLRH.css';
-import './Button-TUMZUQLI.css';
+import './Button-ILNZUX2N.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var Button = React.forwardRef(
+var ButtonBase = React.forwardRef(
   ({
     children,
     variant = "default",
@@ -42,6 +43,7 @@ var Button = React.forwardRef(
         className: cls,
         disabled: disabled || loading,
         title: tip,
+        "aria-busy": loading || void 0,
         "aria-label": ariaLabel ?? (onlyIcon ? tip ?? (typeof icon === "string" ? icon : void 0) : void 0),
         ...rest,
         children: [
@@ -53,10 +55,16 @@ var Button = React.forwardRef(
     );
   }
 );
-Button.displayName = "Button";
-var IconButton = React.forwardRef(
+ButtonBase.displayName = "Button";
+var Button = withComponentTheme(ButtonBase, "Button", "button");
+var IconButtonBase = React.forwardRef(
   ({ icon, ...rest }, ref) => /* @__PURE__ */ jsx(Button, { ref, icon, iconOnly: true, ...rest })
 );
-IconButton.displayName = "IconButton";
+IconButtonBase.displayName = "IconButton";
+var IconButton = withComponentTheme(
+  IconButtonBase,
+  "IconButton",
+  "button"
+);
 
 export { Button, IconButton };

package/dist/{chunk-4ACCOYBY.cjs → chunk-JINKQT6H.cjs}

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkNXBFEIUX_cjs = require('./chunk-NXBFEIUX.cjs');
-require('./tokens-RYJ3DFTU.css');
+var chunkENFLP7SN_cjs = require('./chunk-ENFLP7SN.cjs');
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+require('./tokens-CEJVVA3G.css');
 require('./shared-NJHRNLRH.css');
-require('./TablePro-3NGWERWT.css');
+require('./TablePro-WYE6TXWJ.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -45,6 +46,7 @@ var TableProInner = ({
   sortKey,
   sortDir,
   onSort,
+  onChange,
   rowSelection,
   selectable,
   selected,
@@ -52,6 +54,8 @@ var TableProInner = ({
   expandable,
   pagination,
   scroll,
+  tableProps,
+  caption,
   onRowClick,
   empty,
   ...rootProps
@@ -70,8 +74,8 @@ var TableProInner = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-main", children: toolbar }),
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNXBFEIUX_cjs.Table,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Table", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkENFLP7SN_cjs.Table,
           {
             columns,
             data,
@@ -82,6 +86,7 @@ var TableProInner = ({
             sortKey,
             sortDir,
             onSort,
+            onChange,
             rowSelection,
             selectable,
             selected,
@@ -89,18 +94,25 @@ var TableProInner = ({
             expandable,
             pagination,
             scroll,
+            tableProps,
+            caption,
             onRowClick,
             empty,
             className: innerTableClassName,
             style: tableStyle
           }
-        ),
+        ) }),
         footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer", children: footer })
       ]
     }
   );
 };
-var TablePro = React__namespace.forwardRef(TableProInner);
-TablePro.displayName = "TablePro";
+var TableProBase = React__namespace.forwardRef(TableProInner);
+TableProBase.displayName = "TablePro";
+var TablePro = chunkNRJXZPZR_cjs.withComponentTheme(
+  TableProBase,
+  "TablePro",
+  ["table-pro", "table", "button", "checkbox", "pagination", "select", "input"]
+);
 
 exports.TablePro = TablePro;