@neynar/ui 0.4.0 → 1.0.0

package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverFloatingInteraction.js

@@ -0,0 +1,177 @@
+import * as React from "react";
+import { isElement } from "../../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { useFloatingTree, useFloatingParentNodeId } from "../components/FloatingTree.js";
+import { useHoverInteractionSharedState, safePolygonIdentifier, isInteractiveElement } from "./useHoverInteractionSharedState.js";
+import { triggerHover } from "../../utils/reason-parts.js";
+import { getDocument, getTarget } from "../utils/element.js";
+import { isMouseLikePointerType } from "../utils/event.js";
+const clickLikeEvents = /* @__PURE__ */ new Set(["click", "mousedown"]);
+function useHoverFloatingInteraction(context, parameters = {}) {
+  const store = "rootStore" in context ? context.rootStore : context;
+  const open = store.useState("open");
+  const floatingElement = store.useState("floatingElement");
+  const domReferenceElement = store.useState("domReferenceElement");
+  const {
+    dataRef
+  } = store.context;
+  const {
+    enabled = true,
+    closeDelay: closeDelayProp = 0,
+    externalTree
+  } = parameters;
+  const {
+    pointerTypeRef,
+    interactedInsideRef,
+    handlerRef,
+    performedPointerEventsMutationRef,
+    unbindMouseMoveRef,
+    restTimeoutPendingRef,
+    openChangeTimeout,
+    handleCloseOptionsRef
+  } = useHoverInteractionSharedState(store);
+  const tree = useFloatingTree(externalTree);
+  const parentId = useFloatingParentNodeId();
+  const isClickLikeOpenEvent = useStableCallback(() => {
+    if (interactedInsideRef.current) {
+      return true;
+    }
+    return dataRef.current.openEvent ? clickLikeEvents.has(dataRef.current.openEvent.type) : false;
+  });
+  const isHoverOpen = useStableCallback(() => {
+    const type = dataRef.current.openEvent?.type;
+    return type?.includes("mouse") && type !== "mousedown";
+  });
+  const closeWithDelay = React.useCallback((event, runElseBranch = true) => {
+    const closeDelay = getDelay(closeDelayProp, pointerTypeRef.current);
+    if (closeDelay && !handlerRef.current) {
+      openChangeTimeout.start(closeDelay, () => store.setOpen(false, createChangeEventDetails(triggerHover, event)));
+    } else if (runElseBranch) {
+      openChangeTimeout.clear();
+      store.setOpen(false, createChangeEventDetails(triggerHover, event));
+    }
+  }, [closeDelayProp, handlerRef, store, pointerTypeRef, openChangeTimeout]);
+  const cleanupMouseMoveHandler = useStableCallback(() => {
+    unbindMouseMoveRef.current();
+    handlerRef.current = void 0;
+  });
+  const clearPointerEvents = useStableCallback(() => {
+    if (performedPointerEventsMutationRef.current) {
+      const body = getDocument(floatingElement).body;
+      body.style.pointerEvents = "";
+      body.removeAttribute(safePolygonIdentifier);
+      performedPointerEventsMutationRef.current = false;
+    }
+  });
+  const handleInteractInside = useStableCallback((event) => {
+    const target = getTarget(event);
+    if (!isInteractiveElement(target)) {
+      interactedInsideRef.current = false;
+      return;
+    }
+    interactedInsideRef.current = true;
+  });
+  useIsoLayoutEffect(() => {
+    if (!open) {
+      pointerTypeRef.current = void 0;
+      restTimeoutPendingRef.current = false;
+      interactedInsideRef.current = false;
+      cleanupMouseMoveHandler();
+      clearPointerEvents();
+    }
+  }, [open, pointerTypeRef, restTimeoutPendingRef, interactedInsideRef, cleanupMouseMoveHandler, clearPointerEvents]);
+  React.useEffect(() => {
+    return () => {
+      cleanupMouseMoveHandler();
+    };
+  }, [cleanupMouseMoveHandler]);
+  React.useEffect(() => {
+    return clearPointerEvents;
+  }, [clearPointerEvents]);
+  useIsoLayoutEffect(() => {
+    if (!enabled) {
+      return void 0;
+    }
+    if (open && handleCloseOptionsRef.current?.blockPointerEvents && isHoverOpen() && isElement(domReferenceElement) && floatingElement) {
+      performedPointerEventsMutationRef.current = true;
+      const body = getDocument(floatingElement).body;
+      body.setAttribute(safePolygonIdentifier, "");
+      const ref = domReferenceElement;
+      const floatingEl = floatingElement;
+      const parentFloating = tree?.nodesRef.current.find((node) => node.id === parentId)?.context?.elements.floating;
+      if (parentFloating) {
+        parentFloating.style.pointerEvents = "";
+      }
+      body.style.pointerEvents = "none";
+      ref.style.pointerEvents = "auto";
+      floatingEl.style.pointerEvents = "auto";
+      return () => {
+        body.style.pointerEvents = "";
+        ref.style.pointerEvents = "";
+        floatingEl.style.pointerEvents = "";
+      };
+    }
+    return void 0;
+  }, [enabled, open, domReferenceElement, floatingElement, handleCloseOptionsRef, isHoverOpen, tree, parentId, performedPointerEventsMutationRef]);
+  React.useEffect(() => {
+    if (!enabled) {
+      return void 0;
+    }
+    function onScrollMouseLeave(event) {
+      if (isClickLikeOpenEvent() || !dataRef.current.floatingContext || !store.select("open")) {
+        return;
+      }
+      const triggerElements = store.context.triggerElements;
+      if (event.relatedTarget && triggerElements.hasElement(event.relatedTarget)) {
+        return;
+      }
+      clearPointerEvents();
+      cleanupMouseMoveHandler();
+      if (!isClickLikeOpenEvent()) {
+        closeWithDelay(event);
+      }
+    }
+    function onFloatingMouseEnter(event) {
+      openChangeTimeout.clear();
+      clearPointerEvents();
+      handlerRef.current?.(event);
+      cleanupMouseMoveHandler();
+    }
+    function onFloatingMouseLeave(event) {
+      if (!isClickLikeOpenEvent()) {
+        closeWithDelay(event, false);
+      }
+    }
+    const floating = floatingElement;
+    if (floating) {
+      floating.addEventListener("mouseleave", onScrollMouseLeave);
+      floating.addEventListener("mouseenter", onFloatingMouseEnter);
+      floating.addEventListener("mouseleave", onFloatingMouseLeave);
+      floating.addEventListener("pointerdown", handleInteractInside, true);
+    }
+    return () => {
+      if (floating) {
+        floating.removeEventListener("mouseleave", onScrollMouseLeave);
+        floating.removeEventListener("mouseenter", onFloatingMouseEnter);
+        floating.removeEventListener("mouseleave", onFloatingMouseLeave);
+        floating.removeEventListener("pointerdown", handleInteractInside, true);
+      }
+    };
+  });
+}
+function getDelay(value, pointerType) {
+  if (pointerType && !isMouseLikePointerType(pointerType)) {
+    return 0;
+  }
+  if (typeof value === "function") {
+    return value();
+  }
+  return value;
+}
+export {
+  getDelay,
+  useHoverFloatingInteraction
+};
+//# sourceMappingURL=useHoverFloatingInteraction.js.map

