@mantine/core 7.0.0-alpha.8 → 7.0.0-alpha.9

package/esm/components/Tooltip/TooltipFloating/TooltipFloating.js

@@ -1,4 +1,4 @@
-'use client';
+import { __rest } from 'tslib';
 import React, { cloneElement } from 'react';
 import { useMergedRef } from '@mantine/hooks';
 import classes from '../Tooltip.module.css.js';
@@ -16,146 +16,65 @@ import { createVarsResolver } from '../../../core/styles-api/create-vars-resolve
 import { getRadius } from '../../../core/utils/get-size/get-size.js';
 import { getThemeColor } from '../../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const defaultProps = {
-  refProp: "ref",
-  withinPortal: true,
-  offset: 10,
-  position: "right",
-  zIndex: getDefaultZIndex("popover")
+    refProp: 'ref',
+    withinPortal: true,
+    offset: 10,
+    position: 'right',
+    zIndex: getDefaultZIndex('popover'),
 };
 const varsResolver = createVarsResolver((theme, { radius, color }) => ({
-  tooltip: {
-    "--tooltip-radius": getRadius(radius),
-    "--tooltip-bg": color ? getThemeColor(color, theme) : void 0
-  }
+    tooltip: {
+        '--tooltip-radius': getRadius(radius),
+        '--tooltip-bg': color ? getThemeColor(color, theme) : undefined,
+    },
 }));
 const TooltipFloating = factory((_props, ref) => {
-  var _b, _c;
-  const props = useProps("TooltipFloating", defaultProps, _props);
-  const _a = props, {
-    children,
-    refProp,
-    withinPortal,
-    style,
-    className,
-    classNames,
-    styles,
-    unstyled,
-    radius,
-    color,
-    label,
-    offset,
-    position,
-    multiline,
-    zIndex,
-    disabled,
-    variant,
-    vars,
-    portalProps
-  } = _a, others = __objRest(_a, [
-    "children",
-    "refProp",
-    "withinPortal",
-    "style",
-    "className",
-    "classNames",
-    "styles",
-    "unstyled",
-    "radius",
-    "color",
-    "label",
-    "offset",
-    "position",
-    "multiline",
-    "zIndex",
-    "disabled",
-    "variant",
-    "vars",
-    "portalProps"
-  ]);
-  const theme = useMantineTheme();
-  const getStyles = useStyles({
-    name: "TooltipFloating",
-    props,
-    classes,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    rootSelector: "tooltip",
-    vars,
-    varsResolver
-  });
-  const { handleMouseMove, x, y, opened, boundaryRef, floating, setOpened } = useFloatingTooltip({
-    offset,
-    position
-  });
-  if (!isElement(children)) {
-    throw new Error("[@mantine/core] Tooltip.Floating component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported");
-  }
-  const targetRef = useMergedRef(boundaryRef, children.ref, ref);
-  const onMouseEnter = (event) => {
-    var _a2, _b2;
-    (_b2 = (_a2 = children.props).onMouseEnter) == null ? void 0 : _b2.call(_a2, event);
-    handleMouseMove(event);
-    setOpened(true);
-  };
-  const onMouseLeave = (event) => {
-    var _a2, _b2;
-    (_b2 = (_a2 = children.props).onMouseLeave) == null ? void 0 : _b2.call(_a2, event);
-    setOpened(false);
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(OptionalPortal, __spreadProps(__spreadValues({}, portalProps), {
-    withinPortal
-  }), /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadValues({}, others), getStyles("tooltip", {
-    style: __spreadProps(__spreadValues({}, getStyleObject(style, theme)), {
-      zIndex,
-      display: !disabled && opened ? "block" : "none",
-      top: (_b = y && Math.round(y)) != null ? _b : "",
-      left: (_c = x && Math.round(x)) != null ? _c : ""
-    })
-  })), {
-    variant,
-    ref: floating
-  }), label)), cloneElement(children, __spreadProps(__spreadValues({}, children.props), {
-    [refProp]: targetRef,
-    onMouseEnter,
-    onMouseLeave
-  })));
+    var _a, _b;
+    const props = useProps('TooltipFloating', defaultProps, _props);
+    const { children, refProp, withinPortal, style, className, classNames, styles, unstyled, radius, color, label, offset, position, multiline, zIndex, disabled, variant, vars, portalProps } = props, others = __rest(props, ["children", "refProp", "withinPortal", "style", "className", "classNames", "styles", "unstyled", "radius", "color", "label", "offset", "position", "multiline", "zIndex", "disabled", "variant", "vars", "portalProps"]);
+    const theme = useMantineTheme();
+    const getStyles = useStyles({
+        name: 'TooltipFloating',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        rootSelector: 'tooltip',
+        vars,
+        varsResolver,
+    });
+    const { handleMouseMove, x, y, opened, boundaryRef, floating, setOpened } = useFloatingTooltip({
+        offset: offset,
+        position: position,
+    });
+    if (!isElement(children)) {
+        throw new Error('[@mantine/core] Tooltip.Floating component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported');
+    }
+    const targetRef = useMergedRef(boundaryRef, children.ref, ref);
+    const onMouseEnter = (event) => {
+        var _a, _b;
+        (_b = (_a = children.props).onMouseEnter) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+        handleMouseMove(event);
+        setOpened(true);
+    };
+    const onMouseLeave = (event) => {
+        var _a, _b;
+        (_b = (_a = children.props).onMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+        setOpened(false);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(OptionalPortal, Object.assign({}, portalProps, { withinPortal: withinPortal }),
+            React.createElement(Box, Object.assign({}, others, getStyles('tooltip', {
+                style: Object.assign(Object.assign({}, getStyleObject(style, theme)), { zIndex, display: !disabled && opened ? 'block' : 'none', top: (_a = (y && Math.round(y))) !== null && _a !== void 0 ? _a : '', left: (_b = (x && Math.round(x))) !== null && _b !== void 0 ? _b : '' }),
+            }), { variant: variant, ref: floating }), label)),
+        cloneElement(children, Object.assign(Object.assign({}, children.props), { [refProp]: targetRef, onMouseEnter,
+            onMouseLeave }))));
 });
