@infomaximum/ui-kit 0.17.0 → 0.17.2

package/dist/components/BaseTooltip/BaseTooltip.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import React, { memo, useMemo } from "react";
 import { FloatingArrow } from "@floating-ui/react";
-import { getArrowPlacementCorrection, Max_ZIndex, ARROW_WIDTH, ARROW_HEIGHT } from "./BaseTooltip.utils.js";
+import { getArrowPlacementCorrection, Max_ZIndex, withRef, ARROW_WIDTH, ARROW_HEIGHT } from "./BaseTooltip.utils.js";
 import { createPortal } from "react-dom";
 import { useShowTooltipController } from "./hooks/useShowTooltipController.js";
 import { baseTooltipReferenceWrapperStyle, getBaseTooltipFloatingWrapperStyle } from "./BaseTooltip.styles.js";
@@ -24,12 +24,13 @@ const BaseTooltip = memo(({
   align,
   transform = true,
   className,
+  withoutWrapper,
   onOpenChange,
   children,
   styles,
-  withoutWrapper,
   showInCursorPosition = false,
   getPopupContainer = () => document.body,
+  onContextMenu,
   getTargetDOMNode
 }) => {
   var _a;
@@ -68,6 +69,7 @@ const BaseTooltip = memo(({
     placement: floatingPlacement,
     refs,
     onOpenChange,
+    onContextMenu,
     arrowRef
   });
   const {
@@ -86,7 +88,7 @@ const BaseTooltip = memo(({
   const arrowPlacementCorrection = getArrowPlacementCorrection(floatingPlacement, refs, align);
   const renderFloatingElement = () => {
     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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdHVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VUb29sdGlwUHJvcHMsIEJhc2VUb29sdGlwVHJpZ2dlclR5cGUgfSBmcm9tIFwiLi9CYXNlVG9vbHRpcC50eXBlc1wiO1xuaW1wb3J0IHsgRmxvYXRpbmdBcnJvdyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfV0lEVEgsXG4gIGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgTWF4X1pJbmRleCxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudXRpbHNcIjtcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCB7IHVzZVNob3dUb29sdGlwQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVNob3dUb29sdGlwQ29udHJvbGxlclwiO1xuaW1wb3J0IHtcbiAgYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsXG4gIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHVzZUN1c3RvbUZsb2F0aW5nIH0gZnJvbSBcIi4vaG9va3MvdXNlQ3VzdG9tRmxvYXRpbmdcIjtcbmltcG9ydCB7IHVzZVRhcmdldFJlZkNvbnRyb2xsZXIgfSBmcm9tIFwiLi9ob29rcy91c2VUYXJnZXRSZWZDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uLCBpc05pbCwgaXNOdWxsLCBpc1VuZGVmaW5lZCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcblxuZXhwb3J0IGNvbnN0IEJhc2VUb29sdGlwOiBGQzxQcm9wc1dpdGhDaGlsZHJlbjxCYXNlVG9vbHRpcFByb3BzPj4gPSBtZW1vKFxuICAoe1xuICAgIGZsb2F0aW5nRWxlbWVudCxcbiAgICBhcnJvd0NvbG9yLFxuICAgIHdpdGhBcnJvdyA9IHRydWUsXG4gICAgcGxhY2VtZW50ID0gXCJ0b3BcIixcbiAgICBhdXRvQWRqdXN0T3ZlcmZsb3cgPSB0cnVlLFxuICAgIGRlZmF1bHRPcGVuID0gZmFsc2UsXG4gICAgb3BlbixcbiAgICB6SW5kZXggPSBNYXhfWkluZGV4LFxuICAgIHRyaWdnZXIgPSBbXCJjbGlja1wiIGFzIEJhc2VUb29sdGlwVHJpZ2dlclR5cGVdLFxuICAgIG1vdXNlRW50ZXJEZWxheSA9IDAuMSxcbiAgICBtb3VzZUxlYXZlRGVsYXkgPSAwLjEsXG4gICAgYWxpZ24sXG4gICAgdHJhbnNmb3JtID0gdHJ1ZSxcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICB3aXRob3V0V3JhcHBlcixcbiAgICBzaG93SW5DdXJzb3JQb3NpdGlvbiA9IGZhbHNlLFxuICAgIGdldFBvcHVwQ29udGFpbmVyID0gKCkgPT4gZG9jdW1lbnQuYm9keSxcbiAgICBnZXRUYXJnZXRET01Ob2RlLFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IGN1cnJlbnRUcmFuc2Zvcm0gPSB0cmFuc2Zvcm0gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uO1xuXG4gICAgY29uc3QgeyByZWZzLCBmbG9hdGluZ1N0eWxlcywgY29udGV4dCwgZmxvYXRpbmdQbGFjZW1lbnQsIHNldEFycm93UmVmLCBhcnJvd1JlZiB9ID1cbiAgICAgIHVzZUN1c3RvbUZsb2F0aW5nKHtcbiAgICAgICAgcGxhY2VtZW50LFxuICAgICAgICBhdXRvQWRqdXN0T3ZlcmZsb3csXG4gICAgICAgIHdpdGhBcnJvdyxcbiAgICAgICAgYWxpZ24sXG4gICAgICAgIHRyYW5zZm9ybTogY3VycmVudFRyYW5zZm9ybSxcbiAgICAgIH0pO1xuXG4gICAgY29uc3Qge1xuICAgICAgaXNPcGVuLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICB9ID0gdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyKHtcbiAgICAgIHRyaWdnZXIsXG4gICAgICBkZWZhdWx0T3BlbixcbiAgICAgIG9wZW4sXG4gICAgICBtb3VzZUVudGVyRGVsYXksXG4gICAgICBtb3VzZUxlYXZlRGVsYXksXG4gICAgICBzaG93SW5DdXJzb3JQb3NpdGlvbixcbiAgICAgIHBsYWNlbWVudDogZmxvYXRpbmdQbGFjZW1lbnQsXG4gICAgICByZWZzLFxuICAgICAgb25PcGVuQ2hhbmdlLFxuICAgICAgYXJyb3dSZWYsXG4gICAgfSk7XG5cbiAgICBjb25zdCB7IHNldFRhcmdldFJlZiB9ID0gdXNlVGFyZ2V0UmVmQ29udHJvbGxlcih7XG4gICAgICBnZXRUYXJnZXRET01Ob2RlLFxuICAgICAgcmVmcyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgfSk7XG5cbiAgICBjb25zdCBhcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gPSBnZXRBcnJvd1BsYWNlbWVudENvcnJlY3Rpb24oZmxvYXRpbmdQbGFjZW1lbnQsIHJlZnMsIGFsaWduKTtcblxuICAgIGNvbnN0IHJlbmRlckZsb2F0aW5nRWxlbWVudCA9ICgpID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICByZWY9e3JlZnMuc2V0RmxvYXRpbmd9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBnZXRCYXNlVG9vbHRpcEZsb2F0aW5nV3JhcHBlclN0eWxlKGZsb2F0aW5nUGxhY2VtZW50LCB3aXRoQXJyb3csIGlzT3BlbiksXG4gICAgICAgICAgICBzdHlsZXM/LmZsb2F0aW5nV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAuLi5mbG9hdGluZ1N0eWxlcyxcbiAgICAgICAgICAgIHdpZHRoOiAhY3VycmVudFRyYW5zZm9ybSA/IFwibWF4LWNvbnRlbnRcIiA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIHpJbmRleCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2Zsb2F0aW5nRWxlbWVudH1cbiAgICAgICAgICB7d2l0aEFycm93ICYmIChcbiAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgIHJlZj17c2V0QXJyb3dSZWZ9XG4gICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgIGZpbGw9e2Fycm93Q29sb3J9XG4gICAgICAgICAgICAgIHN0eWxlPXthcnJvd1BsYWNlbWVudENvcnJlY3Rpb259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgY29uc3QgY2hpbGRyZW5XaXRoUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghd2l0aG91dFdyYXBwZXIpIHtcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgICAgfVxuXG4gICAgICBsZXQgYWRkZWRQcm9wc0NvdW50ZXIgPSAwO1xuXG4gICAgICByZXR1cm4gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgaWYgKGFkZGVkUHJvcHNDb3VudGVyID4gMCB8fCAhUmVhY3QuaXNWYWxpZEVsZW1lbnQoY2hpbGQpKSB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgYWRkZWRQcm9wc0NvdW50ZXIgKz0gMTtcblxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgLi4uY2hpbGQucHJvcHMsXG4gICAgICAgICAgcmVmOiBzZXRUYXJnZXRSZWYsXG4gICAgICAgICAgb25Qb2ludGVyRW50ZXI6IGhhbmRsZVBvaW50ZXJFbnRlciA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckVudGVyLFxuICAgICAgICAgIG9uUG9pbnRlckxlYXZlOiBoYW5kbGVQb2ludGVyTGVhdmUgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJMZWF2ZSxcbiAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyA/PyBjaGlsZD8ucHJvcHM/Lm9uRm9jdXMsXG4gICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyID8/IGNoaWxkPy5wcm9wcz8ub25CbHVyLFxuICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrID8/IGNoaWxkPy5wcm9wcz8ub25DbGljayxcbiAgICAgICAgICBvbkNvbnRleHRNZW51OiBoYW5kbGVDb250ZXh0TWVudSA/PyBjaGlsZD8ucHJvcHM/Lm9uQ29udGV4dE1lbnUsXG4gICAgICAgICAgb25Qb2ludGVyVXA6IGhhbmRsZVBvaW50ZXJVcCA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlclVwLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sIFtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICAgIHNldFRhcmdldFJlZixcbiAgICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIF0pO1xuXG4gICAgY29uc3QgZ2V0RmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgZ2V0UG9wdXBDb250YWluZXIocmVmcy5kb21SZWZlcmVuY2UuY3VycmVudCA/PyBkb2N1bWVudC5ib2R5KVxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgaWYgKGlzTmlsKGdldFRhcmdldERPTU5vZGUpICYmIGlzTmlsKGNoaWxkcmVuKSAmJiBpc1VuZGVmaW5lZChvcGVuKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgaWYgKGlzRnVuY3Rpb24oZ2V0VGFyZ2V0RE9NTm9kZSkpIHtcbiAgICAgIGlmIChpc051bGwoZ2V0VGFyZ2V0RE9NTm9kZSgpKSkge1xuICAgICAgICByZXR1cm4gY2hpbGRyZW47XG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtnZXRGbG9hdGluZ0VsZW1lbnQoKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICh3aXRob3V0V3JhcHBlcikge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7Y2hpbGRyZW5XaXRoUHJvcHN9XG4gICAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtzZXRUYXJnZXRSZWZ9XG4gICAgICAgIGNzcz17W2Jhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLCBzdHlsZXM/LnJlZmVyZW5jZVdyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgICBvblBvaW50ZXJMZWF2ZT17aGFuZGxlUG9pbnRlckxlYXZlfVxuICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Db250ZXh0TWVudT17aGFuZGxlQ29udGV4dE1lbnV9XG4gICAgICAgIG9uUG9pbnRlclVwPXtoYW5kbGVQb2ludGVyVXB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], style: {
+    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: {
       ...floatingStyles,
       width: !currentTransform ? "max-content" : void 0,
       zIndex
@@ -106,9 +108,19 @@ const BaseTooltip = memo(({
         return child;
       }
       addedPropsCounter += 1;
+      const setRef = (element) => {
+        setTargetRef(element);
+        if (withRef(child)) {
+          if (isFunction(child == null ? void 0 : child.ref)) {
+            child.ref(element);
+          } else {
+            child.ref.current = element;
+          }
+        }
+      };
       return React.cloneElement(child, {
         ...child.props,
-        ref: setTargetRef,
+        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),
@@ -143,7 +155,9 @@ const BaseTooltip = memo(({
       getFloatingElement()
     ] });
   }
-  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlNUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VUb29sdGlwUHJvcHMsIEJhc2VUb29sdGlwVHJpZ2dlclR5cGUgfSBmcm9tIFwiLi9CYXNlVG9vbHRpcC50eXBlc1wiO1xuaW1wb3J0IHsgRmxvYXRpbmdBcnJvdyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfV0lEVEgsXG4gIGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgTWF4X1pJbmRleCxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudXRpbHNcIjtcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCB7IHVzZVNob3dUb29sdGlwQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVNob3dUb29sdGlwQ29udHJvbGxlclwiO1xuaW1wb3J0IHtcbiAgYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsXG4gIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHVzZUN1c3RvbUZsb2F0aW5nIH0gZnJvbSBcIi4vaG9va3MvdXNlQ3VzdG9tRmxvYXRpbmdcIjtcbmltcG9ydCB7IHVzZVRhcmdldFJlZkNvbnRyb2xsZXIgfSBmcm9tIFwiLi9ob29rcy91c2VUYXJnZXRSZWZDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uLCBpc05pbCwgaXNOdWxsLCBpc1VuZGVmaW5lZCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcblxuZXhwb3J0IGNvbnN0IEJhc2VUb29sdGlwOiBGQzxQcm9wc1dpdGhDaGlsZHJlbjxCYXNlVG9vbHRpcFByb3BzPj4gPSBtZW1vKFxuICAoe1xuICAgIGZsb2F0aW5nRWxlbWVudCxcbiAgICBhcnJvd0NvbG9yLFxuICAgIHdpdGhBcnJvdyA9IHRydWUsXG4gICAgcGxhY2VtZW50ID0gXCJ0b3BcIixcbiAgICBhdXRvQWRqdXN0T3ZlcmZsb3cgPSB0cnVlLFxuICAgIGRlZmF1bHRPcGVuID0gZmFsc2UsXG4gICAgb3BlbixcbiAgICB6SW5kZXggPSBNYXhfWkluZGV4LFxuICAgIHRyaWdnZXIgPSBbXCJjbGlja1wiIGFzIEJhc2VUb29sdGlwVHJpZ2dlclR5cGVdLFxuICAgIG1vdXNlRW50ZXJEZWxheSA9IDAuMSxcbiAgICBtb3VzZUxlYXZlRGVsYXkgPSAwLjEsXG4gICAgYWxpZ24sXG4gICAgdHJhbnNmb3JtID0gdHJ1ZSxcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICB3aXRob3V0V3JhcHBlcixcbiAgICBzaG93SW5DdXJzb3JQb3NpdGlvbiA9IGZhbHNlLFxuICAgIGdldFBvcHVwQ29udGFpbmVyID0gKCkgPT4gZG9jdW1lbnQuYm9keSxcbiAgICBnZXRUYXJnZXRET01Ob2RlLFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IGN1cnJlbnRUcmFuc2Zvcm0gPSB0cmFuc2Zvcm0gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uO1xuXG4gICAgY29uc3QgeyByZWZzLCBmbG9hdGluZ1N0eWxlcywgY29udGV4dCwgZmxvYXRpbmdQbGFjZW1lbnQsIHNldEFycm93UmVmLCBhcnJvd1JlZiB9ID1cbiAgICAgIHVzZUN1c3RvbUZsb2F0aW5nKHtcbiAgICAgICAgcGxhY2VtZW50LFxuICAgICAgICBhdXRvQWRqdXN0T3ZlcmZsb3csXG4gICAgICAgIHdpdGhBcnJvdyxcbiAgICAgICAgYWxpZ24sXG4gICAgICAgIHRyYW5zZm9ybTogY3VycmVudFRyYW5zZm9ybSxcbiAgICAgIH0pO1xuXG4gICAgY29uc3Qge1xuICAgICAgaXNPcGVuLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICB9ID0gdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyKHtcbiAgICAgIHRyaWdnZXIsXG4gICAgICBkZWZhdWx0T3BlbixcbiAgICAgIG9wZW4sXG4gICAgICBtb3VzZUVudGVyRGVsYXksXG4gICAgICBtb3VzZUxlYXZlRGVsYXksXG4gICAgICBzaG93SW5DdXJzb3JQb3NpdGlvbixcbiAgICAgIHBsYWNlbWVudDogZmxvYXRpbmdQbGFjZW1lbnQsXG4gICAgICByZWZzLFxuICAgICAgb25PcGVuQ2hhbmdlLFxuICAgICAgYXJyb3dSZWYsXG4gICAgfSk7XG5cbiAgICBjb25zdCB7IHNldFRhcmdldFJlZiB9ID0gdXNlVGFyZ2V0UmVmQ29udHJvbGxlcih7XG4gICAgICBnZXRUYXJnZXRET01Ob2RlLFxuICAgICAgcmVmcyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgfSk7XG5cbiAgICBjb25zdCBhcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gPSBnZXRBcnJvd1BsYWNlbWVudENvcnJlY3Rpb24oZmxvYXRpbmdQbGFjZW1lbnQsIHJlZnMsIGFsaWduKTtcblxuICAgIGNvbnN0IHJlbmRlckZsb2F0aW5nRWxlbWVudCA9ICgpID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICByZWY9e3JlZnMuc2V0RmxvYXRpbmd9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBnZXRCYXNlVG9vbHRpcEZsb2F0aW5nV3JhcHBlclN0eWxlKGZsb2F0aW5nUGxhY2VtZW50LCB3aXRoQXJyb3csIGlzT3BlbiksXG4gICAgICAgICAgICBzdHlsZXM/LmZsb2F0aW5nV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAuLi5mbG9hdGluZ1N0eWxlcyxcbiAgICAgICAgICAgIHdpZHRoOiAhY3VycmVudFRyYW5zZm9ybSA/IFwibWF4LWNvbnRlbnRcIiA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIHpJbmRleCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2Zsb2F0aW5nRWxlbWVudH1cbiAgICAgICAgICB7d2l0aEFycm93ICYmIChcbiAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgIHJlZj17c2V0QXJyb3dSZWZ9XG4gICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgIGZpbGw9e2Fycm93Q29sb3J9XG4gICAgICAgICAgICAgIHN0eWxlPXthcnJvd1BsYWNlbWVudENvcnJlY3Rpb259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgY29uc3QgY2hpbGRyZW5XaXRoUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghd2l0aG91dFdyYXBwZXIpIHtcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgICAgfVxuXG4gICAgICBsZXQgYWRkZWRQcm9wc0NvdW50ZXIgPSAwO1xuXG4gICAgICByZXR1cm4gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgaWYgKGFkZGVkUHJvcHNDb3VudGVyID4gMCB8fCAhUmVhY3QuaXNWYWxpZEVsZW1lbnQoY2hpbGQpKSB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgYWRkZWRQcm9wc0NvdW50ZXIgKz0gMTtcblxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgLi4uY2hpbGQucHJvcHMsXG4gICAgICAgICAgcmVmOiBzZXRUYXJnZXRSZWYsXG4gICAgICAgICAgb25Qb2ludGVyRW50ZXI6IGhhbmRsZVBvaW50ZXJFbnRlciA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckVudGVyLFxuICAgICAgICAgIG9uUG9pbnRlckxlYXZlOiBoYW5kbGVQb2ludGVyTGVhdmUgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJMZWF2ZSxcbiAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyA/PyBjaGlsZD8ucHJvcHM/Lm9uRm9jdXMsXG4gICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyID8/IGNoaWxkPy5wcm9wcz8ub25CbHVyLFxuICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrID8/IGNoaWxkPy5wcm9wcz8ub25DbGljayxcbiAgICAgICAgICBvbkNvbnRleHRNZW51OiBoYW5kbGVDb250ZXh0TWVudSA/PyBjaGlsZD8ucHJvcHM/Lm9uQ29udGV4dE1lbnUsXG4gICAgICAgICAgb25Qb2ludGVyVXA6IGhhbmRsZVBvaW50ZXJVcCA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlclVwLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sIFtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICAgIHNldFRhcmdldFJlZixcbiAgICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIF0pO1xuXG4gICAgY29uc3QgZ2V0RmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgZ2V0UG9wdXBDb250YWluZXIocmVmcy5kb21SZWZlcmVuY2UuY3VycmVudCA/PyBkb2N1bWVudC5ib2R5KVxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgaWYgKGlzTmlsKGdldFRhcmdldERPTU5vZGUpICYmIGlzTmlsKGNoaWxkcmVuKSAmJiBpc1VuZGVmaW5lZChvcGVuKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgaWYgKGlzRnVuY3Rpb24oZ2V0VGFyZ2V0RE9NTm9kZSkpIHtcbiAgICAgIGlmIChpc051bGwoZ2V0VGFyZ2V0RE9NTm9kZSgpKSkge1xuICAgICAgICByZXR1cm4gY2hpbGRyZW47XG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtnZXRGbG9hdGluZ0VsZW1lbnQoKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICh3aXRob3V0V3JhcHBlcikge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7Y2hpbGRyZW5XaXRoUHJvcHN9XG4gICAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtzZXRUYXJnZXRSZWZ9XG4gICAgICAgIGNzcz17W2Jhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLCBzdHlsZXM/LnJlZmVyZW5jZVdyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgICBvblBvaW50ZXJMZWF2ZT17aGFuZGxlUG9pbnRlckxlYXZlfVxuICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Db250ZXh0TWVudT17aGFuZGxlQ29udGV4dE1lbnV9XG4gICAgICAgIG9uUG9pbnRlclVwPXtoYW5kbGVQb2ludGVyVXB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick, onContextMenu: handleContextMenu, onPointerUp: handlePointerUp, children: [
+  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) => {
+    e.stopPropagation();
+  }, children: [
     children,
     getFloatingElement()
   ] });

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

@@ -37,6 +37,7 @@ export interface BaseTooltipProps {
     };
     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
     onOpenChange?: (open: boolean) => void;
+    onContextMenu?: (event: MouseEventType) => void;
 }
 export type AutoUpdateType = (reference: ReferenceElement, floating: FloatingElement, update: () => void) => () => void;
 export type PointerEventType = PointerEvent<HTMLDivElement> | globalThis.PointerEvent;

package/dist/components/BaseTooltip/BaseTooltip.utils.d.ts

@@ -1,6 +1,6 @@
 import { ExtendedRefs, Placement, Rect, ReferenceType } from '@floating-ui/react';
 import { BaseTooltipAlign, BaseTooltipPlacementType, MouseEventType, OffsetType, PointerEventType } from './BaseTooltip.types';
-import { ReactNode } from 'react';
+import { ReactHTMLElement, ReactNode } from 'react';
 export declare const ARROW_WIDTH = 8;
 export declare const ARROW_HEIGHT = 4;
 export declare const ARROW_PADDING = 6;
@@ -15,6 +15,7 @@ export declare const isLeftSide: (placement: Placement) => boolean;
 export declare const isRightSide: (placement: Placement) => boolean;
 export declare const convertBaseTooltipPlacement: (placement: BaseTooltipPlacementType) => Placement;
 export declare const convertOffsetValues: (rect: Rect) => (element: OffsetType, index: number) => number;
+export declare const setContextMenuPosition: (refs: ExtendedRefs<ReferenceType>, e: MouseEventType) => void;
 export declare const getChangedProperties: (e: PointerEventType | MouseEventType, placement: Placement) => {
     width: number;
     x: number;
@@ -36,3 +37,4 @@ export declare const getChangedProperties: (e: PointerEventType | MouseEventType
 };
 export declare const setNewReferencePosition: (refs: ExtendedRefs<ReferenceType>, pointerEvent: PointerEventType | MouseEventType, placement: Placement, arrowRef: SVGSVGElement | null) => void;
 export declare const setTargetCallbacks: (element: HTMLElement, handlePointerEnter: ((e: PointerEventType) => void) | undefined, handlePointerLeave: (() => void) | undefined, handleFocus: (() => void) | undefined, handleBlur: (() => void) | undefined, handleClick: ((e: MouseEventType) => void) | undefined, handleContextMenu: ((e: MouseEventType) => void) | undefined, handlePointerUp: ((e: MouseEventType) => void) | undefined) => void;
+export declare const withRef: (child: unknown) => child is ReactHTMLElement<HTMLElement>;

package/dist/components/BaseTooltip/BaseTooltip.utils.js

@@ -1,5 +1,5 @@
 import { computePosition, flip } from "@floating-ui/react";
-import { isNil, isUndefined, isNumber } from "lodash-es";
+import { isNil, isUndefined, isNumber, isObject, isNull, isString } from "lodash-es";
 import { FLOATING_OFFSET } from "../../utils/consts.js";
 const ARROW_WIDTH = 8;
 const ARROW_HEIGHT = 4;
@@ -110,6 +110,22 @@ const convertOffsetValues = (rect) => (element, index) => {
   const elementSize = index === 0 ? rect.width : rect.height;
   return elementSize / 100 * percentValue;
 };
+const setContextMenuPosition = (refs, e) => {
+  refs.setPositionReference({
+    getBoundingClientRect() {
+      return {
+        width: 0,
+        height: 0,
+        x: e.clientX,
+        y: e.clientY,
+        top: e.clientY,
+        right: e.clientX,
+        bottom: e.clientY,
+        left: e.clientX
+      };
+    }
+  });
+};
 const getChangedProperties = (e, placement) => {
   if (isLeftCorrection(placement)) {
     return {
@@ -181,6 +197,18 @@ const setTargetCallbacks = (element, handlePointerEnter, handlePointerLeave, han
   element.oncontextmenu = handleContextMenu ?? (element == null ? void 0 : element.oncontextmenu);
   element.onpointerup = handlePointerUp ?? (element == null ? void 0 : element.onpointerup);
 };
+const withRef = (child) => {
+  if (!isObject(child) || isNull(child)) {
+    return false;
+  }
+  if (!("ref" in child) || isNil(child.ref)) {
+    return false;
+  }
+  if (isString(child.ref)) {
+    return false;
+  }
+  return true;
+};
 export {
   ARROW_HEIGHT,
   ARROW_PADDING,
@@ -196,7 +224,9 @@ export {
   isLeftSide,
   isRightSide,
   isTopSide,
+  setContextMenuPosition,
   setNewReferencePosition,
   setTargetCallbacks,
-  singleSides
+  singleSides,
+  withRef
 };

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

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { singleSides, convertOffsetValues, ARROW_PADDING, convertBaseTooltipPlacement, isLeftSide, isRightSide } from "../BaseTooltip.utils.js";
+import { singleSides, ARROW_PADDING, convertBaseTooltipPlacement, isLeftSide, isRightSide, convertOffsetValues } from "../BaseTooltip.utils.js";
 import { flip, shift, offset, arrow, useFloating, autoUpdate } from "@floating-ui/react";
 import { isUndefined } from "lodash-es";
 const floatingMiddleware = [];
@@ -31,7 +31,7 @@ const useCustomFloating = ({
       mainAxis: singleSides.includes(convertedPlacement)
     });
   }, [convertedPlacement]);
-  const offsetResult = offset(({
+  const offsetCallback = ({
     rects
   }) => {
     var _a2, _b2;
@@ -46,7 +46,8 @@ const useCustomFloating = ({
       mainAxis,
       crossAxis
     };
-  }, [convertedPlacement]);
+  };
+  const offsetResult = offset(offsetCallback, [offsetCallback]);
   floatingMiddleware[0] = offsetResult;
   useEffect(() => {
     if (arrowRef && withArrow) {
@@ -64,7 +65,7 @@ const useCustomFloating = ({
   } = useFloating({
     whileElementsMounted: autoUpdate,
     placement: convertBaseTooltipPlacement(placement),
-    middleware: floatingMiddleware,
+    middleware: [...floatingMiddleware],
     transform
   });
   return {

package/dist/components/BaseTooltip/hooks/useShowTooltipController.d.ts

@@ -10,9 +10,10 @@ export interface UseShowTooltipControllerProp {
     placement: Placement;
     refs: ExtendedRefs<ReferenceType>;
     onOpenChange: ((open: boolean) => void) | undefined;
+    onContextMenu: ((event: MouseEventType) => void) | undefined;
     arrowRef: SVGSVGElement | null;
 }
-export declare const useShowTooltipController: ({ trigger, defaultOpen, open, mouseEnterDelay, mouseLeaveDelay, showInCursorPosition, refs, placement, onOpenChange, arrowRef, }: UseShowTooltipControllerProp) => {
+export declare const useShowTooltipController: ({ trigger, defaultOpen, open, mouseEnterDelay, mouseLeaveDelay, showInCursorPosition, refs, placement, onOpenChange, onContextMenu, arrowRef, }: UseShowTooltipControllerProp) => {
     isOpen: boolean;
     handlePointerEnter: ((e: PointerEventType) => void) | undefined;
     handlePointerLeave: (() => void) | undefined;

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

@@ -2,7 +2,7 @@ import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { isUndefined } from "lodash-es";
 import { convertSecondsToMilliseconds } from "../../../utils/converters.js";
 import "@floating-ui/react";
-import { setNewReferencePosition } from "../BaseTooltip.utils.js";
+import { setNewReferencePosition, setContextMenuPosition } from "../BaseTooltip.utils.js";
 const useShowTooltipController = ({
   trigger,
   defaultOpen,
@@ -13,6 +13,7 @@ const useShowTooltipController = ({
   refs,
   placement,
   onOpenChange,
+  onContextMenu,
   arrowRef
 }) => {
   const [isOpen, setIsOpen] = useState(defaultOpen);
@@ -20,20 +21,37 @@ const useShowTooltipController = ({
   useEffect(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen, open]);
+  const isOpenResult = open ?? isOpen;
+  const closeTooltip = useCallback(() => {
+    setIsOpen(false);
+    onOpenChange == null ? void 0 : onOpenChange(false);
+  }, [onOpenChange]);
+  const handleMouseUp = useCallback((e) => {
+    var _a, _b;
+    if (!e.target) {
+      return;
+    }
+    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) {
+      return;
+    }
+    closeTooltip();
+    document.body.removeEventListener("mouseup", handleMouseUp);
+  }, [closeTooltip, refs.domReference, refs.floating]);
   const showTooltip = useCallback(() => {
     if (isUndefined(open)) {
+      document.body.addEventListener("mouseup", handleMouseUp);
       setIsOpen(true);
     }
     if (open !== true && isOpen !== true) {
       onOpenChange == null ? void 0 : onOpenChange(true);
     }
-  }, [isOpen, onOpenChange, open]);
+  }, [handleMouseUp, isOpen, onOpenChange, open]);
   const hideTooltip = useCallback(() => {
-    if (isUndefined(open)) {
-      setIsOpen(false);
-    }
-    onOpenChange == null ? void 0 : onOpenChange(false);
-  }, [onOpenChange, open]);
+    closeTooltip();
+    document.body.removeEventListener("mouseup", handleMouseUp);
+  }, [closeTooltip, handleMouseUp, open]);
   const handlePointerEnter = useMemo(() => {
     if (!trigger.includes("hover")) {
       return;
@@ -82,6 +100,9 @@ const useShowTooltipController = ({
     return (e) => {
       var _a;
       e.stopPropagation();
+      if (trigger.includes("contextMenu")) {
+        setContextMenuPosition(refs, e);
+      }
       const isReferenceElement = (_a = refs.domReference.current) == null ? void 0 : _a.contains(e.target);
       if (!isReferenceElement) {
         return;
@@ -90,62 +111,55 @@ const useShowTooltipController = ({
         setNewReferencePosition(refs, e, placement, arrowRef);
       }
       if (isUndefined(open)) {
-        setIsOpen((prev) => !prev);
-        onOpenChange == null ? void 0 : onOpenChange(isOpen);
+        if (isOpen) {
+          hideTooltip();
+        } else {
+          showTooltip();
+        }
       } else {
         onOpenChange == null ? void 0 : onOpenChange(!open);
       }
     };
-  }, [arrowRef, isOpen, onOpenChange, open, placement, refs, showInCursorPosition, trigger]);
+  }, [arrowRef, hideTooltip, isOpen, onOpenChange, open, placement, refs, showInCursorPosition, showTooltip, trigger]);
   const handleContextMenu = useMemo(() => {
     if (!trigger.includes("contextMenu")) {
       return void 0;
     }
     return (e) => {
+      setContextMenuPosition(refs, e);
+      if (onContextMenu) {
+        onContextMenu(e);
+        return;
+      }
       e.preventDefault();
-      refs.setPositionReference({
-        getBoundingClientRect() {
-          return {
-            width: 0,
-            height: 0,
-            x: e.clientX,
-            y: e.clientY,
-            top: e.clientY,
-            right: e.clientX,
-            bottom: e.clientY,
-            left: e.clientX
-          };
-        }
-      });
       showTooltip();
     };
-  }, [refs, showTooltip, trigger]);
-  const handleMouseUp = useCallback((e) => {
-    var _a, _b;
-    if (!e.target) {
-      return;
-    }
-    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 (!isOpen || isFloatingElement || isReferenceElement) {
-      return;
-    }
-    hideTooltip();
-  }, [hideTooltip, isOpen, refs.domReference, refs.floating]);
+  }, [onContextMenu, refs, showTooltip, trigger]);
   useEffect(() => {
-    document.body.addEventListener("mouseup", handleMouseUp);
-    return () => document.body.removeEventListener("mouseup", handleMouseUp);
+    return () => {
+      document.body.removeEventListener("mouseup", handleMouseUp);
+    };
   }, [handleMouseUp]);
+  useEffect(() => {
+    if (open) {
+      document.body.addEventListener("mouseup", handleMouseUp);
+    }
+    if (open === false) {
+      document.body.removeEventListener("mouseup", handleMouseUp);
+    }
+  }, [handleMouseUp, open]);
   const handlePointerUp = useMemo(() => {
     if (!trigger.includes("click")) {
       return void 0;
     }
     return (e) => {
-      e.stopPropagation();
+      if (isOpenResult) {
+        e.stopPropagation();
+      }
     };
-  }, [trigger]);
+  }, [isOpenResult, trigger]);
   return {
-    isOpen: open ?? isOpen,
+    isOpen: isOpenResult,
     handlePointerEnter,
     handlePointerLeave,
     handleFocus,

package/dist/components/Dropdown/Dropdown.js

@@ -18,6 +18,8 @@ const DropdownComponent = memo(({
   menuPlaceholder,
   emptySearchPlaceholder,
   open,
+  styles,
+  className,
   placement = "bottomLeft",
   trigger = ["click"],
   dropdownRender,
@@ -28,8 +30,9 @@ const DropdownComponent = memo(({
   const [isOpen, setIsOpen] = useState(open ?? (disabled ? false : void 0));
   const closeDropdown = useCallback(() => {
     setIsOpen(false);
+    onOpenChange == null ? void 0 : onOpenChange(false);
     setTimeout(() => setIsOpen(void 0));
-  }, []);
+  }, [onOpenChange]);
   const subMenusController = useSubMenusController();
   const selectedKeysController = useSelectedKeysController({
     defaultSelectedKeys: menu == null ? void 0 : menu.defaultSelectedKeys,
@@ -37,8 +40,8 @@ const DropdownComponent = memo(({
     multiple: (menu == null ? void 0 : menu.multiple) ?? true,
     selectable: (menu == null ? void 0 : menu.selectable) ?? false,
     onClick: menu == null ? void 0 : menu.onClick,
-    onDeselect: menu == null ? void 0 : menu.onClick,
-    onSelect: menu == null ? void 0 : menu.onClick
+    onDeselect: menu == null ? void 0 : menu.onDeselect,
+    onSelect: menu == null ? void 0 : menu.onSelect
   });
   const {
     currentStep,
@@ -46,12 +49,15 @@ const DropdownComponent = memo(({
     returnToPrevStep,
     resetSteps
   } = useStepSubMenus();
-  const handleOpenChange = (open2) => {
+  const {
+    closeAllSubMenus
+  } = subMenusController;
+  const handleOpenChange = useCallback((open2) => {
     resetSteps();
-    subMenusController.closeAllSubMenus();
     onOpenChange == null ? void 0 : onOpenChange(open2);
-  };
-  const menuElement = (menu == null ? void 0 : menu.subMenuOpen) === "overflow" ? /* @__PURE__ */ jsx(Menu, { ...menu, items, withSearch: !!(menu == null ? void 0 : menu.search), menuPlaceholder, emptySearchPlaceholder }) : /* @__PURE__ */ jsx(Menu, { ...menu, items: (currentStep == null ? void 0 : currentStep.children) ?? items, title: currentStep == null ? void 0 : currentStep.label, withSearch: !!(menu == null ? void 0 : menu.search), menuPlaceholder, emptySearchPlaceholder });
+    closeAllSubMenus();
+  }, [closeAllSubMenus, onOpenChange, resetSteps]);
+  const menuElement = (menu == null ? void 0 : menu.subMenuOpen) === "overflow" ? /* @__PURE__ */ jsx(Menu, { ...menu, items, search: !!(menu == null ? void 0 : menu.search), menuPlaceholder, emptySearchPlaceholder }) : /* @__PURE__ */ jsx(Menu, { ...menu, items: (currentStep == null ? void 0 : currentStep.children) ?? items, title: currentStep == null ? void 0 : currentStep.label, search: !!(menu == null ? void 0 : menu.search), menuPlaceholder, emptySearchPlaceholder });
   const floatingElement = isFunction(dropdownRender) ? dropdownRender(menuElement) : menuElement;
   const providerValue = {
     ...menu,
@@ -71,7 +77,7 @@ const DropdownComponent = memo(({
     returnToPrevStep,
     closeDropdown
   };
-  return /* @__PURE__ */ jsx(dropdownContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, open: isOpen, placement, trigger, floatingElement, withArrow: false, onOpenChange: handleOpenChange, children }) });
+  return /* @__PURE__ */ jsx(dropdownContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, open: open ?? isOpen, placement, trigger, floatingElement, withArrow: false, onOpenChange: handleOpenChange, styles, className: `ui-kit-dropdown ${className}`, children }) });
 });
 const Dropdown = withThemeProvider(DropdownComponent);
 export {

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

@@ -1,19 +1,20 @@
 import { BaseTooltipProps } from '../BaseTooltip/BaseTooltip.types';
-import { MouseEvent, ReactNode } from 'react';
-import { Theme } from '../../themes';
+import { MouseEvent, PropsWithChildren, ReactNode } from 'react';
 import { DropdownSubMenuTrigger } from './components/SubMenu/SubMenu.types';
+import { Theme } from 'themes';
 import { Interpolation } from '@emotion/react';
 type ExcludedFields = "floatingElement" | "arrowColor" | "withArrow" | "defaultOpen" | "mouseEnterDelay" | "mouseLeaveDelay" | "trigger" | "placement";
 export type DropdownPlacement = "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
 export type DropdownTrigger = "click" | "hover" | "contextMenu";
-export type ItemType = MenuItem | GroupType | Divider | SubMenuType;
+export type ItemType = MenuItem | GroupType | DividerType | SubMenuType;
+export type DropdownItemKeyType = string | number;
 export interface DropdownMenu {
     items: ItemType[];
     inlineIndent?: number;
     selectable?: boolean;
     multiple?: boolean;
-    defaultSelectedKeys?: string[];
-    selectedKeys?: string[];
+    defaultSelectedKeys?: DropdownItemKeyType[];
+    selectedKeys?: DropdownItemKeyType[];
     menuPlaceholder?: ReactNode;
     emptySearchPlaceholder?: ReactNode;
     search?: boolean;
@@ -22,27 +23,33 @@ export interface DropdownMenu {
     subMenuOpenDelay?: number;
     forceSubMenuRender?: boolean;
     triggerSubMenuAction?: DropdownSubMenuTrigger;
+    "test-id"?: string;
     styles?: {
-        wrapper: (theme: Theme) => Interpolation;
+        wrapper?: (theme: Theme) => Interpolation;
+        titleBlock?: (theme: Theme) => Interpolation;
+        backIcon?: (theme: Theme) => Interpolation;
+        titleText?: (theme: Theme) => Interpolation;
+        searchBlock?: (theme?: Theme) => Interpolation;
+        emptyContentStyle?: (theme?: Theme) => Interpolation;
     };
     onClick?: (props: {
         item: ItemType;
-        key: string;
+        key: DropdownItemKeyType;
         e: MouseEvent;
     }) => void;
     onSelect?: (props: {
         item: ItemType;
-        key: string;
+        key: DropdownItemKeyType;
         e: MouseEvent;
     }) => void;
     onDeselect?: (props: {
         item: ItemType;
-        key: string;
+        key: DropdownItemKeyType;
         e: MouseEvent;
     }) => void;
-    onOpenChange?: (openKeys: string[]) => void;
+    onOpenChange?: (openKeys: DropdownItemKeyType[]) => void;
 }
-export interface DropdownProps extends Omit<BaseTooltipProps, ExcludedFields> {
+export interface DropdownProps extends PropsWithChildren<Omit<BaseTooltipProps, ExcludedFields>> {
     menu?: DropdownMenu;
     autoFocus?: boolean;
     disabled?: boolean;
@@ -61,38 +68,68 @@ export interface MenuItem {
     disabled?: boolean;
     extra?: ReactNode;
     icon?: ReactNode;
-    key: string;
+    key: DropdownItemKeyType;
     label?: ReactNode;
+    "test-id"?: string;
+    styles?: {
+        wrapper?: (theme: Theme) => Interpolation;
+        content?: (theme: Theme) => Interpolation;
+        iconWrapper?: (theme: Theme) => Interpolation;
+        itemLabel?: (theme: Theme) => Interpolation;
+        arrowIconWrapper?: (theme: Theme) => Interpolation;
+        extraText?: (theme: Theme) => Interpolation;
+    };
+    onClick?: (e: MouseEvent) => void | Promise<void>;
 }
 export interface GroupType {
     type: "group";
     children: ItemType[];
     label?: ReactNode;
     icon?: ReactNode;
-    key?: string;
+    key: DropdownItemKeyType;
+    "test-id"?: string;
+    styles?: {
+        wrapper?: (theme: Theme) => Interpolation;
+        labelWrapper?: (theme: Theme) => Interpolation;
+        iconWrapper?: (theme: Theme) => Interpolation;
+        itemLabel?: (theme: Theme) => Interpolation;
+        items?: (theme: Theme) => Interpolation;
+    };
 }
-export interface Divider {
+export interface DividerType {
     type: "divider";
+    "test-id"?: string;
+    key?: DropdownItemKeyType;
+    styles?: {
+        wrapper?: (theme: Theme) => Interpolation;
+    };
 }
 export interface GetMenuBySchemaParams {
     schema: ItemType[];
-    selectedKeys: string[];
-    onClick: (itemKey: string, item: ItemType, e: MouseEvent) => void;
+    selectedKeys: DropdownItemKeyType[];
+    onClick: (props: {
+        item: ItemType;
+        itemKey: DropdownItemKeyType;
+        e: MouseEvent;
+    }) => void;
     clearSearchValue: () => void;
 }
 export interface SubMenuType {
     children: ItemType[];
     disabled?: boolean;
     icon?: ReactNode;
-    key: string;
+    key: DropdownItemKeyType;
     label?: ReactNode;
+    "test-id"?: string;
+    search?: boolean;
+    styles?: DropdownMenu["styles"];
     onClick?: ({ key, e }: {
-        key: string;
+        key: DropdownItemKeyType;
         e: MouseEvent;
     }) => void;
 }
 export declare const isSubMenu: (item: ItemType) => item is SubMenuType;
 export declare const isMenuItem: (item: ItemType) => item is MenuItem;
 export declare const isGroupType: (item: ItemType) => item is GroupType;
-export declare const isDivider: (item: ItemType) => item is Divider;
+export declare const isDivider: (item: ItemType) => item is DividerType;
 export {};