@hanzogui/floating 2.0.0-rc.41-hanzoai.5

package/dist/cjs/interactions/useFocus.cjs

@@ -0,0 +1,130 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useFocus_exports = {};
+__export(useFocus_exports, {
+  useFocus: () => useFocus
+});
+module.exports = __toCommonJS(useFocus_exports);
+var import_react = require("react");
+var import_utils = require("./utils.cjs");
+function isMacSafari() {
+  return (0, import_utils.isMac)() && (0, import_utils.isSafari)();
+}
+function useFocus(context, props = {}) {
+  const {
+    open,
+    onOpenChange,
+    events,
+    dataRef,
+    elements
+  } = context;
+  const {
+    enabled = true,
+    visibleOnly = true
+  } = props;
+  const blockFocusRef = (0, import_react.useRef)(false);
+  const timeoutRef = (0, import_react.useRef)(-1);
+  const keyboardModalityRef = (0, import_react.useRef)(true);
+  (0, import_react.useEffect)(() => {
+    if (!enabled) return;
+    const win = (0, import_utils.getDocument)(elements.domReference).defaultView || window;
+    function onBlur() {
+      if (!open && (0, import_utils.isHTMLElement)(elements.domReference) && elements.domReference === (0, import_utils.activeElement)((0, import_utils.getDocument)(elements.domReference))) {
+        blockFocusRef.current = true;
+      }
+    }
+    function onKeyDown() {
+      keyboardModalityRef.current = true;
+    }
+    function onPointerDown() {
+      keyboardModalityRef.current = false;
+    }
+    win.addEventListener("blur", onBlur);
+    if (isMacSafari()) {
+      win.addEventListener("keydown", onKeyDown, true);
+      win.addEventListener("pointerdown", onPointerDown, true);
+    }
+    return () => {
+      win.removeEventListener("blur", onBlur);
+      if (isMacSafari()) {
+        win.removeEventListener("keydown", onKeyDown, true);
+        win.removeEventListener("pointerdown", onPointerDown, true);
+      }
+    };
+  }, [elements.domReference, open, enabled]);
+  (0, import_react.useEffect)(() => {
+    if (!enabled) return;
+    if (!events) return;
+    function handleOpenChange({
+      reason
+    }) {
+      if (reason === "reference-press" || reason === "escape-key") {
+        blockFocusRef.current = true;
+      }
+    }
+    events.on("openchange", handleOpenChange);
+    return () => {
+      events.off("openchange", handleOpenChange);
+    };
+  }, [events, enabled]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      (0, import_utils.clearTimeoutIfSet)(timeoutRef);
+    };
+  }, []);
+  const reference = (0, import_react.useMemo)(() => ({
+    onMouseLeave() {
+      blockFocusRef.current = false;
+    },
+    onFocus(event) {
+      if (blockFocusRef.current) return;
+      const target = (0, import_utils.getTarget)(event.nativeEvent);
+      if (visibleOnly && (0, import_utils.isElement)(target)) {
+        if (isMacSafari() && !event.relatedTarget) {
+          if (!keyboardModalityRef.current && !(0, import_utils.isTypeableElement)(target)) {
+            return;
+          }
+        } else if (!(0, import_utils.matchesFocusVisible)(target)) {
+          return;
+        }
+      }
+      onOpenChange(true, event.nativeEvent, "focus");
+    },
+    onBlur(event) {
+      blockFocusRef.current = false;
+      const relatedTarget = event.relatedTarget;
+      const nativeEvent = event.nativeEvent;
+      timeoutRef.current = window.setTimeout(() => {
+        const activeEl = (0, import_utils.activeElement)(elements.domReference ? elements.domReference.ownerDocument : document);
+        if (!relatedTarget && activeEl === elements.domReference) return;
+        if ((0, import_utils.contains)(context.refs.floating.current, activeEl) || (0, import_utils.contains)(elements.domReference, activeEl)) {
+          return;
+        }
+        onOpenChange(false, nativeEvent, "focus");
+      });
+    }
+  }), [context.refs.floating, elements.domReference, onOpenChange, visibleOnly]);
+  return (0, import_react.useMemo)(() => enabled ? {
+    reference
+  } : {}, [enabled, reference]);
+}