-TooltipFloating.displayName = "@mantine/core/TooltipFloating";
+TooltipFloating.displayName = '@mantine/core/TooltipFloating';
 
 export { TooltipFloating };
 //# sourceMappingURL=TooltipFloating.js.map

package/esm/components/Tooltip/TooltipFloating/TooltipFloating.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipFloating.js","sources":["../../../../src/components/Tooltip/TooltipFloating/TooltipFloating.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport {\n  Box,\n  factory,\n  getDefaultZIndex,\n  isElement,\n  useProps,\n  useStyles,\n  getStyleObject,\n  useMantineTheme,\n  Factory,\n  createVarsResolver,\n  getRadius,\n  getThemeColor,\n} from '../../../core';\nimport { OptionalPortal } from '../../Portal';\nimport { TooltipBaseProps, TooltipCssVariables, TooltipStylesNames } from '../Tooltip.types';\nimport classes from '../Tooltip.module.css';\nimport { useFloatingTooltip } from './use-floating-tooltip';\n\nexport interface TooltipFloatingProps extends TooltipBaseProps {\n  /** Offset from mouse in px, `10` by default */\n  offset?: number;\n}\n\nexport type TooltipFloatingFactory = Factory<{\n  props: TooltipFloatingProps;\n  ref: HTMLDivElement;\n  stylesNames: TooltipStylesNames;\n  vars: TooltipCssVariables;\n}>;\n\nconst defaultProps: Partial<TooltipFloatingProps> = {\n  refProp: 'ref',\n  withinPortal: true,\n  offset: 10,\n  position: 'right',\n  zIndex: getDefaultZIndex('popover'),\n};\n\nconst varsResolver = createVarsResolver<TooltipFloatingFactory>((theme, { radius, color }) => ({\n  tooltip: {\n    '--tooltip-radius': getRadius(radius),\n    '--tooltip-bg': color ? getThemeColor(color, theme) : undefined,\n  },\n}));\n\nexport const TooltipFloating = factory<TooltipFloatingFactory>((_props, ref) => {\n  const props = useProps('TooltipFloating', defaultProps, _props);\n  const {\n    children,\n    refProp,\n    withinPortal,\n    style,\n    className,\n    classNames,\n    styles,\n    unstyled,\n    radius,\n    color,\n    label,\n    offset,\n    position,\n    multiline,\n    zIndex,\n    disabled,\n    variant,\n    vars,\n    portalProps,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n  const getStyles = useStyles<TooltipFloatingFactory>({\n    name: 'TooltipFloating',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'tooltip',\n    vars,\n    varsResolver,\n  });\n\n  const { handleMouseMove, x, y, opened, boundaryRef, floating, setOpened } = useFloatingTooltip({\n    offset: offset!,\n    position: position!,\n  });\n\n  if (!isElement(children)) {\n    throw new Error(\n      '[@mantine/core] Tooltip.Floating component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported'\n    );\n  }\n\n  const targetRef = useMergedRef(boundaryRef, (children as any).ref, ref);\n\n  const onMouseEnter = (event: React.MouseEvent<unknown, MouseEvent>) => {\n    children.props.onMouseEnter?.(event);\n    handleMouseMove(event);\n    setOpened(true);\n  };\n\n  const onMouseLeave = (event: React.MouseEvent<unknown, MouseEvent>) => {\n    children.props.onMouseLeave?.(event);\n    setOpened(false);\n  };\n\n  return (\n    <>\n      <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n        <Box\n          {...others}\n          {...getStyles('tooltip', {\n            style: {\n              ...getStyleObject(style, theme),\n              zIndex,\n              display: !disabled && opened ? 'block' : 'none',\n              top: (y && Math.round(y)) ?? '',\n              left: (x && Math.round(x)) ?? '',\n            },\n          })}\n          variant={variant}\n          ref={floating}\n        >\n          {label}\n        </Box>\n      </OptionalPortal>\n\n      {cloneElement(children, {\n        ...children.props,\n        [refProp!]: targetRef,\n        onMouseEnter,\n        onMouseLeave,\n      })}\n    </>\n  );\n});\n\nTooltipFloating.displayName = '@mantine/core/TooltipFloating';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TooltipFloating.js","sources":["../../../../src/components/Tooltip/TooltipFloating/TooltipFloating.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport {\n  Box,\n  factory,\n  getDefaultZIndex,\n  isElement,\n  useProps,\n  useStyles,\n  getStyleObject,\n  useMantineTheme,\n  Factory,\n  createVarsResolver,\n  getRadius,\n  getThemeColor,\n} from '../../../core';\nimport { OptionalPortal } from '../../Portal';\nimport { TooltipBaseProps, TooltipCssVariables, TooltipStylesNames } from '../Tooltip.types';\nimport classes from '../Tooltip.module.css';\nimport { useFloatingTooltip } from './use-floating-tooltip';\n\nexport interface TooltipFloatingProps extends TooltipBaseProps {\n  /** Offset from mouse in px, `10` by default */\n  offset?: number;\n}\n\nexport type TooltipFloatingFactory = Factory<{\n  props: TooltipFloatingProps;\n  ref: HTMLDivElement;\n  stylesNames: TooltipStylesNames;\n  vars: TooltipCssVariables;\n}>;\n\nconst defaultProps: Partial<TooltipFloatingProps> = {\n  refProp: 'ref',\n  withinPortal: true,\n  offset: 10,\n  position: 'right',\n  zIndex: getDefaultZIndex('popover'),\n};\n\nconst varsResolver = createVarsResolver<TooltipFloatingFactory>((theme, { radius, color }) => ({\n  tooltip: {\n    '--tooltip-radius': getRadius(radius),\n    '--tooltip-bg': color ? getThemeColor(color, theme) : undefined,\n  },\n}));\n\nexport const TooltipFloating = factory<TooltipFloatingFactory>((_props, ref) => {\n  const props = useProps('TooltipFloating', defaultProps, _props);\n  const {\n    children,\n    refProp,\n    withinPortal,\n    style,\n    className,\n    classNames,\n    styles,\n    unstyled,\n    radius,\n    color,\n    label,\n    offset,\n    position,\n    multiline,\n    zIndex,\n    disabled,\n    variant,\n    vars,\n    portalProps,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n  const getStyles = useStyles<TooltipFloatingFactory>({\n    name: 'TooltipFloating',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'tooltip',\n    vars,\n    varsResolver,\n  });\n\n  const { handleMouseMove, x, y, opened, boundaryRef, floating, setOpened } = useFloatingTooltip({\n    offset: offset!,\n    position: position!,\n  });\n\n  if (!isElement(children)) {\n    throw new Error(\n      '[@mantine/core] Tooltip.Floating component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported'\n    );\n  }\n\n  const targetRef = useMergedRef(boundaryRef, (children as any).ref, ref);\n\n  const onMouseEnter = (event: React.MouseEvent<unknown, MouseEvent>) => {\n    children.props.onMouseEnter?.(event);\n    handleMouseMove(event);\n    setOpened(true);\n  };\n\n  const onMouseLeave = (event: React.MouseEvent<unknown, MouseEvent>) => {\n    children.props.onMouseLeave?.(event);\n    setOpened(false);\n  };\n\n  return (\n    <>\n      <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n        <Box\n          {...others}\n          {...getStyles('tooltip', {\n            style: {\n              ...getStyleObject(style, theme),\n              zIndex,\n              display: !disabled && opened ? 'block' : 'none',\n              top: (y && Math.round(y)) ?? '',\n              left: (x && Math.round(x)) ?? '',\n            },\n          })}\n          variant={variant}\n          ref={floating}\n        >\n          {label}\n        </Box>\n      </OptionalPortal>\n\n      {cloneElement(children, {\n        ...children.props,\n        [refProp!]: targetRef,\n        onMouseEnter,\n        onMouseLeave,\n      })}\n    </>\n  );\n});\n\nTooltipFloating.displayName = '@mantine/core/TooltipFloating';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,MAAM,YAAY,GAAkC;IAClD,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,gBAAgB,CAAC,SAAS,CAAC;CACpC,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAyB,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAC7F,OAAO,EAAE;QACP,kBAAkB,EAAE,SAAS,CAAC,MAAM,CAAC;QACrC,cAAc,EAAE,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,SAAS;KAChE;CACF,CAAC,CAAC,CAAC;MAES,eAAe,GAAG,OAAO,CAAyB,CAAC,MAAM,EAAE,GAAG;;IACzE,MAAM,KAAK,GAAG,QAAQ,CAAC,iBAAiB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAChE,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,KAAK,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,KAET,KAAK,EADJ,MAAM,UACP,KAAK,EArBH,wNAqBL,CAAQ,CAAC;IAEV,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,SAAS,GAAG,SAAS,CAAyB;QAClD,IAAI,EAAE,iBAAiB;QACvB,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,YAAY,EAAE,SAAS;QACvB,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,kBAAkB,CAAC;QAC7F,MAAM,EAAE,MAAO;QACf,QAAQ,EAAE,QAAS;KACpB,CAAC,CAAC;IAEH,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;QACxB,MAAM,IAAI,KAAK,CACb,oLAAoL,CACrL,CAAC;KACH;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAG,QAAgB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,CAAC,KAA4C;;QAChE,MAAA,MAAA,QAAQ,CAAC,KAAK,EAAC,YAAY,mDAAG,KAAK,CAAC,CAAC;QACrC,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;KACjB,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA4C;;QAChE,MAAA,MAAA,QAAQ,CAAC,KAAK,EAAC,YAAY,mDAAG,KAAK,CAAC,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,CAAC;KAClB,CAAC;IAEF,QACE;QACE,oBAAC,cAAc,oBAAK,WAAW,IAAE,YAAY,EAAE,YAAY;YACzD,oBAAC,GAAG,oBACE,MAAM,EACN,SAAS,CAAC,SAAS,EAAE;gBACvB,KAAK,kCACA,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,KAC/B,MAAM,EACN,OAAO,EAAE,CAAC,QAAQ,IAAI,MAAM,GAAG,OAAO,GAAG,MAAM,EAC/C,GAAG,EAAE,OAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,mCAAI,EAAE,EAC/B,IAAI,EAAE,OAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,mCAAI,EAAE,GACjC;aACF,CAAC,IACF,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,QAAQ,KAEZ,KAAK,CACF,CACS;QAEhB,YAAY,CAAC,QAAQ,kCACjB,QAAQ,CAAC,KAAK,KACjB,CAAC,OAAQ,GAAG,SAAS,EACrB,YAAY;YACZ,YAAY,IACZ,CACD,EACH;AACJ,CAAC,EAAE;AAEH,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}

package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js

@@ -1,59 +1,63 @@
-'use client';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { useFloating, shift, getOverflowAncestors } from '@floating-ui/react';
 
-function useFloatingTooltip({
-  offset,
-  position
-}) {
-  const [opened, setOpened] = useState(false);
-  const boundaryRef = useRef();
-  const { x, y, reference, floating, refs, update, placement } = useFloating({
-    placement: position,
-    middleware: [
-      shift({
-        crossAxis: true,
-        padding: 5,
-        rootBoundary: "document"
-      })
-    ]
-  });
-  const horizontalOffset = placement.includes("right") ? offset : position.includes("left") ? offset * -1 : 0;
-  const verticalOffset = placement.includes("bottom") ? offset : position.includes("top") ? offset * -1 : 0;
-  const handleMouseMove = useCallback(({ clientX, clientY }) => {
-    reference({
-      getBoundingClientRect() {
-        return {
-          width: 0,
-          height: 0,
-          x: clientX,
-          y: clientY,
-          left: clientX + horizontalOffset,
-          top: clientY + verticalOffset,
-          right: clientX,
-          bottom: clientY
-        };
-      }
+function useFloatingTooltip({ offset, position, }) {
+    const [opened, setOpened] = useState(false);
+    const boundaryRef = useRef();
+    const { x, y, reference, floating, refs, update, placement } = useFloating({
+        placement: position,
+        middleware: [
+            shift({
+                crossAxis: true,
+                padding: 5,
+                rootBoundary: 'document',
+            }),
+        ],
     });
-  }, [reference]);
-  useEffect(() => {
-    if (refs.floating.current) {
-      const boundary = boundaryRef.current;
-      boundary.addEventListener("mousemove", handleMouseMove);
-      const parents = getOverflowAncestors(refs.floating.current);
-      parents.forEach((parent) => {
-        parent.addEventListener("scroll", update);
-      });
-      return () => {
-        boundary.removeEventListener("mousemove", handleMouseMove);
-        parents.forEach((parent) => {
-          parent.removeEventListener("scroll", update);
+    const horizontalOffset = placement.includes('right')
+        ? offset
+        : position.includes('left')
+            ? offset * -1
+            : 0;
+    const verticalOffset = placement.includes('bottom')
+        ? offset
+        : position.includes('top')
+            ? offset * -1
+            : 0;
+    const handleMouseMove = useCallback(({ clientX, clientY }) => {
+        reference({
+            getBoundingClientRect() {
+                return {
+                    width: 0,
+                    height: 0,
+                    x: clientX,
+                    y: clientY,
+                    left: clientX + horizontalOffset,
+                    top: clientY + verticalOffset,
+                    right: clientX,
+                    bottom: clientY,
+                };
+            },
         });
-      };
-    }
-    return void 0;
-  }, [reference, refs.floating.current, update, handleMouseMove, opened]);
-  return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating };
+    }, [reference]);
+    useEffect(() => {
+        if (refs.floating.current) {
+            const boundary = boundaryRef.current;
+            boundary.addEventListener('mousemove', handleMouseMove);
+            const parents = getOverflowAncestors(refs.floating.current);
+            parents.forEach((parent) => {
+                parent.addEventListener('scroll', update);
+            });
+            return () => {
+                boundary.removeEventListener('mousemove', handleMouseMove);
+                parents.forEach((parent) => {
+                    parent.removeEventListener('scroll', update);
+                });
+            };
+        }
+        return undefined;
+    }, [reference, refs.floating.current, update, handleMouseMove, opened]);
+    return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating };
 }
 
 export { useFloatingTooltip };

package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating-tooltip.js","sources":["../../../../src/components/Tooltip/TooltipFloating/use-floating-tooltip.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport { useFloating, shift, getOverflowAncestors } from '@floating-ui/react';\nimport { FloatingPosition } from '../../Floating';\n\ninterface UseFloatingTooltip {\n  offset: number;\n  position: FloatingPosition;\n}\n\nexport function useFloatingTooltip<T extends HTMLElement = any>({\n  offset,\n  position,\n}: UseFloatingTooltip) {\n  const [opened, setOpened] = useState(false);\n  const boundaryRef = useRef<T>();\n  const { x, y, reference, floating, refs, update, placement } = useFloating({\n    placement: position,\n    middleware: [\n      shift({\n        crossAxis: true,\n        padding: 5,\n        rootBoundary: 'document',\n      }),\n    ],\n  });\n\n  const horizontalOffset = placement.includes('right')\n    ? offset\n    : position.includes('left')\n    ? offset * -1\n    : 0;\n\n  const verticalOffset = placement.includes('bottom')\n    ? offset\n    : position.includes('top')\n    ? offset * -1\n    : 0;\n\n  const handleMouseMove = useCallback(\n    ({ clientX, clientY }: MouseEvent | React.MouseEvent<T, MouseEvent>) => {\n      reference({\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: clientX,\n            y: clientY,\n            left: clientX + horizontalOffset,\n            top: clientY + verticalOffset,\n            right: clientX,\n            bottom: clientY,\n          };\n        },\n      });\n    },\n    [reference]\n  );\n\n  useEffect(() => {\n    if (refs.floating.current) {\n      const boundary = boundaryRef.current!;\n      boundary.addEventListener('mousemove', handleMouseMove);\n\n      const parents = getOverflowAncestors(refs.floating.current);\n      parents.forEach((parent) => {\n        parent.addEventListener('scroll', update);\n      });\n\n      return () => {\n        boundary.removeEventListener('mousemove', handleMouseMove);\n        parents.forEach((parent) => {\n          parent.removeEventListener('scroll', update);\n        });\n      };\n    }\n\n    return undefined;\n  }, [reference, refs.floating.current, update, handleMouseMove, opened]);\n\n  return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-floating-tooltip.js","sources":["../../../../src/components/Tooltip/TooltipFloating/use-floating-tooltip.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport { useFloating, shift, getOverflowAncestors } from '@floating-ui/react';\nimport { FloatingPosition } from '../../Floating';\n\ninterface UseFloatingTooltip {\n  offset: number;\n  position: FloatingPosition;\n}\n\nexport function useFloatingTooltip<T extends HTMLElement = any>({\n  offset,\n  position,\n}: UseFloatingTooltip) {\n  const [opened, setOpened] = useState(false);\n  const boundaryRef = useRef<T>();\n  const { x, y, reference, floating, refs, update, placement } = useFloating({\n    placement: position,\n    middleware: [\n      shift({\n        crossAxis: true,\n        padding: 5,\n        rootBoundary: 'document',\n      }),\n    ],\n  });\n\n  const horizontalOffset = placement.includes('right')\n    ? offset\n    : position.includes('left')\n    ? offset * -1\n    : 0;\n\n  const verticalOffset = placement.includes('bottom')\n    ? offset\n    : position.includes('top')\n    ? offset * -1\n    : 0;\n\n  const handleMouseMove = useCallback(\n    ({ clientX, clientY }: MouseEvent | React.MouseEvent<T, MouseEvent>) => {\n      reference({\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: clientX,\n            y: clientY,\n            left: clientX + horizontalOffset,\n            top: clientY + verticalOffset,\n            right: clientX,\n            bottom: clientY,\n          };\n        },\n      });\n    },\n    [reference]\n  );\n\n  useEffect(() => {\n    if (refs.floating.current) {\n      const boundary = boundaryRef.current!;\n      boundary.addEventListener('mousemove', handleMouseMove);\n\n      const parents = getOverflowAncestors(refs.floating.current);\n      parents.forEach((parent) => {\n        parent.addEventListener('scroll', update);\n      });\n\n      return () => {\n        boundary.removeEventListener('mousemove', handleMouseMove);\n        parents.forEach((parent) => {\n          parent.removeEventListener('scroll', update);\n        });\n      };\n    }\n\n    return undefined;\n  }, [reference, refs.floating.current, update, handleMouseMove, opened]);\n\n  return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating };\n}\n"],"names":[],"mappings":";;;SASgB,kBAAkB,CAA8B,EAC9D,MAAM,EACN,QAAQ,GACW;IACnB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,MAAM,EAAK,CAAC;IAChC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC;QACzE,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE;YACV,KAAK,CAAC;gBACJ,SAAS,EAAE,IAAI;gBACf,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,UAAU;aACzB,CAAC;SACH;KACF,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;UAChD,MAAM;UACN,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;cACzB,MAAM,GAAG,CAAC,CAAC;cACX,CAAC,CAAC;IAEN,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;UAC/C,MAAM;UACN,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;cACxB,MAAM,GAAG,CAAC,CAAC;cACX,CAAC,CAAC;IAEN,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAgD;QACjE,SAAS,CAAC;YACR,qBAAqB;gBACnB,OAAO;oBACL,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,CAAC,EAAE,OAAO;oBACV,CAAC,EAAE,OAAO;oBACV,IAAI,EAAE,OAAO,GAAG,gBAAgB;oBAChC,GAAG,EAAE,OAAO,GAAG,cAAc;oBAC7B,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,OAAO;iBAChB,CAAC;aACH;SACF,CAAC,CAAC;KACJ,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAQ,CAAC;YACtC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAExD,MAAM,OAAO,GAAG,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC5D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM;gBACrB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;aAC3C,CAAC,CAAC;YAEH,OAAO;gBACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;gBAC3D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM;oBACrB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;iBAC9C,CAAC,CAAC;aACJ,CAAC;SACH;QAED,OAAO,SAAS,CAAC;KAClB,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAExE,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAC7E;;;;"}

