@fangxinyan/lumina 0.5.1 → 0.6.1

package/dist/Tooltip.js

@@ -1,4 +1,2 @@
-export { Tooltip } from './chunk-HHPYY4LH.js';
-import './chunk-ANAQER3T.js';
-//# sourceMappingURL=Tooltip.js.map
-//# sourceMappingURL=Tooltip.js.map
+export { Tooltip } from './chunk-IW5LW6XS.js';
+import './chunk-DUFRASGO.js';

package/dist/Typography.cjs

@@ -1,29 +1,27 @@
 'use strict';
 
-var chunkBIXW4ZYW_cjs = require('./chunk-BIXW4ZYW.cjs');
-require('./chunk-3KQKEE5O.cjs');
+var chunk6ODY6MGL_cjs = require('./chunk-6ODY6MGL.cjs');
+require('./chunk-2MNAZRWE.cjs');
 
 
 
 Object.defineProperty(exports, "Link", {
   enumerable: true,
-  get: function () { return chunkBIXW4ZYW_cjs.Link; }
+  get: function () { return chunk6ODY6MGL_cjs.Link; }
 });
 Object.defineProperty(exports, "Paragraph", {
   enumerable: true,
-  get: function () { return chunkBIXW4ZYW_cjs.Paragraph; }
+  get: function () { return chunk6ODY6MGL_cjs.Paragraph; }
 });
 Object.defineProperty(exports, "Text", {
   enumerable: true,
-  get: function () { return chunkBIXW4ZYW_cjs.Text; }
+  get: function () { return chunk6ODY6MGL_cjs.Text; }
 });
 Object.defineProperty(exports, "Title", {
   enumerable: true,
-  get: function () { return chunkBIXW4ZYW_cjs.Title; }
+  get: function () { return chunk6ODY6MGL_cjs.Title; }
 });
 Object.defineProperty(exports, "Typography", {
   enumerable: true,
-  get: function () { return chunkBIXW4ZYW_cjs.Typography; }
+  get: function () { return chunk6ODY6MGL_cjs.Typography; }
 });
-//# sourceMappingURL=Typography.cjs.map
-//# sourceMappingURL=Typography.cjs.map

package/dist/Typography.js

@@ -1,4 +1,2 @@
-export { Link, Paragraph, Text, Title, Typography } from './chunk-LWN2PXW7.js';
-import './chunk-X3JG3IR6.js';
-//# sourceMappingURL=Typography.js.map
-//# sourceMappingURL=Typography.js.map
+export { Link, Paragraph, Text, Title, Typography } from './chunk-ULOJ5UEY.js';
+import './chunk-NJ6B22YJ.js';

package/dist/{chunk-3KQKEE5O.cjs → chunk-2MNAZRWE.cjs}

@@ -1,7 +1,30 @@
 'use strict';
 
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.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/Icon/Icon.tsx
 var paths = {
   search: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -143,26 +166,28 @@ var paths = {
   ] }),
   code: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16 18 6-6-6-6M8 6l-6 6 6 6" }) })
 };