package/dist/cjs/interactions/useFocus.native.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useFocus_exports = {};
+__export(useFocus_exports, {
+  useFocus: () => useFocus
+});
+module.exports = __toCommonJS(useFocus_exports);
+var import_react = require("react");
+var import_utils = require("./utils.native.js");
+function isMacSafari() {
+  return (0, import_utils.isMac)() && (0, import_utils.isSafari)();
+}
+function useFocus(context) {
+  var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var {
+    open,
+    onOpenChange,
+    events,
+    dataRef,
+    elements
+  } = context;
+  var {
+    enabled = true,
+    visibleOnly = true
+  } = props;
+  var blockFocusRef = (0, import_react.useRef)(false);
+  var timeoutRef = (0, import_react.useRef)(-1);
+  var keyboardModalityRef = (0, import_react.useRef)(true);
+  (0, import_react.useEffect)(function () {
+    if (!enabled) return;
+    var win = (0, import_utils.getDocument)(elements.domReference).defaultView || window;
+    function onBlur() {
+      if (!open && (0, import_utils.isHTMLElement)(elements.domReference) && elements.domReference === (0, import_utils.activeElement)((0, import_utils.getDocument)(elements.domReference))) {
+        blockFocusRef.current = true;
+      }
+    }
+    function onKeyDown() {
+      keyboardModalityRef.current = true;
+    }
+    function onPointerDown() {
+      keyboardModalityRef.current = false;
+    }
+    win.addEventListener("blur", onBlur);
+    if (isMacSafari()) {
+      win.addEventListener("keydown", onKeyDown, true);
+      win.addEventListener("pointerdown", onPointerDown, true);
+    }
+    return function () {
+      win.removeEventListener("blur", onBlur);
+      if (isMacSafari()) {
+        win.removeEventListener("keydown", onKeyDown, true);
+        win.removeEventListener("pointerdown", onPointerDown, true);
+      }
+    };
+  }, [elements.domReference, open, enabled]);
+  (0, import_react.useEffect)(function () {
+    if (!enabled) return;
+    if (!events) return;
+    function handleOpenChange(param) {
+      var {
+        reason
+      } = param;
+      if (reason === "reference-press" || reason === "escape-key") {
+        blockFocusRef.current = true;
+      }
+    }
+    events.on("openchange", handleOpenChange);
+    return function () {
+      events.off("openchange", handleOpenChange);
+    };
+  }, [events, enabled]);
+  (0, import_react.useEffect)(function () {
+    return function () {
+      (0, import_utils.clearTimeoutIfSet)(timeoutRef);
+    };
+  }, []);
+  var reference = (0, import_react.useMemo)(function () {
+    return {
+      onMouseLeave() {
+        blockFocusRef.current = false;
+      },
+      onFocus(event) {
+        if (blockFocusRef.current) return;
+        var target = (0, import_utils.getTarget)(event.nativeEvent);
+        if (visibleOnly && (0, import_utils.isElement)(target)) {
+          if (isMacSafari() && !event.relatedTarget) {
+            if (!keyboardModalityRef.current && !(0, import_utils.isTypeableElement)(target)) {
+              return;
+            }
+          } else if (!(0, import_utils.matchesFocusVisible)(target)) {
+            return;
+          }
+        }
+        onOpenChange(true, event.nativeEvent, "focus");
+      },
+      onBlur(event) {
+        blockFocusRef.current = false;
+        var relatedTarget = event.relatedTarget;
+        var nativeEvent = event.nativeEvent;
+        timeoutRef.current = window.setTimeout(function () {
+          var activeEl = (0, import_utils.activeElement)(elements.domReference ? elements.domReference.ownerDocument : document);
+          if (!relatedTarget && activeEl === elements.domReference) return;
+          if ((0, import_utils.contains)(context.refs.floating.current, activeEl) || (0, import_utils.contains)(elements.domReference, activeEl)) {
+            return;
+          }
+          onOpenChange(false, nativeEvent, "focus");
+        });
+      }
+    };
+  }, [context.refs.floating, elements.domReference, onOpenChange, visibleOnly]);
+  return (0, import_react.useMemo)(function () {
+    return enabled ? {
+      reference
+    } : {};
+  }, [enabled, reference]);
+}
+//# sourceMappingURL=useFocus.native.js.map