package/esm/components/Tooltip/TooltipGroup/TooltipGroup.context.js

@@ -1,4 +1,3 @@
-'use client';
 import { useContext, createContext } from 'react';
 
 const TooltipGroupContext = createContext(false);

package/esm/components/Tooltip/TooltipGroup/TooltipGroup.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipGroup.context.js","sources":["../../../../src/components/Tooltip/TooltipGroup/TooltipGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst TooltipGroupContext = createContext(false);\n\nexport const TooltipGroupProvider = TooltipGroupContext.Provider;\nexport const useTooltipGroupContext = () => useContext(TooltipGroupContext);\n"],"names":[],"mappings":";;;AACA,MAAM,mBAAmB,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AACrC,MAAC,oBAAoB,GAAG,mBAAmB,CAAC,SAAS;AACrD,MAAC,sBAAsB,GAAG,MAAM,UAAU,CAAC,mBAAmB;;"}
+{"version":3,"file":"TooltipGroup.context.js","sources":["../../../../src/components/Tooltip/TooltipGroup/TooltipGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst TooltipGroupContext = createContext(false);\n\nexport const TooltipGroupProvider = TooltipGroupContext.Provider;\nexport const useTooltipGroupContext = () => useContext(TooltipGroupContext);\n"],"names":[],"mappings":";;AAEA,MAAM,mBAAmB,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;MAEpC,oBAAoB,GAAG,mBAAmB,CAAC,SAAS;MACpD,sBAAsB,GAAG,MAAM,UAAU,CAAC,mBAAmB;;;;"}

