@fangxinyan/lumina 0.5.1 → 0.6.1

package/dist/{chunk-3ES5QPAF.cjs → chunk-OVZTG5CP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Drawer-IPGB4CXH.css');
@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 
 var ANIM_MS = 280;
-var Drawer = ({
+var Drawer = React__namespace.forwardRef(({
   open,
   onClose,
   placement = "right",
@@ -49,8 +49,11 @@ var Drawer = ({
   destroyOnClose = false,
   afterOpenChange,
   zIndex,
-  className = ""
-}) => {
+  className = "",
+  style,
+  onClick,
+  ...rest
+}, ref) => {
   const [hasOpenedOnce, setHasOpenedOnce] = React__namespace.useState(open);
   React__namespace.useEffect(() => {
     if (open) setHasOpenedOnce(true);
@@ -75,8 +78,9 @@ var Drawer = ({
   if (!hasOpenedOnce) return null;
   if (!open && destroyOnClose) return null;
   const isV = placement === "left" || placement === "right";
-  const style = isV ? { width: size } : { height: size };
-  if (zIndex != null) style.zIndex = zIndex;
+  const panelStyle = isV ? { width: size } : { height: size };
+  if (zIndex != null) panelStyle.zIndex = zIndex;
+  Object.assign(panelStyle, style);
   return ReactDOM__default.default.createPortal(
     /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       mask && /* @__PURE__ */ jsxRuntime.jsx(
@@ -90,11 +94,16 @@ var Drawer = ({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
+          ref,
           className: `drawer ${placement} ${open ? "" : "hidden"} ${className}`,
-          style,
-          onClick: (e) => e.stopPropagation(),
+          style: panelStyle,
+          onClick: (e) => {
+            onClick?.(e);
+            e.stopPropagation();
+          },
           role: "dialog",
           "aria-hidden": !open,
+          ...rest,
           children: [
             (title || extra || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawer-head", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-title", children: title }),
@@ -107,7 +116,7 @@ var Drawer = ({
                     className: "drawer-close",
                     onClick: onClose,
                     "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "x", size: 16 })
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] })
@@ -120,8 +129,7 @@ var Drawer = ({
     ] }),
     document.body
   );
-};
+});
+Drawer.displayName = "Drawer";
 
 exports.Drawer = Drawer;
-//# sourceMappingURL=chunk-3ES5QPAF.cjs.map
-//# sourceMappingURL=chunk-3ES5QPAF.cjs.map

package/dist/chunk-PL6DRFUO.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Progress-CHV7DN6Y.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/components/Progress/Progress.tsx
+var Progress = React__namespace.forwardRef(({
+  value,
+  max = 100,
+  label,
+  showValue,
+  tone = "accent",
+  color,
+  size = "md",
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const pct = Math.max(0, Math.min(100, value / max * 100));
+  const rootStyle = {
+    ...color ? {
+      ["--progress-fill"]: color,
+      ["--progress-fill-glow"]: `color-mix(in oklch, ${color} 35%, transparent)`
+    } : null,
+    ...style
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `progress ${size} ${tone} ${className}`, style: rootStyle, ...rest, children: [
+    (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "progress-label", children: [
+      label ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+      showValue && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "v", children: [
+        Math.round(pct),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "progress-track", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "progress-bar", style: { width: `${pct}%` } }) })
+  ] });
+});
+Progress.displayName = "Progress";
+
+exports.Progress = Progress;

package/dist/{chunk-5EAVXFFD.cjs → chunk-PWW64ZWO.cjs}

@@ -27,15 +27,16 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/components/Tabs/Tabs.tsx
-var Tabs = ({
+var Tabs = React__namespace.forwardRef(({
   items,
   activeKey,
   defaultActiveKey,
   onChange,
   variant = "line",
   centered,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultActiveKey ?? items[0]?.key);
   const isControlled = activeKey !== void 0;
   const current = isControlled ? activeKey : inner;
@@ -44,7 +45,7 @@ var Tabs = ({
     onChange?.(k);
   };
   const active = items.find((i) => i.key === current);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `tabs ${variant} ${centered ? "centered" : ""} ${className}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `tabs ${variant} ${centered ? "centered" : ""} ${className}`, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs-nav", role: "tablist", children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -60,15 +61,17 @@ var Tabs = ({
     )) }),
     active?.content !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs-content", children: active.content })
   ] });
-};
-function Segmented({
+});
+Tabs.displayName = "Tabs";
+var SegmentedInner = ({
   options,
   value,
   defaultValue,
   onChange,
   size = "md",
-  className = ""
-}) {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultValue ?? options[0]?.value);
   const isControlled = value !== void 0;
   const v = isControlled ? value : inner;
@@ -76,7 +79,7 @@ function Segmented({
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `segmented ${size} ${className}`, children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `segmented ${size} ${className}`, ...rest, children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       type: "button",
@@ -87,9 +90,9 @@ function Segmented({
     },
     String(o.value)
   )) });
-}
+};
+var Segmented = React__namespace.forwardRef(SegmentedInner);
+Segmented.displayName = "Segmented";
 
 exports.Segmented = Segmented;
 exports.Tabs = Tabs;
-//# sourceMappingURL=chunk-5EAVXFFD.cjs.map
-//# sourceMappingURL=chunk-5EAVXFFD.cjs.map

package/dist/{chunk-H2QTLV5T.cjs → chunk-Q2KG6SQK.cjs}

@@ -1,12 +1,33 @@
 'use strict';
 
-var chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Alert-JJ7GB3UU.css');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var Alert = ({
+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);
+
+var Alert = React__namespace.forwardRef(({
   tone = "info",
   title,
   children,
@@ -15,27 +36,29 @@ var Alert = ({
   closable,
   onClose,
   action,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const iconName = icon ?? (tone === "success" ? "check2" : tone === "warning" || tone === "danger" ? "alert" : "info");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      ref,
       className: `alert ${tone} ${title ? "" : "no-title"} ${showIcon ? "" : "no-icon"} ${className}`,
       role: "alert",
+      ...rest,
       children: [
-        showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: iconName, size: 14 }) }),
+        showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: iconName, size: 14 }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "alert-body", children: [
           title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-title", children: title }),
           children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-desc", children })
         ] }),
         action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-action", children: action }),
-        closable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "alert-close", onClick: onClose, "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "x", size: 12 }) })
+        closable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "alert-close", onClick: onClose, "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 12 }) })
       ]
     }
   );
-};
+});
+Alert.displayName = "Alert";
 
 exports.Alert = Alert;
-//# sourceMappingURL=chunk-H2QTLV5T.cjs.map
-//# sourceMappingURL=chunk-H2QTLV5T.cjs.map

package/dist/{chunk-6GNFRP2H.js → chunk-QCILPZWP.js}

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/Switch/Switch.tsx
-var Switch = ({
+var Switch = React.forwardRef(({
   checked,
   defaultChecked,
   onChange,
@@ -15,8 +15,9 @@ var Switch = ({
   checkedChildren,
   unCheckedChildren,
   className = "",
-  id
-}) => {
+  id,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
@@ -35,7 +36,7 @@ var Switch = ({
     hasChildren && "with-children",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+  return /* @__PURE__ */ jsxs("label", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -57,8 +58,7 @@ var Switch = ({
     ),
     label && /* @__PURE__ */ jsx("span", { className: "switch-label", children: label })
   ] });
-};
+});
+Switch.displayName = "Switch";
 
 export { Switch };
-//# sourceMappingURL=chunk-6GNFRP2H.js.map
-//# sourceMappingURL=chunk-6GNFRP2H.js.map

package/dist/{chunk-JQZFOIX6.js → chunk-R6BIF3FF.js}

@@ -1,7 +1,7 @@
-import { Pagination } from './chunk-RJNGXR5Y.js';
-import { Checkbox } from './chunk-4ADDAZK3.js';
-import { useFloating } from './chunk-ANAQER3T.js';
-import { Icon } from './chunk-X3JG3IR6.js';
+import { Pagination } from './chunk-UXH5PH3S.js';
+import { Checkbox } from './chunk-TGHBKKSS.js';
+import { useFloating } from './chunk-DUFRASGO.js';
+import { Icon } from './chunk-NJ6B22YJ.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Table-2LPTOUIR.css';
@@ -9,7 +9,7 @@ import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-function Table({
+var TableInner = ({
   columns,
   data,
   rowKey,
@@ -28,8 +28,10 @@ function Table({
   scroll,
   onRowClick,
   empty = "\u6682\u65E0\u6570\u636E",
-  className = ""
-}) {
+  className = "",
+  style,
+  ...rest
+}, ref) => {
   const keyOf = React.useCallback(
     (row, i) => {
       if (typeof rowKey === "function") return rowKey(row);
@@ -211,137 +213,146 @@ function Table({
     wrapClass += " scroll-x";
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: `${wrapClass} ${className}`, style: wrapStyle, children: /* @__PURE__ */ jsxs(
-      "table",
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        className: `table ${v} ${hoverable ? "hoverable" : ""} ${scroll?.y != null ? "sticky-head" : ""}`,
-        style: innerTableStyle,
-        children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-            showExpandCol && /* @__PURE__ */ jsx("th", { className: "row-expand", style: { width: 40 } }),
-            showSelCol && /* @__PURE__ */ jsx("th", { className: "row-check", style: { width: 44 }, children: selectionType === "checkbox" && /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                checked: allSelectedOnPage,
-                indeterminate: someSelectedOnPage,
-                onChange: toggleAll
-              }
-            ) }),
-            columns.map((c) => {
-              const sorted = sortKey === c.key;
-              const hasFilters = !!c.filters?.length;
-              const filterActive = !!activeFilters[c.key]?.length;
-              return /* @__PURE__ */ jsxs(
-                "th",
-                {
-                  className: `${c.sortable ? "sortable" : ""} ${sorted ? "sorted" : ""} ${hasFilters ? "filterable" : ""}`,
-                  style: { width: c.width, textAlign: c.align ?? "left" },
-                  onClick: () => c.sortable && onSort?.(c.key),
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: "th-label", children: c.title }),
-                    c.sortable && /* @__PURE__ */ jsx("span", { className: "sort-ind", children: /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        name: sorted ? sortDir === "asc" ? "chevUp" : "chevDown" : "chevDown",
-                        size: 10
-                      }
-                    ) }),
-                    hasFilters && /* @__PURE__ */ jsx(
-                      ColumnFilterButton,
-                      {
-                        column: c,
-                        activeValues: activeFilters[c.key] ?? [],
-                        onApply: (values) => setColumnFilter(c, values),
-                        active: filterActive
-                      }
-                    )
-                  ]
-                },
-                c.key
-              );
-            })
-          ] }) }),
-          /* @__PURE__ */ jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, className: "table-empty", children: empty }) }) : rowsToRender.map((row, i) => {
-            const k = keyOf(row, i);
-            const isSel = selectedKeys.includes(k);
-            const selProps = rowSelection?.getCheckboxProps?.(row);
-            const canExpand = hasExpandable && (expandable?.rowExpandable?.(row) ?? true);
-            const isExpanded = canExpand && expandedKeys.includes(k);
-            return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-              /* @__PURE__ */ jsxs(
-                "tr",
-                {
-                  className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
-                  onClick: onRowClick ? () => onRowClick(row, i) : void 0,
-                  children: [
-                    showExpandCol && /* @__PURE__ */ jsx(
-                      "td",
-                      {
-                        className: "row-expand",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          if (canExpand) toggleExpand(row, k);
-                        },
-                        children: canExpand && /* @__PURE__ */ jsx(
-                          "button",
+        ref,
+        className: `${wrapClass} ${className}`,
+        style: { ...wrapStyle, ...style },
+        ...rest,
+        children: /* @__PURE__ */ jsxs(
+          "table",
+          {
+            className: `table ${v} ${hoverable ? "hoverable" : ""} ${scroll?.y != null ? "sticky-head" : ""}`,
+            style: innerTableStyle,
+            children: [
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                showExpandCol && /* @__PURE__ */ jsx("th", { className: "row-expand", style: { width: 40 } }),
+                showSelCol && /* @__PURE__ */ jsx("th", { className: "row-check", style: { width: 44 }, children: selectionType === "checkbox" && /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: allSelectedOnPage,
+                    indeterminate: someSelectedOnPage,
+                    onChange: toggleAll
+                  }
+                ) }),
+                columns.map((c) => {
+                  const sorted = sortKey === c.key;
+                  const hasFilters = !!c.filters?.length;
+                  const filterActive = !!activeFilters[c.key]?.length;
+                  return /* @__PURE__ */ jsxs(
+                    "th",
+                    {
+                      className: `${c.sortable ? "sortable" : ""} ${sorted ? "sorted" : ""} ${hasFilters ? "filterable" : ""}`,
+                      style: { width: c.width, textAlign: c.align ?? "left" },
+                      onClick: () => c.sortable && onSort?.(c.key),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "th-label", children: c.title }),
+                        c.sortable && /* @__PURE__ */ jsx("span", { className: "sort-ind", children: /* @__PURE__ */ jsx(
+                          Icon,
+                          {
+                            name: sorted ? sortDir === "asc" ? "chevUp" : "chevDown" : "chevDown",
+                            size: 10
+                          }
+                        ) }),
+                        hasFilters && /* @__PURE__ */ jsx(
+                          ColumnFilterButton,
+                          {
+                            column: c,
+                            activeValues: activeFilters[c.key] ?? [],
+                            onApply: (values) => setColumnFilter(c, values),
+                            active: filterActive
+                          }
+                        )
+                      ]
+                    },
+                    c.key
+                  );
+                })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, className: "table-empty", children: empty }) }) : rowsToRender.map((row, i) => {
+                const k = keyOf(row, i);
+                const isSel = selectedKeys.includes(k);
+                const selProps = rowSelection?.getCheckboxProps?.(row);
+                const canExpand = hasExpandable && (expandable?.rowExpandable?.(row) ?? true);
+                const isExpanded = canExpand && expandedKeys.includes(k);
+                return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                  /* @__PURE__ */ jsxs(
+                    "tr",
+                    {
+                      className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
+                      onClick: onRowClick ? () => onRowClick(row, i) : void 0,
+                      children: [
+                        showExpandCol && /* @__PURE__ */ jsx(
+                          "td",
                           {
-                            type: "button",
-                            className: `expand-btn ${isExpanded ? "open" : ""}`,
-                            "aria-expanded": isExpanded,
-                            "aria-label": isExpanded ? "Collapse row" : "Expand row",
+                            className: "row-expand",
                             onClick: (e) => {
                               e.stopPropagation();
-                              toggleExpand(row, k);
+                              if (canExpand) toggleExpand(row, k);
                             },
-                            children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 })
+                            children: canExpand && /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                className: `expand-btn ${isExpanded ? "open" : ""}`,
+                                "aria-expanded": isExpanded,
+                                "aria-label": isExpanded ? "Collapse row" : "Expand row",
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  toggleExpand(row, k);
+                                },
+                                children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 })
+                              }
+                            )
                           }
-                        )
-                      }
-                    ),
-                    showSelCol && /* @__PURE__ */ jsx(
-                      "td",
-                      {
-                        className: "row-check",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          toggleRow(row, k);
-                        },
-                        children: selectionType === "radio" ? /* @__PURE__ */ jsx(
-                          "button",
+                        ),
+                        showSelCol && /* @__PURE__ */ jsx(
+                          "td",
                           {
-                            type: "button",
-                            role: "radio",
-                            "aria-checked": isSel,
-                            disabled: selProps?.disabled,
-                            className: `radio-dot ${isSel ? "checked" : ""}`,
+                            className: "row-check",
                             onClick: (e) => {
                               e.stopPropagation();
                               toggleRow(row, k);
-                            }
-                          }
-                        ) : /* @__PURE__ */ jsx(
-                          Checkbox,
-                          {
-                            checked: isSel,
-                            disabled: selProps?.disabled,
-                            onChange: () => toggleRow(row, k)
+                            },
+                            children: selectionType === "radio" ? /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                role: "radio",
+                                "aria-checked": isSel,
+                                disabled: selProps?.disabled,
+                                className: `radio-dot ${isSel ? "checked" : ""}`,
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  toggleRow(row, k);
+                                }
+                              }
+                            ) : /* @__PURE__ */ jsx(
+                              Checkbox,
+                              {
+                                checked: isSel,
+                                disabled: selProps?.disabled,
+                                onChange: () => toggleRow(row, k)
+                              }
+                            )
                           }
-                        )
-                      }
-                    ),
-                    columns.map((c) => {
-                      const val = c.dataIndex ? row[c.dataIndex] : void 0;
-                      return /* @__PURE__ */ jsx("td", { style: { textAlign: c.align ?? "left" }, children: c.render ? c.render(val, row, i) : val }, c.key);
-                    })
-                  ]
-                }
-              ),
-              isExpanded && expandable?.expandedRowRender && /* @__PURE__ */ jsx("tr", { className: "expanded-row", children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, children: /* @__PURE__ */ jsx("div", { className: "expanded-panel", children: expandable.expandedRowRender(row, i) }) }) })
-            ] }, k);
-          }) })
-        ]
+                        ),
+                        columns.map((c) => {
+                          const val = c.dataIndex ? row[c.dataIndex] : void 0;
+                          return /* @__PURE__ */ jsx("td", { style: { textAlign: c.align ?? "left" }, children: c.render ? c.render(val, row, i) : val }, c.key);
+                        })
+                      ]
+                    }
+                  ),
+                  isExpanded && expandable?.expandedRowRender && /* @__PURE__ */ jsx("tr", { className: "expanded-row", children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, children: /* @__PURE__ */ jsx("div", { className: "expanded-panel", children: expandable.expandedRowRender(row, i) }) }) })
+                ] }, k);
+              }) })
+            ]
+          }
+        )
       }
-    ) }),
+    ),
     pagEnabled && /* @__PURE__ */ jsx("div", { className: "table-pagination", children: /* @__PURE__ */ jsx(
       Pagination,
       {
@@ -352,7 +363,9 @@ function Table({
       }
     ) })
   ] });
-}
+};
+var Table = React.forwardRef(TableInner);
+Table.displayName = "Table";
 function ColumnFilterButton({
   column,
   activeValues,
@@ -472,5 +485,3 @@ function TablePro({
 }
 
 export { Table, TablePro };
-//# sourceMappingURL=chunk-JQZFOIX6.js.map
-//# sourceMappingURL=chunk-JQZFOIX6.js.map

package/dist/{chunk-Q7CDWNM6.cjs → chunk-RF2EY5JS.cjs}

@@ -279,5 +279,3 @@ exports.normalizeAccentInput = normalizeAccentInput;
 exports.resolveThemeMode = resolveThemeMode;
 exports.useTheme = useTheme;
 exports.useThemeOptional = useThemeOptional;
-//# sourceMappingURL=chunk-Q7CDWNM6.cjs.map
-//# sourceMappingURL=chunk-Q7CDWNM6.cjs.map