package/dist/cjs/interactions/useFocus.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useFocus_exports","useFocus","module","exports","import_react","require","import_utils","isMacSafari","isMac","isSafari","context","props","arguments","length","open","onOpenChange","events","dataRef","elements","enabled","visibleOnly","blockFocusRef","useRef","timeoutRef","keyboardModalityRef","useEffect","win","getDocument","domReference","defaultView","window","onBlur","isHTMLElement","activeElement","current","onKeyDown","onPointerDown","addEventListener","removeEventListener","handleOpenChange","param","reason","on","off","clearTimeoutIfSet","reference","useMemo","onMouseLeave","onFocus","event","getTarget","nativeEvent","isElement","relatedTarget","isTypeableElement","matchesFocusVisible","setTimeout","activeEl","ownerDocument","document","contains","refs","floating"],"sources":["useFocus.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useFocus_exports = {};\n__export(useFocus_exports, {\n  useFocus: () => useFocus\n});\nmodule.exports = __toCommonJS(useFocus_exports);\nvar import_react = require(\"react\");\nvar import_utils = require(\"./utils\");\nfunction isMacSafari() {\n  return (0, import_utils.isMac)() && (0, import_utils.isSafari)();\n}\nfunction useFocus(context) {\n  var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n  var { open, onOpenChange, events, dataRef, elements } = context;\n  var { enabled = true, visibleOnly = true } = props;\n  var blockFocusRef = (0, import_react.useRef)(false);\n  var timeoutRef = (0, import_react.useRef)(-1);\n  var keyboardModalityRef = (0, import_react.useRef)(true);\n  (0, import_react.useEffect)(function() {\n    if (!enabled) return;\n    var win = (0, import_utils.getDocument)(elements.domReference).defaultView || window;\n    function onBlur() {\n      if (!open && (0, import_utils.isHTMLElement)(elements.domReference) && elements.domReference === (0, import_utils.activeElement)((0, import_utils.getDocument)(elements.domReference))) {\n        blockFocusRef.current = true;\n      }\n    }\n    function onKeyDown() {\n      keyboardModalityRef.current = true;\n    }\n    function onPointerDown() {\n      keyboardModalityRef.current = false;\n    }\n    win.addEventListener(\"blur\", onBlur);\n    if (isMacSafari()) {\n      win.addEventListener(\"keydown\", onKeyDown, true);\n      win.addEventListener(\"pointerdown\", onPointerDown, true);\n    }\n    return function() {\n      win.removeEventListener(\"blur\", onBlur);\n      if (isMacSafari()) {\n        win.removeEventListener(\"keydown\", onKeyDown, true);\n        win.removeEventListener(\"pointerdown\", onPointerDown, true);\n      }\n    };\n  }, [\n    elements.domReference,\n    open,\n    enabled\n  ]);\n  (0, import_react.useEffect)(function() {\n    if (!enabled) return;\n    if (!events) return;\n    function handleOpenChange(param) {\n      var { reason } = param;\n      if (reason === \"reference-press\" || reason === \"escape-key\") {\n        blockFocusRef.current = true;\n      }\n    }\n    events.on(\"openchange\", handleOpenChange);\n    return function() {\n      events.off(\"openchange\", handleOpenChange);\n    };\n  }, [\n    events,\n    enabled\n  ]);\n  (0, import_react.useEffect)(function() {\n    return function() {\n      (0, import_utils.clearTimeoutIfSet)(timeoutRef);\n    };\n  }, []);\n  var reference = (0, import_react.useMemo)(function() {\n    return {\n      onMouseLeave() {\n        blockFocusRef.current = false;\n      },\n      onFocus(event) {\n        if (blockFocusRef.current) return;\n        var target = (0, import_utils.getTarget)(event.nativeEvent);\n        if (visibleOnly && (0, import_utils.isElement)(target)) {\n          if (isMacSafari() && !event.relatedTarget) {\n            if (!keyboardModalityRef.current && !(0, import_utils.isTypeableElement)(target)) {\n              return;\n            }\n          } else if (!(0, import_utils.matchesFocusVisible)(target)) {\n            return;\n          }\n        }\n        onOpenChange(true, event.nativeEvent, \"focus\");\n      },\n      onBlur(event) {\n        blockFocusRef.current = false;\n        var relatedTarget = event.relatedTarget;\n        var nativeEvent = event.nativeEvent;\n        timeoutRef.current = window.setTimeout(function() {\n          var activeEl = (0, import_utils.activeElement)(elements.domReference ? elements.domReference.ownerDocument : document);\n          if (!relatedTarget && activeEl === elements.domReference) return;\n          if ((0, import_utils.contains)(context.refs.floating.current, activeEl) || (0, import_utils.contains)(elements.domReference, activeEl)) {\n            return;\n          }\n          onOpenChange(false, nativeEvent, \"focus\");\n        });\n      }\n    };\n  }, [\n    context.refs.floating,\n    elements.domReference,\n    onOpenChange,\n    visibleOnly\n  ]);\n  return (0, import_react.useMemo)(function() {\n    return enabled ? {\n      reference\n    } : {};\n  }, [\n    enabled,\n    reference\n  ]);\n}\n//# sourceMappingURL=useFocus.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/interactions/useHover.cjs

@@ -0,0 +1,357 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useHover_exports = {};
+__export(useHover_exports, {
+  getDelay: () => getDelay,
+  useHover: () => useHover
+});
+module.exports = __toCommonJS(useHover_exports);
+var React = __toESM(require("react"), 1);
+var import_use_event = require("@hanzogui/use-event");
+var import_utils = require("./utils.cjs");
+const safePolygonIdentifier = "data-floating-ui-safe-polygon";
+function getDelay(value, prop, pointerType) {
+  if (pointerType && !(0, import_utils.isMouseLikePointerType)(pointerType)) {
+    return 0;
+  }
+  if (typeof value === "number") {
+    return value;
+  }
+  return value?.[prop];
+}
+function useHover(context, props = {}) {
+  const {
+    open,
+    onOpenChange,
+    dataRef,
+    events,
+    elements
+  } = context;
+  const {
+    enabled = true,
+    delay = 0,
+    handleClose = null,
+    mouseOnly = false,
+    restMs = 0,
+    move = true
+  } = props;
+  const handleCloseRef = React.useRef(handleClose);
+  handleCloseRef.current = handleClose;
+  const delayRef = React.useRef(delay);
+  delayRef.current = delay;
+  const openRef = React.useRef(open);
+  openRef.current = open;
+  const restMsRef = React.useRef(restMs);
+  restMsRef.current = restMs;
+  const stableOnOpenChange = (0, import_use_event.useEvent)(onOpenChange);
+  const pointerTypeRef = React.useRef(void 0);
+  const timeoutRef = React.useRef(-1);
+  const handlerRef = React.useRef(void 0);
+  const restTimeoutRef = React.useRef(-1);
+  const blockMouseMoveRef = React.useRef(true);
+  const performedPointerEventsMutationRef = React.useRef(false);
+  const unbindMouseMoveRef = React.useRef(() => {});
+  const restTimeoutPendingRef = React.useRef(false);
+  const isHoverOpen = (0, import_use_event.useEvent)(() => {
+    const type = dataRef.current.openEvent?.type;
+    return type?.includes("mouse") && type !== "mousedown";
+  });
+  React.useEffect(() => {
+    if (!enabled) return;
+    if (!events) return;
+    function onOpenChange2({
+      open: open2
+    }) {
+      if (!open2) {
+        (0, import_utils.clearTimeoutIfSet)(timeoutRef);
+        (0, import_utils.clearTimeoutIfSet)(restTimeoutRef);
+        blockMouseMoveRef.current = true;
+        restTimeoutPendingRef.current = false;
+      }
+    }
+    events.on("openchange", onOpenChange2);
+    return () => {
+      events.off("openchange", onOpenChange2);
+    };
+  }, [enabled, events]);
+  const closeWithDelay = (0, import_use_event.useEvent)((event, runElseBranch = true, reason = "hover") => {
+    const closeDelay = getDelay(delayRef.current, "close", pointerTypeRef.current);
+    if (closeDelay && !handlerRef.current) {
+      (0, import_utils.clearTimeoutIfSet)(timeoutRef);
+      timeoutRef.current = window.setTimeout(() => stableOnOpenChange(false, event, reason), closeDelay);
+    } else if (runElseBranch) {
+      (0, import_utils.clearTimeoutIfSet)(timeoutRef);
+      stableOnOpenChange(false, event, reason);
+    }
+  });
+  const cleanupMouseMoveHandler = (0, import_use_event.useEvent)(() => {
+    unbindMouseMoveRef.current();
+    handlerRef.current = void 0;
+    if (context.handleCloseActiveRef) {
+      context.handleCloseActiveRef.current = false;
+    }
+  });
+  const clearPointerEvents = (0, import_use_event.useEvent)(() => {
+    if (performedPointerEventsMutationRef.current) {
+      const body = (0, import_utils.getDocument)(elements.floating).body;
+      body.style.pointerEvents = "";
+      body.removeAttribute(safePolygonIdentifier);
+      performedPointerEventsMutationRef.current = false;
+    }
+  });
+  const isClickLikeOpenEvent = (0, import_use_event.useEvent)(() => {
+    return dataRef.current.openEvent ? ["click", "mousedown"].includes(dataRef.current.openEvent.type) : false;
+  });
+  React.useEffect(() => {
+    if (!enabled) return;
+    function onReferenceMouseEnter(event) {
+      (0, import_utils.clearTimeoutIfSet)(timeoutRef);
+      blockMouseMoveRef.current = false;
+      if (mouseOnly && !(0, import_utils.isMouseLikePointerType)(pointerTypeRef.current) || restMsRef.current > 0 && !getDelay(delayRef.current, "open")) {
+        return;
+      }
+      const openDelay = getDelay(delayRef.current, "open", pointerTypeRef.current);
+      if (openDelay) {
+        timeoutRef.current = window.setTimeout(() => {
+          if (!openRef.current) {
+            stableOnOpenChange(true, event, "hover");
+          }
+        }, openDelay);
+      } else if (!open) {
+        stableOnOpenChange(true, event, "hover");
+      }
+    }
+    function onReferenceMouseLeave(event) {
+      if (isClickLikeOpenEvent()) {
+        clearPointerEvents();
+        return;
+      }
+      if (context.triggerElements?.hasElement(event.relatedTarget)) {
+        return;
+      }
+      unbindMouseMoveRef.current();
+      const doc = (0, import_utils.getDocument)(elements.floating);
+      (0, import_utils.clearTimeoutIfSet)(restTimeoutRef);
+      restTimeoutPendingRef.current = false;
+      if (handleCloseRef.current) {
+        if (!open) {
+          (0, import_utils.clearTimeoutIfSet)(timeoutRef);
+        }
+        const placement = dataRef.current.placement || "bottom";
+        const reference2 = elements.domReference;
+        const floating = elements.floating;
+        if (!reference2 || !floating) return;
+        handlerRef.current = handleCloseRef.current({
+          x: event.clientX,
+          y: event.clientY,
+          placement,
+          elements: {
+            reference: reference2,
+            floating,
+            domReference: reference2
+          },
+          onClose() {
+            if (context.handleCloseActiveRef) {
+              context.handleCloseActiveRef.current = false;
+            }
+            clearPointerEvents();
+            cleanupMouseMoveHandler();
+            if (!isClickLikeOpenEvent()) {
+              closeWithDelay(event, true, "safe-polygon");
+            }
+          }
+        });
+        if (context.handleCloseActiveRef) {
+          context.handleCloseActiveRef.current = true;
+        }
+        const handler = handlerRef.current;
+        doc.addEventListener("mousemove", handler);
+        unbindMouseMoveRef.current = () => {
+          doc.removeEventListener("mousemove", handler);
+        };
+        return;
+      }
+      const shouldClose = pointerTypeRef.current === "touch" ? !(0, import_utils.contains)(elements.floating, event.relatedTarget) : true;
+      if (shouldClose) {
+        closeWithDelay(event);
+      }
+    }
+    function onScrollMouseLeave(event) {
+      if (isClickLikeOpenEvent()) return;
+      if (context.triggerElements?.hasElement(event.relatedTarget)) {
+        return;
+      }
+      const placement = dataRef.current.placement || "bottom";
+      const reference2 = elements.domReference;
+      const floating = elements.floating;
+      if (!reference2 || !floating) return;
+      handleCloseRef.current?.({
+        x: event.clientX,
+        y: event.clientY,
+        placement,
+        elements: {
+          reference: reference2,
+          floating,
+          domReference: reference2
+        },
+        onClose() {
+          clearPointerEvents();
+          cleanupMouseMoveHandler();
+          if (!isClickLikeOpenEvent()) {
+            closeWithDelay(event);
+          }
+        }
+      })(event);
+    }
+    function onFloatingMouseEnter() {
+      (0, import_utils.clearTimeoutIfSet)(timeoutRef);
+    }
+    function onFloatingMouseLeave(event) {
+      if (isClickLikeOpenEvent()) return;
+      if (context.triggerElements?.hasElement(event.relatedTarget)) {
+        return;
+      }
+      closeWithDelay(event, false);
+    }
+    if ((0, import_utils.isElement)(elements.domReference)) {
+      const reference2 = elements.domReference;
+      const floating = elements.floating;
+      if (open) {
+        reference2.addEventListener("mouseleave", onScrollMouseLeave);
+      }
+      if (move) {
+        reference2.addEventListener("mousemove", onReferenceMouseEnter, {
+          once: true
+        });
+      }
+      reference2.addEventListener("mouseenter", onReferenceMouseEnter);
+      reference2.addEventListener("mouseleave", onReferenceMouseLeave);
+      if (floating) {
+        floating.addEventListener("mouseleave", onScrollMouseLeave);
+        floating.addEventListener("mouseenter", onFloatingMouseEnter);
+        floating.addEventListener("mouseleave", onFloatingMouseLeave);
+      }
+      return () => {
+        if (open) {
+          reference2.removeEventListener("mouseleave", onScrollMouseLeave);
+        }
+        if (move) {
+          reference2.removeEventListener("mousemove", onReferenceMouseEnter);
+        }
+        reference2.removeEventListener("mouseenter", onReferenceMouseEnter);
+        reference2.removeEventListener("mouseleave", onReferenceMouseLeave);
+        if (floating) {
+          floating.removeEventListener("mouseleave", onScrollMouseLeave);
+          floating.removeEventListener("mouseenter", onFloatingMouseEnter);
+          floating.removeEventListener("mouseleave", onFloatingMouseLeave);
+        }
+        cleanupMouseMoveHandler();
+      };
+    }
+  }, [elements, enabled, context, mouseOnly, move, open, dataRef]);
+  React.useLayoutEffect(() => {
+    if (!enabled) return;
+    if (open && handleCloseRef.current?.__options?.blockPointerEvents && isHoverOpen()) {
+      performedPointerEventsMutationRef.current = true;
+      const floatingEl = elements.floating;
+      if ((0, import_utils.isElement)(elements.domReference) && floatingEl) {
+        const body = (0, import_utils.getDocument)(elements.floating).body;
+        body.setAttribute(safePolygonIdentifier, "");
+        const ref = elements.domReference;
+        body.style.pointerEvents = "none";
+        ref.style.pointerEvents = "auto";
+        floatingEl.style.pointerEvents = "auto";
+        return () => {
+          body.style.pointerEvents = "";
+          ref.style.pointerEvents = "";
+          floatingEl.style.pointerEvents = "";
+        };
+      }
+    }
+  }, [enabled, open, elements, isHoverOpen]);
+  React.useLayoutEffect(() => {
+    if (!open) {
+      pointerTypeRef.current = void 0;
+      restTimeoutPendingRef.current = false;
+      cleanupMouseMoveHandler();
+      clearPointerEvents();
+    }
+  }, [open]);
+  React.useEffect(() => {
+    return () => {
+      cleanupMouseMoveHandler();
+      (0, import_utils.clearTimeoutIfSet)(timeoutRef);
+      (0, import_utils.clearTimeoutIfSet)(restTimeoutRef);
+      clearPointerEvents();
+    };
+  }, [enabled, elements.domReference]);
+  const reference = React.useMemo(() => {
+    function setPointerRef(event) {
+      pointerTypeRef.current = event.pointerType;
+    }
+    return {
+      onPointerDown: setPointerRef,
+      onPointerEnter: setPointerRef,
+      onMouseMove(event) {
+        const {
+          nativeEvent
+        } = event;
+        function handleMouseMove() {
+          if (!blockMouseMoveRef.current && !openRef.current) {
+            stableOnOpenChange(true, nativeEvent, "hover");
+          }
+        }
+        if (mouseOnly && !(0, import_utils.isMouseLikePointerType)(pointerTypeRef.current)) {
+          return;
+        }
+        if (open || restMsRef.current === 0) {
+          return;
+        }
+        if (restTimeoutPendingRef.current && event.movementX ** 2 + event.movementY ** 2 < 2) {
+          return;
+        }
+        (0, import_utils.clearTimeoutIfSet)(restTimeoutRef);
+        if (pointerTypeRef.current === "touch") {
+          handleMouseMove();
+        } else {
+          restTimeoutPendingRef.current = true;
+          restTimeoutRef.current = window.setTimeout(handleMouseMove, restMsRef.current);
+        }
+      }
+    };
+  }, [mouseOnly, open]);
+  return React.useMemo(() => enabled ? {
+    reference
+  } : {}, [enabled, reference]);
+}