package/esm/components/Tooltip/TooltipGroup/TooltipGroup.js

@@ -1,22 +1,19 @@
-'use client';
 import React from 'react';
 import { FloatingDelayGroup } from '@floating-ui/react';
 import { TooltipGroupProvider } from './TooltipGroup.context.js';
 import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
 
+/* eslint-disable react/no-unused-prop-types */
 const defaultProps = {
-  openDelay: 0,
-  closeDelay: 0
+    openDelay: 0,
+    closeDelay: 0,
 };
 function TooltipGroup(props) {
-  const { openDelay, closeDelay, children } = useProps("TooltipGroup", defaultProps, props);
-  return /* @__PURE__ */ React.createElement(TooltipGroupProvider, {
-    value: true
-  }, /* @__PURE__ */ React.createElement(FloatingDelayGroup, {
-    delay: { open: openDelay, close: closeDelay }
-  }, children));
+    const { openDelay, closeDelay, children } = useProps('TooltipGroup', defaultProps, props);
+    return (React.createElement(TooltipGroupProvider, { value: true },
+        React.createElement(FloatingDelayGroup, { delay: { open: openDelay, close: closeDelay } }, children)));
 }
-TooltipGroup.displayName = "@mantine/core/TooltipGroup";
+TooltipGroup.displayName = '@mantine/core/TooltipGroup';
 
 export { TooltipGroup };
 //# sourceMappingURL=TooltipGroup.js.map