package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverFloatingInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverFloatingInteraction.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverFloatingInteraction.js"],"sourcesContent":["import * as React from 'react';\nimport { isElement } from '@floating-ui/utils/dom';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { getDocument, getTarget, isMouseLikePointerType } from \"../utils.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { useFloatingParentNodeId, useFloatingTree } from \"../components/FloatingTree.js\";\nimport { isInteractiveElement, safePolygonIdentifier, useHoverInteractionSharedState } from \"./useHoverInteractionSharedState.js\";\nconst clickLikeEvents = new Set(['click', 'mousedown']);\n\n/**\n * Provides hover interactions that should be attached to the floating element.\n */\nexport function useHoverFloatingInteraction(context, parameters = {}) {\n  const store = 'rootStore' in context ? context.rootStore : context;\n  const open = store.useState('open');\n  const floatingElement = store.useState('floatingElement');\n  const domReferenceElement = store.useState('domReferenceElement');\n  const {\n    dataRef\n  } = store.context;\n  const {\n    enabled = true,\n    closeDelay: closeDelayProp = 0,\n    externalTree\n  } = parameters;\n  const {\n    pointerTypeRef,\n    interactedInsideRef,\n    handlerRef,\n    performedPointerEventsMutationRef,\n    unbindMouseMoveRef,\n    restTimeoutPendingRef,\n    openChangeTimeout: openChangeTimeout,\n    handleCloseOptionsRef\n  } = useHoverInteractionSharedState(store);\n  const tree = useFloatingTree(externalTree);\n  const parentId = useFloatingParentNodeId();\n  const isClickLikeOpenEvent = useStableCallback(() => {\n    if (interactedInsideRef.current) {\n      return true;\n    }\n    return dataRef.current.openEvent ? clickLikeEvents.has(dataRef.current.openEvent.type) : false;\n  });\n  const isHoverOpen = useStableCallback(() => {\n    const type = dataRef.current.openEvent?.type;\n    return type?.includes('mouse') && type !== 'mousedown';\n  });\n  const closeWithDelay = React.useCallback((event, runElseBranch = true) => {\n    const closeDelay = getDelay(closeDelayProp, pointerTypeRef.current);\n    if (closeDelay && !handlerRef.current) {\n      openChangeTimeout.start(closeDelay, () => store.setOpen(false, createChangeEventDetails(REASONS.triggerHover, event)));\n    } else if (runElseBranch) {\n      openChangeTimeout.clear();\n      store.setOpen(false, createChangeEventDetails(REASONS.triggerHover, event));\n    }\n  }, [closeDelayProp, handlerRef, store, pointerTypeRef, openChangeTimeout]);\n  const cleanupMouseMoveHandler = useStableCallback(() => {\n    unbindMouseMoveRef.current();\n    handlerRef.current = undefined;\n  });\n  const clearPointerEvents = useStableCallback(() => {\n    if (performedPointerEventsMutationRef.current) {\n      const body = getDocument(floatingElement).body;\n      body.style.pointerEvents = '';\n      body.removeAttribute(safePolygonIdentifier);\n      performedPointerEventsMutationRef.current = false;\n    }\n  });\n  const handleInteractInside = useStableCallback(event => {\n    const target = getTarget(event);\n    if (!isInteractiveElement(target)) {\n      interactedInsideRef.current = false;\n      return;\n    }\n    interactedInsideRef.current = true;\n  });\n  useIsoLayoutEffect(() => {\n    if (!open) {\n      pointerTypeRef.current = undefined;\n      restTimeoutPendingRef.current = false;\n      interactedInsideRef.current = false;\n      cleanupMouseMoveHandler();\n      clearPointerEvents();\n    }\n  }, [open, pointerTypeRef, restTimeoutPendingRef, interactedInsideRef, cleanupMouseMoveHandler, clearPointerEvents]);\n  React.useEffect(() => {\n    return () => {\n      cleanupMouseMoveHandler();\n    };\n  }, [cleanupMouseMoveHandler]);\n  React.useEffect(() => {\n    return clearPointerEvents;\n  }, [clearPointerEvents]);\n  useIsoLayoutEffect(() => {\n    if (!enabled) {\n      return undefined;\n    }\n    if (open && handleCloseOptionsRef.current?.blockPointerEvents && isHoverOpen() && isElement(domReferenceElement) && floatingElement) {\n      performedPointerEventsMutationRef.current = true;\n      const body = getDocument(floatingElement).body;\n      body.setAttribute(safePolygonIdentifier, '');\n      const ref = domReferenceElement;\n      const floatingEl = floatingElement;\n      const parentFloating = tree?.nodesRef.current.find(node => node.id === parentId)?.context?.elements.floating;\n      if (parentFloating) {\n        parentFloating.style.pointerEvents = '';\n      }\n      body.style.pointerEvents = 'none';\n      ref.style.pointerEvents = 'auto';\n      floatingEl.style.pointerEvents = 'auto';\n      return () => {\n        body.style.pointerEvents = '';\n        ref.style.pointerEvents = '';\n        floatingEl.style.pointerEvents = '';\n      };\n    }\n    return undefined;\n  }, [enabled, open, domReferenceElement, floatingElement, handleCloseOptionsRef, isHoverOpen, tree, parentId, performedPointerEventsMutationRef]);\n  React.useEffect(() => {\n    if (!enabled) {\n      return undefined;\n    }\n\n    // Ensure the floating element closes after scrolling even if the pointer\n    // did not move.\n    // https://github.com/floating-ui/floating-ui/discussions/1692\n    function onScrollMouseLeave(event) {\n      if (isClickLikeOpenEvent() || !dataRef.current.floatingContext || !store.select('open')) {\n        return;\n      }\n      const triggerElements = store.context.triggerElements;\n      if (event.relatedTarget && triggerElements.hasElement(event.relatedTarget)) {\n        // If the mouse is leaving the reference element to another trigger, don't explicitly close the popup\n        // as it will be moved.\n        return;\n      }\n      clearPointerEvents();\n      cleanupMouseMoveHandler();\n      if (!isClickLikeOpenEvent()) {\n        closeWithDelay(event);\n      }\n    }\n    function onFloatingMouseEnter(event) {\n      openChangeTimeout.clear();\n      clearPointerEvents();\n      handlerRef.current?.(event);\n      cleanupMouseMoveHandler();\n    }\n    function onFloatingMouseLeave(event) {\n      if (!isClickLikeOpenEvent()) {\n        closeWithDelay(event, false);\n      }\n    }\n    const floating = floatingElement;\n    if (floating) {\n      floating.addEventListener('mouseleave', onScrollMouseLeave);\n      floating.addEventListener('mouseenter', onFloatingMouseEnter);\n      floating.addEventListener('mouseleave', onFloatingMouseLeave);\n      floating.addEventListener('pointerdown', handleInteractInside, true);\n    }\n    return () => {\n      if (floating) {\n        floating.removeEventListener('mouseleave', onScrollMouseLeave);\n        floating.removeEventListener('mouseenter', onFloatingMouseEnter);\n        floating.removeEventListener('mouseleave', onFloatingMouseLeave);\n        floating.removeEventListener('pointerdown', handleInteractInside, true);\n      }\n    };\n  });\n}\nexport function getDelay(value, pointerType) {\n  if (pointerType && !isMouseLikePointerType(pointerType)) {\n    return 0;\n  }\n  if (typeof value === 'function') {\n    return value();\n  }\n  return value;\n}"],"names":["REASONS.triggerHover"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverInteractionSharedState.js

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { useTimeout } from "../../../../utils/esm/useTimeout.js";
+import { createAttribute } from "../utils/createAttribute.js";
+import { TYPEABLE_SELECTOR } from "../utils/constants.js";
+const safePolygonIdentifier = createAttribute("safe-polygon");
+const interactiveSelector = `button,a,[role="button"],select,[tabindex]:not([tabindex="-1"]),${TYPEABLE_SELECTOR}`;
+function isInteractiveElement(element) {
+  return element ? Boolean(element.closest(interactiveSelector)) : false;
+}
+function useHoverInteractionSharedState(store) {
+  const pointerTypeRef = React.useRef(void 0);
+  const interactedInsideRef = React.useRef(false);
+  const handlerRef = React.useRef(void 0);
+  const blockMouseMoveRef = React.useRef(true);
+  const performedPointerEventsMutationRef = React.useRef(false);
+  const unbindMouseMoveRef = React.useRef(() => {
+  });
+  const restTimeoutPendingRef = React.useRef(false);
+  const openChangeTimeout = useTimeout();
+  const restTimeout = useTimeout();
+  const handleCloseOptionsRef = React.useRef(void 0);
+  return React.useMemo(() => {
+    const data = store.context.dataRef.current;
+    if (!data.hoverInteractionState) {
+      data.hoverInteractionState = {
+        pointerTypeRef,
+        interactedInsideRef,
+        handlerRef,
+        blockMouseMoveRef,
+        performedPointerEventsMutationRef,
+        unbindMouseMoveRef,
+        restTimeoutPendingRef,
+        openChangeTimeout,
+        restTimeout,
+        handleCloseOptionsRef
+      };
+    }
+    return data.hoverInteractionState;
+  }, [store, pointerTypeRef, interactedInsideRef, handlerRef, blockMouseMoveRef, performedPointerEventsMutationRef, unbindMouseMoveRef, restTimeoutPendingRef, openChangeTimeout, restTimeout, handleCloseOptionsRef]);
+}
+export {
+  isInteractiveElement,
+  safePolygonIdentifier,
+  useHoverInteractionSharedState
+};
+//# sourceMappingURL=useHoverInteractionSharedState.js.map

package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverInteractionSharedState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverInteractionSharedState.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverInteractionSharedState.js"],"sourcesContent":["import * as React from 'react';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport { createAttribute } from \"../utils/createAttribute.js\";\nimport { TYPEABLE_SELECTOR } from \"../utils/constants.js\";\nexport const safePolygonIdentifier = createAttribute('safe-polygon');\nconst interactiveSelector = `button,a,[role=\"button\"],select,[tabindex]:not([tabindex=\"-1\"]),${TYPEABLE_SELECTOR}`;\nexport function isInteractiveElement(element) {\n  return element ? Boolean(element.closest(interactiveSelector)) : false;\n}\nexport function useHoverInteractionSharedState(store) {\n  const pointerTypeRef = React.useRef(undefined);\n  const interactedInsideRef = React.useRef(false);\n  const handlerRef = React.useRef(undefined);\n  const blockMouseMoveRef = React.useRef(true);\n  const performedPointerEventsMutationRef = React.useRef(false);\n  const unbindMouseMoveRef = React.useRef(() => {});\n  const restTimeoutPendingRef = React.useRef(false);\n  const openChangeTimeout = useTimeout();\n  const restTimeout = useTimeout();\n  const handleCloseOptionsRef = React.useRef(undefined);\n  return React.useMemo(() => {\n    const data = store.context.dataRef.current;\n    if (!data.hoverInteractionState) {\n      data.hoverInteractionState = {\n        pointerTypeRef,\n        interactedInsideRef,\n        handlerRef,\n        blockMouseMoveRef,\n        performedPointerEventsMutationRef,\n        unbindMouseMoveRef,\n        restTimeoutPendingRef,\n        openChangeTimeout,\n        restTimeout,\n        handleCloseOptionsRef\n      };\n    }\n    return data.hoverInteractionState;\n  }, [store, pointerTypeRef, interactedInsideRef, handlerRef, blockMouseMoveRef, performedPointerEventsMutationRef, unbindMouseMoveRef, restTimeoutPendingRef, openChangeTimeout, restTimeout, handleCloseOptionsRef]);\n}"],"names":[],"mappings":";;;;AAIY,MAAC,wBAAwB,gBAAgB,cAAc;AACnE,MAAM,sBAAsB,mEAAmE,iBAAiB;AACzG,SAAS,qBAAqB,SAAS;AAC5C,SAAO,UAAU,QAAQ,QAAQ,QAAQ,mBAAmB,CAAC,IAAI;AACnE;AACO,SAAS,+BAA+B,OAAO;AACpD,QAAM,iBAAiB,MAAM,OAAO,MAAS;AAC7C,QAAM,sBAAsB,MAAM,OAAO,KAAK;AAC9C,QAAM,aAAa,MAAM,OAAO,MAAS;AACzC,QAAM,oBAAoB,MAAM,OAAO,IAAI;AAC3C,QAAM,oCAAoC,MAAM,OAAO,KAAK;AAC5D,QAAM,qBAAqB,MAAM,OAAO,MAAM;AAAA,EAAC,CAAC;AAChD,QAAM,wBAAwB,MAAM,OAAO,KAAK;AAChD,QAAM,oBAAoB,WAAU;AACpC,QAAM,cAAc,WAAU;AAC9B,QAAM,wBAAwB,MAAM,OAAO,MAAS;AACpD,SAAO,MAAM,QAAQ,MAAM;AACzB,UAAM,OAAO,MAAM,QAAQ,QAAQ;AACnC,QAAI,CAAC,KAAK,uBAAuB;AAC/B,WAAK,wBAAwB;AAAA,QAC3B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACR;AAAA,IACI;AACA,WAAO,KAAK;AAAA,EACd,GAAG,CAAC,OAAO,gBAAgB,qBAAqB,YAAY,mBAAmB,mCAAmC,oBAAoB,uBAAuB,mBAAmB,aAAa,qBAAqB,CAAC;AACrN;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverReferenceInteraction.js

