@lobehub/ui 3.0.0 → 3.1.1

package/es/Accordion/AccordionItem.js

@@ -6,22 +6,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { LazyMotion, m } from 'motion/react';
 import { memo, useCallback, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Block from "../Block";
 import Text from "../Text";
+import { LazyMotion, m } from "../motion";
 import ArrowIcon from "./ArrowIcon";
 import { useAccordionContext } from "./context";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var loadFeatures = function loadFeatures() {
-  return import('motion/react').then(function (res) {
-    return res.domAnimation;
-  });
-};
 var AccordionItem = /*#__PURE__*/memo(function (_ref) {
   var _ref2, _ref3;
   var itemKey = _ref.itemKey,
@@ -163,7 +158,6 @@ var AccordionItem = /*#__PURE__*/memo(function (_ref) {
       });
     }
     return /*#__PURE__*/_jsx(LazyMotion, {
-      features: loadFeatures,
       children: /*#__PURE__*/_jsx(m.div, _objectSpread(_objectSpread({}, motionProps), {}, {
         style: {
           overflow: 'hidden'

package/es/ActionIcon/type.d.ts

@@ -19,7 +19,7 @@ export interface ActionIconProps extends Partial<LucideIconProps>, Omit<CenterPr
     size?: ActionIconSize;
     spin?: boolean;
     title?: TooltipProps['title'];
-    tooltipProps?: Omit<TooltipProps, 'title'>;
+    tooltipProps?: Omit<TooltipProps, 'children' | 'title'>;
     variant?: 'borderless' | 'filled' | 'outlined';
 }
 export {};

package/es/Alert/Alert.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["closeIcon", "closable", "description", "showIcon", "type", "glass", "icon", "colorfulText", "iconProps", "style", "extra", "classNames", "styles", "text", "extraDefaultExpand", "extraIsolate", "banner", "variant", "ref"];
+var _excluded = ["closable", "description", "showIcon", "type", "glass", "icon", "colorfulText", "iconProps", "style", "extra", "classNames", "styles", "text", "extraDefaultExpand", "extraIsolate", "banner", "variant", "ref"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -37,8 +37,7 @@ var colors = function colors(theme) {
   return theme[camelCase(['color', type].concat(keys).join('-'))];
 };
 var Alert = /*#__PURE__*/memo(function (_ref) {
-  var closeIcon = _ref.closeIcon,
-    _ref$closable = _ref.closable,
+  var _ref$closable = _ref.closable,
     closable = _ref$closable === void 0 ? false : _ref$closable,
     description = _ref.description,
     _ref$showIcon = _ref.showIcon,
@@ -146,12 +145,13 @@ var Alert = /*#__PURE__*/memo(function (_ref) {
       hasExtra: isInsideExtra,
       variant: variant
     }), classNames === null || classNames === void 0 ? void 0 : classNames.alert),
-    closable: closable,
-    closeIcon: closeIcon || /*#__PURE__*/_jsx(ActionIcon, {
-      color: colors(theme, type),
-      icon: X,
-      size: 'small'
-    }),
+    closable: typeof closable === 'boolean' ? closable : _objectSpread({
+      closeIcon: /*#__PURE__*/_jsx(ActionIcon, {
+        color: colors(theme, type),
+        icon: X,
+        size: 'small'
+      })
+    }, closable),
     description: description,
     icon: /*#__PURE__*/_jsx(Icon, _objectSpread({
       color: type === 'secondary' ? theme.colorTextSecondary : undefined,
@@ -199,8 +199,7 @@ var Alert = /*#__PURE__*/memo(function (_ref) {
           itemKey: 'extra',
           styles: {
             content: _objectSpread({
-              fontSize: 12,
-              padding: 8
+              fontSize: 12
             }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.extraContent),
             header: {
               borderColor: colors(theme, type, 'fillSecondary')

package/es/Alert/style.js

@@ -24,6 +24,6 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     glass: stylish.blur,
     hasExtra: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        border-block-end: none;\n        border-end-start-radius: 0;\n        border-end-end-radius: 0;\n      "]))),
     outlined: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        background: transparent !important;\n      "]))),
-    root: cx(css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n          position: relative;\n\n          display: flex;\n          flex-direction: row;\n          gap: ", "px;\n          align-items: flex-start;\n\n          max-width: 100%;\n          padding-block: ", "px;\n          padding-inline: ", "px\n            ", "px;\n\n          .", "-alert-message {\n            font-weight: ", ";\n            line-height: 24px;\n            word-break: normal;\n          }\n          .", "-alert-icon {\n            display: flex;\n            align-items: center;\n            height: 24px;\n            margin: 0;\n          }\n          .", "-alert-close-icon {\n            display: flex;\n            align-items: center;\n            height: 24px;\n            margin: 0;\n          }\n        "])), hasTitle ? 12 : 8, baseBlockPadding, showIcon ? baseInlinePadding * 0.75 : baseInlinePadding, closable ? baseInlinePadding * 0.75 : baseInlinePadding, prefixCls, hasTitle ? 600 : 400, prefixCls, prefixCls), hasTitle && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n            .", "-alert-description {\n              line-height: 1.5;\n              word-break: normal;\n              opacity: 0.75;\n            }\n          "])), prefixCls))
+    root: cx(css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n          position: relative;\n\n          display: flex;\n          flex-direction: row;\n          gap: ", "px;\n          align-items: flex-start;\n\n          max-width: 100%;\n          padding-block: ", "px;\n          padding-inline: ", "px\n            ", "px;\n\n          .", "-alert-title {\n            font-weight: ", ";\n            line-height: 24px;\n            color: inherit;\n            word-break: normal;\n          }\n          .", "-alert-icon {\n            display: flex;\n            align-items: center;\n            height: 24px;\n            margin: 0;\n          }\n          .", "-alert-close-icon {\n            display: flex;\n            align-items: center;\n            height: 24px;\n            margin: 0;\n          }\n        "])), hasTitle ? 12 : 8, baseBlockPadding, showIcon ? baseInlinePadding * 0.75 : baseInlinePadding, closable ? baseInlinePadding * 0.75 : baseInlinePadding, prefixCls, hasTitle ? 500 : 400, prefixCls, prefixCls), hasTitle && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n            .", "-alert-description {\n              line-height: 1.5;\n              word-break: normal;\n              opacity: 0.75;\n            }\n          "])), prefixCls))
   };
 });

package/es/Avatar/type.d.ts

@@ -16,7 +16,7 @@ export interface AvatarProps extends AntAvatarProps {
     size?: number;
     sliceText?: boolean;
     title?: string;
-    tooltipProps?: Omit<TooltipProps, 'title'>;
+    tooltipProps?: Omit<TooltipProps, 'children' | 'title'>;
     unoptimized?: boolean;
     variant?: 'borderless' | 'filled' | 'outlined';
 }

package/es/Image/components/usePreview.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["onVisibleChange", "styles", "minScale", "maxScale", "toolbarAddon", "rootClassName", "imageRender", "toolbarRender"];
+var _excluded = ["onVisibleChange", "onOpenChange", "minScale", "maxScale", "toolbarAddon", "rootClassName", "imageRender", "toolbarRender", "actionsRender"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -31,9 +31,8 @@ export var usePreview = function usePreview(props) {
   return useMemo(function () {
     if (props === false) return props;
     var _ref = props === true ? {} : props || {},
-      _onVisibleChange = _ref.onVisibleChange,
-      _ref$styles = _ref.styles,
-      previewStyle = _ref$styles === void 0 ? {} : _ref$styles,
+      onVisibleChange = _ref.onVisibleChange,
+      _onOpenChange = _ref.onOpenChange,
       _ref$minScale = _ref.minScale,
       minScale = _ref$minScale === void 0 ? 0.32 : _ref$minScale,
       _ref$maxScale = _ref.maxScale,
@@ -41,9 +40,24 @@ export var usePreview = function usePreview(props) {
       toolbarAddon = _ref.toolbarAddon,
       rootClassName = _ref.rootClassName,
       _imageRender = _ref.imageRender,
-      _toolbarRender = _ref.toolbarRender,
+      toolbarRender = _ref.toolbarRender,
+      actionsRender = _ref.actionsRender,
       rest = _objectWithoutProperties(_ref, _excluded);
     return _objectSpread({
+      actionsRender: actionsRender || function (_, info) {
+        var originalNode = /*#__PURE__*/_jsx(Toolbar, {
+          info: info,
+          maxScale: maxScale,
+          minScale: minScale,
+          children: toolbarAddon
+        });
+        // 向后兼容 toolbarRender
+        if (toolbarRender) return toolbarRender(originalNode, info);
+        return originalNode;
+      },
+      classNames: {
+        root: cx(styles.preview, rootClassName)
+      },
       closeIcon: /*#__PURE__*/_jsx(Icon, {
         color: '#fff',
         icon: X
@@ -58,25 +72,17 @@ export var usePreview = function usePreview(props) {
       },
       maxScale: maxScale,
       minScale: minScale,
-      onVisibleChange: function onVisibleChange(visible, prevVisible) {
-        setVisible(visible);
-        _onVisibleChange === null || _onVisibleChange === void 0 || _onVisibleChange(visible, prevVisible);
+      onOpenChange: function onOpenChange(open) {
+        setVisible(open);
+        // 支持新的 onOpenChange
+        _onOpenChange === null || _onOpenChange === void 0 || _onOpenChange(open);
+        // 向后兼容旧的 onVisibleChange
+        onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(open, !open);
       },
-      rootClassName: cx(styles.preview, rootClassName),
-      styles: _objectSpread({
+      styles: {
         mask: {
           backdropFilter: 'blur(8px)'
         }
-      }, previewStyle),
-      toolbarRender: function toolbarRender(_, info) {
-        var originalNode = /*#__PURE__*/_jsx(Toolbar, {
-          info: info,
-          maxScale: maxScale,
-          minScale: minScale,
-          children: toolbarAddon
-        });
-        if (_toolbarRender) return _toolbarRender(originalNode, info);
-        return originalNode;
       }
     }, rest);
   }, [props, visible, styles]);

package/es/Image/components/usePreviewGroup.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["onVisibleChange", "minScale", "maxScale", "toolbarAddon", "rootClassName", "imageRender", "toolbarRender"];
+var _excluded = ["onVisibleChange", "onOpenChange", "minScale", "maxScale", "toolbarAddon", "rootClassName", "imageRender", "toolbarRender"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -31,7 +31,8 @@ export var usePreview = function usePreview(props) {
   return useMemo(function () {
     if (props === false) return props;
     var _ref = props === true ? {} : props || {},
-      _onVisibleChange = _ref.onVisibleChange,
+      onVisibleChange = _ref.onVisibleChange,
+      _onOpenChange = _ref.onOpenChange,
       _ref$minScale = _ref.minScale,
       minScale = _ref$minScale === void 0 ? 0.32 : _ref$minScale,
       _ref$maxScale = _ref.maxScale,
@@ -52,6 +53,9 @@ export var usePreview = function usePreview(props) {
         if (toolbarRender) return toolbarRender(originalNode, info);
         return originalNode;
       },
+      classNames: {
+        root: cx(componentStyles.preview, rootClassName)
+      },
       closeIcon: /*#__PURE__*/_jsx(Icon, {
         color: '#fff',
         icon: X
@@ -66,11 +70,13 @@ export var usePreview = function usePreview(props) {
       },
       maxScale: maxScale,
       minScale: minScale,
-      onVisibleChange: function onVisibleChange(visible, prevVisible, current) {
-        setVisible(visible);
-        _onVisibleChange === null || _onVisibleChange === void 0 || _onVisibleChange(visible, prevVisible, current);
-      },
-      rootClassName: cx(componentStyles.preview, rootClassName)
+      onOpenChange: function onOpenChange(open, info) {
+        setVisible(open);
+        // 支持新的 onOpenChange
+        _onOpenChange === null || _onOpenChange === void 0 || _onOpenChange(open, info);
+        // 向后兼容旧的 onVisibleChange (注意参数差异)
+        onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(open, !open, info.current);
+      }
     }, rest);
   }, [props, visible, componentStyles]);
 };

package/es/Image/type.d.ts

@@ -1,6 +1,6 @@
 import type { ImageProps as AntdImageProps } from 'antd';
+import type { PreviewConfig } from 'antd/es/image';
 import type { GroupPreviewConfig } from 'antd/es/image/PreviewGroup';
-import type { ImagePreviewType } from 'rc-image';
 import type { CSSProperties, ReactNode, Ref } from 'react';
 export interface PreviewGroupPreviewOptions extends GroupPreviewConfig {
     toolbarAddon?: ReactNode;
@@ -11,7 +11,7 @@ export interface PreviewGroupProps {
     items?: string[];
     preview?: boolean | PreviewGroupPreviewOptions;
 }
-export interface ImagePreviewOptions extends ImagePreviewType {
+export interface ImagePreviewOptions extends PreviewConfig {
     toolbarAddon?: ReactNode;
 }
 export interface ImageProps extends Omit<AntdImageProps, 'preview'> {

package/es/Mermaid/SyntaxMermaid/index.js

@@ -6,7 +6,6 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useTheme } from 'antd-style';
 import { kebabCase } from 'lodash-es';
 import { memo, useEffect, useId, useMemo, useState } from 'react';
 import Image from "../../Image";
@@ -28,7 +27,6 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
     })) === null || _mermaidThemes$find === void 0 ? void 0 : _mermaidThemes$find.background;
   }, [isDefaultTheme, customTheme]);
   var id = useId();
-  var theme = useTheme();
   var mermaidId = kebabCase("mermaid-".concat(id));
   var _useMermaid = useMermaid(children, {
       id: mermaidId,
@@ -82,12 +80,7 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
     minWidth: 300,
     objectFit: 'contain',
     preview: enablePanZoom ? {
-      mask: false,
-      styles: {
-        mask: {
-          background: background || theme.colorBgContainerSecondary
-        }
-      }
+      mask: false
     } : false,
     ref: ref,
     src: blobUrl,

package/es/Tabs/Tabs.js

@@ -17,6 +17,7 @@ import ActionIcon from "../ActionIcon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Tabs = /*#__PURE__*/memo(function (_ref) {
+  var _rest$classNames;
   var className = _ref.className,
     compact = _ref.compact,
     _ref$variant = _ref.variant,
@@ -55,20 +56,25 @@ var Tabs = /*#__PURE__*/memo(function (_ref) {
       /* eslint-enable sort-keys-fix/sort-keys-fix */
     });
   }, [styles]);
-  return /*#__PURE__*/_jsx(AntdTabs, _objectSpread({
+  return /*#__PURE__*/_jsx(AntdTabs, _objectSpread(_objectSpread({
     className: cx(variants({
       compact: compact,
       underlined: hasContent,
       variant: variant
     }), className),
-    items: items,
-    more: {
+    items: items
+  }, rest), {}, {
+    classNames: _objectSpread(_objectSpread({}, rest === null || rest === void 0 ? void 0 : rest.classNames), {}, {
+      popup: _objectSpread({
+        root: styles.dropdown
+      }, rest === null || rest === void 0 || (_rest$classNames = rest.classNames) === null || _rest$classNames === void 0 ? void 0 : _rest$classNames.popup)
+    }),
+    more: _objectSpread({
       icon: /*#__PURE__*/_jsx(ActionIcon, {
         icon: MoreHorizontalIcon
       })
-    },
-    popupClassName: cx(styles.dropdown)
-  }, rest));
+    }, rest === null || rest === void 0 ? void 0 : rest.more)
+  }));
 });
 Tabs.displayName = 'Tabs';
 export default Tabs;

package/es/Toc/TocMobile.js

@@ -59,7 +59,7 @@ var TocMobile = /*#__PURE__*/memo(function (_ref) {
             size: 'small'
           });
         },
-        expandIconPosition: 'end',
+        expandIconPlacement: 'end',
         ghost: true,
         children: /*#__PURE__*/_jsx(Collapse.Panel, {
           forceRender: true,

package/es/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type FC } from 'react';
 import type { TooltipProps } from './type';
-declare const Tooltip: import("react").NamedExoticComponent<TooltipProps>;
+export declare const Tooltip: FC<TooltipProps>;
 export default Tooltip;

package/es/Tooltip/Tooltip.js

@@ -1,22 +1,29 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["ref", "hotkey", "className", "arrow", "title", "hotkeyProps"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Tooltip as AntdTooltip } from 'antd';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import Hotkey from "../Hotkey";
-import { useStyles } from "./style";
+import { arrow as arrowMiddleware, autoUpdate, flip, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole } from '@floating-ui/react';
+import { cloneElement, isValidElement, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { mergeRefs } from 'react-merge-refs';
+import { antdPlacementToFloating } from "./antdPlacementToFloating";
+import { composeEventHandlers } from "../utils/composeEventHandlers";
+import TooltipFloating from "./TooltipFloating";
+import TooltipPortal from "./TooltipPortal";
+import { TooltipGroupContext } from "./groupContext";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Tooltip = /*#__PURE__*/memo(function (_ref) {
+var TooltipInGroup = function TooltipInGroup(_ref) {
   var ref = _ref.ref,
     hotkey = _ref.hotkey,
     className = _ref.className,
@@ -24,29 +31,229 @@ var Tooltip = /*#__PURE__*/memo(function (_ref) {
     arrow = _ref$arrow === void 0 ? false : _ref$arrow,
     title = _ref.title,
     hotkeyProps = _ref.hotkeyProps,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx(AntdTooltip, _objectSpread({
+    children = _ref.children,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
+    openDelay = _ref.openDelay,
+    closeDelay = _ref.closeDelay,
+    _ref$mouseEnterDelay = _ref.mouseEnterDelay,
+    mouseEnterDelay = _ref$mouseEnterDelay === void 0 ? 0 : _ref$mouseEnterDelay,
+    _ref$mouseLeaveDelay = _ref.mouseLeaveDelay,
+    mouseLeaveDelay = _ref$mouseLeaveDelay === void 0 ? 0 : _ref$mouseLeaveDelay,
+    onOpenChange = _ref.onOpenChange,
+    disabled = _ref.disabled,
+    classNames = _ref.classNames,
+    styleProps = _ref.styles,
+    zIndex = _ref.zIndex,
+    _ref$portalled = _ref.portalled,
+    portalled = _ref$portalled === void 0 ? true : _ref$portalled,
+    getPopupContainer = _ref.getPopupContainer;
+  var group = useContext(TooltipGroupContext);
+  var triggerElRef = useRef(null);
+  var item = useMemo(function () {
+    return {
+      arrow: arrow,
+      className: className,
+      classNames: classNames,
+      closeDelay: closeDelay,
+      disabled: disabled,
+      getPopupContainer: getPopupContainer,
+      hotkey: hotkey,
+      hotkeyProps: hotkeyProps,
+      mouseEnterDelay: mouseEnterDelay,
+      mouseLeaveDelay: mouseLeaveDelay,
+      onOpenChange: onOpenChange,
+      openDelay: openDelay,
+      placement: placement,
+      portalled: portalled,
+      styles: styleProps,
+      title: title,
+      zIndex: zIndex
+    };
+  }, [arrow, className, classNames, closeDelay, disabled, getPopupContainer, hotkey, hotkeyProps, mouseEnterDelay, mouseLeaveDelay, onOpenChange, openDelay, placement, portalled, styleProps, title, zIndex]);
+  var trigger = useMemo(function () {
+    var _children$props;
+    if (! /*#__PURE__*/isValidElement(children)) return /*#__PURE__*/_jsx("span", {
+      children: children
+    });
+    var needsWrapper = typeof children.type === 'string' && Boolean((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.disabled);
+    if (needsWrapper) return /*#__PURE__*/_jsx("span", {
+      style: {
+        display: 'inline-flex'
+      },
+      children: children
+    });
+    return children;
+  }, [children]);
+  var referenceNode = useMemo(function () {
+    if (! /*#__PURE__*/isValidElement(trigger)) return trigger;
+    var originalRef = trigger.ref;
+    var triggerProps = trigger.props || {};
+    var setTriggerEl = function setTriggerEl(node) {
+      triggerElRef.current = node instanceof HTMLElement ? node : null;
+    };
+    return /*#__PURE__*/cloneElement(trigger, _objectSpread(_objectSpread({}, triggerProps), {}, {
+      onBlur: composeEventHandlers(triggerProps.onBlur, function (e) {
+        group === null || group === void 0 || group.closeFromTrigger(e.currentTarget, item);
+      }),
+      onFocus: composeEventHandlers(triggerProps.onFocus, function (e) {
+        group === null || group === void 0 || group.openFromTrigger(e.currentTarget, item);
+      }),
+      onKeyDown: composeEventHandlers(triggerProps.onKeyDown, function (e) {
+        if ((e === null || e === void 0 ? void 0 : e.key) === 'Escape') group === null || group === void 0 || group.closeImmediately();
+      }),
+      onPointerEnter: composeEventHandlers(triggerProps.onPointerEnter, function (e) {
+        group === null || group === void 0 || group.openFromTrigger(e.currentTarget, item);
+      }),
+      onPointerLeave: composeEventHandlers(triggerProps.onPointerLeave, function (e) {
+        group === null || group === void 0 || group.closeFromTrigger(e.currentTarget, item);
+      }),
+      ref: mergeRefs([originalRef, setTriggerEl, ref])
+    }));
+  }, [group, item, ref, trigger]);
+  useEffect(function () {
+    return function () {
+      if (!group) return;
+      var el = triggerElRef.current;
+      if (el && group.isActiveTrigger(el)) group.closeImmediately();
+    };
+  }, [group]);
+  return referenceNode;
+};
+TooltipInGroup.displayName = 'TooltipInGroup';
+var TooltipStandalone = function TooltipStandalone(_ref2) {
+  var ref = _ref2.ref,
+    hotkey = _ref2.hotkey,
+    className = _ref2.className,
+    _ref2$arrow = _ref2.arrow,
+    arrow = _ref2$arrow === void 0 ? false : _ref2$arrow,
+    title = _ref2.title,
+    hotkeyProps = _ref2.hotkeyProps,
+    children = _ref2.children,
+    _ref2$placement = _ref2.placement,
+    placement = _ref2$placement === void 0 ? 'top' : _ref2$placement,
+    openDelay = _ref2.openDelay,
+    closeDelay = _ref2.closeDelay,
+    _ref2$mouseEnterDelay = _ref2.mouseEnterDelay,
+    mouseEnterDelay = _ref2$mouseEnterDelay === void 0 ? 0 : _ref2$mouseEnterDelay,
+    _ref2$mouseLeaveDelay = _ref2.mouseLeaveDelay,
+    mouseLeaveDelay = _ref2$mouseLeaveDelay === void 0 ? 0 : _ref2$mouseLeaveDelay,
+    open = _ref2.open,
+    defaultOpen = _ref2.defaultOpen,
+    onOpenChange = _ref2.onOpenChange,
+    disabled = _ref2.disabled,
+    classNames = _ref2.classNames,
+    styleProps = _ref2.styles,
+    zIndex = _ref2.zIndex,
+    _ref2$portalled = _ref2.portalled,
+    portalled = _ref2$portalled === void 0 ? true : _ref2$portalled,
+    getPopupContainer = _ref2.getPopupContainer;
+  var arrowRef = useRef(null);
+  var _useState = useState(Boolean(defaultOpen)),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledOpen = _useState2[0],
+    setUncontrolledOpen = _useState2[1];
+  var mergedOpen = open !== null && open !== void 0 ? open : uncontrolledOpen;
+  var setOpen = function setOpen(next) {
+    if (open === undefined) setUncontrolledOpen(next);
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(next);
+  };
+  var floatingPlacement = useMemo(function () {
+    return antdPlacementToFloating(placement);
+  }, [placement]);
+  var middleware = useMemo(function () {
+    var base = [offset(8), flip(), shift({
+      padding: 8
+    })];
+    if (arrow) base.push(arrowMiddleware({
+      element: arrowRef
+    }));
+    return base;
+  }, [arrow]);
+  var _useFloating = useFloating({
+      middleware: middleware,
+      onOpenChange: setOpen,
+      open: disabled ? false : mergedOpen,
+      placement: floatingPlacement,
+      whileElementsMounted: autoUpdate
+    }),
+    context = _useFloating.context,
+    floatingStyles = _useFloating.floatingStyles,
+    refs = _useFloating.refs;
+  var resolvedDelay = useMemo(function () {
+    return {
+      close: closeDelay !== null && closeDelay !== void 0 ? closeDelay : mouseLeaveDelay * 1000,
+      open: openDelay !== null && openDelay !== void 0 ? openDelay : mouseEnterDelay * 1000
+    };
+  }, [closeDelay, mouseEnterDelay, mouseLeaveDelay, openDelay]);
+  var hover = useHover(context, {
+    delay: resolvedDelay,
+    enabled: !disabled,
+    move: false
+  });
+  var focus = useFocus(context, {
+    enabled: !disabled
+  });
+  var dismiss = useDismiss(context, {
+    enabled: !disabled
+  });
+  var role = useRole(context, {
+    role: 'tooltip'
+  });
+  var _useInteractions = useInteractions([hover, focus, dismiss, role]),
+    getFloatingProps = _useInteractions.getFloatingProps,
+    getReferenceProps = _useInteractions.getReferenceProps;
+  var trigger = useMemo(function () {
+    var _children$props2;
+    if (! /*#__PURE__*/isValidElement(children)) return /*#__PURE__*/_jsx("span", {
+      children: children
+    });
+    var needsWrapper = typeof children.type === 'string' && Boolean((_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.disabled);
+    if (needsWrapper) return /*#__PURE__*/_jsx("span", {
+      style: {
+        display: 'inline-flex'
+      },
+      children: children
+    });
+    return children;
+  }, [children]);
+  var referenceNode = useMemo(function () {
+    if (! /*#__PURE__*/isValidElement(trigger)) return trigger;
+    var originalRef = trigger.ref;
+    return /*#__PURE__*/cloneElement(trigger, getReferenceProps(_objectSpread(_objectSpread({}, trigger.props), {}, {
+      ref: mergeRefs([originalRef, refs.setReference, ref])
+    })));
+  }, [getReferenceProps, ref, refs.setReference, trigger]);
+  var portalRoot = getPopupContainer && refs.reference.current ? getPopupContainer(refs.reference.current) : undefined;
+  var floatingNode = /*#__PURE__*/_jsx(TooltipFloating, {
     arrow: arrow,
-    classNames: {
-      root: cx(styles.tooltip, className)
-    },
-    ref: ref,
-    title: hotkey ? /*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      gap: 8,
-      horizontal: true,
-      justify: 'space-between',
-      children: [/*#__PURE__*/_jsx("span", {
-        children: title
-      }), /*#__PURE__*/_jsx(Hotkey, _objectSpread({
-        inverseTheme: true,
-        keys: hotkey
-      }, hotkeyProps))]
-    }) : title
-  }, rest));
-});
-Tooltip.displayName = 'Tooltip';
+    arrowRef: arrowRef,
+    className: className,
+    classNames: classNames,
+    context: context,
+    floatingProps: getFloatingProps(),
+    floatingStyles: floatingStyles,
+    hotkey: hotkey,
+    hotkeyProps: hotkeyProps,
+    open: mergedOpen,
+    placement: floatingPlacement,
+    setFloating: refs.setFloating,
+    styles: styleProps,
+    title: title,
+    zIndex: zIndex
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [referenceNode, !disabled && title && (portalled ? /*#__PURE__*/_jsx(TooltipPortal, {
+      root: portalRoot,
+      children: floatingNode
+    }) : floatingNode)]
+  });
+};
+export var Tooltip = function Tooltip(props) {
+  var group = useContext(TooltipGroupContext);
+
+  // Group mode is intentionally hover/focus driven; keep standalone behavior for controlled cases.
+  var canUseGroup = Boolean(group) && props.open === undefined && props.defaultOpen === undefined;
+  return canUseGroup ? /*#__PURE__*/_jsx(TooltipInGroup, _objectSpread({}, props)) : /*#__PURE__*/_jsx(TooltipStandalone, _objectSpread({}, props));
+};
 export default Tooltip;