@fangxinyan/lumina 0.7.0 → 0.9.0

package/dist/{chunk-VVRXNGYL.cjs → chunk-HJGPUE67.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var chunkFJB3243S_cjs = require('./chunk-FJB3243S.cjs');
-var chunkSTQDKMS5_cjs = require('./chunk-STQDKMS5.cjs');
+var chunkGFGMGJ5A_cjs = require('./chunk-GFGMGJ5A.cjs');
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./ColorPicker-GRZOKR5O.css');
 var React = require('react');
@@ -295,8 +295,8 @@ var ColorPickerBase = React__namespace.forwardRef(
       panelWidth: 256,
       panelHeight: 300
     });
-    const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-    const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme(["ColorPicker", "ThemePanel"]);
+    const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+    const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme(["ColorPicker", "ThemePanel"]);
     const panelId = React__namespace.useId();
     chunkHSDMJUB6_cjs.useOverlayLayer({
       open: open && !disabled && portalContainer != null,
@@ -497,8 +497,8 @@ var ColorPickerBase = React__namespace.forwardRef(
                   /* @__PURE__ */ jsxRuntime.jsx(HueSlider, { hue: h, onChange: handleHue }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cp-row", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cp-swatch sm", style: { background: current } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkSTQDKMS5_cjs.Input,
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkGFGMGJ5A_cjs.Input,
                       {
                         className: "cp-input",
                         size: "sm",
@@ -533,7 +533,7 @@ var ColorPickerBase = React__namespace.forwardRef(
   }
 );
 ColorPickerBase.displayName = "ColorPicker";
-var ColorPicker = chunkNRJXZPZR_cjs.withComponentTheme(
+var ColorPicker = chunkV6BLBIY6_cjs.withComponentTheme(
   ColorPickerBase,
   "ColorPicker",
   ["color-picker", "input"]

package/dist/{chunk-JINKQT6H.cjs → chunk-HMN65CDW.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkENFLP7SN_cjs = require('./chunk-ENFLP7SN.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunk7KA5D37Z_cjs = require('./chunk-7KA5D37Z.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./TablePro-WYE6TXWJ.css');
 var React = require('react');
@@ -57,6 +57,8 @@ var TableProInner = ({
   tableProps,
   caption,
   onRowClick,
+  activeRowKey,
+  rowClassName,
   empty,
   ...rootProps
 }, ref) => {
@@ -74,8 +76,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(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Table", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkENFLP7SN_cjs.Table,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Table", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunk7KA5D37Z_cjs.Table,
           {
             columns,
             data,
@@ -97,6 +99,8 @@ var TableProInner = ({
             tableProps,
             caption,
             onRowClick,
+            activeRowKey,
+            rowClassName,
             empty,
             className: innerTableClassName,
             style: tableStyle
@@ -109,7 +113,7 @@ var TableProInner = ({
 };
 var TableProBase = React__namespace.forwardRef(TableProInner);
 TableProBase.displayName = "TablePro";
-var TablePro = chunkNRJXZPZR_cjs.withComponentTheme(
+var TablePro = chunkV6BLBIY6_cjs.withComponentTheme(
   TableProBase,
   "TablePro",
   ["table-pro", "table", "button", "checkbox", "pagination", "select", "input"]

package/dist/{chunk-MUZQWIMR.cjs → chunk-I2YL5XE4.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
-var chunkT4RR6NVU_cjs = require('./chunk-T4RR6NVU.cjs');
-var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkM3JYP3V4_cjs = require('./chunk-M3JYP3V4.cjs');
+var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Modal-UI2FXNDR.css');
 var React = require('react');
@@ -73,8 +73,8 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
     onClick,
     ...rest
   } = props;
-  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("Modal");
+  const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+  const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme("Modal");
   const panelRef = React__namespace.useRef(null);
   const titleId = React__namespace.useId();
   const descriptionId = React__namespace.useId();
@@ -129,10 +129,10 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
     ...hasExplicitWidth ? { width } : null,
     ...style
   };
-  const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Button", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkT4RR6NVU_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
+  const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Button", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM3JYP3V4_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkT4RR6NVU_cjs.Button,
+      chunkM3JYP3V4_cjs.Button,
       {
         variant: "primary",
         loading: confirmLoading,
@@ -182,7 +182,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
                     className: "modal-close",
                     onClick: handleCancel,
                     "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "x", size: 16 })
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] }),
@@ -205,7 +205,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
   );
 });
 ModalBase.displayName = "Modal";
-var ThemedModalBase = chunkNRJXZPZR_cjs.withComponentTheme(
+var ThemedModalBase = chunkV6BLBIY6_cjs.withComponentTheme(
   ModalBase,
   "Modal",
   ["modal", "button"],
@@ -262,10 +262,10 @@ var StaticModalHost = ({
     destroy();
   }, [destroy, onOk]);
   const okVariant = kind === "error" ? "danger" : "primary";
-  const mergedFooter = footer !== void 0 ? footer : okCancel ? /* @__PURE__ */ jsxRuntime.jsxs(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Button", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkT4RR6NVU_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
+  const mergedFooter = footer !== void 0 ? footer : okCancel ? /* @__PURE__ */ jsxRuntime.jsxs(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Button", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM3JYP3V4_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkT4RR6NVU_cjs.Button,
+      chunkM3JYP3V4_cjs.Button,
       {
         variant: okVariant,
         loading: loading || confirmLoading,
@@ -274,8 +274,8 @@ var StaticModalHost = ({
         children: okText
       }
     )
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Button", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkT4RR6NVU_cjs.Button,
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Button", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkM3JYP3V4_cjs.Button,
     {
       variant: okVariant,
       loading: loading || confirmLoading,
@@ -297,7 +297,7 @@ var StaticModalHost = ({
       className,
       maskClassName: ["modal-static-overlay", config.maskClassName].filter(Boolean).join(" "),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-static-body", children: [
-        icon !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
+        icon !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-static-content", children: content ?? children })
       ] })
     }

package/dist/{chunk-EE5KXDRK.cjs → chunk-I4GJZLJU.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-CEJVVA3G.css');
+require('./tokens-223RYVVS.css');
 var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -437,16 +437,16 @@ function visualThemeToStyle(snapshot, prefix = "") {
   const d = 0.4 + snapshot.intensity * 0.12;
   const dark = snapshot.colorScheme === "dark";
   style[variable("d")] = String(d);
-  style[variable("shadow-offset")] = `calc(${dark ? 4 : 6}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
-  style[variable("shadow-blur")] = `calc(${dark ? 10 : 16}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
-  style[variable("shadow-inset-offset")] = `calc(${dark ? 3 : 4}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
-  style[variable("shadow-inset-blur")] = `calc(${dark ? 7 : 10}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
+  style[variable("shadow-offset")] = `calc(${dark ? 3 : 5}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
+  style[variable("shadow-blur")] = `calc(${dark ? 8 : 12}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
+  style[variable("shadow-inset-offset")] = `calc(${dark ? 2 : 3}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
+  style[variable("shadow-inset-blur")] = `calc(${dark ? 5 : 8}px * ${reference("d")} * ${inheritedReference("shadow-scale")})`;
   style[variable("neu-shadow-panel")] = `${reference("shadow-offset")} ${reference("shadow-offset")} ${reference("shadow-blur")} ${reference("shadow-dark")}, calc(${reference("shadow-offset")} * -1) calc(${reference("shadow-offset")} * -1) ${reference("shadow-blur")} ${reference("shadow-light")}`;
   style[variable("neu-shadow-control")] = `calc(${reference("shadow-offset")} * .5) calc(${reference("shadow-offset")} * .5) calc(${reference("shadow-blur")} * .6) ${reference("shadow-dark")}, calc(${reference("shadow-offset")} * -.5) calc(${reference("shadow-offset")} * -.5) calc(${reference("shadow-blur")} * .6) ${reference("shadow-light")}`;
   style[variable("neu-shadow-lift")] = `calc(${reference("shadow-offset")} * 1.6) calc(${reference("shadow-offset")} * 1.6) calc(${reference("shadow-blur")} * 1.4) ${reference("shadow-dark")}, calc(${reference("shadow-offset")} * -1.6) calc(${reference("shadow-offset")} * -1.6) calc(${reference("shadow-blur")} * 1.4) ${reference("shadow-light")}`;
   style[variable("neu-shadow-inset-strong")] = `inset ${reference("shadow-inset-offset")} ${reference("shadow-inset-offset")} ${reference("shadow-inset-blur")} ${reference("shadow-dark")}, inset calc(${reference("shadow-inset-offset")} * -1) calc(${reference("shadow-inset-offset")} * -1) ${reference("shadow-inset-blur")} ${reference("shadow-light")}`;
   style[variable("neu-shadow-inset")] = `inset calc(${reference("shadow-inset-offset")} * .6) calc(${reference("shadow-inset-offset")} * .6) calc(${reference("shadow-inset-blur")} * .6) ${reference("shadow-dark")}, inset calc(${reference("shadow-inset-offset")} * -.6) calc(${reference("shadow-inset-offset")} * -.6) calc(${reference("shadow-inset-blur")} * .6) ${reference("shadow-light")}`;
-  style[variable("neu-shadow-subtle")] = `1px 1px 2px ${reference("shadow-dark")}, -1px -1px 2px ${reference("shadow-light")}`;
+  style[variable("neu-shadow-subtle")] = `.75px .75px 1.5px ${reference("shadow-dark")}, -.75px -.75px 1.5px ${reference("shadow-light")}`;
   style[variable("neu-shadow-float")] = `0 calc(${reference("shadow-offset")} * 1.8 * ${inheritedReference("shadow-float-scale")}) calc(${reference("shadow-blur")} * 2.2 * ${inheritedReference("shadow-float-scale")}) ${reference("shadow-dark")}, 0 calc(${reference("shadow-offset")} * .4 * ${inheritedReference("shadow-float-scale")}) calc(${reference("shadow-blur")} * .7 * ${inheritedReference("shadow-float-scale")}) ${reference("shadow-dark")}`;
   style[variable("neu-out")] = reference("neu-shadow-panel");
   style[variable("neu-out-sm")] = reference("neu-shadow-control");

package/dist/{chunk-QDMFXRPI.js → chunk-INCTDROH.js}

@@ -1,6 +1,6 @@
 import { isTargetWithinOverlayScope } from './chunk-2A4GYSN4.js';
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Form-DNEDZRJA.css';
 import * as React from 'react';

package/dist/{chunk-2BIOTRQC.js → chunk-ISK2RW7F.js}

@@ -1,5 +1,5 @@
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Divider-OI2BXPBU.css';
 import * as React from 'react';

package/dist/{chunk-OLYSSZHP.js → chunk-IU6PLLEL.js}

@@ -1,14 +1,14 @@
-import { Slider } from './chunk-K5HGHOG7.js';
+import { Slider } from './chunk-Y3WFWA52.js';
 import { pickLuminaThemePresets } from './chunk-TSL3F2K3.js';
-import { Switch } from './chunk-LEDESWNL.js';
-import { RadioGroup } from './chunk-QDY56GGO.js';
-import { ColorPicker } from './chunk-FY73C7JK.js';
-import { Input } from './chunk-UE4HFGJ6.js';
-import { Button } from './chunk-JHM7MN3G.js';
-import { Icon } from './chunk-LQMOYVQF.js';
-import { withInternalComponentThemePart, withComponentTheme } from './chunk-DRDDQCDD.js';
-import { useTheme, ACCENT_PRESETS, mergeComponentThemeOverrides, FONT_STACKS } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { Switch } from './chunk-O6PRE6MZ.js';
+import { RadioGroup } from './chunk-D2N7OXMK.js';
+import { ColorPicker } from './chunk-MEBAE7DB.js';
+import { Input } from './chunk-TUXF2G2O.js';
+import { Button } from './chunk-563SQXH7.js';
+import { Icon } from './chunk-2BM65ITV.js';
+import { withInternalComponentThemePart, withComponentTheme } from './chunk-5HLNFDV4.js';
+import { useTheme, ACCENT_PRESETS, mergeComponentThemeOverrides, FONT_STACKS } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './ThemePanel-EHNAS4RN.css';
 import * as React from 'react';

package/dist/{chunk-LOWTSOWT.js → chunk-J7D5CQDK.js}

@@ -1,5 +1,5 @@
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Splitter-IQ3PFIKK.css';
 import * as React from 'react';
@@ -33,6 +33,11 @@ var SplitterBase = React.forwardRef(({
   className = "",
   handleClassName = "",
   handleProps,
+  firstPaneClassName = "",
+  firstPaneStyle,
+  secondPaneClassName = "",
+  secondPaneStyle,
+  handle,
   secondMin = 24,
   storageKey,
   ...rest
@@ -156,6 +161,13 @@ var SplitterBase = React.forwardRef(({
     }
   };
   const firstStyle = direction === "horizontal" ? { width: current } : { height: current };
+  const {
+    className: nativeHandleClassName = "",
+    style: nativeHandleStyle,
+    children: nativeHandleChildren,
+    ...nativeHandleProps
+  } = handleProps ?? {};
+  const handleContent = handle !== void 0 ? handle : nativeHandleChildren !== void 0 ? nativeHandleChildren : /* @__PURE__ */ jsx("span", { className: "splitter-handle-grip", "aria-hidden": true });
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -167,11 +179,18 @@ var SplitterBase = React.forwardRef(({
       className: `splitter ${direction} ${dragging ? "dragging" : ""} ${className}`,
       ...rest,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "splitter-panel first", style: firstStyle, children: children[0] }),
         /* @__PURE__ */ jsx(
           "div",
           {
-            ...handleProps,
+            className: ["splitter-panel", "first", firstPaneClassName].filter(Boolean).join(" "),
+            style: { ...firstStyle, ...firstPaneStyle },
+            children: children[0]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...nativeHandleProps,
             role: "separator",
             tabIndex: 0,
             "aria-label": handleProps?.["aria-label"] ?? "\u8C03\u6574\u5206\u680F\u5C3A\u5BF8",
@@ -179,16 +198,24 @@ var SplitterBase = React.forwardRef(({
             "aria-valuenow": current,
             "aria-valuemin": min,
             "aria-valuemax": Number.isFinite(max) ? clamp(max) : void 0,
-            className: `splitter-handle ${handleClassName}`,
+            className: ["splitter-handle", handleClassName, nativeHandleClassName].filter(Boolean).join(" "),
+            style: nativeHandleStyle,
             onPointerDown,
             onKeyDown: (event) => {
               handleProps?.onKeyDown?.(event);
               if (!event.defaultPrevented) onKeyDown(event);
             },
-            children: /* @__PURE__ */ jsx("span", { className: "splitter-handle-grip", "aria-hidden": true })
+            children: handleContent
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "splitter-panel second", children: children[1] })
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: ["splitter-panel", "second", secondPaneClassName].filter(Boolean).join(" "),
+            style: secondPaneStyle,
+            children: children[1]
+          }
+        )
       ]
     }
   );

package/dist/{chunk-EA3NZBCZ.js → chunk-JMYUO7V7.js}

@@ -1,14 +1,14 @@
-import { Pagination } from './chunk-BJDQVVCG.js';
-import { Checkbox } from './chunk-KATJAJUU.js';
+import { Pagination } from './chunk-UCE53RYR.js';
+import { Checkbox } from './chunk-QSLXUNLM.js';
 import { useFloating } from './chunk-3QXP2ZNP.js';
 import { useOverlayLayer } from './chunk-2A4GYSN4.js';
-import { Button, IconButton } from './chunk-JHM7MN3G.js';
-import { Icon } from './chunk-LQMOYVQF.js';
-import { withComponentTheme, InternalComponentThemePart, useComponentPortalTheme } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { Button, IconButton } from './chunk-563SQXH7.js';
+import { Icon } from './chunk-2BM65ITV.js';
+import { withComponentTheme, InternalComponentThemePart, useComponentPortalTheme } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
-import './Table-W4HPZ7MZ.css';
+import './Table-KB6EEBDJ.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -52,6 +52,8 @@ var TableInner = ({
   tableProps,
   caption,
   onRowClick,
+  activeRowKey,
+  rowClassName,
   empty = "\u6682\u65E0\u6570\u636E",
   className = "",
   style,
@@ -365,8 +367,10 @@ var TableInner = ({
                   );
                 })
               ] }) }),
-              /* @__PURE__ */ jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, className: "table-empty", children: empty }) }) : rowsToRender.map(({ row, key: k }, i) => {
+              /* @__PURE__ */ jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, className: "table-empty", children: /* @__PURE__ */ jsx("div", { className: "table-empty-content", children: empty }) }) }) : rowsToRender.map(({ row, key: k }, i) => {
                 const isSel = selectedKeySet.has(k);
+                const isActive = activeRowKey !== void 0 && activeRowKey === k;
+                const resolvedRowClassName = typeof rowClassName === "function" ? rowClassName(row, i) : rowClassName;
                 const selProps = rowSelection?.getCheckboxProps?.(row);
                 const canExpand = hasExpandable && (expandable?.rowExpandable?.(row) ?? true);
                 const isExpanded = canExpand && expandedKeySet.has(k);
@@ -376,10 +380,16 @@ var TableInner = ({
                   /* @__PURE__ */ jsxs(
                     "tr",
                     {
-                      className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
+                      className: [
+                        onRowClick ? "clickable" : "",
+                        isSel ? "selected" : "",
+                        isActive ? "active-row" : "",
+                        resolvedRowClassName
+                      ].filter(Boolean).join(" "),
                       onClick: onRowClick ? () => onRowClick(row, i) : void 0,
                       tabIndex: onRowClick ? 0 : void 0,
                       "aria-selected": selectionMode !== "off" ? isSel : void 0,
+                      "aria-current": isActive ? "true" : void 0,
                       onKeyDown: onRowClick ? (event) => {
                         if (event.currentTarget !== event.target) return;
                         if (event.key === "Enter" || event.key === " ") {