@@ -0,0 +1,276 @@
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { isElement } from "../../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
+import { useValueAsRef } from "../../../../utils/esm/useValueAsRef.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { getDelay } from "./useHover.js";
+import { useFloatingTree } from "../components/FloatingTree.js";
+import { useHoverInteractionSharedState, safePolygonIdentifier } from "./useHoverInteractionSharedState.js";
+import { triggerHover } from "../../utils/reason-parts.js";
+import { getDocument, contains } from "../utils/element.js";
+import { isMouseLikePointerType } from "../utils/event.js";
+function getRestMs(value) {
+  if (typeof value === "function") {
+    return value();
+  }
+  return value;
+}
+const EMPTY_REF = {
+  current: null
+};
+function useHoverReferenceInteraction(context, props = {}) {
+  const store = "rootStore" in context ? context.rootStore : context;
+  const {
+    dataRef,
+    events
+  } = store.context;
+  const {
+    enabled = true,
+    delay = 0,
+    handleClose = null,
+    mouseOnly = false,
+    restMs = 0,
+    move = true,
+    triggerElementRef = EMPTY_REF,
+    externalTree,
+    isActiveTrigger = true
+  } = props;
+  const tree = useFloatingTree(externalTree);
+  const {
+    pointerTypeRef,
+    interactedInsideRef,
+    handlerRef: closeHandlerRef,
+    blockMouseMoveRef,
+    performedPointerEventsMutationRef,
+    unbindMouseMoveRef,
+    restTimeoutPendingRef,
+    openChangeTimeout,
+    restTimeout,
+    handleCloseOptionsRef
+  } = useHoverInteractionSharedState(store);
+  const handleCloseRef = useValueAsRef(handleClose);
+  const delayRef = useValueAsRef(delay);
+  const restMsRef = useValueAsRef(restMs);
+  if (isActiveTrigger) {
+    handleCloseOptionsRef.current = handleCloseRef.current?.__options;
+  }
+  const isClickLikeOpenEvent = useStableCallback(() => {
+    if (interactedInsideRef.current) {
+      return true;
+    }
+    return dataRef.current.openEvent ? ["click", "mousedown"].includes(dataRef.current.openEvent.type) : false;
+  });
+  const closeWithDelay = React.useCallback((event, runElseBranch = true) => {
+    const closeDelay = getDelay(delayRef.current, "close", pointerTypeRef.current);
+    if (closeDelay && !closeHandlerRef.current) {
+      openChangeTimeout.start(closeDelay, () => store.setOpen(false, createChangeEventDetails(triggerHover, event)));
+    } else if (runElseBranch) {
+      openChangeTimeout.clear();
+      store.setOpen(false, createChangeEventDetails(triggerHover, event));
+    }
+  }, [delayRef, closeHandlerRef, store, pointerTypeRef, openChangeTimeout]);
+  const cleanupMouseMoveHandler = useStableCallback(() => {
+    unbindMouseMoveRef.current();
+    closeHandlerRef.current = void 0;
+  });
+  const clearPointerEvents = useStableCallback(() => {
+    if (performedPointerEventsMutationRef.current) {
+      const body = getDocument(store.select("domReferenceElement")).body;
+      body.style.pointerEvents = "";
+      body.removeAttribute(safePolygonIdentifier);
+      performedPointerEventsMutationRef.current = false;
+    }
+  });
+  React.useEffect(() => {
+    if (!enabled) {
+      return void 0;
+    }
+    function onOpenChangeLocal(details) {
+      if (!details.open) {
+        openChangeTimeout.clear();
+        restTimeout.clear();
+        blockMouseMoveRef.current = true;
+        restTimeoutPendingRef.current = false;
+      }
+    }
+    events.on("openchange", onOpenChangeLocal);
+    return () => {
+      events.off("openchange", onOpenChangeLocal);
+    };
+  }, [enabled, events, openChangeTimeout, restTimeout, blockMouseMoveRef, restTimeoutPendingRef]);
+  const handleScrollMouseLeave = useStableCallback((event) => {
+    if (isClickLikeOpenEvent()) {
+      return;
+    }
+    if (!dataRef.current.floatingContext) {
+      return;
+    }
+    const triggerElements = store.context.triggerElements;
+    if (event.relatedTarget && triggerElements.hasElement(event.relatedTarget)) {
+      return;
+    }
+    const currentTrigger = triggerElementRef.current;
+    handleCloseRef.current?.({
+      ...dataRef.current.floatingContext,
+      tree,
+      x: event.clientX,
+      y: event.clientY,
+      onClose() {
+        clearPointerEvents();
+        cleanupMouseMoveHandler();
+        if (!isClickLikeOpenEvent() && currentTrigger === store.select("domReferenceElement")) {
+          closeWithDelay(event);
+        }
+      }
+    })(event);
+  });
+  React.useEffect(() => {
+    if (!enabled) {
+      return void 0;
+    }
+    const trigger = triggerElementRef.current ?? (isActiveTrigger ? store.select("domReferenceElement") : null);
+    if (!isElement(trigger)) {
+      return void 0;
+    }
+    function onMouseEnter(event) {
+      openChangeTimeout.clear();
+      blockMouseMoveRef.current = false;
+      if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current)) {
+        return;
+      }
+      if (getRestMs(restMsRef.current) > 0 && !getDelay(delayRef.current, "open")) {
+        return;
+      }
+      const openDelay = getDelay(delayRef.current, "open", pointerTypeRef.current);
+      const currentDomReference = store.select("domReferenceElement");
+      const allTriggers = store.context.triggerElements;
+      const isOverInactiveTrigger = (allTriggers.hasElement(event.target) || allTriggers.hasMatchingElement((t) => contains(t, event.target))) && (!currentDomReference || !contains(currentDomReference, event.target));
+      const triggerNode = event.currentTarget ?? null;
+      const shouldOpen = !store.select("open") || isOverInactiveTrigger;
+      if (openDelay) {
+        openChangeTimeout.start(openDelay, () => {
+          if (shouldOpen) {
+            store.setOpen(true, createChangeEventDetails(triggerHover, event, triggerNode));
+          }
+        });
+      } else if (shouldOpen) {
+        store.setOpen(true, createChangeEventDetails(triggerHover, event, triggerNode));
+      }
+    }
+    function onMouseLeave(event) {
+      if (isClickLikeOpenEvent()) {
+        clearPointerEvents();
+        return;
+      }
+      unbindMouseMoveRef.current();
+      const domReferenceElement = store.select("domReferenceElement");
+      const doc = getDocument(domReferenceElement);
+      restTimeout.clear();
+      restTimeoutPendingRef.current = false;
+      const triggerElements = store.context.triggerElements;
+      if (event.relatedTarget && triggerElements.hasElement(event.relatedTarget)) {
+        return;
+      }
+      if (handleCloseRef.current && dataRef.current.floatingContext) {
+        if (!store.select("open")) {
+          openChangeTimeout.clear();
+        }
+        const currentTrigger = triggerElementRef.current;
+        closeHandlerRef.current = handleCloseRef.current({
+          ...dataRef.current.floatingContext,
+          tree,
+          x: event.clientX,
+          y: event.clientY,
+          onClose() {
+            clearPointerEvents();
+            cleanupMouseMoveHandler();
+            if (!isClickLikeOpenEvent() && currentTrigger === store.select("domReferenceElement")) {
+              closeWithDelay(event, true);
+            }
+          }
+        });
+        const handler = closeHandlerRef.current;
+        handler(event);
+        doc.addEventListener("mousemove", handler);
+        unbindMouseMoveRef.current = () => {
+          doc.removeEventListener("mousemove", handler);
+        };
+        return;
+      }
+      const shouldClose = pointerTypeRef.current === "touch" ? !contains(store.select("floatingElement"), event.relatedTarget) : true;
+      if (shouldClose) {
+        closeWithDelay(event);
+      }
+    }
+    function onScrollMouseLeave(event) {
+      handleScrollMouseLeave(event);
+    }
+    if (store.select("open")) {
+      trigger.addEventListener("mouseleave", onScrollMouseLeave);
+    }
+    if (move) {
+      trigger.addEventListener("mousemove", onMouseEnter, {
+        once: true
+      });
+    }
+    trigger.addEventListener("mouseenter", onMouseEnter);
+    trigger.addEventListener("mouseleave", onMouseLeave);
+    return () => {
+      trigger.removeEventListener("mouseleave", onScrollMouseLeave);
+      if (move) {
+        trigger.removeEventListener("mousemove", onMouseEnter);
+      }
+      trigger.removeEventListener("mouseenter", onMouseEnter);
+      trigger.removeEventListener("mouseleave", onMouseLeave);
+    };
+  }, [cleanupMouseMoveHandler, clearPointerEvents, blockMouseMoveRef, dataRef, delayRef, closeWithDelay, store, enabled, handleCloseRef, handleScrollMouseLeave, isActiveTrigger, isClickLikeOpenEvent, mouseOnly, move, pointerTypeRef, restMsRef, restTimeout, restTimeoutPendingRef, openChangeTimeout, triggerElementRef, tree, unbindMouseMoveRef, closeHandlerRef]);
+  return React.useMemo(() => {
+    function setPointerRef(event) {
+      pointerTypeRef.current = event.pointerType;
+    }
+    return {
+      onPointerDown: setPointerRef,
+      onPointerEnter: setPointerRef,
+      onMouseMove(event) {
+        const {
+          nativeEvent
+        } = event;
+        const trigger = event.currentTarget;
+        const currentDomReference = store.select("domReferenceElement");
+        const allTriggers = store.context.triggerElements;
+        const currentOpen = store.select("open");
+        const isOverInactiveTrigger = (allTriggers.hasElement(event.target) || allTriggers.hasMatchingElement((t) => contains(t, event.target))) && (!currentDomReference || !contains(currentDomReference, event.target));
+        if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current)) {
+          return;
+        }
+        if (currentOpen && !isOverInactiveTrigger || getRestMs(restMsRef.current) === 0) {
+          return;
+        }
+        if (!isOverInactiveTrigger && restTimeoutPendingRef.current && event.movementX ** 2 + event.movementY ** 2 < 2) {
+          return;
+        }
+        restTimeout.clear();
+        function handleMouseMove() {
+          if (!blockMouseMoveRef.current && (!currentOpen || isOverInactiveTrigger)) {
+            store.setOpen(true, createChangeEventDetails(triggerHover, nativeEvent, trigger));
+          }
+        }
+        if (pointerTypeRef.current === "touch") {
+          ReactDOM.flushSync(() => {
+            handleMouseMove();
+          });
+        } else if (isOverInactiveTrigger && currentOpen) {
+          handleMouseMove();
+        } else {
+          restTimeoutPendingRef.current = true;
+          restTimeout.start(getRestMs(restMsRef.current), handleMouseMove);
+        }
+      }
+    };
+  }, [blockMouseMoveRef, mouseOnly, store, pointerTypeRef, restMsRef, restTimeout, restTimeoutPendingRef]);
+}
+export {
+  useHoverReferenceInteraction
+};
+//# sourceMappingURL=useHoverReferenceInteraction.js.map

