@infomaximum/ui-kit 0.17.4 → 0.18.1

package/dist/components/BaseTooltip/BaseTooltip.js

@@ -1,14 +1,15 @@
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
-import React, { memo, useMemo } from "react";
+import { jsxs, jsx, Fragment } from "@emotion/react/jsx-runtime";
+import React, { memo, useCallback, useMemo } from "react";
 import { FloatingArrow } from "@floating-ui/react";
-import { getArrowPlacementCorrection, Max_ZIndex, withRef, ARROW_WIDTH, ARROW_HEIGHT } from "./BaseTooltip.utils.js";
+import { getArrowPlacementCorrection, ARROW_WIDTH, ARROW_HEIGHT, Max_ZIndex, withRef } from "./BaseTooltip.utils.js";
 import { createPortal } from "react-dom";
 import { useShowTooltipController } from "./hooks/useShowTooltipController.js";
-import { baseTooltipReferenceWrapperStyle, getBaseTooltipFloatingWrapperStyle } from "./BaseTooltip.styles.js";
+import { getBaseTooltipFloatingWrapperStyle, baseTooltipReferenceWrapperStyle } from "./BaseTooltip.styles.js";
 import { useCustomFloating } from "./hooks/useCustomFloating.js";
 import { useTargetRefController } from "./hooks/useTargetRefController.js";
-import { isNil, isUndefined, isFunction, isNull } from "lodash-es";
+import { isArray, isNil, isUndefined, isFunction, isNull } from "lodash-es";
 import { useTheme } from "../../hooks/useTheme/useTheme.js";