package/esm/components/Tooltip/TooltipGroup/TooltipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipGroup.js","sources":["../../../../src/components/Tooltip/TooltipGroup/TooltipGroup.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport { FloatingDelayGroup } from '@floating-ui/react';\nimport { useProps } from '../../../core';\nimport { TooltipGroupProvider } from './TooltipGroup.context';\n\nexport interface TooltipGroupProps {\n  /** <Tooltip /> components */\n  children: React.ReactNode;\n\n  /** Open delay in ms */\n  openDelay?: number;\n\n  /** Close delay in ms */\n  closeDelay?: number;\n}\n\nconst defaultProps: Partial<TooltipGroupProps> = {\n  openDelay: 0,\n  closeDelay: 0,\n};\n\nexport function TooltipGroup(props: TooltipGroupProps) {\n  const { openDelay, closeDelay, children } = useProps('TooltipGroup', defaultProps, props);\n\n  return (\n    <TooltipGroupProvider value>\n      <FloatingDelayGroup delay={{ open: openDelay, close: closeDelay }}>\n        {children}\n      </FloatingDelayGroup>\n    </TooltipGroupProvider>\n  );\n}\n\nTooltipGroup.displayName = '@mantine/core/TooltipGroup';\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,YAAY,GAAG;AACrB,EAAE,SAAS,EAAE,CAAC;AACd,EAAE,UAAU,EAAE,CAAC;AACf,CAAC,CAAC;AACK,SAAS,YAAY,CAAC,KAAK,EAAE;AACpC,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,cAAc,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AAC5F,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,oBAAoB,EAAE;AACnE,IAAI,KAAK,EAAE,IAAI;AACf,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE;AAC7D,IAAI,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;AACjD,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AAChB,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,4BAA4B;;"}
+{"version":3,"file":"TooltipGroup.js","sources":["../../../../src/components/Tooltip/TooltipGroup/TooltipGroup.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport { FloatingDelayGroup } from '@floating-ui/react';\nimport { useProps } from '../../../core';\nimport { TooltipGroupProvider } from './TooltipGroup.context';\n\nexport interface TooltipGroupProps {\n  /** <Tooltip /> components */\n  children: React.ReactNode;\n\n  /** Open delay in ms */\n  openDelay?: number;\n\n  /** Close delay in ms */\n  closeDelay?: number;\n}\n\nconst defaultProps: Partial<TooltipGroupProps> = {\n  openDelay: 0,\n  closeDelay: 0,\n};\n\nexport function TooltipGroup(props: TooltipGroupProps) {\n  const { openDelay, closeDelay, children } = useProps('TooltipGroup', defaultProps, props);\n\n  return (\n    <TooltipGroupProvider value>\n      <FloatingDelayGroup delay={{ open: openDelay, close: closeDelay }}>\n        {children}\n      </FloatingDelayGroup>\n    </TooltipGroupProvider>\n  );\n}\n\nTooltipGroup.displayName = '@mantine/core/TooltipGroup';\n"],"names":[],"mappings":";;;;;AAAA;AAiBA,MAAM,YAAY,GAA+B;IAC/C,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,CAAC;CACd,CAAC;SAEc,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,cAAc,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IAE1F,QACE,oBAAC,oBAAoB,IAAC,KAAK;QACzB,oBAAC,kBAAkB,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,IAC9D,QAAQ,CACU,CACA,EACvB;AACJ,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}

package/esm/components/Tooltip/use-tooltip.js

@@ -1,4 +1,3 @@
-'use client';
 import { useState, useCallback } from 'react';
 import { useDelayGroupContext, useFloating, offset, shift, flip, arrow, inline, useInteractions, useHover, useFocus, useRole, useDismiss, useDelayGroup } from '@floating-ui/react';
 import { useId, useDidUpdate } from '@mantine/hooks';
@@ -6,76 +5,67 @@ import { useTooltipGroupContext } from './TooltipGroup/TooltipGroup.context.js';
 import { useFloatingAutoUpdate } from '../Floating/use-floating-auto-update.js';
 
 function useTooltip(settings) {
-  var _a, _b, _c;
-  const [uncontrolledOpened, setUncontrolledOpened] = useState(false);
-  const controlled = typeof settings.opened === "boolean";
-  const opened = controlled ? settings.opened : uncontrolledOpened;
-  const withinGroup = useTooltipGroupContext();
-  const uid = useId();
-  const { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext();
-  const onChange = useCallback((_opened) => {
-    setUncontrolledOpened(_opened);
-    if (_opened) {
-      setCurrentId(uid);
-    }
-  }, [setCurrentId, uid]);
-  const {
-    x,
-    y,
-    reference,
-    floating,
-    context,
-    refs,
-    update,
-    placement,
-    middlewareData: { arrow: { x: arrowX, y: arrowY } = {} }
-  } = useFloating({
-    placement: settings.position,
-    open: opened,
-    onOpenChange: onChange,
-    middleware: [
-      offset(settings.offset),
-      shift({ padding: 8 }),
-      flip(),
-      arrow({ element: settings.arrowRef, padding: settings.arrowOffset }),
-      ...settings.inline ? [inline()] : []
-    ]
-  });
-  const { getReferenceProps, getFloatingProps } = useInteractions([
-    useHover(context, {
-      enabled: (_a = settings.events) == null ? void 0 : _a.hover,
-      delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },
-      mouseOnly: !((_b = settings.events) == null ? void 0 : _b.touch)
-    }),
-    useFocus(context, { enabled: (_c = settings.events) == null ? void 0 : _c.focus, keyboardOnly: true }),
-    useRole(context, { role: "tooltip" }),
-    useDismiss(context, { enabled: typeof settings.opened === void 0 }),
-    useDelayGroup(context, { id: uid })
-  ]);
-  useFloatingAutoUpdate({
-    opened,
-    position: settings.position,
-    positionDependencies: settings.positionDependencies,
-    floating: { refs, update }
-  });
-  useDidUpdate(() => {
-    var _a2;
-    (_a2 = settings.onPositionChange) == null ? void 0 : _a2.call(settings, placement);
-  }, [placement]);
-  const isGroupPhase = opened && currentId && currentId !== uid;
-  return {
-    x,
-    y,
-    arrowX,
-    arrowY,
-    reference,
-    floating,
-    getFloatingProps,
-    getReferenceProps,
-    isGroupPhase,
-    opened,
-    placement
-  };
+    var _a, _b, _c;
+    const [uncontrolledOpened, setUncontrolledOpened] = useState(false);
+    const controlled = typeof settings.opened === 'boolean';
+    const opened = controlled ? settings.opened : uncontrolledOpened;
+    const withinGroup = useTooltipGroupContext();
+    const uid = useId();
+    const { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext();
+    const onChange = useCallback((_opened) => {
+        setUncontrolledOpened(_opened);
+        if (_opened) {
+            setCurrentId(uid);
+        }
+    }, [setCurrentId, uid]);
+    const { x, y, reference, floating, context, refs, update, placement, middlewareData: { arrow: { x: arrowX, y: arrowY } = {} }, } = useFloating({
+        placement: settings.position,
+        open: opened,
+        onOpenChange: onChange,
+        middleware: [
+            offset(settings.offset),
+            shift({ padding: 8 }),
+            flip(),
+            arrow({ element: settings.arrowRef, padding: settings.arrowOffset }),
+            ...(settings.inline ? [inline()] : []),
+        ],
+    });
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        useHover(context, {
+            enabled: (_a = settings.events) === null || _a === void 0 ? void 0 : _a.hover,
+            delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },
+            mouseOnly: !((_b = settings.events) === null || _b === void 0 ? void 0 : _b.touch),
+        }),
+        useFocus(context, { enabled: (_c = settings.events) === null || _c === void 0 ? void 0 : _c.focus, keyboardOnly: true }),
+        useRole(context, { role: 'tooltip' }),
+        // cannot be used with controlled tooltip, page jumps
+        useDismiss(context, { enabled: typeof settings.opened === undefined }),
+        useDelayGroup(context, { id: uid }),
+    ]);
+    useFloatingAutoUpdate({
+        opened,
+        position: settings.position,
+        positionDependencies: settings.positionDependencies,
+        floating: { refs, update },
+    });
+    useDidUpdate(() => {
+        var _a;
+        (_a = settings.onPositionChange) === null || _a === void 0 ? void 0 : _a.call(settings, placement);
+    }, [placement]);
+    const isGroupPhase = opened && currentId && currentId !== uid;
+    return {
+        x,
+        y,
+        arrowX,
+        arrowY,
+        reference,
+        floating,
+        getFloatingProps,
+        getReferenceProps,
+        isGroupPhase,
+        opened,
+        placement,
+    };
 }
 
 export { useTooltip };