-var Icon = ({ name, size = 16, stroke = 2, style, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: stroke,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    overflow: "visible",
-    style,
-    ...rest,
-    children: paths[name]
-  }
+var Icon = React__namespace.forwardRef(
+  ({ name, size = 16, stroke = 2, style, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: stroke,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      overflow: "visible",
+      style,
+      ...rest,
+      children: paths[name]
+    }
+  )
 );
+Icon.displayName = "Icon";
 var ICON_NAMES = ["search", "plus", "minus", "check", "x", "chevDown", "chevRight", "chevLeft", "chevUp", "arrowRight", "settings", "user", "bell", "mail", "heart", "star", "home", "folder", "file", "image", "play", "pause", "volume", "trash", "edit", "copy", "download", "upload", "info", "alert", "check2", "eye", "eyeOff", "sparkle", "moon", "sun", "palette", "layers", "grid", "list", "zap", "filter", "mic", "send", "calendar", "clock", "menu", "more", "sliders", "aim", "swap", "camera", "qq", "code"];
 
 exports.ICON_NAMES = ICON_NAMES;
 exports.Icon = Icon;
-//# sourceMappingURL=chunk-3KQKEE5O.cjs.map
-//# sourceMappingURL=chunk-3KQKEE5O.cjs.map

package/dist/{chunk-7T2SLRNL.cjs → chunk-2TL37AP5.cjs}

@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/components/Splitter/Splitter.tsx
-var Splitter = ({
+var Splitter = React__namespace.forwardRef(({
   direction = "horizontal",
   defaultSize = 240,
   size,
@@ -38,8 +38,9 @@ var Splitter = ({
   step = 16,
   children,
   className = "",
-  handleClassName = ""
-}) => {
+  handleClassName = "",
+  ...rest
+}, ref) => {
   const isControlled = size !== void 0;
   const [inner, setInner] = React__namespace.useState(defaultSize);
   const current = isControlled ? size : inner;
@@ -110,8 +111,13 @@ var Splitter = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      ref: containerRef,
+      ref: (node) => {
+        containerRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
       className: `splitter ${direction} ${dragging ? "dragging" : ""} ${className}`,
+      ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "splitter-panel first", style: firstStyle, children: children[0] }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -133,8 +139,7 @@ var Splitter = ({
       ]
     }
   );
-};
+});
+Splitter.displayName = "Splitter";
 
 exports.Splitter = Splitter;
-//# sourceMappingURL=chunk-7T2SLRNL.cjs.map
-//# sourceMappingURL=chunk-7T2SLRNL.cjs.map

package/dist/{chunk-IJIQ4H6C.cjs → chunk-32HBMXXV.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('./Input-33CAH4O6.css');
@@ -81,7 +81,7 @@ var Input = React__namespace.forwardRef(
     const count = currentValue ? currentValue.length : 0;
     const inputElement = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapCls, children: [
       leadingIcon && /* @__PURE__ */ jsxRuntime.jsx(
-        chunk3KQKEE5O_cjs.Icon,
+        chunk2MNAZRWE_cjs.Icon,
         {
           name: leadingIcon,
           size: 14,
@@ -114,11 +114,11 @@ var Input = React__namespace.forwardRef(
           tabIndex: -1,
           onMouseDown: (e) => e.preventDefault(),
           onClick: handleClear,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "x", size: 12 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 12 })
         }
       ),
       trailingIcon && /* @__PURE__ */ jsxRuntime.jsx(
-        chunk3KQKEE5O_cjs.Icon,
+        chunk2MNAZRWE_cjs.Icon,
         {
           name: trailingIcon,
           size: 14,
@@ -191,7 +191,7 @@ var Textarea = React__namespace.forwardRef(
           tabIndex: -1,
           onMouseDown: (e) => e.preventDefault(),
           onClick: handleClear,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "x", size: 12 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 12 })
         }
       )
     ] });
@@ -206,5 +206,3 @@ Textarea.displayName = "Textarea";
 
 exports.Input = Input;
 exports.Textarea = Textarea;
-//# sourceMappingURL=chunk-IJIQ4H6C.cjs.map
-//# sourceMappingURL=chunk-IJIQ4H6C.cjs.map

package/dist/{chunk-S3NIRNWM.js → chunk-3D77MQHO.js}

@@ -1,4 +1,4 @@
-import { Spinner } from './chunk-GR5STMOA.js';
+import { Spinner } from './chunk-5A3RT4KD.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Timeline-RHZAZKZ7.css';
@@ -82,5 +82,3 @@ var TimelineItem = ({
 };
 
 export { Timeline };
-//# sourceMappingURL=chunk-S3NIRNWM.js.map
-//# sourceMappingURL=chunk-S3NIRNWM.js.map

package/dist/{chunk-2D5VCIJZ.cjs → chunk-3TWNBJFI.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkIJIQ4H6C_cjs = require('./chunk-IJIQ4H6C.cjs');
-var chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunk32HBMXXV_cjs = require('./chunk-32HBMXXV.cjs');
+var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./InputNumber-VXQIWLQC.css');
@@ -117,7 +117,7 @@ var InputNumber = React__namespace.forwardRef(
           disabled: upDisabled,
           onMouseDown: (e) => e.preventDefault(),
           onClick: () => increment(step),
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "chevUp", size: 10, stroke: 2.5 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevUp", size: 10, stroke: 2.5 })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -129,7 +129,7 @@ var InputNumber = React__namespace.forwardRef(
           disabled: downDisabled,
           onMouseDown: (e) => e.preventDefault(),
           onClick: () => increment(-step),
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "chevDown", size: 10, stroke: 2.5 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevDown", size: 10, stroke: 2.5 })
         }
       )
     ] }) : null;