+const defaultTrigger = ["click"];
 const BaseTooltip = memo(({
   floatingElement,
   arrowColor,
@@ -18,7 +19,7 @@ const BaseTooltip = memo(({
   defaultOpen = false,
   open,
   zIndex = Max_ZIndex,
-  trigger = ["click"],
+  trigger = defaultTrigger,
   mouseEnterDelay = 0.1,
   mouseLeaveDelay = 0.1,
   align,
@@ -86,24 +87,27 @@ const BaseTooltip = memo(({
     handlePointerUp
   });
   const arrowPlacementCorrection = getArrowPlacementCorrection(floatingPlacement, refs, align);
-  const renderFloatingElement = () => {
+  const renderFloatingElement = useCallback(() => {
     var _a2;
-    return /* @__PURE__ */ jsxs("div", { ref: refs.setFloating, css: [getBaseTooltipFloatingWrapperStyle(floatingPlacement, withArrow, isOpen), (_a2 = styles == null ? void 0 : styles.floatingWrapper) == null ? void 0 : _a2.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:renderFloatingElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlHVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB0eXBlIEZDLFxuICBtZW1vLFxuICB0eXBlIE11dGFibGVSZWZPYmplY3QsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCYXNlVG9vbHRpcFByb3BzLCBCYXNlVG9vbHRpcFRyaWdnZXJUeXBlIH0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudHlwZXNcIjtcbmltcG9ydCB7IEZsb2F0aW5nQXJyb3cgfSBmcm9tIFwiQGZsb2F0aW5nLXVpL3JlYWN0XCI7XG5pbXBvcnQge1xuICBBUlJPV19IRUlHSFQsXG4gIEFSUk9XX1dJRFRILFxuICBnZXRBcnJvd1BsYWNlbWVudENvcnJlY3Rpb24sXG4gIE1heF9aSW5kZXgsXG4gIHdpdGhSZWYsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnV0aWxzXCI7XG5pbXBvcnQgeyBjcmVhdGVQb3J0YWwgfSBmcm9tIFwicmVhY3QtZG9tXCI7XG5pbXBvcnQgeyB1c2VTaG93VG9vbHRpcENvbnRyb2xsZXIgfSBmcm9tIFwiLi9ob29rcy91c2VTaG93VG9vbHRpcENvbnRyb2xsZXJcIjtcbmltcG9ydCB7XG4gIGJhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLFxuICBnZXRCYXNlVG9vbHRpcEZsb2F0aW5nV3JhcHBlclN0eWxlLFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyB1c2VDdXN0b21GbG9hdGluZyB9IGZyb20gXCIuL2hvb2tzL3VzZUN1c3RvbUZsb2F0aW5nXCI7XG5pbXBvcnQgeyB1c2VUYXJnZXRSZWZDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlVGFyZ2V0UmVmQ29udHJvbGxlclwiO1xuaW1wb3J0IHsgaXNGdW5jdGlvbiwgaXNOaWwsIGlzTnVsbCwgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5cbmV4cG9ydCBjb25zdCBCYXNlVG9vbHRpcDogRkM8UHJvcHNXaXRoQ2hpbGRyZW48QmFzZVRvb2x0aXBQcm9wcz4+ID0gbWVtbyhcbiAgKHtcbiAgICBmbG9hdGluZ0VsZW1lbnQsXG4gICAgYXJyb3dDb2xvcixcbiAgICB3aXRoQXJyb3cgPSB0cnVlLFxuICAgIHBsYWNlbWVudCA9IFwidG9wXCIsXG4gICAgYXV0b0FkanVzdE92ZXJmbG93ID0gdHJ1ZSxcbiAgICBkZWZhdWx0T3BlbiA9IGZhbHNlLFxuICAgIG9wZW4sXG4gICAgekluZGV4ID0gTWF4X1pJbmRleCxcbiAgICB0cmlnZ2VyID0gW1wiY2xpY2tcIiBhcyBCYXNlVG9vbHRpcFRyaWdnZXJUeXBlXSxcbiAgICBtb3VzZUVudGVyRGVsYXkgPSAwLjEsXG4gICAgbW91c2VMZWF2ZURlbGF5ID0gMC4xLFxuICAgIGFsaWduLFxuICAgIHRyYW5zZm9ybSA9IHRydWUsXG4gICAgY2xhc3NOYW1lLFxuICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIG9uT3BlbkNoYW5nZSxcbiAgICBjaGlsZHJlbixcbiAgICBzdHlsZXMsXG4gICAgc2hvd0luQ3Vyc29yUG9zaXRpb24gPSBmYWxzZSxcbiAgICBnZXRQb3B1cENvbnRhaW5lciA9ICgpID0+IGRvY3VtZW50LmJvZHksXG4gICAgb25Db250ZXh0TWVudSxcbiAgICBnZXRUYXJnZXRET01Ob2RlLFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IGN1cnJlbnRUcmFuc2Zvcm0gPSB0cmFuc2Zvcm0gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uO1xuXG4gICAgY29uc3QgeyByZWZzLCBmbG9hdGluZ1N0eWxlcywgY29udGV4dCwgZmxvYXRpbmdQbGFjZW1lbnQsIHNldEFycm93UmVmLCBhcnJvd1JlZiB9ID1cbiAgICAgIHVzZUN1c3RvbUZsb2F0aW5nKHtcbiAgICAgICAgcGxhY2VtZW50LFxuICAgICAgICBhdXRvQWRqdXN0T3ZlcmZsb3csXG4gICAgICAgIHdpdGhBcnJvdyxcbiAgICAgICAgYWxpZ24sXG4gICAgICAgIHRyYW5zZm9ybTogY3VycmVudFRyYW5zZm9ybSxcbiAgICAgIH0pO1xuXG4gICAgY29uc3Qge1xuICAgICAgaXNPcGVuLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICB9ID0gdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyKHtcbiAgICAgIHRyaWdnZXIsXG4gICAgICBkZWZhdWx0T3BlbixcbiAgICAgIG9wZW4sXG4gICAgICBtb3VzZUVudGVyRGVsYXksXG4gICAgICBtb3VzZUxlYXZlRGVsYXksXG4gICAgICBzaG93SW5DdXJzb3JQb3NpdGlvbixcbiAgICAgIHBsYWNlbWVudDogZmxvYXRpbmdQbGFjZW1lbnQsXG4gICAgICByZWZzLFxuICAgICAgb25PcGVuQ2hhbmdlLFxuICAgICAgb25Db250ZXh0TWVudSxcbiAgICAgIGFycm93UmVmLFxuICAgIH0pO1xuXG4gICAgY29uc3QgeyBzZXRUYXJnZXRSZWYgfSA9IHVzZVRhcmdldFJlZkNvbnRyb2xsZXIoe1xuICAgICAgZ2V0VGFyZ2V0RE9NTm9kZSxcbiAgICAgIHJlZnMsXG4gICAgICBoYW5kbGVQb2ludGVyRW50ZXIsXG4gICAgICBoYW5kbGVQb2ludGVyTGVhdmUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZUJsdXIsXG4gICAgICBoYW5kbGVDbGljayxcbiAgICAgIGhhbmRsZUNvbnRleHRNZW51LFxuICAgICAgaGFuZGxlUG9pbnRlclVwLFxuICAgIH0pO1xuXG4gICAgY29uc3QgYXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uID0gZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uKGZsb2F0aW5nUGxhY2VtZW50LCByZWZzLCBhbGlnbik7XG5cbiAgICBjb25zdCByZW5kZXJGbG9hdGluZ0VsZW1lbnQgPSAoKSA9PiB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgcmVmPXtyZWZzLnNldEZsb2F0aW5nfVxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZShmbG9hdGluZ1BsYWNlbWVudCwgd2l0aEFycm93LCBpc09wZW4pLFxuICAgICAgICAgICAgc3R5bGVzPy5mbG9hdGluZ1dyYXBwZXI/Lih0aGVtZSksXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgLi4uZmxvYXRpbmdTdHlsZXMsXG4gICAgICAgICAgICB3aWR0aDogIWN1cnJlbnRUcmFuc2Zvcm0gPyBcIm1heC1jb250ZW50XCIgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB6SW5kZXgsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17YXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICk7XG4gICAgfTtcblxuICAgIGNvbnN0IGNoaWxkcmVuV2l0aFByb3BzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoIXdpdGhvdXRXcmFwcGVyKSB7XG4gICAgICAgIHJldHVybiBjaGlsZHJlbjtcbiAgICAgIH1cblxuICAgICAgbGV0IGFkZGVkUHJvcHNDb3VudGVyID0gMDtcblxuICAgICAgcmV0dXJuIFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkKSA9PiB7XG4gICAgICAgIGlmIChhZGRlZFByb3BzQ291bnRlciA+IDAgfHwgIVJlYWN0LmlzVmFsaWRFbGVtZW50KGNoaWxkKSkge1xuICAgICAgICAgIHJldHVybiBjaGlsZDtcbiAgICAgICAgfVxuXG4gICAgICAgIGFkZGVkUHJvcHNDb3VudGVyICs9IDE7XG5cbiAgICAgICAgY29uc3Qgc2V0UmVmID0gKGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgICAgIHNldFRhcmdldFJlZihlbGVtZW50KTtcblxuICAgICAgICAgIGlmICh3aXRoUmVmKGNoaWxkKSkge1xuICAgICAgICAgICAgaWYgKGlzRnVuY3Rpb24oY2hpbGQ/LnJlZikpIHtcbiAgICAgICAgICAgICAgY2hpbGQucmVmKGVsZW1lbnQpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgKGNoaWxkLnJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgbnVsbD4pLmN1cnJlbnQgPSBlbGVtZW50O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfTtcblxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgLi4uY2hpbGQucHJvcHMsXG4gICAgICAgICAgcmVmOiBzZXRSZWYsXG4gICAgICAgICAgb25Qb2ludGVyRW50ZXI6IGhhbmRsZVBvaW50ZXJFbnRlciA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckVudGVyLFxuICAgICAgICAgIG9uUG9pbnRlckxlYXZlOiBoYW5kbGVQb2ludGVyTGVhdmUgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJMZWF2ZSxcbiAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyA/PyBjaGlsZD8ucHJvcHM/Lm9uRm9jdXMsXG4gICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyID8/IGNoaWxkPy5wcm9wcz8ub25CbHVyLFxuICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrID8/IGNoaWxkPy5wcm9wcz8ub25DbGljayxcbiAgICAgICAgICBvbkNvbnRleHRNZW51OiBoYW5kbGVDb250ZXh0TWVudSA/PyBjaGlsZD8ucHJvcHM/Lm9uQ29udGV4dE1lbnUsXG4gICAgICAgICAgb25Qb2ludGVyVXA6IGhhbmRsZVBvaW50ZXJVcCA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlclVwLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sIFtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICAgIHNldFRhcmdldFJlZixcbiAgICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIF0pO1xuXG4gICAgY29uc3QgZ2V0RmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgZ2V0UG9wdXBDb250YWluZXIocmVmcy5kb21SZWZlcmVuY2UuY3VycmVudCA/PyBkb2N1bWVudC5ib2R5KVxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgaWYgKGlzTmlsKGdldFRhcmdldERPTU5vZGUpICYmIGlzTmlsKGNoaWxkcmVuKSAmJiBpc1VuZGVmaW5lZChvcGVuKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgaWYgKGlzRnVuY3Rpb24oZ2V0VGFyZ2V0RE9NTm9kZSkpIHtcbiAgICAgIGlmIChpc051bGwoZ2V0VGFyZ2V0RE9NTm9kZSgpKSkge1xuICAgICAgICByZXR1cm4gY2hpbGRyZW47XG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtnZXRGbG9hdGluZ0VsZW1lbnQoKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICh3aXRob3V0V3JhcHBlcikge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7Y2hpbGRyZW5XaXRoUHJvcHN9XG4gICAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtzZXRUYXJnZXRSZWZ9XG4gICAgICAgIGNzcz17W2Jhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLCBzdHlsZXM/LnJlZmVyZW5jZVdyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgICBvblBvaW50ZXJMZWF2ZT17aGFuZGxlUG9pbnRlckxlYXZlfVxuICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Db250ZXh0TWVudT17aGFuZGxlQ29udGV4dE1lbnV9XG4gICAgICAgIG9uUG9pbnRlclVwPXtoYW5kbGVQb2ludGVyVXB9XG4gICAgICAgIG9uUG9pbnRlckRvd249eyhlKSA9PiB7XG4gICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7Z2V0RmxvYXRpbmdFbGVtZW50KCl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], style: {
+    if (!isOpen && !showInCursorPosition) {
+      return null;
+    }
+    return createPortal(/* @__PURE__ */ jsxs("div", { ref: refs.setFloating, css: [getBaseTooltipFloatingWrapperStyle(floatingPlacement, withArrow, isOpen), (_a2 = styles == null ? void 0 : styles.floatingWrapper) == null ? void 0 : _a2.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:renderFloatingElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdIVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB0eXBlIEZDLFxuICBtZW1vLFxuICB0eXBlIE11dGFibGVSZWZPYmplY3QsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRvb2x0aXBQcm9wcywgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZSB9IGZyb20gXCIuL0Jhc2VUb29sdGlwLnR5cGVzXCI7XG5pbXBvcnQgeyBGbG9hdGluZ0Fycm93IH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQVJST1dfSEVJR0hULFxuICBBUlJPV19XSURUSCxcbiAgZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uLFxuICBNYXhfWkluZGV4LFxuICB3aXRoUmVmLFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC51dGlsc1wiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyXCI7XG5pbXBvcnQge1xuICBiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgdXNlQ3VzdG9tRmxvYXRpbmcgfSBmcm9tIFwiLi9ob29rcy91c2VDdXN0b21GbG9hdGluZ1wiO1xuaW1wb3J0IHsgdXNlVGFyZ2V0UmVmQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVRhcmdldFJlZkNvbnRyb2xsZXJcIjtcbmltcG9ydCB7IGlzQXJyYXksIGlzRnVuY3Rpb24sIGlzTmlsLCBpc051bGwsIGlzVW5kZWZpbmVkIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuXG5jb25zdCBkZWZhdWx0VHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV07XG5cbmV4cG9ydCBjb25zdCBCYXNlVG9vbHRpcDogRkM8UHJvcHNXaXRoQ2hpbGRyZW48QmFzZVRvb2x0aXBQcm9wcz4+ID0gbWVtbyhcbiAgKHtcbiAgICBmbG9hdGluZ0VsZW1lbnQsXG4gICAgYXJyb3dDb2xvcixcbiAgICB3aXRoQXJyb3cgPSB0cnVlLFxuICAgIHBsYWNlbWVudCA9IFwidG9wXCIsXG4gICAgYXV0b0FkanVzdE92ZXJmbG93ID0gdHJ1ZSxcbiAgICBkZWZhdWx0T3BlbiA9IGZhbHNlLFxuICAgIG9wZW4sXG4gICAgekluZGV4ID0gTWF4X1pJbmRleCxcbiAgICB0cmlnZ2VyID0gZGVmYXVsdFRyaWdnZXIsXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBhbGlnbixcbiAgICB0cmFuc2Zvcm0gPSB0cnVlLFxuICAgIGNsYXNzTmFtZSxcbiAgICB3aXRob3V0V3JhcHBlcixcbiAgICBvbk9wZW5DaGFuZ2UsXG4gICAgY2hpbGRyZW4sXG4gICAgc3R5bGVzLFxuICAgIHNob3dJbkN1cnNvclBvc2l0aW9uID0gZmFsc2UsXG4gICAgZ2V0UG9wdXBDb250YWluZXIgPSAoKSA9PiBkb2N1bWVudC5ib2R5LFxuICAgIG9uQ29udGV4dE1lbnUsXG4gICAgZ2V0VGFyZ2V0RE9NTm9kZSxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBjdXJyZW50VHJhbnNmb3JtID0gdHJhbnNmb3JtICYmICFzaG93SW5DdXJzb3JQb3NpdGlvbjtcblxuICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQsIGZsb2F0aW5nUGxhY2VtZW50LCBzZXRBcnJvd1JlZiwgYXJyb3dSZWYgfSA9XG4gICAgICB1c2VDdXN0b21GbG9hdGluZyh7XG4gICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgYXV0b0FkanVzdE92ZXJmbG93LFxuICAgICAgICB3aXRoQXJyb3csXG4gICAgICAgIGFsaWduLFxuICAgICAgICB0cmFuc2Zvcm06IGN1cnJlbnRUcmFuc2Zvcm0sXG4gICAgICB9KTtcblxuICAgIGNvbnN0IHtcbiAgICAgIGlzT3BlbixcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgfSA9IHVzZVNob3dUb29sdGlwQ29udHJvbGxlcih7XG4gICAgICB0cmlnZ2VyLFxuICAgICAgZGVmYXVsdE9wZW4sXG4gICAgICBvcGVuLFxuICAgICAgbW91c2VFbnRlckRlbGF5LFxuICAgICAgbW91c2VMZWF2ZURlbGF5LFxuICAgICAgc2hvd0luQ3Vyc29yUG9zaXRpb24sXG4gICAgICBwbGFjZW1lbnQ6IGZsb2F0aW5nUGxhY2VtZW50LFxuICAgICAgcmVmcyxcbiAgICAgIG9uT3BlbkNoYW5nZSxcbiAgICAgIG9uQ29udGV4dE1lbnUsXG4gICAgICBhcnJvd1JlZixcbiAgICB9KTtcblxuICAgIGNvbnN0IHsgc2V0VGFyZ2V0UmVmIH0gPSB1c2VUYXJnZXRSZWZDb250cm9sbGVyKHtcbiAgICAgIGdldFRhcmdldERPTU5vZGUsXG4gICAgICByZWZzLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICB9KTtcblxuICAgIGNvbnN0IGFycm93UGxhY2VtZW50Q29ycmVjdGlvbiA9IGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbihmbG9hdGluZ1BsYWNlbWVudCwgcmVmcywgYWxpZ24pO1xuXG4gICAgY29uc3QgcmVuZGVyRmxvYXRpbmdFbGVtZW50ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgcmVmPXtyZWZzLnNldEZsb2F0aW5nfVxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZShmbG9hdGluZ1BsYWNlbWVudCwgd2l0aEFycm93LCBpc09wZW4pLFxuICAgICAgICAgICAgc3R5bGVzPy5mbG9hdGluZ1dyYXBwZXI/Lih0aGVtZSksXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgLi4uZmxvYXRpbmdTdHlsZXMsXG4gICAgICAgICAgICB3aWR0aDogIWN1cnJlbnRUcmFuc2Zvcm0gPyBcIm1heC1jb250ZW50XCIgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB6SW5kZXgsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17YXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj4sXG4gICAgICAgIGdldFBvcHVwQ29udGFpbmVyKHJlZnMuZG9tUmVmZXJlbmNlLmN1cnJlbnQgPz8gZG9jdW1lbnQuYm9keSlcbiAgICAgICk7XG4gICAgfSwgW1xuICAgICAgYXJyb3dDb2xvcixcbiAgICAgIGFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNvbnRleHQsXG4gICAgICBjdXJyZW50VHJhbnNmb3JtLFxuICAgICAgZmxvYXRpbmdFbGVtZW50LFxuICAgICAgZmxvYXRpbmdQbGFjZW1lbnQsXG4gICAgICBmbG9hdGluZ1N0eWxlcyxcbiAgICAgIGdldFBvcHVwQ29udGFpbmVyLFxuICAgICAgaXNPcGVuLFxuICAgICAgcmVmcy5kb21SZWZlcmVuY2UsXG4gICAgICByZWZzLnNldEZsb2F0aW5nLFxuICAgICAgc2V0QXJyb3dSZWYsXG4gICAgICBzaG93SW5DdXJzb3JQb3NpdGlvbixcbiAgICAgIHN0eWxlcyxcbiAgICAgIHRoZW1lLFxuICAgICAgd2l0aEFycm93LFxuICAgICAgekluZGV4LFxuICAgIF0pO1xuXG4gICAgY29uc3QgY2hpbGRyZW5XaXRoUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghd2l0aG91dFdyYXBwZXIpIHtcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgICAgfVxuXG4gICAgICBsZXQgYWRkZWRQcm9wc0NvdW50ZXIgPSAwO1xuXG4gICAgICByZXR1cm4gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgaWYgKGFkZGVkUHJvcHNDb3VudGVyID4gMCB8fCAhUmVhY3QuaXNWYWxpZEVsZW1lbnQoY2hpbGQpKSB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgYWRkZWRQcm9wc0NvdW50ZXIgKz0gMTtcblxuICAgICAgICBjb25zdCBzZXRSZWYgPSAoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB7XG4gICAgICAgICAgc2V0VGFyZ2V0UmVmKGVsZW1lbnQpO1xuXG4gICAgICAgICAgaWYgKHdpdGhSZWYoY2hpbGQpKSB7XG4gICAgICAgICAgICBpZiAoaXNGdW5jdGlvbihjaGlsZD8ucmVmKSkge1xuICAgICAgICAgICAgICBjaGlsZC5yZWYoZWxlbWVudCk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAoY2hpbGQucmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEVsZW1lbnQgfCBudWxsPikuY3VycmVudCA9IGVsZW1lbnQ7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9O1xuXG4gICAgICAgIGNvbnN0IGNoaWxkTm9kZXMgPSBpc0FycmF5KGNoaWxkPy5wcm9wcz8uY2hpbGRyZW4pXG4gICAgICAgICAgPyBjaGlsZD8ucHJvcHM/LmNoaWxkcmVuXG4gICAgICAgICAgOiBbY2hpbGQ/LnByb3BzPy5jaGlsZHJlbl07XG5cbiAgICAgICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgIC4uLmNoaWxkLnByb3BzLFxuICAgICAgICAgIHJlZjogc2V0UmVmLFxuICAgICAgICAgIG9uUG9pbnRlckVudGVyOiBoYW5kbGVQb2ludGVyRW50ZXIgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJFbnRlcixcbiAgICAgICAgICBvblBvaW50ZXJMZWF2ZTogaGFuZGxlUG9pbnRlckxlYXZlID8/IGNoaWxkPy5wcm9wcz8ub25Qb2ludGVyTGVhdmUsXG4gICAgICAgICAgb25Gb2N1czogaGFuZGxlRm9jdXMgPz8gY2hpbGQ/LnByb3BzPy5vbkZvY3VzLFxuICAgICAgICAgIG9uQmx1cjogaGFuZGxlQmx1ciA/PyBjaGlsZD8ucHJvcHM/Lm9uQmx1cixcbiAgICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayA/PyBjaGlsZD8ucHJvcHM/Lm9uQ2xpY2ssXG4gICAgICAgICAgb25Db250ZXh0TWVudTogaGFuZGxlQ29udGV4dE1lbnUgPz8gY2hpbGQ/LnByb3BzPy5vbkNvbnRleHRNZW51LFxuICAgICAgICAgIG9uUG9pbnRlclVwOiBoYW5kbGVQb2ludGVyVXAgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJVcCxcbiAgICAgICAgICBjaGlsZHJlbjogWy4uLmNoaWxkTm9kZXMsIHJlbmRlckZsb2F0aW5nRWxlbWVudCgpXSxcbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgICB9LCBbXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHJlbmRlckZsb2F0aW5nRWxlbWVudCxcbiAgICAgIGhhbmRsZUJsdXIsXG4gICAgICBoYW5kbGVDbGljayxcbiAgICAgIGhhbmRsZUNvbnRleHRNZW51LFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVQb2ludGVyRW50ZXIsXG4gICAgICBoYW5kbGVQb2ludGVyTGVhdmUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgICBzZXRUYXJnZXRSZWYsXG4gICAgICB3aXRob3V0V3JhcHBlcixcbiAgICBdKTtcblxuICAgIGlmIChpc05pbChnZXRUYXJnZXRET01Ob2RlKSAmJiBpc05pbChjaGlsZHJlbikgJiYgaXNVbmRlZmluZWQob3BlbikpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGlmIChpc0Z1bmN0aW9uKGdldFRhcmdldERPTU5vZGUpKSB7XG4gICAgICBpZiAoaXNOdWxsKGdldFRhcmdldERPTU5vZGUoKSkpIHtcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICB7cmVuZGVyRmxvYXRpbmdFbGVtZW50KCl9XG4gICAgICAgIDwvPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAod2l0aG91dFdyYXBwZXIpIHtcbiAgICAgIHJldHVybiBjaGlsZHJlbldpdGhQcm9wcztcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3NldFRhcmdldFJlZn1cbiAgICAgICAgY3NzPXtbYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsIHN0eWxlcz8ucmVmZXJlbmNlV3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uUG9pbnRlckVudGVyPXtoYW5kbGVQb2ludGVyRW50ZXJ9XG4gICAgICAgIG9uUG9pbnRlckxlYXZlPXtoYW5kbGVQb2ludGVyTGVhdmV9XG4gICAgICAgIG9uRm9jdXM9e2hhbmRsZUZvY3VzfVxuICAgICAgICBvbkJsdXI9e2hhbmRsZUJsdXJ9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkNvbnRleHRNZW51PXtoYW5kbGVDb250ZXh0TWVudX1cbiAgICAgICAgb25Qb2ludGVyVXA9e2hhbmRsZVBvaW50ZXJVcH1cbiAgICAgICAgb25Qb2ludGVyRG93bj17KGUpID0+IHtcbiAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIHtyZW5kZXJGbG9hdGluZ0VsZW1lbnQoKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */"], style: {
       ...floatingStyles,
       width: !currentTransform ? "max-content" : void 0,
       zIndex
     }, className, children: [
       floatingElement,
       withArrow && /* @__PURE__ */ jsx(FloatingArrow, { ref: setArrowRef, context, width: ARROW_WIDTH, height: ARROW_HEIGHT, fill: arrowColor, style: arrowPlacementCorrection })
-    ] });
-  };
+    ] }), getPopupContainer(refs.domReference.current ?? document.body));
+  }, [arrowColor, arrowPlacementCorrection, className, context, currentTransform, floatingElement, floatingPlacement, floatingStyles, getPopupContainer, isOpen, refs.domReference, refs.setFloating, setArrowRef, showInCursorPosition, styles, theme, withArrow, zIndex]);
   const childrenWithProps = useMemo(() => {
     if (!withoutWrapper) {
       return children;
     }
     let addedPropsCounter = 0;
     return React.Children.map(children, (child) => {
-      var _a2, _b, _c, _d, _e, _f, _g;
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       if (addedPropsCounter > 0 || !React.isValidElement(child)) {
         return child;
       }
@@ -118,25 +122,21 @@ const BaseTooltip = memo(({
           }
         }
       };
+      const childNodes = isArray((_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.children) ? (_b = child == null ? void 0 : child.props) == null ? void 0 : _b.children : [(_c = child == null ? void 0 : child.props) == null ? void 0 : _c.children];
       return React.cloneElement(child, {
         ...child.props,
         ref: setRef,
-        onPointerEnter: handlePointerEnter ?? ((_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.onPointerEnter),
-        onPointerLeave: handlePointerLeave ?? ((_b = child == null ? void 0 : child.props) == null ? void 0 : _b.onPointerLeave),
-        onFocus: handleFocus ?? ((_c = child == null ? void 0 : child.props) == null ? void 0 : _c.onFocus),
-        onBlur: handleBlur ?? ((_d = child == null ? void 0 : child.props) == null ? void 0 : _d.onBlur),
-        onClick: handleClick ?? ((_e = child == null ? void 0 : child.props) == null ? void 0 : _e.onClick),
-        onContextMenu: handleContextMenu ?? ((_f = child == null ? void 0 : child.props) == null ? void 0 : _f.onContextMenu),
-        onPointerUp: handlePointerUp ?? ((_g = child == null ? void 0 : child.props) == null ? void 0 : _g.onPointerUp)
+        onPointerEnter: handlePointerEnter ?? ((_d = child == null ? void 0 : child.props) == null ? void 0 : _d.onPointerEnter),
+        onPointerLeave: handlePointerLeave ?? ((_e = child == null ? void 0 : child.props) == null ? void 0 : _e.onPointerLeave),
+        onFocus: handleFocus ?? ((_f = child == null ? void 0 : child.props) == null ? void 0 : _f.onFocus),
+        onBlur: handleBlur ?? ((_g = child == null ? void 0 : child.props) == null ? void 0 : _g.onBlur),
+        onClick: handleClick ?? ((_h = child == null ? void 0 : child.props) == null ? void 0 : _h.onClick),
+        onContextMenu: handleContextMenu ?? ((_i = child == null ? void 0 : child.props) == null ? void 0 : _i.onContextMenu),
+        onPointerUp: handlePointerUp ?? ((_j = child == null ? void 0 : child.props) == null ? void 0 : _j.onPointerUp),
+        children: [...childNodes, renderFloatingElement()]
       });
     });
-  }, [children, handleBlur, handleClick, handleContextMenu, handleFocus, handlePointerEnter, handlePointerLeave, handlePointerUp, setTargetRef, withoutWrapper]);
-  const getFloatingElement = () => {
-    if (!isOpen && !showInCursorPosition) {
-      return null;
-    }
-    return createPortal(renderFloatingElement(), getPopupContainer(refs.domReference.current ?? document.body));
-  };
+  }, [children, renderFloatingElement, handleBlur, handleClick, handleContextMenu, handleFocus, handlePointerEnter, handlePointerLeave, handlePointerUp, setTargetRef, withoutWrapper]);
   if (isNil(getTargetDOMNode) && isNil(children) && isUndefined(open)) {
     return null;
   }
@@ -146,20 +146,17 @@ const BaseTooltip = memo(({
     }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       children,
-      getFloatingElement()
+      renderFloatingElement()
     ] });
   }
   if (withoutWrapper) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      childrenWithProps,
-      getFloatingElement()
-    ] });
+    return childrenWithProps;
   }
-  return /* @__PURE__ */ jsxs("div", { ref: setTargetRef, css: [baseTooltipReferenceWrapperStyle, (_a = styles == null ? void 0 : styles.referenceWrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:BaseTooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThOUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB0eXBlIEZDLFxuICBtZW1vLFxuICB0eXBlIE11dGFibGVSZWZPYmplY3QsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCYXNlVG9vbHRpcFByb3BzLCBCYXNlVG9vbHRpcFRyaWdnZXJUeXBlIH0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudHlwZXNcIjtcbmltcG9ydCB7IEZsb2F0aW5nQXJyb3cgfSBmcm9tIFwiQGZsb2F0aW5nLXVpL3JlYWN0XCI7XG5pbXBvcnQge1xuICBBUlJPV19IRUlHSFQsXG4gIEFSUk9XX1dJRFRILFxuICBnZXRBcnJvd1BsYWNlbWVudENvcnJlY3Rpb24sXG4gIE1heF9aSW5kZXgsXG4gIHdpdGhSZWYsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnV0aWxzXCI7XG5pbXBvcnQgeyBjcmVhdGVQb3J0YWwgfSBmcm9tIFwicmVhY3QtZG9tXCI7XG5pbXBvcnQgeyB1c2VTaG93VG9vbHRpcENvbnRyb2xsZXIgfSBmcm9tIFwiLi9ob29rcy91c2VTaG93VG9vbHRpcENvbnRyb2xsZXJcIjtcbmltcG9ydCB7XG4gIGJhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLFxuICBnZXRCYXNlVG9vbHRpcEZsb2F0aW5nV3JhcHBlclN0eWxlLFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyB1c2VDdXN0b21GbG9hdGluZyB9IGZyb20gXCIuL2hvb2tzL3VzZUN1c3RvbUZsb2F0aW5nXCI7XG5pbXBvcnQgeyB1c2VUYXJnZXRSZWZDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlVGFyZ2V0UmVmQ29udHJvbGxlclwiO1xuaW1wb3J0IHsgaXNGdW5jdGlvbiwgaXNOaWwsIGlzTnVsbCwgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5cbmV4cG9ydCBjb25zdCBCYXNlVG9vbHRpcDogRkM8UHJvcHNXaXRoQ2hpbGRyZW48QmFzZVRvb2x0aXBQcm9wcz4+ID0gbWVtbyhcbiAgKHtcbiAgICBmbG9hdGluZ0VsZW1lbnQsXG4gICAgYXJyb3dDb2xvcixcbiAgICB3aXRoQXJyb3cgPSB0cnVlLFxuICAgIHBsYWNlbWVudCA9IFwidG9wXCIsXG4gICAgYXV0b0FkanVzdE92ZXJmbG93ID0gdHJ1ZSxcbiAgICBkZWZhdWx0T3BlbiA9IGZhbHNlLFxuICAgIG9wZW4sXG4gICAgekluZGV4ID0gTWF4X1pJbmRleCxcbiAgICB0cmlnZ2VyID0gW1wiY2xpY2tcIiBhcyBCYXNlVG9vbHRpcFRyaWdnZXJUeXBlXSxcbiAgICBtb3VzZUVudGVyRGVsYXkgPSAwLjEsXG4gICAgbW91c2VMZWF2ZURlbGF5ID0gMC4xLFxuICAgIGFsaWduLFxuICAgIHRyYW5zZm9ybSA9IHRydWUsXG4gICAgY2xhc3NOYW1lLFxuICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIG9uT3BlbkNoYW5nZSxcbiAgICBjaGlsZHJlbixcbiAgICBzdHlsZXMsXG4gICAgc2hvd0luQ3Vyc29yUG9zaXRpb24gPSBmYWxzZSxcbiAgICBnZXRQb3B1cENvbnRhaW5lciA9ICgpID0+IGRvY3VtZW50LmJvZHksXG4gICAgb25Db250ZXh0TWVudSxcbiAgICBnZXRUYXJnZXRET01Ob2RlLFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IGN1cnJlbnRUcmFuc2Zvcm0gPSB0cmFuc2Zvcm0gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uO1xuXG4gICAgY29uc3QgeyByZWZzLCBmbG9hdGluZ1N0eWxlcywgY29udGV4dCwgZmxvYXRpbmdQbGFjZW1lbnQsIHNldEFycm93UmVmLCBhcnJvd1JlZiB9ID1cbiAgICAgIHVzZUN1c3RvbUZsb2F0aW5nKHtcbiAgICAgICAgcGxhY2VtZW50LFxuICAgICAgICBhdXRvQWRqdXN0T3ZlcmZsb3csXG4gICAgICAgIHdpdGhBcnJvdyxcbiAgICAgICAgYWxpZ24sXG4gICAgICAgIHRyYW5zZm9ybTogY3VycmVudFRyYW5zZm9ybSxcbiAgICAgIH0pO1xuXG4gICAgY29uc3Qge1xuICAgICAgaXNPcGVuLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICB9ID0gdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyKHtcbiAgICAgIHRyaWdnZXIsXG4gICAgICBkZWZhdWx0T3BlbixcbiAgICAgIG9wZW4sXG4gICAgICBtb3VzZUVudGVyRGVsYXksXG4gICAgICBtb3VzZUxlYXZlRGVsYXksXG4gICAgICBzaG93SW5DdXJzb3JQb3NpdGlvbixcbiAgICAgIHBsYWNlbWVudDogZmxvYXRpbmdQbGFjZW1lbnQsXG4gICAgICByZWZzLFxuICAgICAgb25PcGVuQ2hhbmdlLFxuICAgICAgb25Db250ZXh0TWVudSxcbiAgICAgIGFycm93UmVmLFxuICAgIH0pO1xuXG4gICAgY29uc3QgeyBzZXRUYXJnZXRSZWYgfSA9IHVzZVRhcmdldFJlZkNvbnRyb2xsZXIoe1xuICAgICAgZ2V0VGFyZ2V0RE9NTm9kZSxcbiAgICAgIHJlZnMsXG4gICAgICBoYW5kbGVQb2ludGVyRW50ZXIsXG4gICAgICBoYW5kbGVQb2ludGVyTGVhdmUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZUJsdXIsXG4gICAgICBoYW5kbGVDbGljayxcbiAgICAgIGhhbmRsZUNvbnRleHRNZW51LFxuICAgICAgaGFuZGxlUG9pbnRlclVwLFxuICAgIH0pO1xuXG4gICAgY29uc3QgYXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uID0gZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uKGZsb2F0aW5nUGxhY2VtZW50LCByZWZzLCBhbGlnbik7XG5cbiAgICBjb25zdCByZW5kZXJGbG9hdGluZ0VsZW1lbnQgPSAoKSA9PiB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgcmVmPXtyZWZzLnNldEZsb2F0aW5nfVxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZShmbG9hdGluZ1BsYWNlbWVudCwgd2l0aEFycm93LCBpc09wZW4pLFxuICAgICAgICAgICAgc3R5bGVzPy5mbG9hdGluZ1dyYXBwZXI/Lih0aGVtZSksXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgLi4uZmxvYXRpbmdTdHlsZXMsXG4gICAgICAgICAgICB3aWR0aDogIWN1cnJlbnRUcmFuc2Zvcm0gPyBcIm1heC1jb250ZW50XCIgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB6SW5kZXgsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17YXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICk7XG4gICAgfTtcblxuICAgIGNvbnN0IGNoaWxkcmVuV2l0aFByb3BzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoIXdpdGhvdXRXcmFwcGVyKSB7XG4gICAgICAgIHJldHVybiBjaGlsZHJlbjtcbiAgICAgIH1cblxuICAgICAgbGV0IGFkZGVkUHJvcHNDb3VudGVyID0gMDtcblxuICAgICAgcmV0dXJuIFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkKSA9PiB7XG4gICAgICAgIGlmIChhZGRlZFByb3BzQ291bnRlciA+IDAgfHwgIVJlYWN0LmlzVmFsaWRFbGVtZW50KGNoaWxkKSkge1xuICAgICAgICAgIHJldHVybiBjaGlsZDtcbiAgICAgICAgfVxuXG4gICAgICAgIGFkZGVkUHJvcHNDb3VudGVyICs9IDE7XG5cbiAgICAgICAgY29uc3Qgc2V0UmVmID0gKGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgICAgIHNldFRhcmdldFJlZihlbGVtZW50KTtcblxuICAgICAgICAgIGlmICh3aXRoUmVmKGNoaWxkKSkge1xuICAgICAgICAgICAgaWYgKGlzRnVuY3Rpb24oY2hpbGQ/LnJlZikpIHtcbiAgICAgICAgICAgICAgY2hpbGQucmVmKGVsZW1lbnQpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgKGNoaWxkLnJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgbnVsbD4pLmN1cnJlbnQgPSBlbGVtZW50O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfTtcblxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgLi4uY2hpbGQucHJvcHMsXG4gICAgICAgICAgcmVmOiBzZXRSZWYsXG4gICAgICAgICAgb25Qb2ludGVyRW50ZXI6IGhhbmRsZVBvaW50ZXJFbnRlciA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckVudGVyLFxuICAgICAgICAgIG9uUG9pbnRlckxlYXZlOiBoYW5kbGVQb2ludGVyTGVhdmUgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJMZWF2ZSxcbiAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyA/PyBjaGlsZD8ucHJvcHM/Lm9uRm9jdXMsXG4gICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyID8/IGNoaWxkPy5wcm9wcz8ub25CbHVyLFxuICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrID8/IGNoaWxkPy5wcm9wcz8ub25DbGljayxcbiAgICAgICAgICBvbkNvbnRleHRNZW51OiBoYW5kbGVDb250ZXh0TWVudSA/PyBjaGlsZD8ucHJvcHM/Lm9uQ29udGV4dE1lbnUsXG4gICAgICAgICAgb25Qb2ludGVyVXA6IGhhbmRsZVBvaW50ZXJVcCA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlclVwLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sIFtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICAgIHNldFRhcmdldFJlZixcbiAgICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIF0pO1xuXG4gICAgY29uc3QgZ2V0RmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgZ2V0UG9wdXBDb250YWluZXIocmVmcy5kb21SZWZlcmVuY2UuY3VycmVudCA/PyBkb2N1bWVudC5ib2R5KVxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgaWYgKGlzTmlsKGdldFRhcmdldERPTU5vZGUpICYmIGlzTmlsKGNoaWxkcmVuKSAmJiBpc1VuZGVmaW5lZChvcGVuKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgaWYgKGlzRnVuY3Rpb24oZ2V0VGFyZ2V0RE9NTm9kZSkpIHtcbiAgICAgIGlmIChpc051bGwoZ2V0VGFyZ2V0RE9NTm9kZSgpKSkge1xuICAgICAgICByZXR1cm4gY2hpbGRyZW47XG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtnZXRGbG9hdGluZ0VsZW1lbnQoKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICh3aXRob3V0V3JhcHBlcikge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7Y2hpbGRyZW5XaXRoUHJvcHN9XG4gICAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtzZXRUYXJnZXRSZWZ9XG4gICAgICAgIGNzcz17W2Jhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLCBzdHlsZXM/LnJlZmVyZW5jZVdyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgICBvblBvaW50ZXJMZWF2ZT17aGFuZGxlUG9pbnRlckxlYXZlfVxuICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Db250ZXh0TWVudT17aGFuZGxlQ29udGV4dE1lbnV9XG4gICAgICAgIG9uUG9pbnRlclVwPXtoYW5kbGVQb2ludGVyVXB9XG4gICAgICAgIG9uUG9pbnRlckRvd249eyhlKSA9PiB7XG4gICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7Z2V0RmxvYXRpbmdFbGVtZW50KCl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick, onContextMenu: handleContextMenu, onPointerUp: handlePointerUp, onPointerDown: (e) => {
+  return /* @__PURE__ */ jsxs("div", { ref: setTargetRef, css: [baseTooltipReferenceWrapperStyle, (_a = styles == null ? void 0 : styles.referenceWrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:BaseTooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStPUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB0eXBlIEZDLFxuICBtZW1vLFxuICB0eXBlIE11dGFibGVSZWZPYmplY3QsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRvb2x0aXBQcm9wcywgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZSB9IGZyb20gXCIuL0Jhc2VUb29sdGlwLnR5cGVzXCI7XG5pbXBvcnQgeyBGbG9hdGluZ0Fycm93IH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQVJST1dfSEVJR0hULFxuICBBUlJPV19XSURUSCxcbiAgZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uLFxuICBNYXhfWkluZGV4LFxuICB3aXRoUmVmLFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC51dGlsc1wiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyXCI7XG5pbXBvcnQge1xuICBiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgdXNlQ3VzdG9tRmxvYXRpbmcgfSBmcm9tIFwiLi9ob29rcy91c2VDdXN0b21GbG9hdGluZ1wiO1xuaW1wb3J0IHsgdXNlVGFyZ2V0UmVmQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVRhcmdldFJlZkNvbnRyb2xsZXJcIjtcbmltcG9ydCB7IGlzQXJyYXksIGlzRnVuY3Rpb24sIGlzTmlsLCBpc051bGwsIGlzVW5kZWZpbmVkIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuXG5jb25zdCBkZWZhdWx0VHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV07XG5cbmV4cG9ydCBjb25zdCBCYXNlVG9vbHRpcDogRkM8UHJvcHNXaXRoQ2hpbGRyZW48QmFzZVRvb2x0aXBQcm9wcz4+ID0gbWVtbyhcbiAgKHtcbiAgICBmbG9hdGluZ0VsZW1lbnQsXG4gICAgYXJyb3dDb2xvcixcbiAgICB3aXRoQXJyb3cgPSB0cnVlLFxuICAgIHBsYWNlbWVudCA9IFwidG9wXCIsXG4gICAgYXV0b0FkanVzdE92ZXJmbG93ID0gdHJ1ZSxcbiAgICBkZWZhdWx0T3BlbiA9IGZhbHNlLFxuICAgIG9wZW4sXG4gICAgekluZGV4ID0gTWF4X1pJbmRleCxcbiAgICB0cmlnZ2VyID0gZGVmYXVsdFRyaWdnZXIsXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBhbGlnbixcbiAgICB0cmFuc2Zvcm0gPSB0cnVlLFxuICAgIGNsYXNzTmFtZSxcbiAgICB3aXRob3V0V3JhcHBlcixcbiAgICBvbk9wZW5DaGFuZ2UsXG4gICAgY2hpbGRyZW4sXG4gICAgc3R5bGVzLFxuICAgIHNob3dJbkN1cnNvclBvc2l0aW9uID0gZmFsc2UsXG4gICAgZ2V0UG9wdXBDb250YWluZXIgPSAoKSA9PiBkb2N1bWVudC5ib2R5LFxuICAgIG9uQ29udGV4dE1lbnUsXG4gICAgZ2V0VGFyZ2V0RE9NTm9kZSxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBjdXJyZW50VHJhbnNmb3JtID0gdHJhbnNmb3JtICYmICFzaG93SW5DdXJzb3JQb3NpdGlvbjtcblxuICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQsIGZsb2F0aW5nUGxhY2VtZW50LCBzZXRBcnJvd1JlZiwgYXJyb3dSZWYgfSA9XG4gICAgICB1c2VDdXN0b21GbG9hdGluZyh7XG4gICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgYXV0b0FkanVzdE92ZXJmbG93LFxuICAgICAgICB3aXRoQXJyb3csXG4gICAgICAgIGFsaWduLFxuICAgICAgICB0cmFuc2Zvcm06IGN1cnJlbnRUcmFuc2Zvcm0sXG4gICAgICB9KTtcblxuICAgIGNvbnN0IHtcbiAgICAgIGlzT3BlbixcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgfSA9IHVzZVNob3dUb29sdGlwQ29udHJvbGxlcih7XG4gICAgICB0cmlnZ2VyLFxuICAgICAgZGVmYXVsdE9wZW4sXG4gICAgICBvcGVuLFxuICAgICAgbW91c2VFbnRlckRlbGF5LFxuICAgICAgbW91c2VMZWF2ZURlbGF5LFxuICAgICAgc2hvd0luQ3Vyc29yUG9zaXRpb24sXG4gICAgICBwbGFjZW1lbnQ6IGZsb2F0aW5nUGxhY2VtZW50LFxuICAgICAgcmVmcyxcbiAgICAgIG9uT3BlbkNoYW5nZSxcbiAgICAgIG9uQ29udGV4dE1lbnUsXG4gICAgICBhcnJvd1JlZixcbiAgICB9KTtcblxuICAgIGNvbnN0IHsgc2V0VGFyZ2V0UmVmIH0gPSB1c2VUYXJnZXRSZWZDb250cm9sbGVyKHtcbiAgICAgIGdldFRhcmdldERPTU5vZGUsXG4gICAgICByZWZzLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICB9KTtcblxuICAgIGNvbnN0IGFycm93UGxhY2VtZW50Q29ycmVjdGlvbiA9IGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbihmbG9hdGluZ1BsYWNlbWVudCwgcmVmcywgYWxpZ24pO1xuXG4gICAgY29uc3QgcmVuZGVyRmxvYXRpbmdFbGVtZW50ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgcmVmPXtyZWZzLnNldEZsb2F0aW5nfVxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZShmbG9hdGluZ1BsYWNlbWVudCwgd2l0aEFycm93LCBpc09wZW4pLFxuICAgICAgICAgICAgc3R5bGVzPy5mbG9hdGluZ1dyYXBwZXI/Lih0aGVtZSksXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgLi4uZmxvYXRpbmdTdHlsZXMsXG4gICAgICAgICAgICB3aWR0aDogIWN1cnJlbnRUcmFuc2Zvcm0gPyBcIm1heC1jb250ZW50XCIgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB6SW5kZXgsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17YXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj4sXG4gICAgICAgIGdldFBvcHVwQ29udGFpbmVyKHJlZnMuZG9tUmVmZXJlbmNlLmN1cnJlbnQgPz8gZG9jdW1lbnQuYm9keSlcbiAgICAgICk7XG4gICAgfSwgW1xuICAgICAgYXJyb3dDb2xvcixcbiAgICAgIGFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNvbnRleHQsXG4gICAgICBjdXJyZW50VHJhbnNmb3JtLFxuICAgICAgZmxvYXRpbmdFbGVtZW50LFxuICAgICAgZmxvYXRpbmdQbGFjZW1lbnQsXG4gICAgICBmbG9hdGluZ1N0eWxlcyxcbiAgICAgIGdldFBvcHVwQ29udGFpbmVyLFxuICAgICAgaXNPcGVuLFxuICAgICAgcmVmcy5kb21SZWZlcmVuY2UsXG4gICAgICByZWZzLnNldEZsb2F0aW5nLFxuICAgICAgc2V0QXJyb3dSZWYsXG4gICAgICBzaG93SW5DdXJzb3JQb3NpdGlvbixcbiAgICAgIHN0eWxlcyxcbiAgICAgIHRoZW1lLFxuICAgICAgd2l0aEFycm93LFxuICAgICAgekluZGV4LFxuICAgIF0pO1xuXG4gICAgY29uc3QgY2hpbGRyZW5XaXRoUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghd2l0aG91dFdyYXBwZXIpIHtcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgICAgfVxuXG4gICAgICBsZXQgYWRkZWRQcm9wc0NvdW50ZXIgPSAwO1xuXG4gICAgICByZXR1cm4gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgaWYgKGFkZGVkUHJvcHNDb3VudGVyID4gMCB8fCAhUmVhY3QuaXNWYWxpZEVsZW1lbnQoY2hpbGQpKSB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgYWRkZWRQcm9wc0NvdW50ZXIgKz0gMTtcblxuICAgICAgICBjb25zdCBzZXRSZWYgPSAoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB7XG4gICAgICAgICAgc2V0VGFyZ2V0UmVmKGVsZW1lbnQpO1xuXG4gICAgICAgICAgaWYgKHdpdGhSZWYoY2hpbGQpKSB7XG4gICAgICAgICAgICBpZiAoaXNGdW5jdGlvbihjaGlsZD8ucmVmKSkge1xuICAgICAgICAgICAgICBjaGlsZC5yZWYoZWxlbWVudCk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAoY2hpbGQucmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEVsZW1lbnQgfCBudWxsPikuY3VycmVudCA9IGVsZW1lbnQ7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9O1xuXG4gICAgICAgIGNvbnN0IGNoaWxkTm9kZXMgPSBpc0FycmF5KGNoaWxkPy5wcm9wcz8uY2hpbGRyZW4pXG4gICAgICAgICAgPyBjaGlsZD8ucHJvcHM/LmNoaWxkcmVuXG4gICAgICAgICAgOiBbY2hpbGQ/LnByb3BzPy5jaGlsZHJlbl07XG5cbiAgICAgICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgIC4uLmNoaWxkLnByb3BzLFxuICAgICAgICAgIHJlZjogc2V0UmVmLFxuICAgICAgICAgIG9uUG9pbnRlckVudGVyOiBoYW5kbGVQb2ludGVyRW50ZXIgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJFbnRlcixcbiAgICAgICAgICBvblBvaW50ZXJMZWF2ZTogaGFuZGxlUG9pbnRlckxlYXZlID8/IGNoaWxkPy5wcm9wcz8ub25Qb2ludGVyTGVhdmUsXG4gICAgICAgICAgb25Gb2N1czogaGFuZGxlRm9jdXMgPz8gY2hpbGQ/LnByb3BzPy5vbkZvY3VzLFxuICAgICAgICAgIG9uQmx1cjogaGFuZGxlQmx1ciA/PyBjaGlsZD8ucHJvcHM/Lm9uQmx1cixcbiAgICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayA/PyBjaGlsZD8ucHJvcHM/Lm9uQ2xpY2ssXG4gICAgICAgICAgb25Db250ZXh0TWVudTogaGFuZGxlQ29udGV4dE1lbnUgPz8gY2hpbGQ/LnByb3BzPy5vbkNvbnRleHRNZW51LFxuICAgICAgICAgIG9uUG9pbnRlclVwOiBoYW5kbGVQb2ludGVyVXAgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJVcCxcbiAgICAgICAgICBjaGlsZHJlbjogWy4uLmNoaWxkTm9kZXMsIHJlbmRlckZsb2F0aW5nRWxlbWVudCgpXSxcbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgICB9LCBbXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHJlbmRlckZsb2F0aW5nRWxlbWVudCxcbiAgICAgIGhhbmRsZUJsdXIsXG4gICAgICBoYW5kbGVDbGljayxcbiAgICAgIGhhbmRsZUNvbnRleHRNZW51LFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVQb2ludGVyRW50ZXIsXG4gICAgICBoYW5kbGVQb2ludGVyTGVhdmUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgICBzZXRUYXJnZXRSZWYsXG4gICAgICB3aXRob3V0V3JhcHBlcixcbiAgICBdKTtcblxuICAgIGlmIChpc05pbChnZXRUYXJnZXRET01Ob2RlKSAmJiBpc05pbChjaGlsZHJlbikgJiYgaXNVbmRlZmluZWQob3BlbikpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGlmIChpc0Z1bmN0aW9uKGdldFRhcmdldERPTU5vZGUpKSB7XG4gICAgICBpZiAoaXNOdWxsKGdldFRhcmdldERPTU5vZGUoKSkpIHtcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICB7cmVuZGVyRmxvYXRpbmdFbGVtZW50KCl9XG4gICAgICAgIDwvPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAod2l0aG91dFdyYXBwZXIpIHtcbiAgICAgIHJldHVybiBjaGlsZHJlbldpdGhQcm9wcztcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3NldFRhcmdldFJlZn1cbiAgICAgICAgY3NzPXtbYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsIHN0eWxlcz8ucmVmZXJlbmNlV3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uUG9pbnRlckVudGVyPXtoYW5kbGVQb2ludGVyRW50ZXJ9XG4gICAgICAgIG9uUG9pbnRlckxlYXZlPXtoYW5kbGVQb2ludGVyTGVhdmV9XG4gICAgICAgIG9uRm9jdXM9e2hhbmRsZUZvY3VzfVxuICAgICAgICBvbkJsdXI9e2hhbmRsZUJsdXJ9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkNvbnRleHRNZW51PXtoYW5kbGVDb250ZXh0TWVudX1cbiAgICAgICAgb25Qb2ludGVyVXA9e2hhbmRsZVBvaW50ZXJVcH1cbiAgICAgICAgb25Qb2ludGVyRG93bj17KGUpID0+IHtcbiAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIHtyZW5kZXJGbG9hdGluZ0VsZW1lbnQoKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */"], onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick, onContextMenu: handleContextMenu, onPointerUp: handlePointerUp, onPointerDown: (e) => {
     e.stopPropagation();
   }, children: [
     children,
-    getFloatingElement()
+    renderFloatingElement()
   ] });
 });
 export {

package/dist/components/BaseTooltip/hooks/useShowTooltipController.js

@@ -33,12 +33,13 @@ const useShowTooltipController = ({
     }
     const isFloatingElement = (_a = refs.floating.current) == null ? void 0 : _a.contains(e.target);
     const isReferenceElement = (_b = refs.domReference.current) == null ? void 0 : _b.contains(e.target);
-    if (isFloatingElement || isReferenceElement) {
+    const isContextMenu = trigger.includes("contextMenu");
+    if (isFloatingElement || isReferenceElement && !isContextMenu) {
       return;
     }
     closeTooltip();
     document.body.removeEventListener("mouseup", handleMouseUp);
-  }, [closeTooltip, refs.domReference, refs.floating]);
+  }, [closeTooltip, refs.domReference, refs.floating, trigger]);
   const showTooltip = useCallback(() => {
     if (isUndefined(open)) {
       document.body.addEventListener("mouseup", handleMouseUp);

package/dist/components/Button/Button.styles.d.ts

@@ -389,6 +389,24 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
         alignItems: string;
         opacity: number | "65%";
         cursor: string;
+    } | {
+        width: string;
+        border: string;
+        background: "#F0F0F0";
+        color: "#8C8C8C";
+        fontFamily: "Roboto";
+        fontSize: 14;
+        lineHeight: "20px";
+        padding: string;
+        height: 28;
+        boxSizing: "border-box";
+        borderRadius: 4;
+        display: string;
+        justifyContent: string;
+        gap: 4;
+        alignItems: string;
+        opacity: number | "65%";
+        cursor: string;
     } | {
         width: string;
         border: string;
@@ -446,6 +464,9 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
         border: string;
         background: string;
         color: "#8C8C8C";
+        ":hover": {
+            color: "#8C8C8C";
+        };
         fontFamily: "Roboto";
         fontSize: 14;
         lineHeight: "20px";
@@ -466,7 +487,10 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
         textDecoration: string;
         ":hover": {
             border: string;
-            color?: string | undefined;
+            color: string;
+        } | {
+            border: string;
+            color: "#8C8C8C";
         };
         ":active": {
             border: string;
@@ -510,6 +534,24 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
         alignItems: string;
         opacity: number | "65%";
         cursor: string;
+    } | {
+        width: string;
+        border: string;
+        background: "#F0F0F0";
+        color: "#8C8C8C";
+        fontFamily: "Roboto";
+        fontSize: 14;
+        lineHeight: "20px";
+        padding: string;
+        height: string;
+        boxSizing: "border-box";
+        borderRadius: 4;
+        display: string;
+        justifyContent: string;
+        gap: 4;
+        alignItems: string;
+        opacity: number | "65%";
+        cursor: string;
     } | {
         width: string;
         border: string;
@@ -567,6 +609,9 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
         border: string;
         background: string;
         color: "#8C8C8C";
+        ":hover": {
+            color: "#8C8C8C";
+        };
         fontFamily: "Roboto";
         fontSize: 14;
         lineHeight: "20px";
@@ -587,7 +632,10 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
         textDecoration: string;
         ":hover": {
             border: string;
-            color?: string | undefined;
+            color: string;
+        } | {
+            border: string;
+            color: "#8C8C8C";
         };
         ":active": {
             border: string;

package/dist/components/Button/Button.styles.js

@@ -57,6 +57,18 @@ const getWrapperSolidStyle = (theme, color, disabled) => {
       colorStyle = getSolidColorStyle(buttonTokens.buttonDanger, buttonTokens.buttonDangerHover, buttonTokens.buttonDangerActive);
       break;
     }
+    case "warning": {
+      colorStyle = getSolidColorStyle(buttonTokens.buttonWarning, buttonTokens.buttonWarningHover, buttonTokens.buttonWarningActive);
+      break;
+    }
+    case "positive": {
+      colorStyle = getSolidColorStyle(buttonTokens.buttonPositive, buttonTokens.buttonPositiveHover, buttonTokens.buttonPositiveActive);
+      break;
+    }
+    case "info": {
+      colorStyle = getSolidColorStyle(buttonTokens.buttonInfo, buttonTokens.buttonInfoHover, buttonTokens.buttonInfoActive);
+      break;
+    }
     case "remove": {
       colorStyle = getSolidColorStyle(buttonTokens.buttonSolidDefaultBg, buttonTokens.buttonDangerHover, buttonTokens.buttonDangerActive);
       break;
@@ -76,7 +88,9 @@ const getWrapperOutlinedStyle = (theme, color, disabled, borderStyle = "solid")
     border: `1px ${borderStyle} ${buttonTokens.buttonDefaultBorder}`,
     background: buttonTokens.buttonDisabledBg,
     color: buttonTokens.buttonDisabledText,
-    ":hover": {},
+    ":hover": {
+      color: buttonTokens.buttonDisabledText
+    },
     ":active": {}
   };
   let colorStyle;
@@ -93,6 +107,18 @@ const getWrapperOutlinedStyle = (theme, color, disabled, borderStyle = "solid")
       colorStyle = getOutlinedColorStyle(buttonTokens.buttonDanger, buttonTokens.buttonDanger, buttonTokens.buttonDangerHover, buttonTokens.buttonDangerActive, borderStyle);
       break;
     }
+    case "warning": {
+      colorStyle = getOutlinedColorStyle(buttonTokens.buttonWarning, buttonTokens.buttonWarning, buttonTokens.buttonWarningHover, buttonTokens.buttonWarningActive, borderStyle);
+      break;
+    }
+    case "positive": {
+      colorStyle = getOutlinedColorStyle(buttonTokens.buttonPositive, buttonTokens.buttonPositive, buttonTokens.buttonPositiveHover, buttonTokens.buttonPositiveActive, borderStyle);
+      break;
+    }
+    case "info": {
+      colorStyle = getOutlinedColorStyle(buttonTokens.buttonInfo, buttonTokens.buttonInfo, buttonTokens.buttonInfoHover, buttonTokens.buttonInfoActive, borderStyle);
+      break;
+    }
     case "remove": {
       colorStyle = getOutlinedColorStyle(buttonTokens.buttonDefaultBorder, buttonTokens.buttonDefaultText, buttonTokens.buttonDangerHover, buttonTokens.buttonDangerActive, borderStyle);
       break;
@@ -115,7 +141,10 @@ const getWrapperTextStyle = (theme, color, disabled) => {
   const disabledStyle = {
     border: `none`,
     background: "none",
-    color: buttonTokens.buttonDisabledText
+    color: buttonTokens.buttonDisabledText,
+    ":hover": {
+      color: buttonTokens.buttonDisabledText
+    }
   };
   let colorStyle;
   switch (color) {
@@ -131,6 +160,18 @@ const getWrapperTextStyle = (theme, color, disabled) => {
       colorStyle = getTextColorStyle("none", buttonTokens.buttonTextDangerBgHover, buttonTokens.buttonTextDangerBgActive, buttonTokens.buttonDanger);
       break;
     }
+    case "warning": {
+      colorStyle = getTextColorStyle("none", buttonTokens.buttonTextWarningBgHover, buttonTokens.buttonTextWarningBgActive, buttonTokens.buttonWarning);
+      break;
+    }
+    case "positive": {
+      colorStyle = getTextColorStyle("none", buttonTokens.buttonTextPositiveBgHover, buttonTokens.buttonTextPositiveBgActive, buttonTokens.buttonPositive);
+      break;
+    }
+    case "info": {
+      colorStyle = getTextColorStyle("none", buttonTokens.buttonTextInfoBgHover, buttonTokens.buttonTextInfoBgActive, buttonTokens.buttonInfo);
+      break;
+    }
     case "remove": {
       colorStyle = getTextColorStyle("none", buttonTokens.buttonTextDefaultBgHover, buttonTokens.buttonTextDefaultBgActive, buttonTokens.buttonDefaultText, buttonTokens.buttonDanger);
       break;

package/dist/components/Button/Button.tokens.d.ts

@@ -6,6 +6,15 @@ export declare const getButtonTokens: (theme: Theme) => {
     buttonDanger: "#FF4D4F";
     buttonDangerHover: "#FF7875";
     buttonDangerActive: "#CF1322";
+    buttonWarning: "#FA8C16";
+    buttonWarningHover: "#FFA940";
+    buttonWarningActive: "#D46B08";
+    buttonPositive: "#52C41A";
+    buttonPositiveHover: "#73D13D";
+    buttonPositiveActive: "#389E0D";
+    buttonInfo: "#1677FF";
+    buttonInfoHover: "#4096FF";
+    buttonInfoActive: "#0958D9";
     buttonDefaultText: "#262626";
     buttonDefaultBorder: "#D9D9D9";
     buttonSolidText: "#FFFFFF";
@@ -19,6 +28,12 @@ export declare const getButtonTokens: (theme: Theme) => {
     buttonTextPrimaryBgActive: "#A3E6DD";
     buttonTextDangerBgHover: "#FFF1F0";
     buttonTextDangerBgActive: "#FFCCC7";
+    buttonTextWarningBgHover: "#FFF7E6";
+    buttonTextWarningBgActive: "#FFE7BA";
+    buttonTextPositiveBgHover: "#F6FFED";
+    buttonTextPositiveBgActive: "#D9F7BE";
+    buttonTextInfoBgHover: "#E6F4FF";
+    buttonTextInfoBgActive: "#BAE0FF";
     buttonDisabledText: "#8C8C8C";
     buttonDisabledBg: "#F0F0F0";
     buttonPaddingVertical: 4;

package/dist/components/Button/Button.tokens.js

@@ -5,6 +5,15 @@ const getButtonTokens = (theme) => ({
   buttonDanger: theme.dangerBase,
   buttonDangerHover: theme.dangerHover,
   buttonDangerActive: theme.dangerActive,
+  buttonWarning: theme.warningBase,
+  buttonWarningHover: theme.warningHover,
+  buttonWarningActive: theme.warningActive,
+  buttonPositive: theme.positiveBase,
+  buttonPositiveHover: theme.positiveHover,
+  buttonPositiveActive: theme.positiveActive,
+  buttonInfo: theme.infoBase,
+  buttonInfoHover: theme.infoHover,
+  buttonInfoActive: theme.infoActive,
   buttonDefaultText: theme.textPrimary,
   buttonDefaultBorder: theme.lineBorder,
   buttonSolidText: theme.textContrast,
@@ -18,6 +27,12 @@ const getButtonTokens = (theme) => ({
   buttonTextPrimaryBgActive: theme.primaryActiveInverse,
   buttonTextDangerBgHover: theme.dangerHoverInverse,
   buttonTextDangerBgActive: theme.dangerActiveInverse,
+  buttonTextWarningBgHover: theme.warningHoverInverse,
+  buttonTextWarningBgActive: theme.warningActiveInverse,
+  buttonTextPositiveBgHover: theme.positiveHoverInverse,
+  buttonTextPositiveBgActive: theme.positiveActiveInverse,
+  buttonTextInfoBgHover: theme.infoHoverInverse,
+  buttonTextInfoBgActive: theme.infoActiveInverse,
   buttonDisabledText: theme.textDisabled,
   buttonDisabledBg: theme.bgContainerDisabled,
   buttonPaddingVertical: theme.x1,

package/dist/components/Button/Button.types.d.ts

@@ -3,7 +3,7 @@ import { ButtonHTMLAttributes, MouseEvent, ReactNode } from 'react';
 import { Theme } from '../../themes';
 import { TooltipProps } from '../Tooltip';
 export type ButtonVariant = "solid" | "outlined" | "dashed" | "text" | "link";
-export type ButtonColor = "default" | "primary" | "danger" | "remove";
+export type ButtonColor = "default" | "primary" | "danger" | "warning" | "positive" | "info" | "remove";
 export type ButtonIconPosition = "start" | "end";
 export type ButtonType = "default" | "primary" | "dashed" | "text" | "link";
 export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {

package/dist/components/Collapse/Collapse.d.ts

@@ -0,0 +1,2 @@
+import { CollapseProps } from './Collapse.types';
+export declare const Collapse: import('react').NamedExoticComponent<CollapseProps>;

package/dist/components/Collapse/Collapse.js

@@ -0,0 +1,49 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { memo, useMemo, useCallback } from "react";
+import { getCollapseTokens } from "./Collapse.tokens.js";
+import { getCollapseContainerStyle } from "./Collapse.styles.js";
+import { CollapsePanel } from "./components/CollapsePanel/CollapsePanel.js";
+import { useTheme } from "../../hooks/useTheme/useTheme.js";
+import { useControlledState } from "../../hooks/useControlledState/useControlledState.js";
+const normalizeKeys = (key) => {
+  if (key === void 0) return [];
+  return Array.isArray(key) ? key : [key];
+};
+const CollapseComponent = (props) => {
+  const {
+    items,
+    activeKey,
+    defaultActiveKey,
+    accordion = false,
+    bordered = true,
+    collapsible = "header",
+    expandIcon,
+    inline = false,
+    size = "middle",
+    onChange,
+    destroyOnHidden = false,
+    styles,
+    "test-id": testId
+  } = props;
+  const theme = useTheme();
+  const tokens = getCollapseTokens(theme);
+  const normalizedActiveKey = useMemo(() => activeKey !== void 0 ? normalizeKeys(activeKey) : void 0, [activeKey]);
+  const [activeKeys, setActiveKeys] = useControlledState(normalizeKeys(defaultActiveKey), normalizedActiveKey);
+  const handleToggle = useCallback((key) => {
+    if (collapsible === "disabled") return;
+    let newActiveKeys;
+    if (accordion) {
+      newActiveKeys = (activeKeys == null ? void 0 : activeKeys.includes(key)) ? [] : [key];
+    } else {
+      newActiveKeys = (activeKeys == null ? void 0 : activeKeys.includes(key)) ? activeKeys.filter((k) => k !== key) : [...activeKeys || [], key];
+    }
+    setActiveKeys(newActiveKeys);
+    onChange == null ? void 0 : onChange(newActiveKeys);
+  }, [activeKeys, accordion, collapsible, onChange, setActiveKeys]);
+  const effectiveInline = inline && !bordered;
+  return /* @__PURE__ */ jsx("div", { css: getCollapseContainerStyle(tokens, bordered, size)(theme), "test-id": testId, children: items.map((item, index) => /* @__PURE__ */ jsx(CollapsePanel, { item, isActive: (activeKeys == null ? void 0 : activeKeys.includes(item.key)) || false, isLast: index === items.length - 1, bordered, inline: effectiveInline, size, collapsible, expandIcon, destroyOnHidden, styles, onToggle: handleToggle }, item.key)) });
+};
+const Collapse = memo(CollapseComponent);
+export {
+  Collapse
+};

package/dist/components/Collapse/Collapse.styles.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from '../../themes';
+import { CollapseTokens } from './Collapse.tokens';
+import { CollapseSize } from './Collapse.types';
+export declare const getCollapseContainerStyle: (tokens: CollapseTokens, bordered: boolean, size: CollapseSize) => (theme: Theme) => {
+    "& > *:first-child > *:first-child": {
+        borderTopLeftRadius: 4 | 8;
+        borderTopRightRadius: 4 | 8;
+    };
+    border?: string | undefined;
+    color: "#262626";
+    width: string;
+    borderRadius: 4 | 8;
+    fontFamily: "Roboto";
+    fontSize: 14;
+    lineHeight: "20px";
+};

package/dist/components/Collapse/Collapse.styles.js

@@ -0,0 +1,19 @@
+const getCollapseContainerStyle = (tokens, bordered, size) => (theme) => {
+  const radius = size === "small" ? theme.borderRadiusM : theme.borderRadiusL;
+  return {
+    ...theme.typography.body2,
+    color: tokens.collapseText,
+    width: "100%",
+    borderRadius: radius,
+    ...bordered ? {
+      border: `1px solid ${tokens.collapseBorder}`
+    } : {},
+    "& > *:first-child > *:first-child": {
+      borderTopLeftRadius: radius,
+      borderTopRightRadius: radius
+    }
+  };
+};
+export {
+  getCollapseContainerStyle
+};

package/dist/components/Collapse/Collapse.tokens.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '../../themes';
+export declare const getCollapseTokens: (theme: Theme) => {
+    readonly collapseText: "#262626";
+    readonly collapseBorder: "#D9D9D9";
+    readonly collapseBg: "#FFFFFF";
+    readonly collapseItemHeaderBgHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
+};
+export type CollapseTokens = ReturnType<typeof getCollapseTokens>;

package/dist/components/Collapse/Collapse.tokens.js

@@ -0,0 +1,9 @@
+const getCollapseTokens = (theme) => ({
+  collapseText: theme.textPrimary,
+  collapseBorder: theme.lineBorder,
+  collapseBg: theme.bgContainer,
+  collapseItemHeaderBgHover: theme.bgContainerHover
+});
+export {
+  getCollapseTokens
+};

package/dist/components/Collapse/Collapse.types.d.ts

@@ -0,0 +1,49 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { Interpolation } from '@emotion/react';
+import { Theme } from '../../themes';
+import { CollapseTokens } from './Collapse.tokens';
+export type GetStyle = (collapseTokens: CollapseTokens, theme: Theme) => Interpolation;
+export type CollapseKey = string | number;
+export type CollapseSize = "small" | "middle";
+export type CollapseCollapsible = "header" | "icon" | "disabled";
+export interface CollapseExpandIconProps {
+    isActive: boolean;
+    panelKey: CollapseKey;
+}
+export interface CollapseItemType extends Pick<HTMLAttributes<HTMLDivElement>, "onClick"> {
+    key: CollapseKey;
+    label: ReactNode;
+    children: ReactNode;
+    extra?: ReactNode;
+    showArrow?: boolean;
+    forceRender?: boolean;
+    styles?: {
+        header?: CSSProperties;
+        body?: CSSProperties;
+    };
+}
+export interface CollapseProps {
+    items: CollapseItemType[];
+    activeKey?: CollapseKey | CollapseKey[];
+    defaultActiveKey?: CollapseKey | CollapseKey[];
+    /** @default false */
+    accordion?: boolean;
+    /** @default true */
+    bordered?: boolean;
+    /** @default 'header' */
+    collapsible?: CollapseCollapsible;
+    expandIcon?: (props: CollapseExpandIconProps) => ReactNode;
+    /** @default false */
+    inline?: boolean;
+    /** @default 'middle' */
+    size?: CollapseSize;
+    onChange?: (key: CollapseKey[]) => void;
+    /** @default false */
+    destroyOnHidden?: boolean;
+    styles?: {
+        panelHeader?: GetStyle;
+        panelHeaderText?: GetStyle;
+        panelBody?: GetStyle;
+    };
+    "test-id"?: string;
+}

package/dist/components/Collapse/components/CollapsePanel/CollapsePanel.d.ts

@@ -0,0 +1,2 @@
+import { CollapsePanelProps } from './CollapsePanel.types';
+export declare const CollapsePanel: import('react').NamedExoticComponent<CollapsePanelProps>;