package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverReferenceInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverReferenceInteraction.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverReferenceInteraction.js"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { isElement } from '@floating-ui/utils/dom';\nimport { useValueAsRef } from '@base-ui/utils/useValueAsRef';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { contains, getDocument, isMouseLikePointerType } from \"../utils.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { getDelay } from \"./useHover.js\";\nimport { useFloatingTree } from \"../components/FloatingTree.js\";\nimport { safePolygonIdentifier, useHoverInteractionSharedState } from \"./useHoverInteractionSharedState.js\";\nfunction getRestMs(value) {\n  if (typeof value === 'function') {\n    return value();\n  }\n  return value;\n}\nconst EMPTY_REF = {\n  current: null\n};\n\n/**\n * Provides hover interactions that should be attached to reference or trigger\n * elements.\n */\nexport function useHoverReferenceInteraction(context, props = {}) {\n  const store = 'rootStore' in context ? context.rootStore : context;\n  const {\n    dataRef,\n    events\n  } = store.context;\n  const {\n    enabled = true,\n    delay = 0,\n    handleClose = null,\n    mouseOnly = false,\n    restMs = 0,\n    move = true,\n    triggerElementRef = EMPTY_REF,\n    externalTree,\n    isActiveTrigger = true\n  } = props;\n  const tree = useFloatingTree(externalTree);\n  const {\n    pointerTypeRef,\n    interactedInsideRef,\n    handlerRef: closeHandlerRef,\n    blockMouseMoveRef,\n    performedPointerEventsMutationRef,\n    unbindMouseMoveRef,\n    restTimeoutPendingRef,\n    openChangeTimeout,\n    restTimeout,\n    handleCloseOptionsRef\n  } = useHoverInteractionSharedState(store);\n  const handleCloseRef = useValueAsRef(handleClose);\n  const delayRef = useValueAsRef(delay);\n  const restMsRef = useValueAsRef(restMs);\n  if (isActiveTrigger) {\n    // eslint-disable-next-line no-underscore-dangle\n    handleCloseOptionsRef.current = handleCloseRef.current?.__options;\n  }\n  const isClickLikeOpenEvent = useStableCallback(() => {\n    if (interactedInsideRef.current) {\n      return true;\n    }\n    return dataRef.current.openEvent ? ['click', 'mousedown'].includes(dataRef.current.openEvent.type) : false;\n  });\n  const closeWithDelay = React.useCallback((event, runElseBranch = true) => {\n    const closeDelay = getDelay(delayRef.current, 'close', pointerTypeRef.current);\n    if (closeDelay && !closeHandlerRef.current) {\n      openChangeTimeout.start(closeDelay, () => store.setOpen(false, createChangeEventDetails(REASONS.triggerHover, event)));\n    } else if (runElseBranch) {\n      openChangeTimeout.clear();\n      store.setOpen(false, createChangeEventDetails(REASONS.triggerHover, event));\n    }\n  }, [delayRef, closeHandlerRef, store, pointerTypeRef, openChangeTimeout]);\n  const cleanupMouseMoveHandler = useStableCallback(() => {\n    unbindMouseMoveRef.current();\n    closeHandlerRef.current = undefined;\n  });\n  const clearPointerEvents = useStableCallback(() => {\n    if (performedPointerEventsMutationRef.current) {\n      const body = getDocument(store.select('domReferenceElement')).body;\n      body.style.pointerEvents = '';\n      body.removeAttribute(safePolygonIdentifier);\n      performedPointerEventsMutationRef.current = false;\n    }\n  });\n\n  // When closing before opening, clear the delay timeouts to cancel it\n  // from showing.\n  React.useEffect(() => {\n    if (!enabled) {\n      return undefined;\n    }\n    function onOpenChangeLocal(details) {\n      if (!details.open) {\n        openChangeTimeout.clear();\n        restTimeout.clear();\n        blockMouseMoveRef.current = true;\n        restTimeoutPendingRef.current = false;\n      }\n    }\n    events.on('openchange', onOpenChangeLocal);\n    return () => {\n      events.off('openchange', onOpenChangeLocal);\n    };\n  }, [enabled, events, openChangeTimeout, restTimeout, blockMouseMoveRef, restTimeoutPendingRef]);\n  const handleScrollMouseLeave = useStableCallback(event => {\n    if (isClickLikeOpenEvent()) {\n      return;\n    }\n    if (!dataRef.current.floatingContext) {\n      return;\n    }\n    const triggerElements = store.context.triggerElements;\n    if (event.relatedTarget && triggerElements.hasElement(event.relatedTarget)) {\n      return;\n    }\n    const currentTrigger = triggerElementRef.current;\n    handleCloseRef.current?.({\n      ...dataRef.current.floatingContext,\n      tree,\n      x: event.clientX,\n      y: event.clientY,\n      onClose() {\n        clearPointerEvents();\n        cleanupMouseMoveHandler();\n        if (!isClickLikeOpenEvent() && currentTrigger === store.select('domReferenceElement')) {\n          closeWithDelay(event);\n        }\n      }\n    })(event);\n  });\n  React.useEffect(() => {\n    if (!enabled) {\n      return undefined;\n    }\n    const trigger = triggerElementRef.current ?? (isActiveTrigger ? store.select('domReferenceElement') : null);\n    if (!isElement(trigger)) {\n      return undefined;\n    }\n    function onMouseEnter(event) {\n      openChangeTimeout.clear();\n      blockMouseMoveRef.current = false;\n      if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current)) {\n        return;\n      }\n\n      // Only rest delay is set; there's no fallback delay.\n      // This will be handled by `onMouseMove`.\n      if (getRestMs(restMsRef.current) > 0 && !getDelay(delayRef.current, 'open')) {\n        return;\n      }\n      const openDelay = getDelay(delayRef.current, 'open', pointerTypeRef.current);\n      const currentDomReference = store.select('domReferenceElement');\n      const allTriggers = store.context.triggerElements;\n      const isOverInactiveTrigger = (allTriggers.hasElement(event.target) || allTriggers.hasMatchingElement(t => contains(t, event.target))) && (!currentDomReference || !contains(currentDomReference, event.target));\n      const triggerNode = event.currentTarget ?? null;\n      const shouldOpen = !store.select('open') || isOverInactiveTrigger;\n      if (openDelay) {\n        openChangeTimeout.start(openDelay, () => {\n          if (shouldOpen) {\n            store.setOpen(true, createChangeEventDetails(REASONS.triggerHover, event, triggerNode));\n          }\n        });\n      } else if (shouldOpen) {\n        store.setOpen(true, createChangeEventDetails(REASONS.triggerHover, event, triggerNode));\n      }\n    }\n    function onMouseLeave(event) {\n      if (isClickLikeOpenEvent()) {\n        clearPointerEvents();\n        return;\n      }\n      unbindMouseMoveRef.current();\n      const domReferenceElement = store.select('domReferenceElement');\n      const doc = getDocument(domReferenceElement);\n      restTimeout.clear();\n      restTimeoutPendingRef.current = false;\n      const triggerElements = store.context.triggerElements;\n      if (event.relatedTarget && triggerElements.hasElement(event.relatedTarget)) {\n        return;\n      }\n      if (handleCloseRef.current && dataRef.current.floatingContext) {\n        if (!store.select('open')) {\n          openChangeTimeout.clear();\n        }\n        const currentTrigger = triggerElementRef.current;\n        closeHandlerRef.current = handleCloseRef.current({\n          ...dataRef.current.floatingContext,\n          tree,\n          x: event.clientX,\n          y: event.clientY,\n          onClose() {\n            clearPointerEvents();\n            cleanupMouseMoveHandler();\n            if (!isClickLikeOpenEvent() && currentTrigger === store.select('domReferenceElement')) {\n              closeWithDelay(event, true);\n            }\n          }\n        });\n        const handler = closeHandlerRef.current;\n        handler(event);\n        doc.addEventListener('mousemove', handler);\n        unbindMouseMoveRef.current = () => {\n          doc.removeEventListener('mousemove', handler);\n        };\n        return;\n      }\n      const shouldClose = pointerTypeRef.current === 'touch' ? !contains(store.select('floatingElement'), event.relatedTarget) : true;\n      if (shouldClose) {\n        closeWithDelay(event);\n      }\n    }\n    function onScrollMouseLeave(event) {\n      handleScrollMouseLeave(event);\n    }\n    if (store.select('open')) {\n      trigger.addEventListener('mouseleave', onScrollMouseLeave);\n    }\n    if (move) {\n      trigger.addEventListener('mousemove', onMouseEnter, {\n        once: true\n      });\n    }\n    trigger.addEventListener('mouseenter', onMouseEnter);\n    trigger.addEventListener('mouseleave', onMouseLeave);\n    return () => {\n      trigger.removeEventListener('mouseleave', onScrollMouseLeave);\n      if (move) {\n        trigger.removeEventListener('mousemove', onMouseEnter);\n      }\n      trigger.removeEventListener('mouseenter', onMouseEnter);\n      trigger.removeEventListener('mouseleave', onMouseLeave);\n    };\n  }, [cleanupMouseMoveHandler, clearPointerEvents, blockMouseMoveRef, dataRef, delayRef, closeWithDelay, store, enabled, handleCloseRef, handleScrollMouseLeave, isActiveTrigger, isClickLikeOpenEvent, mouseOnly, move, pointerTypeRef, restMsRef, restTimeout, restTimeoutPendingRef, openChangeTimeout, triggerElementRef, tree, unbindMouseMoveRef, closeHandlerRef]);\n  return React.useMemo(() => {\n    function setPointerRef(event) {\n      pointerTypeRef.current = event.pointerType;\n    }\n    return {\n      onPointerDown: setPointerRef,\n      onPointerEnter: setPointerRef,\n      onMouseMove(event) {\n        const {\n          nativeEvent\n        } = event;\n        const trigger = event.currentTarget;\n        const currentDomReference = store.select('domReferenceElement');\n        const allTriggers = store.context.triggerElements;\n        const currentOpen = store.select('open');\n        const isOverInactiveTrigger = (allTriggers.hasElement(event.target) || allTriggers.hasMatchingElement(t => contains(t, event.target))) && (!currentDomReference || !contains(currentDomReference, event.target));\n        if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current)) {\n          return;\n        }\n        if (currentOpen && !isOverInactiveTrigger || getRestMs(restMsRef.current) === 0) {\n          return;\n        }\n        if (!isOverInactiveTrigger && restTimeoutPendingRef.current && event.movementX ** 2 + event.movementY ** 2 < 2) {\n          return;\n        }\n        restTimeout.clear();\n        function handleMouseMove() {\n          if (!blockMouseMoveRef.current && (!currentOpen || isOverInactiveTrigger)) {\n            store.setOpen(true, createChangeEventDetails(REASONS.triggerHover, nativeEvent, trigger));\n          }\n        }\n        if (pointerTypeRef.current === 'touch') {\n          ReactDOM.flushSync(() => {\n            handleMouseMove();\n          });\n        } else if (isOverInactiveTrigger && currentOpen) {\n          handleMouseMove();\n        } else {\n          restTimeoutPendingRef.current = true;\n          restTimeout.start(getRestMs(restMsRef.current), handleMouseMove);\n        }\n      }\n    };\n  }, [blockMouseMoveRef, mouseOnly, store, pointerTypeRef, restMsRef, restTimeout, restTimeoutPendingRef]);\n}"],"names":["REASONS.triggerHover"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useInteractions.js

@@ -0,0 +1,91 @@
+import * as React from "react";
+import { FOCUSABLE_ATTRIBUTE, ACTIVE_KEY, SELECTED_KEY } from "../utils/constants.js";
+function useInteractions(propsList = []) {
+  const referenceDeps = propsList.map((key) => key?.reference);
+  const floatingDeps = propsList.map((key) => key?.floating);
+  const itemDeps = propsList.map((key) => key?.item);
+  const triggerDeps = propsList.map((key) => key?.trigger);
+  const getReferenceProps = React.useCallback(
+    (userProps) => mergeProps(userProps, propsList, "reference"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    referenceDeps
+  );
+  const getFloatingProps = React.useCallback(
+    (userProps) => mergeProps(userProps, propsList, "floating"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    floatingDeps
+  );
+  const getItemProps = React.useCallback(
+    (userProps) => mergeProps(userProps, propsList, "item"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    itemDeps
+  );
+  const getTriggerProps = React.useCallback(
+    (userProps) => mergeProps(userProps, propsList, "trigger"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    triggerDeps
+  );
+  return React.useMemo(() => ({
+    getReferenceProps,
+    getFloatingProps,
+    getItemProps,
+    getTriggerProps
+  }), [getReferenceProps, getFloatingProps, getItemProps, getTriggerProps]);
+}
+function mergeProps(userProps, propsList, elementKey) {
+  const eventHandlers = /* @__PURE__ */ new Map();
+  const isItem = elementKey === "item";
+  const outputProps = {};
+  if (elementKey === "floating") {
+    outputProps.tabIndex = -1;
+    outputProps[FOCUSABLE_ATTRIBUTE] = "";
+  }
+  for (const key in userProps) {
+    if (isItem && userProps) {
+      if (key === ACTIVE_KEY || key === SELECTED_KEY) {
+        continue;
+      }
+    }
+    outputProps[key] = userProps[key];
+  }
+  for (let i = 0; i < propsList.length; i += 1) {
+    let props;
+    const propsOrGetProps = propsList[i]?.[elementKey];
+    if (typeof propsOrGetProps === "function") {
+      props = userProps ? propsOrGetProps(userProps) : null;
+    } else {
+      props = propsOrGetProps;
+    }
+    if (!props) {
+      continue;
+    }
+    mutablyMergeProps(outputProps, props, isItem, eventHandlers);
+  }
+  mutablyMergeProps(outputProps, userProps, isItem, eventHandlers);
+  return outputProps;
+}
+function mutablyMergeProps(outputProps, props, isItem, eventHandlers) {
+  for (const key in props) {
+    const value = props[key];
+    if (isItem && (key === ACTIVE_KEY || key === SELECTED_KEY)) {
+      continue;
+    }
+    if (!key.startsWith("on")) {
+      outputProps[key] = value;
+    } else {
+      if (!eventHandlers.has(key)) {
+        eventHandlers.set(key, []);
+      }
+      if (typeof value === "function") {
+        eventHandlers.get(key)?.push(value);
+        outputProps[key] = (...args) => {
+          return eventHandlers.get(key)?.map((fn) => fn(...args)).find((val) => val !== void 0);
+        };
+      }
+    }
+  }
+}
+export {
+  useInteractions
+};
+//# sourceMappingURL=useInteractions.js.map