@@ -138,7 +138,7 @@ var InputNumber = React__namespace.forwardRef(
       stepperSuffix
     ] }) : stepperSuffix ?? suffix;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkIJIQ4H6C_cjs.Input,
+      chunk32HBMXXV_cjs.Input,
       {
         ref,
         id,
@@ -165,5 +165,3 @@ var InputNumber = React__namespace.forwardRef(
 InputNumber.displayName = "InputNumber";
 
 exports.InputNumber = InputNumber;
-//# sourceMappingURL=chunk-2D5VCIJZ.cjs.map
-//# sourceMappingURL=chunk-2D5VCIJZ.cjs.map

package/dist/{chunk-4SCDDSXY.js → chunk-3XTHKAEY.js}

@@ -37,5 +37,3 @@ var Panel = ({
 ] });
 
 export { Card, Panel };
-//# sourceMappingURL=chunk-4SCDDSXY.js.map
-//# sourceMappingURL=chunk-4SCDDSXY.js.map

package/dist/{chunk-UEHONGPZ.js → chunk-4WRE4HQP.js}

@@ -1,4 +1,4 @@
-import { useFloating } from './chunk-ANAQER3T.js';
+import { useFloating } from './chunk-DUFRASGO.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Popover-DVGQGWX6.css';
@@ -6,7 +6,7 @@ import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var Popover = ({
+var Popover = React.forwardRef(({
   content,
   title,
   placement = "bottom",
@@ -18,8 +18,12 @@ var Popover = ({
   open,
   onOpenChange,
   children,
-  className = ""
-}) => {
+  className = "",
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultOpen);
   const isControlled = open !== void 0;
   const show = isControlled ? open : inner;
@@ -40,6 +44,14 @@ var Popover = ({
     if (!isControlled) setInner(v);
     onOpenChange?.(v);
   }, [isControlled, onOpenChange]);
+  const setTriggerRef = React.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref, triggerRef]
+  );
   React.useEffect(() => {
     if (trigger !== "click" || !show) return;
     const h = (e) => {
@@ -72,10 +84,22 @@ var Popover = ({
     /* @__PURE__ */ jsx(
       "span",
       {
-        ref: triggerRef,
+        ref: setTriggerRef,
         className: `popover-anchor ${className}`,
         style: { display: "inline-flex", alignSelf: "flex-start" },
-        ...interact,
+        onClick: (e) => {
+          onClick?.(e);
+          if ("onClick" in interact) interact.onClick?.();
+        },
+        onMouseEnter: (e) => {
+          onMouseEnter?.(e);
+          if ("onMouseEnter" in interact) interact.onMouseEnter?.();
+        },
+        onMouseLeave: (e) => {
+          onMouseLeave?.(e);
+          if ("onMouseLeave" in interact) interact.onMouseLeave?.();
+        },
+        ...rest,
         children
       }
     ),
@@ -108,8 +132,7 @@ var Popover = ({
       document.body
     )
   ] });
-};
+});
+Popover.displayName = "Popover";
 
 export { Popover };
-//# sourceMappingURL=chunk-UEHONGPZ.js.map
-//# sourceMappingURL=chunk-UEHONGPZ.js.map

package/dist/{chunk-E7UQSFKF.js → chunk-54YLXXS2.js}

@@ -1,4 +1,4 @@
-import { Input } from './chunk-GB5NAXBP.js';
+import { Input } from './chunk-DPNDHNKK.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './CommandPalette-T45DBMPY.css';
@@ -17,7 +17,7 @@ var DEFAULT_FILTER = (item, q) => {
   }
   return i === needle.length;
 };
-var CommandPalette = ({
+var CommandPalette = React.forwardRef(({
   open,
   onOpenChange,
   items,
@@ -26,12 +26,16 @@ var CommandPalette = ({
   emptyText = "\u6682\u65E0\u5339\u914D\u7ED3\u679C",
   resetOnOpen = true,
   footer,
-  className = ""
-}) => {
+  className = "",
+  onMouseDown,
+  ...rest
+}, ref) => {
   const [query, setQuery] = React.useState("");
   const [active, setActive] = React.useState(0);
   const inputRef = React.useRef(null);
   const listRef = React.useRef(null);
+  const panelRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => panelRef.current, []);
   const filtered = React.useMemo(() => items.filter((it) => filter(it, query)), [items, query, filter]);
   const grouped = React.useMemo(() => {
     const order = [];
@@ -108,11 +112,16 @@ var CommandPalette = ({
     /* @__PURE__ */ jsx("div", { className: `cmdp-overlay ${className}`, onMouseDown: close, role: "presentation", children: /* @__PURE__ */ jsxs(
       "div",
       {
+        ref: panelRef,
         className: "cmdp-panel",
-        onMouseDown: (e) => e.stopPropagation(),
+        onMouseDown: (e) => {
+          onMouseDown?.(e);
+          e.stopPropagation();
+        },
         role: "dialog",
         "aria-modal": true,
         "aria-label": "\u547D\u4EE4\u9762\u677F",
+        ...rest,
         children: [
           /* @__PURE__ */ jsx("div", { className: "cmdp-search", children: /* @__PURE__ */ jsx(
             Input,
@@ -177,8 +186,7 @@ var CommandPalette = ({
     ) }),
     document.body
   );
-};
+});
+CommandPalette.displayName = "CommandPalette";
 
 export { CommandPalette };
-//# sourceMappingURL=chunk-E7UQSFKF.js.map
-//# sourceMappingURL=chunk-E7UQSFKF.js.map

package/dist/{chunk-GR5STMOA.js → chunk-5A3RT4KD.js}

@@ -1,32 +1,38 @@
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Empty-NQ72W3D7.css';
+import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/Empty/Empty.tsx
-var Empty = ({
+var Empty = React.forwardRef(({
   title = "\u6682\u65E0\u5185\u5BB9",
   description,
   icon,
   action,
   size = "md",
   variant = "default",
-  className = ""
-}) => /* @__PURE__ */ jsxs("div", { className: `empty ${size} ${variant} ${className}`, children: [
+  className = "",
+  ...rest
+}, ref) => /* @__PURE__ */ jsxs("div", { ref, className: `empty ${size} ${variant} ${className}`, ...rest, children: [
   icon && /* @__PURE__ */ jsx("div", { className: "empty-ico", children: icon }),
   /* @__PURE__ */ jsx("div", { className: "empty-title", children: title }),
   description && /* @__PURE__ */ jsx("div", { className: "empty-desc", children: description }),
   action && /* @__PURE__ */ jsx("div", { className: "empty-action", children: action })
-] });
-var Spinner = ({
+] }));
+Empty.displayName = "Empty";
+var Spinner = React.forwardRef(({
   size = 20,
   tone = "accent",
   label,
   variant = "ring",
-  className = ""
-}) => {
+  className = "",
+  style,
+  ...rest
+}, ref) => {
   const cls = `spinner ${variant} ${tone} ${className}`.trim();
-  const spinner = variant === "dots" ? /* @__PURE__ */ jsxs("span", { className: cls, style: { fontSize: size }, "aria-label": "Loading", children: [
+  const spinnerStyle = variant === "dots" ? { fontSize: size, ...style } : { width: size, height: size, ...style };
+  const spinner = variant === "dots" ? /* @__PURE__ */ jsxs("span", { className: cls, style: spinnerStyle, "aria-label": "Loading", children: [
     /* @__PURE__ */ jsx("i", {}),
     /* @__PURE__ */ jsx("i", {}),
     /* @__PURE__ */ jsx("i", {})
@@ -34,18 +40,24 @@ var Spinner = ({
     "span",
     {
       className: cls,
-      style: { width: size, height: size },
+      style: spinnerStyle,
       "aria-label": "Loading"
     }
   );
-  if (!label) return spinner;
-  return /* @__PURE__ */ jsxs("span", { className: "spinner-wrap", children: [
+  if (!label) {
+    return React.cloneElement(spinner, {
+      ref,
+      ...rest
+    });
+  }
+  return /* @__PURE__ */ jsxs("span", { ref, className: "spinner-wrap", style, ...rest, children: [
     spinner,
     /* @__PURE__ */ jsx("span", { className: "spinner-label", children: label })
   ] });
-};
+});
+Spinner.displayName = "Spinner";
 var AVATAR_SIZE_PX = { sm: 32, md: 40, lg: 56 };
-var Skeleton = ({
+var Skeleton = React.forwardRef(({
   width = "100%",
   height = 16,
   circle,
@@ -53,15 +65,19 @@ var Skeleton = ({
   avatar,
   title,
   paragraph,
-  className = ""
-}) => {
+  className = "",
+  style,
+  ...rest
+}, ref) => {
   const composite = avatar != null || title != null || paragraph != null;
   if (!composite) {
     return /* @__PURE__ */ jsx(
       "span",
       {
+        ref,
         className: `skeleton ${animation} ${circle ? "circle" : ""} ${className}`.trim(),
-        style: { width, height, borderRadius: circle ? "50%" : void 0 }
+        style: { width, height, borderRadius: circle ? "50%" : void 0, ...style },
+        ...rest
       }
     );
   }
@@ -77,39 +93,47 @@ var Skeleton = ({
   };
   const avatarPx = avatarCfg != null ? AVATAR_SIZE_PX[avatarCfg.size ?? "md"] : 0;
   const avatarShape = avatarCfg?.shape ?? "circle";
-  return /* @__PURE__ */ jsxs("div", { className: `skeleton-box ${className}`.trim(), children: [
-    avatarCfg && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: `skeleton ${animation} ${avatarShape === "circle" ? "circle" : ""} skeleton-avatar`.trim(),
-        style: {
-          width: avatarPx,
-          height: avatarPx,
-          borderRadius: avatarShape === "circle" ? "50%" : void 0,
-          flexShrink: 0
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "skeleton-content", children: [
-      titleCfg && /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: `skeleton ${animation} skeleton-title`.trim(),
-          style: { width: titleCfg.width ?? "38%", height: 16 }
-        }
-      ),
-      paragraphCfg && Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: `skeleton ${animation} skeleton-row`.trim(),
-          style: { width: resolveRowWidth(i), height: 12 }
-        },
-        i
-      ))
-    ] })
-  ] });
-};
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: `skeleton-box ${className}`.trim(),
+      style,
+      ...rest,
+      children: [
+        avatarCfg && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `skeleton ${animation} ${avatarShape === "circle" ? "circle" : ""} skeleton-avatar`.trim(),
+            style: {
+              width: avatarPx,
+              height: avatarPx,
+              borderRadius: avatarShape === "circle" ? "50%" : void 0,
+              flexShrink: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "skeleton-content", children: [
+          titleCfg && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `skeleton ${animation} skeleton-title`.trim(),
+              style: { width: titleCfg.width ?? "38%", height: 16 }
+            }
+          ),
+          paragraphCfg && Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `skeleton ${animation} skeleton-row`.trim(),
+              style: { width: resolveRowWidth(i), height: 12 }
+            },
+            i
+          ))
+        ] })
+      ]
+    }
+  );
+});
+Skeleton.displayName = "Skeleton";
 
 export { Empty, Skeleton, Spinner };
-//# sourceMappingURL=chunk-GR5STMOA.js.map
-//# sourceMappingURL=chunk-GR5STMOA.js.map

package/dist/{chunk-RFU5HN4E.js → chunk-5C2AI2SD.js}

@@ -8,12 +8,16 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 // src/components/ContextMenu/ContextMenu.tsx
 var ESTIMATED_ITEM_H = 32;
 var MARGIN = 8;
-var ContextMenu = ({
+var ContextMenu = React.forwardRef(({
   items,
   children,
   disabled,
-  minWidth = 180
-}) => {
+  minWidth = 180,
+  className = "",
+  style,
+  onContextMenu,
+  ...rest
+}, ref) => {
   const [open, setOpen] = React.useState(false);
   const [pos, setPos] = React.useState({ top: 0, left: 0 });
   const [active, setActive] = React.useState(-1);
@@ -96,7 +100,20 @@ var ContextMenu = ({
     e.preventDefault();
     openAt(e.clientX, e.clientY);
   };
-  const trigger = /* @__PURE__ */ jsx("span", { style: { display: "contents" }, onContextMenu: handleTriggerContextMenu, children });
+  const trigger = /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className,
+      style: { display: "contents", ...style },
+      onContextMenu: (e) => {
+        onContextMenu?.(e);
+        handleTriggerContextMenu(e);
+      },
+      ...rest,
+      children
+    }
+  );
   const panel = open && typeof document !== "undefined" ? ReactDOM.createPortal(
     /* @__PURE__ */ jsx(
       "div",
@@ -142,8 +159,7 @@ var ContextMenu = ({
     trigger,
     panel
   ] });
-};
+});
+ContextMenu.displayName = "ContextMenu";
 
 export { ContextMenu };
-//# sourceMappingURL=chunk-RFU5HN4E.js.map
-//# sourceMappingURL=chunk-RFU5HN4E.js.map