@rpcbase/ui 0.228.0 → 0.230.0

package/dist/index282.js

@@ -1,103 +1,69 @@
-import { mergeObjects as y } from "./index337.js";
-const o = {};
-function j(t, n, e, r, c) {
-  if (!e && !r && !c && !t)
-    return u(n);
-  let f = u(t);
-  return n && (f = i(f, n)), e && (f = i(f, e)), r && (f = i(f, r)), c && (f = i(f, c)), f;
-}
-function w(t) {
-  if (t.length === 0)
-    return o;
-  if (t.length === 1)
-    return u(t[0]);
-  let n = u(t[0]);
-  for (let e = 1; e < t.length; e += 1)
-    n = i(n, t[e]);
-  return n;
-}
-function u(t) {
-  return l(t) ? {
-    ...s(t, o)
-  } : m(t);
-}
-function i(t, n) {
-  return l(n) ? s(n, t) : U(t, n);
-}
-function m(t) {
-  const n = {
-    ...t
-  };
-  for (const e in n) {
-    const r = n[e];
-    a(e, r) && (n[e] = v(r));
-  }
-  return n;
-}
-function U(t, n) {
-  if (!n)
-    return t;
-  for (const e in n) {
-    const r = n[e];
-    switch (e) {
-      case "style": {
-        t[e] = y(t.style, r);
-        break;
+import * as k from "react";
+import { useAnimationFrame as b } from "./index315.js";
+import { useTimeout as I } from "./index291.js";
+import { EMPTY_OBJECT as x } from "./index265.js";
+import { isTypeableElement as L } from "./index299.js";
+import { isMouseLikePointerType as M, isClickLikeEvent as S } from "./index394.js";
+import { createChangeEventDetails as y } from "./index272.js";
+import { getTarget as q } from "./index300.js";
+import { triggerPress as A } from "./index289.js";
+function G(T, D = {}) {
+  const e = "rootStore" in T ? T.rootStore : T, g = e.context.dataRef, {
+    enabled: h = !0,
+    event: p = "click",
+    toggle: E = !0,
+    ignoreMouse: O = !1,
+    stickIfOpen: v = !0,
+    touchOpenDelay: n = 0,
+    reason: a = A
+  } = D, s = k.useRef(void 0), C = b(), m = I(), R = k.useMemo(() => ({
+    onPointerDown(t) {
+      s.current = t.pointerType;
+    },
+    onMouseDown(t) {
+      const r = s.current, o = t.nativeEvent, c = e.select("open");
+      if (t.button !== 0 || p === "click" || M(r) && O)
+        return;
+      const f = g.current.openEvent, i = f?.type, l = e.select("domReferenceElement") !== t.currentTarget, d = c && l || !(c && E && (!(f && v) || i === "click" || i === "mousedown")), w = q(o);
+      if (L(w)) {
+        const u = y(a, o, w);
+        d && r === "touch" && n > 0 ? m.start(n, () => {
+          e.setOpen(!0, u);
+        }) : e.setOpen(d, u);
+        return;
       }
-      case "className": {
-        t[e] = M(t.className, r);
-        break;
+      const P = t.currentTarget;
+      C.request(() => {
+        const u = y(a, o, P);
+        d && r === "touch" && n > 0 ? m.start(n, () => {
+          e.setOpen(!0, u);
+        }) : e.setOpen(d, u);
+      });
+    },
+    onClick(t) {
+      if (p === "mousedown-only")
+        return;
+      const r = s.current;
+      if (p === "mousedown" && r) {
+        s.current = void 0;
+        return;
       }
-      default:
-        a(e, r) ? t[e] = A(t[e], r) : t[e] = r;
-    }
-  }
-  return t;
-}
-function a(t, n) {
-  const e = t.charCodeAt(0), r = t.charCodeAt(1), c = t.charCodeAt(2);
-  return e === 111 && r === 110 && c >= 65 && c <= 90 && (typeof n == "function" || typeof n > "u");
-}
-function l(t) {
-  return typeof t == "function";
-}
-function s(t, n) {
-  return l(t) ? t(n) : t ?? o;
-}
-function A(t, n) {
-  return n ? t ? (...e) => {
-    const r = e[0];
-    if (I(r)) {
-      const f = r;
-      E(f);
-      const b = n(...e);
-      return f.baseUIHandlerPrevented || t?.(...e), b;
+      if (M(r) && O)
+        return;
+      const o = e.select("open"), c = g.current.openEvent, f = e.select("domReferenceElement") !== t.currentTarget, i = o && f || !(o && E && (!(c && v) || S(c))), l = y(a, t.nativeEvent, t.currentTarget);
+      i && r === "touch" && n > 0 ? m.start(n, () => {
+        e.setOpen(!0, l);
+      }) : e.setOpen(i, l);
+    },
+    onKeyDown() {
+      s.current = void 0;
     }
-    const c = n(...e);
-    return t?.(...e), c;
-  } : v(n) : t;
-}
-function v(t) {
-  return t && ((...n) => {
-    const e = n[0];
-    return I(e) && E(e), t(...n);
-  });
-}
-function E(t) {
-  return t.preventBaseUIHandler = () => {
-    t.baseUIHandlerPrevented = !0;
-  }, t;
-}
-function M(t, n) {
-  return n ? t ? n + " " + t : n : t;
-}
-function I(t) {
-  return t != null && typeof t == "object" && "nativeEvent" in t;
+  }), [g, p, O, e, v, E, C, m, n, a]);
+  return k.useMemo(() => h ? {
+    reference: R
+  } : x, [h, R]);
 }
 export {
-  E as makeEventPreventable,
-  M as mergeClassNames,
-  j as mergeProps,
-  w as mergePropsN
+  G as useClick
 };
 //# sourceMappingURL=index282.js.map

package/dist/index282.js.map

@@ -1 +1 @@
-{"version":3,"file":"index282.js","sources":["../../../node_modules/@base-ui/react/esm/merge-props/mergeProps.js"],"sourcesContent":["import { mergeObjects } from '@base-ui/utils/mergeObjects';\nconst EMPTY_PROPS = {};\n\n/* eslint-disable id-denylist */\n/**\n * Merges multiple sets of React props. It follows the Object.assign pattern where the rightmost object's fields overwrite\n * the conflicting ones from others. This doesn't apply to event handlers, `className` and `style` props.\n *\n * Event handlers are merged and called in right-to-left order (rightmost handler executes first, leftmost last).\n * For React synthetic events, the rightmost handler can prevent prior (left-positioned) handlers from executing\n * by calling `event.preventBaseUIHandler()`. For non-synthetic events (custom events with primitive/object values),\n * all handlers always execute without prevention capability.\n *\n * The `className` prop is merged by concatenating classes in right-to-left order (rightmost class appears first in the string).\n * The `style` prop is merged with rightmost styles overwriting the prior ones.\n *\n * Props can either be provided as objects or as functions that take the previous props as an argument.\n * The function will receive the merged props up to that point (going from left to right):\n * so in the case of `(obj1, obj2, fn, obj3)`, `fn` will receive the merged props of `obj1` and `obj2`.\n * The function is responsible for chaining event handlers if needed (that is, we don't run the merge logic).\n *\n * Event handlers returned by the functions are not automatically prevented when `preventBaseUIHandler` is called.\n * They must check `event.baseUIHandlerPrevented` themselves and bail out if it's true.\n *\n * @important **`ref` is not merged.**\n * @param a Props object to merge.\n * @param b Props object to merge. The function will overwrite conflicting props from `a`.\n * @param c Props object to merge. The function will overwrite conflicting props from previous parameters.\n * @param d Props object to merge. The function will overwrite conflicting props from previous parameters.\n * @param e Props object to merge. The function will overwrite conflicting props from previous parameters.\n * @returns The merged props.\n * @public\n */\n\nexport function mergeProps(a, b, c, d, e) {\n  if (!c && !d && !e && !a) {\n    return createInitialMergedProps(b);\n  }\n\n  // We need to mutably own `merged`.\n  let merged = createInitialMergedProps(a);\n  if (b) {\n    merged = mergeInto(merged, b);\n  }\n  if (c) {\n    merged = mergeInto(merged, c);\n  }\n  if (d) {\n    merged = mergeInto(merged, d);\n  }\n  if (e) {\n    merged = mergeInto(merged, e);\n  }\n  return merged;\n}\n/* eslint-enable id-denylist */\n\n/**\n * Merges an arbitrary number of React props using the same logic as {@link mergeProps}.\n * This function accepts an array of props instead of individual arguments.\n *\n * This has slightly lower performance than {@link mergeProps} due to accepting an array\n * instead of a fixed number of arguments. Prefer {@link mergeProps} when merging 5 or\n * fewer prop sets for better performance.\n *\n * @param props Array of props to merge.\n * @returns The merged props.\n * @see mergeProps\n * @public\n */\nexport function mergePropsN(props) {\n  if (props.length === 0) {\n    return EMPTY_PROPS;\n  }\n  if (props.length === 1) {\n    return createInitialMergedProps(props[0]);\n  }\n\n  // We need to mutably own `merged`.\n  let merged = createInitialMergedProps(props[0]);\n  for (let i = 1; i < props.length; i += 1) {\n    merged = mergeInto(merged, props[i]);\n  }\n  return merged;\n}\nfunction createInitialMergedProps(inputProps) {\n  if (isPropsGetter(inputProps)) {\n    // Getter-returned handlers intentionally keep their existing semantics.\n    return {\n      ...resolvePropsGetter(inputProps, EMPTY_PROPS)\n    };\n  }\n  return copyInitialProps(inputProps);\n}\nfunction mergeInto(merged, inputProps) {\n  if (isPropsGetter(inputProps)) {\n    return resolvePropsGetter(inputProps, merged);\n  }\n  return mutablyMergeInto(merged, inputProps);\n}\nfunction copyInitialProps(inputProps) {\n  const copiedProps = {\n    ...inputProps\n  };\n\n  // `copiedProps` is our fresh own-object copy, so iterating with `for...in` is safe here.\n  // eslint-disable-next-line guard-for-in\n  for (const propName in copiedProps) {\n    const propValue = copiedProps[propName];\n    if (isEventHandler(propName, propValue)) {\n      copiedProps[propName] = wrapEventHandler(propValue);\n    }\n  }\n  return copiedProps;\n}\n\n/**\n * Merges two sets of props. In case of conflicts, the external props take precedence.\n */\nfunction mutablyMergeInto(mergedProps, externalProps) {\n  if (!externalProps) {\n    return mergedProps;\n  }\n\n  // eslint-disable-next-line guard-for-in\n  for (const propName in externalProps) {\n    const externalPropValue = externalProps[propName];\n    switch (propName) {\n      case 'style':\n        {\n          mergedProps[propName] = mergeObjects(mergedProps.style, externalPropValue);\n          break;\n        }\n      case 'className':\n        {\n          mergedProps[propName] = mergeClassNames(mergedProps.className, externalPropValue);\n          break;\n        }\n      default:\n        {\n          if (isEventHandler(propName, externalPropValue)) {\n            mergedProps[propName] = mergeEventHandlers(mergedProps[propName], externalPropValue);\n          } else {\n            mergedProps[propName] = externalPropValue;\n          }\n        }\n    }\n  }\n  return mergedProps;\n}\nfunction isEventHandler(key, value) {\n  // This approach is more efficient than using a regex.\n  const code0 = key.charCodeAt(0);\n  const code1 = key.charCodeAt(1);\n  const code2 = key.charCodeAt(2);\n  return code0 === 111 /* o */ && code1 === 110 /* n */ && code2 >= 65 /* A */ && code2 <= 90 /* Z */ && (typeof value === 'function' || typeof value === 'undefined');\n}\nfunction isPropsGetter(inputProps) {\n  return typeof inputProps === 'function';\n}\nfunction resolvePropsGetter(inputProps, previousProps) {\n  if (isPropsGetter(inputProps)) {\n    return inputProps(previousProps);\n  }\n  return inputProps ?? EMPTY_PROPS;\n}\nfunction mergeEventHandlers(ourHandler, theirHandler) {\n  if (!theirHandler) {\n    return ourHandler;\n  }\n  if (!ourHandler) {\n    return wrapEventHandler(theirHandler);\n  }\n  return (...args) => {\n    const event = args[0];\n    if (isSyntheticEvent(event)) {\n      const baseUIEvent = event;\n      makeEventPreventable(baseUIEvent);\n      const result = theirHandler(...args);\n      if (!baseUIEvent.baseUIHandlerPrevented) {\n        ourHandler?.(...args);\n      }\n      return result;\n    }\n    const result = theirHandler(...args);\n    ourHandler?.(...args);\n    return result;\n  };\n}\nfunction wrapEventHandler(handler) {\n  if (!handler) {\n    return handler;\n  }\n  return (...args) => {\n    const event = args[0];\n    if (isSyntheticEvent(event)) {\n      makeEventPreventable(event);\n    }\n    return handler(...args);\n  };\n}\nexport function makeEventPreventable(event) {\n  event.preventBaseUIHandler = () => {\n    event.baseUIHandlerPrevented = true;\n  };\n  return event;\n}\nexport function mergeClassNames(ourClassName, theirClassName) {\n  if (theirClassName) {\n    if (ourClassName) {\n      // eslint-disable-next-line prefer-template\n      return theirClassName + ' ' + ourClassName;\n    }\n    return theirClassName;\n  }\n  return ourClassName;\n}\nfunction isSyntheticEvent(event) {\n  return event != null && typeof event === 'object' && 'nativeEvent' in event;\n}"],"names":["EMPTY_PROPS","mergeProps","a","b","c","d","e","createInitialMergedProps","merged","mergeInto","mergePropsN","props","i","inputProps","isPropsGetter","resolvePropsGetter","copyInitialProps","mutablyMergeInto","copiedProps","propName","propValue","isEventHandler","wrapEventHandler","mergedProps","externalProps","externalPropValue","mergeObjects","mergeClassNames","mergeEventHandlers","key","value","code0","code1","code2","previousProps","ourHandler","theirHandler","args","event","isSyntheticEvent","baseUIEvent","makeEventPreventable","result","handler","ourClassName","theirClassName"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index282.js","sources":["../../../node_modules/@base-ui/react/esm/floating-ui-react/hooks/useClick.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAnimationFrame } from '@base-ui/utils/useAnimationFrame';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { getTarget, isTypeableElement } from \"../utils/element.js\";\nimport { isClickLikeEvent, isMouseLikePointerType } from \"../utils/event.js\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../internals/reasons.js\";\n/**\n * Opens or closes the floating element when clicking the reference element.\n * @see https://floating-ui.com/docs/useClick\n */\nexport function useClick(context, props = {}) {\n  const store = 'rootStore' in context ? context.rootStore : context;\n  const dataRef = store.context.dataRef;\n  const {\n    enabled = true,\n    event: eventOption = 'click',\n    toggle = true,\n    ignoreMouse = false,\n    stickIfOpen = true,\n    touchOpenDelay = 0,\n    reason = REASONS.triggerPress\n  } = props;\n  const pointerTypeRef = React.useRef(undefined);\n  const frame = useAnimationFrame();\n  const touchOpenTimeout = useTimeout();\n  const reference = React.useMemo(() => ({\n    onPointerDown(event) {\n      pointerTypeRef.current = event.pointerType;\n    },\n    onMouseDown(event) {\n      const pointerType = pointerTypeRef.current;\n      const nativeEvent = event.nativeEvent;\n      const open = store.select('open');\n\n      // Ignore all buttons except for the \"main\" button.\n      // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button\n      if (event.button !== 0 || eventOption === 'click' || isMouseLikePointerType(pointerType, true) && ignoreMouse) {\n        return;\n      }\n      const openEvent = dataRef.current.openEvent;\n      const openEventType = openEvent?.type;\n      const hasClickedOnInactiveTrigger = store.select('domReferenceElement') !== event.currentTarget;\n      const nextOpen = open && hasClickedOnInactiveTrigger || !(open && toggle && (openEvent && stickIfOpen ? openEventType === 'click' || openEventType === 'mousedown' : true));\n\n      // Animations sometimes won't run on a typeable element if using a rAF.\n      // Focus is always set on these elements. For touch, we may delay opening.\n      const target = getTarget(nativeEvent);\n      if (isTypeableElement(target)) {\n        const details = createChangeEventDetails(reason, nativeEvent, target);\n        if (nextOpen && pointerType === 'touch' && touchOpenDelay > 0) {\n          touchOpenTimeout.start(touchOpenDelay, () => {\n            store.setOpen(true, details);\n          });\n        } else {\n          store.setOpen(nextOpen, details);\n        }\n        return;\n      }\n\n      // Capture the currentTarget before the rAF.\n      // as React sets it to null after the event handler completes.\n      const eventCurrentTarget = event.currentTarget;\n\n      // Wait until focus is set on the element. This is an alternative to\n      // `event.preventDefault()` to avoid :focus-visible from appearing when using a pointer.\n      frame.request(() => {\n        const details = createChangeEventDetails(reason, nativeEvent, eventCurrentTarget);\n        if (nextOpen && pointerType === 'touch' && touchOpenDelay > 0) {\n          touchOpenTimeout.start(touchOpenDelay, () => {\n            store.setOpen(true, details);\n          });\n        } else {\n          store.setOpen(nextOpen, details);\n        }\n      });\n    },\n    onClick(event) {\n      if (eventOption === 'mousedown-only') {\n        return;\n      }\n      const pointerType = pointerTypeRef.current;\n      if (eventOption === 'mousedown' && pointerType) {\n        pointerTypeRef.current = undefined;\n        return;\n      }\n      if (isMouseLikePointerType(pointerType, true) && ignoreMouse) {\n        return;\n      }\n      const open = store.select('open');\n      const openEvent = dataRef.current.openEvent;\n      const hasClickedOnInactiveTrigger = store.select('domReferenceElement') !== event.currentTarget;\n      const nextOpen = open && hasClickedOnInactiveTrigger || !(open && toggle && (openEvent && stickIfOpen ? isClickLikeEvent(openEvent) : true));\n      const details = createChangeEventDetails(reason, event.nativeEvent, event.currentTarget);\n      if (nextOpen && pointerType === 'touch' && touchOpenDelay > 0) {\n        touchOpenTimeout.start(touchOpenDelay, () => {\n          store.setOpen(true, details);\n        });\n      } else {\n        store.setOpen(nextOpen, details);\n      }\n    },\n    onKeyDown() {\n      pointerTypeRef.current = undefined;\n    }\n  }), [dataRef, eventOption, ignoreMouse, store, stickIfOpen, toggle, frame, touchOpenTimeout, touchOpenDelay, reason]);\n  return React.useMemo(() => enabled ? {\n    reference\n  } : EMPTY_OBJECT, [enabled, reference]);\n}"],"names":["useClick","context","props","store","dataRef","enabled","eventOption","toggle","ignoreMouse","stickIfOpen","touchOpenDelay","reason","REASONS.triggerPress","pointerTypeRef","React","frame","useAnimationFrame","touchOpenTimeout","useTimeout","reference","event","pointerType","nativeEvent","open","isMouseLikePointerType","openEvent","openEventType","hasClickedOnInactiveTrigger","nextOpen","target","getTarget","isTypeableElement","details","createChangeEventDetails","eventCurrentTarget","isClickLikeEvent","EMPTY_OBJECT"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index283.js

@@ -1,87 +1,266 @@
-import { useStore as r } from "./index277.js";
-class n {
-  /**
-   * The current state of the store.
-   * This property is updated immediately when the state changes as a result of calling {@link setState}, {@link update}, or {@link set}.
-   * To subscribe to state changes, use the {@link useState} method. The value returned by {@link useState} is updated after the component renders (similarly to React's useState).
-   * The values can be used directly (to avoid subscribing to the store) in effects or event handlers.
-   *
-   * Do not modify properties in state directly. Instead, use the provided methods to ensure proper state management and listener notification.
-   */
-  // Internal state to handle recursive `setState()` calls
-  constructor(t) {
-    this.state = t, this.listeners = /* @__PURE__ */ new Set(), this.updateTick = 0;
-  }
-  /**
-   * Registers a listener that will be called whenever the store's state changes.
-   *
-   * @param fn The listener function to be called on state changes.
-   * @returns A function to unsubscribe the listener.
-   */
-  subscribe = (t) => (this.listeners.add(t), () => {
-    this.listeners.delete(t);
+import * as a from "react";
+import { isWebKit as Ae, isElement as v, isShadowRoot as Be, isLastTraversableNode as Z, getParentNode as Ne, isHTMLElement as Le, getComputedStyle as Fe } from "./index324.js";
+import { addEventListener as u } from "./index313.js";
+import { mergeCleanups as z } from "./index392.js";
+import { useTimeout as de, Timeout as pe } from "./index291.js";
+import { useStableCallback as y } from "./index263.js";
+import { ownerDocument as me } from "./index290.js";
+import { isEventTargetWithin as f, isRootElement as $e } from "./index299.js";
+import { isReactEvent as qe } from "./index394.js";
+import { getNodeChildren as ee } from "./index396.js";
+import { useFloatingTree as Ve } from "./index401.js";
+import { createChangeEventDetails as A } from "./index272.js";
+import { createAttribute as Ue } from "./index398.js";
+import { getTarget as te, contains as B } from "./index300.js";
+import { triggerPress as he, escapeKey as je, outsidePress as Ge } from "./index289.js";
+const Je = {
+  intentional: "onClick",
+  sloppy: "onPointerDown"
+};
+function Qe() {
+  return !1;
+}
+function Ze(d) {
+  return {
+    escapeKey: typeof d == "boolean" ? d : d?.escapeKey ?? !1,
+    outsidePress: typeof d == "boolean" ? d : d?.outsidePress ?? !0
+  };
+}
+function pt(d, Ee = {}) {
+  const n = "rootStore" in d ? d.rootStore : d, S = n.useState("open"), ne = n.useState("floatingElement"), {
+    dataRef: m
+  } = n.context, {
+    enabled: h = !0,
+    escapeKey: N = !0,
+    outsidePress: x = !0,
+    outsidePressEvent: ge = "sloppy",
+    referencePress: ye = Qe,
+    referencePressEvent: L = "sloppy",
+    bubbles: Pe,
+    externalTree: Re
+  } = Ee, P = Ve(Re), Te = y(typeof x == "function" ? x : () => !1), R = typeof x == "function" ? Te : x, re = R !== !1, se = y(() => ge), O = a.useRef(!1), X = a.useRef(!1), b = a.useRef(!1), {
+    escapeKey: W,
+    outsidePress: oe
+  } = Ze(Pe), s = a.useRef(null), D = de(), ce = de(), E = y(() => {
+    ce.clear(), m.current.insideReactTree = !1;
+  }), F = a.useRef(!1), $ = a.useRef(""), q = y(ye), w = y((r) => {
+    if (!S || !h || !N || r.key !== "Escape" || F.current)
+      return;
+    const g = m.current.floatingContext?.nodeId, Y = P ? ee(P.nodesRef.current, g) : [];
+    if (!W && Y.length > 0) {
+      let M = !0;
+      if (Y.forEach((p) => {
+        p.context?.open && !p.context.dataRef.current.__escapeKeyBubbles && (M = !1);
+      }), !M)
+        return;
+    }
+    const G = qe(r) ? r.nativeEvent : r, I = A(je, G);
+    n.setOpen(!1, I), !W && !I.isPropagationAllowed && r.stopPropagation();
+  }), T = y(() => {
+    m.current.insideReactTree = !0, ce.start(0, E);
   });
-  /**
-   * Returns the current state of the store.
-   */
-  getSnapshot = () => this.state;
-  /**
-   * Updates the entire store's state and notifies all registered listeners.
-   *
-   * @param newState The new state to set for the store.
-   */
-  setState(t) {
-    if (this.state === t)
+  a.useEffect(() => {
+    if (!S || !h)
       return;
-    this.state = t, this.updateTick += 1;
-    const s = this.updateTick;
-    for (const e of this.listeners) {
-      if (s !== this.updateTick)
+    m.current.__escapeKeyBubbles = W, m.current.__outsidePressBubbles = oe;
+    const r = new pe(), g = new pe();
+    function Y() {
+      r.clear(), F.current = !0;
+    }
+    function G() {
+      r.start(
+        // 0ms or 1ms don't work in Safari. 5ms appears to consistently work.
+        // Only apply to WebKit for the test to remain 0ms.
+        Ae() ? 5 : 0,
+        () => {
+          F.current = !1;
+        }
+      );
+    }
+    function I() {
+      b.current = !0, g.start(0, () => {
+        b.current = !1;
+      });
+    }
+    function M() {
+      O.current = !1, X.current = !1;
+    }
+    function p() {
+      const e = $.current, t = e === "pen" || !e ? "mouse" : e, o = se(), c = typeof o == "function" ? o() : o;
+      return typeof c == "string" ? c : c[t];
+    }
+    function be(e) {
+      const t = p();
+      return t === "intentional" && e.type !== "click" || t === "sloppy" && e.type === "click";
+    }
+    function ue(e) {
+      const t = m.current.floatingContext?.nodeId, o = P && ee(P.nodesRef.current, t).some((c) => f(e, c.context?.elements.floating));
+      return f(e, n.select("floatingElement")) || f(e, n.select("domReferenceElement")) || o;
+    }
+    function _(e) {
+      if (be(e)) {
+        E();
+        return;
+      }
+      if (m.current.insideReactTree) {
+        E();
         return;
-      e(t);
-    }
-  }
-  /**
-   * Merges the provided changes into the current state and notifies listeners if there are changes.
-   *
-   * @param changes An object containing the changes to apply to the current state.
-   */
-  update(t) {
-    for (const s in t)
-      if (!Object.is(this.state[s], t[s])) {
-        this.setState({
-          ...this.state,
-          ...t
-        });
+      }
+      const t = te(e), o = `[${Ue("inert")}]`, c = v(t) ? t.getRootNode() : null, k = Array.from((Be(c) ? c : me(n.select("floatingElement"))).querySelectorAll(o)), le = n.context.triggerElements;
+      if (t && (le.hasElement(t) || le.hasMatchingElement((i) => B(i, t))))
         return;
+      let K = v(t) ? t : null;
+      for (; K && !Z(K); ) {
+        const i = Ne(K);
+        if (Z(i) || !v(i))
+          break;
+        K = i;
       }
-  }
-  /**
-   * Sets a specific key in the store's state to a new value and notifies listeners if the value has changed.
-   *
-   * @param key The key in the store's state to update.
-   * @param value The new value to set for the specified key.
-   */
-  set(t, s) {
-    Object.is(this.state[t], s) || this.setState({
-      ...this.state,
-      [t]: s
-    });
-  }
-  /**
-   * Gives the state a new reference and updates all registered listeners.
-   */
-  notifyAll() {
-    const t = {
-      ...this.state
+      if (k.length && v(t) && !$e(t) && // Clicked on a direct ancestor (e.g. FloatingOverlay).
+      !B(t, n.select("floatingElement")) && // If the target root element contains none of the markers, then the
+      // element was injected after the floating element rendered.
+      k.every((i) => !B(K, i)))
+        return;
+      if (Le(t) && !("touches" in e)) {
+        const i = Z(t), C = Fe(t), fe = /auto|scroll/, xe = i || fe.test(C.overflowX), Xe = i || fe.test(C.overflowY), We = xe && t.clientWidth > 0 && t.scrollWidth > t.clientWidth, Ye = Xe && t.clientHeight > 0 && t.scrollHeight > t.clientHeight, _e = C.direction === "rtl", He = Ye && (_e ? e.offsetX <= t.offsetWidth - t.clientWidth : e.offsetX > t.clientWidth), ve = We && e.offsetY > t.clientHeight;
+        if (He || ve)
+          return;
+      }
+      if (ue(e))
+        return;
+      if (p() === "intentional" && b.current) {
+        g.clear(), b.current = !1;
+        return;
+      }
+      if (typeof R == "function" && !R(e))
+        return;
+      const Ke = m.current.floatingContext?.nodeId, ae = P ? ee(P.nodesRef.current, Ke) : [];
+      if (ae.length > 0) {
+        let i = !0;
+        if (ae.forEach((C) => {
+          C.context?.open && !C.context.dataRef.current.__outsidePressBubbles && (i = !1);
+        }), !i)
+          return;
+      }
+      n.setOpen(!1, A(Ge, e)), E();
+    }
+    function we(e) {
+      p() !== "sloppy" || e.pointerType === "touch" || !n.select("open") || !h || f(e, n.select("floatingElement")) || f(e, n.select("domReferenceElement")) || _(e);
+    }
+    function Ce(e) {
+      if (p() !== "sloppy" || !n.select("open") || !h || f(e, n.select("floatingElement")) || f(e, n.select("domReferenceElement")))
+        return;
+      const t = e.touches[0];
+      t && (s.current = {
+        startTime: Date.now(),
+        startX: t.clientX,
+        startY: t.clientY,
+        dismissOnTouchEnd: !1,
+        dismissOnMouseDown: !0
+      }, D.start(1e3, () => {
+        s.current && (s.current.dismissOnTouchEnd = !1, s.current.dismissOnMouseDown = !1);
+      }));
+    }
+    function H(e, t) {
+      const o = te(e);
+      if (!o)
+        return;
+      const c = u(o, e.type, () => {
+        t(e), c();
+      });
+    }
+    function Se(e) {
+      $.current = "touch", H(e, Ce);
+    }
+    function J(e) {
+      D.clear(), e.type === "pointerdown" && ($.current = e.pointerType), !(e.type === "mousedown" && s.current && !s.current.dismissOnMouseDown) && H(e, (t) => {
+        t.type === "pointerdown" ? we(t) : _(t);
+      });
+    }
+    function Q(e) {
+      if (!O.current)
+        return;
+      const t = X.current;
+      if (M(), p() === "intentional") {
+        if (e.type === "pointercancel") {
+          t && I();
+          return;
+        }
+        if (!ue(e)) {
+          if (t) {
+            I();
+            return;
+          }
+          typeof R == "function" && !R(e) || (g.clear(), b.current = !0, E());
+        }
+      }
+    }
+    function Oe(e) {
+      if (p() !== "sloppy" || !s.current || f(e, n.select("floatingElement")) || f(e, n.select("domReferenceElement")))
+        return;
+      const t = e.touches[0];
+      if (!t)
+        return;
+      const o = Math.abs(t.clientX - s.current.startX), c = Math.abs(t.clientY - s.current.startY), k = Math.sqrt(o * o + c * c);
+      k > 5 && (s.current.dismissOnTouchEnd = !0), k > 10 && (_(e), D.clear(), s.current = null);
+    }
+    function De(e) {
+      H(e, Oe);
+    }
+    function Ie(e) {
+      p() !== "sloppy" || !s.current || f(e, n.select("floatingElement")) || f(e, n.select("domReferenceElement")) || (s.current.dismissOnTouchEnd && _(e), D.clear(), s.current = null);
+    }
+    function Me(e) {
+      H(e, Ie);
+    }
+    const l = me(ne), ke = z(N && z(u(l, "keydown", w), u(l, "compositionstart", Y), u(l, "compositionend", G)), re && z(u(l, "click", J, !0), u(l, "pointerdown", J, !0), u(l, "pointerup", Q, !0), u(l, "pointercancel", Q, !0), u(l, "mousedown", J, !0), u(l, "mouseup", Q, !0), u(l, "touchstart", Se, !0), u(l, "touchmove", De, !0), u(l, "touchend", Me, !0)));
+    return () => {
+      ke(), r.clear(), g.clear(), M(), b.current = !1;
     };
-    this.setState(t);
-  }
-  use(t, s, e, i) {
-    return r(this, t, s, e, i);
-  }
+  }, [m, ne, N, re, R, S, h, W, oe, w, E, se, P, n, D]), a.useEffect(E, [R, E]);
+  const V = a.useMemo(() => ({
+    onKeyDown: w,
+    [Je[L]]: (r) => {
+      q() && n.setOpen(!1, A(he, r.nativeEvent));
+    },
+    ...L !== "intentional" && {
+      onClick(r) {
+        q() && n.setOpen(!1, A(he, r.nativeEvent));
+      }
+    }
+  }), [w, n, L, q]), U = y((r) => {
+    if (!S || !h || r.button !== 0)
+      return;
+    const g = te(r.nativeEvent);
+    B(n.select("floatingElement"), g) && (O.current || (O.current = !0, X.current = !1));
+  }), j = y((r) => {
+    !S || !h || (r.defaultPrevented || r.nativeEvent.defaultPrevented) && O.current && (X.current = !0);
+  }), ie = a.useMemo(() => ({
+    onKeyDown: w,
+    // `onMouseDown` may be blocked if `event.preventDefault()` is called in
+    // `onPointerDown`, such as with <NumberField.ScrubArea>.
+    // See https://github.com/mui/base-ui/pull/3379
+    onPointerDown: j,
+    onMouseDown: j,
+    onClickCapture: T,
+    onMouseDownCapture(r) {
+      T(), U(r);
+    },
+    onPointerDownCapture(r) {
+      T(), U(r);
+    },
+    onMouseUpCapture: T,
+    onTouchEndCapture: T,
+    onTouchMoveCapture: T
+  }), [w, T, U, j]);
+  return a.useMemo(() => h ? {
+    reference: V,
+    floating: ie,
+    trigger: V
+  } : {}, [h, V, ie]);
 }
 export {
-  n as Store
+  Ze as normalizeProp,
+  pt as useDismiss
 };
 //# sourceMappingURL=index283.js.map