package/esm/components/Tooltip/use-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tooltip.js","sources":["../../../src/components/Tooltip/use-tooltip.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport {\n  useFloating,\n  flip,\n  arrow,\n  offset,\n  shift,\n  useInteractions,\n  useHover,\n  useFocus,\n  useRole,\n  useDismiss,\n  useDelayGroupContext,\n  useDelayGroup,\n  inline,\n} from '@floating-ui/react';\nimport { useId, useDidUpdate } from '@mantine/hooks';\nimport { useTooltipGroupContext } from './TooltipGroup/TooltipGroup.context';\nimport { FloatingAxesOffsets, FloatingPosition, useFloatingAutoUpdate } from '../Floating';\n\ninterface UseTooltip {\n  position: FloatingPosition;\n  closeDelay?: number;\n  openDelay?: number;\n  onPositionChange?(position: FloatingPosition): void;\n  opened?: boolean;\n  offset: number | FloatingAxesOffsets;\n  arrowRef?: React.RefObject<HTMLDivElement>;\n  arrowOffset?: number;\n  events?: { hover: boolean; focus: boolean; touch: boolean };\n  positionDependencies: any[];\n  inline?: boolean;\n}\n\nexport function useTooltip(settings: UseTooltip) {\n  const [uncontrolledOpened, setUncontrolledOpened] = useState(false);\n  const controlled = typeof settings.opened === 'boolean';\n  const opened = controlled ? settings.opened : uncontrolledOpened;\n  const withinGroup = useTooltipGroupContext();\n  const uid = useId();\n\n  const { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext();\n\n  const onChange = useCallback(\n    (_opened: boolean) => {\n      setUncontrolledOpened(_opened);\n\n      if (_opened) {\n        setCurrentId(uid);\n      }\n    },\n    [setCurrentId, uid]\n  );\n\n  const {\n    x,\n    y,\n    reference,\n    floating,\n    context,\n    refs,\n    update,\n    placement,\n    middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n  } = useFloating({\n    placement: settings.position,\n    open: opened,\n    onOpenChange: onChange,\n    middleware: [\n      offset(settings.offset),\n      shift({ padding: 8 }),\n      flip(),\n      arrow({ element: settings.arrowRef!, padding: settings.arrowOffset }),\n      ...(settings.inline ? [inline()] : []),\n    ],\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useHover(context, {\n      enabled: settings.events?.hover,\n      delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },\n      mouseOnly: !settings.events?.touch,\n    }),\n    useFocus(context, { enabled: settings.events?.focus, keyboardOnly: true }),\n    useRole(context, { role: 'tooltip' }),\n    // cannot be used with controlled tooltip, page jumps\n    useDismiss(context, { enabled: typeof settings.opened === undefined }),\n    useDelayGroup(context, { id: uid }),\n  ]);\n\n  useFloatingAutoUpdate({\n    opened,\n    position: settings.position,\n    positionDependencies: settings.positionDependencies,\n    floating: { refs, update },\n  });\n\n  useDidUpdate(() => {\n    settings.onPositionChange?.(placement);\n  }, [placement]);\n\n  const isGroupPhase = opened && currentId && currentId !== uid;\n\n  return {\n    x,\n    y,\n    arrowX,\n    arrowY,\n    reference,\n    floating,\n    getFloatingProps,\n    getReferenceProps,\n    isGroupPhase,\n    opened,\n    placement,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-tooltip.js","sources":["../../../src/components/Tooltip/use-tooltip.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport {\n  useFloating,\n  flip,\n  arrow,\n  offset,\n  shift,\n  useInteractions,\n  useHover,\n  useFocus,\n  useRole,\n  useDismiss,\n  useDelayGroupContext,\n  useDelayGroup,\n  inline,\n} from '@floating-ui/react';\nimport { useId, useDidUpdate } from '@mantine/hooks';\nimport { useTooltipGroupContext } from './TooltipGroup/TooltipGroup.context';\nimport { FloatingAxesOffsets, FloatingPosition, useFloatingAutoUpdate } from '../Floating';\n\ninterface UseTooltip {\n  position: FloatingPosition;\n  closeDelay?: number;\n  openDelay?: number;\n  onPositionChange?(position: FloatingPosition): void;\n  opened?: boolean;\n  offset: number | FloatingAxesOffsets;\n  arrowRef?: React.RefObject<HTMLDivElement>;\n  arrowOffset?: number;\n  events?: { hover: boolean; focus: boolean; touch: boolean };\n  positionDependencies: any[];\n  inline?: boolean;\n}\n\nexport function useTooltip(settings: UseTooltip) {\n  const [uncontrolledOpened, setUncontrolledOpened] = useState(false);\n  const controlled = typeof settings.opened === 'boolean';\n  const opened = controlled ? settings.opened : uncontrolledOpened;\n  const withinGroup = useTooltipGroupContext();\n  const uid = useId();\n\n  const { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext();\n\n  const onChange = useCallback(\n    (_opened: boolean) => {\n      setUncontrolledOpened(_opened);\n\n      if (_opened) {\n        setCurrentId(uid);\n      }\n    },\n    [setCurrentId, uid]\n  );\n\n  const {\n    x,\n    y,\n    reference,\n    floating,\n    context,\n    refs,\n    update,\n    placement,\n    middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n  } = useFloating({\n    placement: settings.position,\n    open: opened,\n    onOpenChange: onChange,\n    middleware: [\n      offset(settings.offset),\n      shift({ padding: 8 }),\n      flip(),\n      arrow({ element: settings.arrowRef!, padding: settings.arrowOffset }),\n      ...(settings.inline ? [inline()] : []),\n    ],\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useHover(context, {\n      enabled: settings.events?.hover,\n      delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },\n      mouseOnly: !settings.events?.touch,\n    }),\n    useFocus(context, { enabled: settings.events?.focus, keyboardOnly: true }),\n    useRole(context, { role: 'tooltip' }),\n    // cannot be used with controlled tooltip, page jumps\n    useDismiss(context, { enabled: typeof settings.opened === undefined }),\n    useDelayGroup(context, { id: uid }),\n  ]);\n\n  useFloatingAutoUpdate({\n    opened,\n    position: settings.position,\n    positionDependencies: settings.positionDependencies,\n    floating: { refs, update },\n  });\n\n  useDidUpdate(() => {\n    settings.onPositionChange?.(placement);\n  }, [placement]);\n\n  const isGroupPhase = opened && currentId && currentId !== uid;\n\n  return {\n    x,\n    y,\n    arrowX,\n    arrowY,\n    reference,\n    floating,\n    getFloatingProps,\n    getReferenceProps,\n    isGroupPhase,\n    opened,\n    placement,\n  };\n}\n"],"names":[],"mappings":";;;;;;SAkCgB,UAAU,CAAC,QAAoB;;IAC7C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,OAAO,QAAQ,CAAC,MAAM,KAAK,SAAS,CAAC;IACxD,MAAM,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC,MAAM,GAAG,kBAAkB,CAAC;IACjE,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC;IAEpB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAE9E,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,OAAgB;QACf,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAE/B,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,GAAG,CAAC,CAAC;SACnB;KACF,EACD,CAAC,YAAY,EAAE,GAAG,CAAC,CACpB,CAAC;IAEF,MAAM,EACJ,CAAC,EACD,CAAC,EACD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,EACN,SAAS,EACT,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,GACzD,GAAG,WAAW,CAAC;QACd,SAAS,EAAE,QAAQ,CAAC,QAAQ;QAC5B,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,QAAQ;QACtB,UAAU,EAAE;YACV,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;YACvB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YACrB,IAAI,EAAE;YACN,KAAK,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,QAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,WAAW,EAAE,CAAC;YACrE,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC;SACvC;KACF,CAAC,CAAC;IAEH,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC;QAC9D,QAAQ,CAAC,OAAO,EAAE;YAChB,OAAO,EAAE,MAAA,QAAQ,CAAC,MAAM,0CAAE,KAAK;YAC/B,KAAK,EAAE,WAAW,GAAG,UAAU,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE;YAC1F,SAAS,EAAE,EAAC,MAAA,QAAQ,CAAC,MAAM,0CAAE,KAAK,CAAA;SACnC,CAAC;QACF,QAAQ,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,MAAA,QAAQ,CAAC,MAAM,0CAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;QAC1E,OAAO,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;;QAErC,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,QAAQ,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QACtE,aAAa,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;KACpC,CAAC,CAAC;IAEH,qBAAqB,CAAC;QACpB,MAAM;QACN,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,oBAAoB,EAAE,QAAQ,CAAC,oBAAoB;QACnD,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC3B,CAAC,CAAC;IAEH,YAAY,CAAC;;QACX,MAAA,QAAQ,CAAC,gBAAgB,yDAAG,SAAS,CAAC,CAAC;KACxC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,YAAY,GAAG,MAAM,IAAI,SAAS,IAAI,SAAS,KAAK,GAAG,CAAC;IAE9D,OAAO;QACL,CAAC;QACD,CAAC;QACD,MAAM;QACN,MAAM;QACN,SAAS;QACT,QAAQ;QACR,gBAAgB;QAChB,iBAAiB;QACjB,YAAY;QACZ,MAAM;QACN,SAAS;KACV,CAAC;AACJ;;;;"}