@rpcbase/ui 0.244.0 → 0.245.0

package/dist/index264.js

@@ -1,180 +1,33 @@
-import * as a from "react";
-import "react-dom";
-import { EMPTY_OBJECT as f } from "./index241.js";
-import { useId as T } from "./index368.js";
-import { useStableCallback as p } from "./index239.js";
-import { useIsoLayoutEffect as s } from "./index238.js";
-import { FOCUSABLE_ATTRIBUTE as v } from "./index397.js";
-import { useFloatingParentNodeId as C } from "./index406.js";
-import { useSyncedFloatingRootContext as E } from "./index409.js";
-import { useTransitionStatus as I } from "./index246.js";
-import { useOpenChangeComplete as O } from "./index249.js";
-import { createChangeEventDetails as S } from "./index248.js";
-import { none as P } from "./index266.js";
-const L = {
-  tabIndex: -1,
-  [v]: ""
-};
-function z(e) {
-  return (t) => t === "touch" ? e.current : !0;
-}
-function V(e, t, i = !1) {
-  const r = T(), u = C() != null, o = a.useRef(null);
-  e === void 0 && o.current === null && (o.current = t(r, u));
-  const n = e ?? o.current;
-  return E({
-    popupStore: n,
-    treatPopupAsFloatingElement: i,
-    floatingRootContext: n.state.floatingRootContext,
-    floatingId: r,
-    nested: u,
-    onOpenChange: n.setOpen
-  }), {
-    store: n,
-    internalStore: o.current
-  };
-}
-function R(e, t) {
-  const i = a.useRef(null), r = a.useRef(null);
-  return a.useCallback((u) => {
-    if (e === void 0)
-      return;
-    let o = !1;
-    if (i.current !== null) {
-      const n = i.current, g = r.current, l = t.context.triggerElements.getById(n);
-      g && l === g && (t.context.triggerElements.delete(n), o = !0), i.current = null, r.current = null;
-    }
-    if (u !== null && (i.current = e, r.current = u, t.context.triggerElements.add(e, u), o = !0), o) {
-      const n = t.context.triggerElements.size;
-      t.select("open") && t.state.triggerCount !== n && t.set("triggerCount", n);
-    }
-  }, [t, e]);
-}
-function j(e, t, i, r = !1) {
-  t ? e.preventUnmountingOnClose = !1 : r && (e.preventUnmountingOnClose = !0);
-  const u = i?.id ?? null;
-  (u || t) && (e.activeTriggerId = u, e.activeTriggerElement = i ?? null);
-}
-function q(e, t, i, r) {
-  const u = i.useState("isMountedByTrigger", e), o = R(e, i), n = p((g) => {
-    if (o(g), !g)
-      return;
-    const l = i.select("open"), c = i.select("activeTriggerId");
-    if (c === e) {
-      i.update({
-        activeTriggerElement: g,
-        ...l ? r : null
-      });
-      return;
+import { SafeReact as a } from "./index272.js";
+import { useRefWithInit as c } from "./index284.js";
+const n = a.useInsertionEffect, r = (
+  // React 17 doesn't have useInsertionEffect.
+  n && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
+  n !== a.useLayoutEffect ? n : (e) => e()
+);
+function i(e) {
+  const t = c(o).current;
+  return t.next = e, r(t.effect), t.trampoline;
+}
+function o() {
+  const e = {
+    next: void 0,
+    callback: f,
+    trampoline: (...t) => e.callback?.(...t),
+    effect: () => {
+      e.callback = e.next;
     }
-    c == null && l && i.update({
-      activeTriggerId: e,
-      activeTriggerElement: g,
-      ...r
-    });
-  });
-  return s(() => {
-    u && i.update({
-      activeTriggerElement: t.current,
-      ...r
-    });
-  }, [u, i, t, ...Object.values(r)]), {
-    registerTrigger: n,
-    isMountedByThisTrigger: u
   };
+  return e;
 }
-function w(e, t = {}) {
-  const {
-    closeOnActiveTriggerUnmount: i = !1
-  } = t, r = e.useState("open"), u = e.useState("triggerCount");
-  s(() => {
-    if (!r) {
-      e.state.triggerCount !== 0 && e.set("triggerCount", 0);
-      return;
-    }
-    const o = e.context.triggerElements.size, n = {};
-    e.state.triggerCount !== o && (n.triggerCount = o);
-    const g = e.select("activeTriggerId");
-    let l = null;
-    if (g) {
-      const c = e.context.triggerElements.getById(g);
-      c ? c !== e.state.activeTriggerElement && (n.activeTriggerElement = c) : l = g;
-    }
-    if (!l && !g && o === 1) {
-      const c = e.context.triggerElements.entries().next();
-      if (!c.done) {
-        const [m, d] = c.value;
-        n.activeTriggerId = m, n.activeTriggerElement = d;
-      }
-    }
-    (n.triggerCount !== void 0 || n.activeTriggerId !== void 0 || n.activeTriggerElement !== void 0) && e.update(n), l && i && queueMicrotask(() => {
-      if (e.select("open") && e.select("activeTriggerId") === l && !e.context.triggerElements.getById(l)) {
-        const c = S(P);
-        e.setOpen(!1, c), c.isCanceled || e.update({
-          activeTriggerId: null,
-          activeTriggerElement: null
-        });
-      }
-    });
-  }, [r, e, u, i]);
-}
-function J(e, t, i) {
-  const {
-    mounted: r,
-    setMounted: u,
-    transitionStatus: o
-  } = I(e), n = t.useState("preventUnmountingOnClose"), g = e ? !1 : n;
-  t.useSyncedValues({
-    mounted: r,
-    transitionStatus: o,
-    preventUnmountingOnClose: g
-  });
-  const l = p(() => {
-    u(!1), t.update({
-      activeTriggerId: null,
-      activeTriggerElement: null,
-      mounted: !1,
-      preventUnmountingOnClose: !1
-    }), t.context.onOpenChangeComplete?.(!1);
-  });
-  return O({
-    enabled: r && !e && !g,
-    open: e,
-    ref: t.context.popupRef,
-    onComplete() {
-      e || l();
-    }
-  }), {
-    forceUnmount: l,
-    transitionStatus: o
-  };
-}
-function N(e, t) {
-  e.useSyncedValues(t), s(() => () => {
-    e.update({
-      activeTriggerProps: f,
-      inactiveTriggerProps: f,
-      popupProps: f
-    });
-  }, [e]);
-}
-function Y(e, t) {
-  s(() => {
-    !t && e.state.openMethod !== null && e.set("openMethod", null);
-  }, [t, e]), s(() => () => {
-    e.state.openMethod !== null && e.set("openMethod", null);
-  }, [e]);
+function f() {
+  if (process.env.NODE_ENV !== "production")
+    throw (
+      /* minify-error-disabled */
+      new Error("Base UI: Cannot call an event handler while rendering.")
+    );
 }
 export {
-  L as FOCUSABLE_POPUP_PROPS,
-  z as createDefaultInitialFocus,
-  j as setPopupOpenState,
-  w as useImplicitActiveTrigger,
-  J as useOpenStateTransitions,
-  N as usePopupInteractionProps,
-  Y as usePopupRootSync,
-  V as usePopupStore,
-  q as useTriggerDataForwarding,
-  R as useTriggerRegistration
+  i as useStableCallback
 };
 //# sourceMappingURL=index264.js.map

package/dist/index264.js.map

@@ -1 +1 @@
-{"version":3,"file":"index264.js","sources":["../../../node_modules/@base-ui/react/utils/popups/popupStoreUtils.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { useId } from '@base-ui/utils/useId';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useOnFirstRender } from '@base-ui/utils/useOnFirstRender';\nimport { FOCUSABLE_ATTRIBUTE } from \"../../floating-ui-react/utils/constants.mjs\";\nimport { useFloatingParentNodeId } from \"../../floating-ui-react/components/FloatingTree.mjs\";\nimport { useSyncedFloatingRootContext } from \"../../floating-ui-react/hooks/useSyncedFloatingRootContext.mjs\";\nimport { useTransitionStatus } from \"../../internals/useTransitionStatus.mjs\";\nimport { useOpenChangeComplete } from \"../../internals/useOpenChangeComplete.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nexport const FOCUSABLE_POPUP_PROPS = {\n  tabIndex: -1,\n  [FOCUSABLE_ATTRIBUTE]: ''\n};\n\n/**\n * Returns the default `initialFocus` resolver for a popup. When opened by touch it focuses the\n * popup element itself to prevent the virtual keyboard from opening (required for Android\n * specifically; iOS handles this automatically). Otherwise it falls back to the default behavior.\n */\nexport function createDefaultInitialFocus(popupRef) {\n  return interactionType => interactionType === 'touch' ? popupRef.current : true;\n}\nexport function usePopupStore(externalStore, createStore, treatPopupAsFloatingElement = false) {\n  const floatingId = useId();\n  const nested = useFloatingParentNodeId() != null;\n  const internalStoreRef = React.useRef(null);\n  if (externalStore === undefined && internalStoreRef.current === null) {\n    internalStoreRef.current = createStore(floatingId, nested);\n  }\n  const store = externalStore ?? internalStoreRef.current;\n  useSyncedFloatingRootContext({\n    popupStore: store,\n    treatPopupAsFloatingElement,\n    floatingRootContext: store.state.floatingRootContext,\n    floatingId,\n    nested,\n    onOpenChange: store.setOpen\n  });\n  return {\n    store,\n    internalStore: internalStoreRef.current\n  };\n}\n\n/**\n * Returns a callback ref that registers/unregisters the trigger element in the store.\n *\n * @param store The Store instance where the trigger should be registered.\n */\nexport function useTriggerRegistration(id, store) {\n  // Keep track of the currently registered element to unregister it on unmount or id change.\n  const registeredElementIdRef = React.useRef(null);\n  const registeredElementRef = React.useRef(null);\n  return React.useCallback(element => {\n    if (id === undefined) {\n      return;\n    }\n    let shouldSyncTriggerCount = false;\n    if (registeredElementIdRef.current !== null) {\n      const registeredId = registeredElementIdRef.current;\n      const registeredElement = registeredElementRef.current;\n      const currentElement = store.context.triggerElements.getById(registeredId);\n      if (registeredElement && currentElement === registeredElement) {\n        store.context.triggerElements.delete(registeredId);\n        shouldSyncTriggerCount = true;\n      }\n      registeredElementIdRef.current = null;\n      registeredElementRef.current = null;\n    }\n    if (element !== null) {\n      registeredElementIdRef.current = id;\n      registeredElementRef.current = element;\n      store.context.triggerElements.add(id, element);\n      shouldSyncTriggerCount = true;\n    }\n    if (shouldSyncTriggerCount) {\n      const triggerCount = store.context.triggerElements.size;\n      if (store.select('open') && store.state.triggerCount !== triggerCount) {\n        store.set('triggerCount', triggerCount);\n      }\n    }\n  }, [store, id]);\n}\nexport function setPopupOpenState(state, open, trigger, preventUnmountOnClose = false) {\n  if (open) {\n    // Opening starts a new close cycle, so clear any previous request to keep the popup mounted.\n    state.preventUnmountingOnClose = false;\n  } else if (preventUnmountOnClose) {\n    state.preventUnmountingOnClose = true;\n  }\n  const triggerId = trigger?.id ?? null;\n\n  // If a popup is closing, the `trigger` may be undefined.\n  // We want to keep the previous value so that exit animations are played and focus is returned correctly.\n  if (triggerId || open) {\n    state.activeTriggerId = triggerId;\n    state.activeTriggerElement = trigger ?? null;\n  }\n}\nexport function attachPreventUnmountOnClose(eventDetails) {\n  let preventUnmountOnClose = false;\n  eventDetails.preventUnmountOnClose = () => {\n    preventUnmountOnClose = true;\n  };\n  return () => preventUnmountOnClose;\n}\n\n/**\n * Runs the shared open-change sequence for a popup store: notifies `onOpenChange`,\n * honors cancellation, dispatches the floating root change, maps the reason to an\n * `instantType`, and commits the state update (synchronously for hover so\n * `getAnimations()` observes it). Stores supply their own differences via\n * `extraState` (e.g. the last change reason) and `onBeforeDispatch` (e.g. updating\n * inline-rect coordinates).\n */\nexport function applyPopupOpenChange(store, nextOpen, eventDetails, options = {}) {\n  const reason = eventDetails.reason;\n  const isHover = reason === REASONS.triggerHover;\n  const isFocusOpen = nextOpen && reason === REASONS.triggerFocus;\n  const isDismissClose = !nextOpen && (reason === REASONS.triggerPress || reason === REASONS.escapeKey);\n  const shouldPreventUnmountOnClose = attachPreventUnmountOnClose(eventDetails);\n  store.context.onOpenChange?.(nextOpen, eventDetails);\n  if (eventDetails.isCanceled) {\n    return;\n  }\n  options.onBeforeDispatch?.();\n  store.state.floatingRootContext.dispatchOpenChange(nextOpen, eventDetails);\n  const changeState = () => {\n    // Spread `extraState` first so `open` always reflects `nextOpen`, keeping it in\n    // sync with the value already passed to `dispatchOpenChange`/`setPopupOpenState`.\n    const updatedState = {\n      ...options.extraState,\n      open: nextOpen\n    };\n    if (isFocusOpen) {\n      updatedState.instantType = 'focus';\n    } else if (isDismissClose) {\n      updatedState.instantType = 'dismiss';\n    } else if (isHover) {\n      updatedState.instantType = undefined;\n    }\n    setPopupOpenState(updatedState, nextOpen, eventDetails.trigger, shouldPreventUnmountOnClose());\n    store.update(updatedState);\n  };\n  if (isHover) {\n    // Flush synchronously for hover so `node.getAnimations()` sees the new state.\n    ReactDOM.flushSync(changeState);\n  } else {\n    changeState();\n  }\n}\nexport function useInitialOpenSync(store, openProp, defaultOpen, defaultTriggerId) {\n  useOnFirstRender(() => {\n    if (openProp === undefined && store.state.open === false && defaultOpen) {\n      // Avoid notifying detached trigger subscribers while the Root is rendering.\n      store.state = {\n        ...store.state,\n        open: true,\n        activeTriggerId: defaultTriggerId,\n        preventUnmountingOnClose: false\n      };\n    }\n  });\n}\n\n/**\n * Sets up trigger data forwarding to the store.\n *\n * @param triggerId Id of the trigger.\n * @param triggerElementRef Ref for the trigger DOM element.\n * @param store The Store instance managing the popup state.\n * @param stateUpdates An object with state updates to apply when the trigger is active.\n */\nexport function useTriggerDataForwarding(triggerId, triggerElementRef, store, stateUpdates) {\n  const isMountedByThisTrigger = store.useState('isMountedByTrigger', triggerId);\n  const baseRegisterTrigger = useTriggerRegistration(triggerId, store);\n  const registerTrigger = useStableCallback(element => {\n    baseRegisterTrigger(element);\n    if (!element) {\n      return;\n    }\n    const open = store.select('open');\n    const activeTriggerId = store.select('activeTriggerId');\n    if (activeTriggerId === triggerId) {\n      store.update({\n        activeTriggerElement: element,\n        ...(open ? stateUpdates : null)\n      });\n      return;\n    }\n    if (activeTriggerId == null && open) {\n      // If a popup is already open, a detached trigger can mount before any active trigger\n      // has been established. Claim the first registered trigger so trigger-owned focus\n      // management and ARIA relationships work.\n      store.update({\n        activeTriggerId: triggerId,\n        activeTriggerElement: element,\n        ...stateUpdates\n      });\n    }\n  });\n  useIsoLayoutEffect(() => {\n    if (isMountedByThisTrigger) {\n      store.update({\n        activeTriggerElement: triggerElementRef.current,\n        ...stateUpdates\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isMountedByThisTrigger, store, triggerElementRef, ...Object.values(stateUpdates)]);\n  return {\n    registerTrigger,\n    isMountedByThisTrigger\n  };\n}\n/**\n * Keeps trigger registration state synchronized while the popup is open.\n *\n * When a popup opens without an explicit trigger id and exactly one trigger is registered, that\n * trigger is claimed as the active trigger. When the active trigger id is still registered but its\n * element changed, the active element is refreshed. When the active trigger unregisters, the\n * default path preserves existing ownership so non-closing popup families do not silently claim a\n * different trigger while staying open.\n *\n * If `closeOnActiveTriggerUnmount` is enabled, unregistering the active trigger requests a close\n * after a microtask so a same-tick replacement trigger with the same id can register first.\n *\n * This should be called on the Root part.\n *\n * @param store The Store instance managing the popup state.\n * @param options Options for active trigger unmount behavior.\n */\nexport function useImplicitActiveTrigger(store, options = {}) {\n  const {\n    closeOnActiveTriggerUnmount = false\n  } = options;\n  const open = store.useState('open');\n  const reactiveTriggerCount = store.useState('triggerCount');\n  useIsoLayoutEffect(() => {\n    if (!open) {\n      if (store.state.triggerCount !== 0) {\n        store.set('triggerCount', 0);\n      }\n      return;\n    }\n    const triggerCount = store.context.triggerElements.size;\n    const stateUpdates = {};\n    if (store.state.triggerCount !== triggerCount) {\n      stateUpdates.triggerCount = triggerCount;\n    }\n    const activeTriggerId = store.select('activeTriggerId');\n    let lostActiveTriggerId = null;\n    if (activeTriggerId) {\n      const activeTriggerElement = store.context.triggerElements.getById(activeTriggerId);\n      if (!activeTriggerElement) {\n        lostActiveTriggerId = activeTriggerId;\n      } else if (activeTriggerElement !== store.state.activeTriggerElement) {\n        stateUpdates.activeTriggerElement = activeTriggerElement;\n      }\n    }\n    if (!lostActiveTriggerId && !activeTriggerId && triggerCount === 1) {\n      const iteratorResult = store.context.triggerElements.entries().next();\n      if (!iteratorResult.done) {\n        const [implicitTriggerId, implicitTriggerElement] = iteratorResult.value;\n        stateUpdates.activeTriggerId = implicitTriggerId;\n        stateUpdates.activeTriggerElement = implicitTriggerElement;\n      }\n    }\n    if (stateUpdates.triggerCount !== undefined || stateUpdates.activeTriggerId !== undefined || stateUpdates.activeTriggerElement !== undefined) {\n      store.update(stateUpdates);\n    }\n    if (lostActiveTriggerId) {\n      if (closeOnActiveTriggerUnmount) {\n        // Defer so a same-tick replacement trigger with the same id can register first.\n        queueMicrotask(() => {\n          if (store.select('open') && store.select('activeTriggerId') === lostActiveTriggerId && !store.context.triggerElements.getById(lostActiveTriggerId)) {\n            const eventDetails = createChangeEventDetails(REASONS.none);\n            store.setOpen(false, eventDetails);\n            // If closing is canceled, keep the previous active trigger ownership for the\n            // still-open popup instead of claiming another trigger implicitly.\n            if (!eventDetails.isCanceled) {\n              store.update({\n                activeTriggerId: null,\n                activeTriggerElement: null\n              });\n            }\n          }\n        });\n      }\n    }\n  }, [open, store, reactiveTriggerCount, closeOnActiveTriggerUnmount]);\n}\n\n/**\n * Manages the mounted state of the popup.\n * Sets up the transition status listeners and handles unmounting when needed.\n * Updates the `mounted`, `transitionStatus`, and `preventUnmountingOnClose` states in the store.\n *\n * @param open Whether the popup is open.\n * @param store The Store instance managing the popup state.\n * @param onUnmount Optional callback to be called when the popup is unmounted.\n *\n * @returns A function to forcibly unmount the popup.\n */\nexport function useOpenStateTransitions(open, store, onUnmount) {\n  const {\n    mounted,\n    setMounted,\n    transitionStatus\n  } = useTransitionStatus(open);\n  const preventUnmountingOnClose = store.useState('preventUnmountingOnClose');\n  // Opening starts a new close cycle. Clear during render so the close-completion hook below\n  // reads the synchronized value on the same pass.\n  const syncedPreventUnmountingOnClose = open ? false : preventUnmountingOnClose;\n  store.useSyncedValues({\n    mounted,\n    transitionStatus,\n    preventUnmountingOnClose: syncedPreventUnmountingOnClose\n  });\n  const forceUnmount = useStableCallback(() => {\n    setMounted(false);\n    store.update({\n      activeTriggerId: null,\n      activeTriggerElement: null,\n      mounted: false,\n      preventUnmountingOnClose: false\n    });\n    onUnmount?.();\n    store.context.onOpenChangeComplete?.(false);\n  });\n  useOpenChangeComplete({\n    enabled: mounted && !open && !syncedPreventUnmountingOnClose,\n    open,\n    ref: store.context.popupRef,\n    onComplete() {\n      if (!open) {\n        forceUnmount();\n      }\n    }\n  });\n  return {\n    forceUnmount,\n    transitionStatus\n  };\n}\nexport function usePopupInteractionProps(store, statePart) {\n  store.useSyncedValues(statePart);\n  useIsoLayoutEffect(() => () => {\n    store.update({\n      activeTriggerProps: EMPTY_OBJECT,\n      inactiveTriggerProps: EMPTY_OBJECT,\n      popupProps: EMPTY_OBJECT\n    });\n  }, [store]);\n}\nexport function usePopupRootSync(store, open) {\n  useIsoLayoutEffect(() => {\n    if (!open && store.state.openMethod !== null) {\n      store.set('openMethod', null);\n    }\n  }, [open, store]);\n  useIsoLayoutEffect(() => () => {\n    if (store.state.openMethod !== null) {\n      store.set('openMethod', null);\n    }\n  }, [store]);\n}"],"names":["FOCUSABLE_POPUP_PROPS","FOCUSABLE_ATTRIBUTE","createDefaultInitialFocus","popupRef","interactionType","usePopupStore","externalStore","createStore","treatPopupAsFloatingElement","floatingId","useId","nested","useFloatingParentNodeId","internalStoreRef","React","store","useSyncedFloatingRootContext","useTriggerRegistration","id","registeredElementIdRef","registeredElementRef","element","shouldSyncTriggerCount","registeredId","registeredElement","currentElement","triggerCount","setPopupOpenState","state","open","trigger","preventUnmountOnClose","triggerId","useTriggerDataForwarding","triggerElementRef","stateUpdates","isMountedByThisTrigger","baseRegisterTrigger","registerTrigger","useStableCallback","activeTriggerId","useIsoLayoutEffect","useImplicitActiveTrigger","options","closeOnActiveTriggerUnmount","reactiveTriggerCount","lostActiveTriggerId","activeTriggerElement","iteratorResult","implicitTriggerId","implicitTriggerElement","eventDetails","createChangeEventDetails","REASONS.none","useOpenStateTransitions","onUnmount","mounted","setMounted","transitionStatus","useTransitionStatus","preventUnmountingOnClose","syncedPreventUnmountingOnClose","forceUnmount","useOpenChangeComplete","usePopupInteractionProps","statePart","EMPTY_OBJECT","usePopupRootSync"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index264.js","sources":["../../../node_modules/@base-ui/utils/useStableCallback.mjs"],"sourcesContent":["'use client';\n\nimport { SafeReact } from \"./safeReact.mjs\";\nimport { useRefWithInit } from \"./useRefWithInit.mjs\";\nconst useInsertionEffect = SafeReact.useInsertionEffect;\nconst useSafeInsertionEffect =\n// React 17 doesn't have useInsertionEffect.\nuseInsertionEffect &&\n// Preact replaces useInsertionEffect with useLayoutEffect and fires too late.\nuseInsertionEffect !== SafeReact.useLayoutEffect ? useInsertionEffect : fn => fn();\n/**\n * Stabilizes the function passed so it's always the same between renders.\n *\n * The function becomes non-reactive to any values it captures.\n * It can safely be passed as a dependency of `React.useMemo` and `React.useEffect` without re-triggering them if its captured values change.\n *\n * The function must only be called inside effects and event handlers, never during render (which throws an error).\n *\n * This hook is a more permissive version of React 19.2's `React.useEffectEvent` in that it can be passed through contexts and called in event handler props, not just effects.\n */\nexport function useStableCallback(callback) {\n  const stable = useRefWithInit(createStableCallback).current;\n  stable.next = callback;\n  useSafeInsertionEffect(stable.effect);\n  return stable.trampoline;\n}\nfunction createStableCallback() {\n  const stable = {\n    next: undefined,\n    callback: assertNotCalled,\n    trampoline: (...args) => stable.callback?.(...args),\n    effect: () => {\n      stable.callback = stable.next;\n    }\n  };\n  return stable;\n}\nfunction assertNotCalled() {\n  if (process.env.NODE_ENV !== 'production') {\n    // TODO: fix mui/no-guarded-throw\n    // eslint-disable-next-line mui/no-guarded-throw\n    throw /* minify-error-disabled */new Error('Base UI: Cannot call an event handler while rendering.');\n  }\n}"],"names":["useInsertionEffect","SafeReact","useSafeInsertionEffect","fn","useStableCallback","callback","stable","useRefWithInit","createStableCallback","assertNotCalled","args"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAU,oBAC/BC;AAAA;AAAA,EAENF;AAAA,EAEAA,MAAuBC,EAAU,kBAAkBD,IAAqB,CAAAG,MAAMA,EAAE;AAAA;AAWzE,SAASC,EAAkBC,GAAU;AAC1C,QAAMC,IAASC,EAAeC,CAAoB,EAAE;AACpD,SAAAF,EAAO,OAAOD,GACdH,EAAuBI,EAAO,MAAM,GAC7BA,EAAO;AAChB;AACA,SAASE,IAAuB;AAC9B,QAAMF,IAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAUG;AAAA,IACV,YAAY,IAAIC,MAASJ,EAAO,WAAW,GAAGI,CAAI;AAAA,IAClD,QAAQ,MAAM;AACZ,MAAAJ,EAAO,WAAWA,EAAO;AAAA,IAC3B;AAAA,EACJ;AACE,SAAOA;AACT;AACA,SAASG,IAAkB;AACzB,MAAI,QAAQ,IAAI,aAAa;AAG3B;AAAA;AAAA,MAAiC,IAAI,MAAM,wDAAwD;AAAA;AAEvG;","x_google_ignoreList":[0]}

package/dist/index265.js

@@ -1,87 +1,55 @@
-import { useStore as r } from "./index257.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);
-  });
-  /**
-   * 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)
+import * as l from "react-dom";
+import { useAnimationFrame as b } from "./index323.js";
+import { useStableCallback as A } from "./index264.js";
+import { resolveRef as d } from "./index374.js";
+import { TransitionStatusDataAttributes as h } from "./index152.js";
+function y(c, f = !1, m = !0) {
+  const o = b();
+  return A((s, n = null) => {
+    o.cancel();
+    const a = d(c);
+    if (a == null)
       return;
-    this.state = t, this.updateTick += 1;
-    const s = this.updateTick;
-    for (const e of this.listeners) {
-      if (s !== this.updateTick)
-        return;
-      e(t);
+    const e = a, u = () => {
+      l.flushSync(s);
+    };
+    if (typeof e.getAnimations != "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED) {
+      s();
+      return;
+    }
+    function i() {
+      Promise.all(e.getAnimations().map((t) => t.finished)).then(() => {
+        n?.aborted || u();
+      }).catch(() => {
+        if (m) {
+          n?.aborted || u();
+          return;
+        }
+        const t = e.getAnimations();
+        !n?.aborted && t.length > 0 && t.some((r) => r.pending || r.playState !== "finished") && i();
+      });
     }
-  }
-  /**
-   * 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
-        });
+    if (f) {
+      const t = h.startingStyle;
+      if (!e.hasAttribute(t)) {
+        o.request(i);
         return;
       }
-  }
-  /**
-   * 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
-    };
-    this.setState(t);
-  }
-  use(t, s, e, i) {
-    return r(this, t, s, e, i);
-  }
+      const r = new MutationObserver(() => {
+        e.hasAttribute(t) || (r.disconnect(), i());
+      });
+      r.observe(e, {
+        attributes: !0,
+        attributeFilter: [t]
+      }), n?.addEventListener("abort", () => r.disconnect(), {
+        once: !0
+      });
+      return;
+    }
+    o.request(i);
+  });
 }
 export {
-  n as Store
+  y as useAnimationsFinished
 };
 //# sourceMappingURL=index265.js.map

package/dist/index265.js.map

@@ -1 +1 @@
-{"version":3,"file":"index265.js","sources":["../../../node_modules/@base-ui/utils/store/Store.mjs"],"sourcesContent":["import { useStore } from \"./useStore.mjs\";\n/**\n * A data store implementation that allows subscribing to state changes and updating the state.\n * It uses an observer pattern to notify subscribers when the state changes.\n */\nexport class Store {\n  /**\n   * The current state of the store.\n   * This property is updated immediately when the state changes as a result of calling {@link setState}, {@link update}, or {@link set}.\n   * 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).\n   * The values can be used directly (to avoid subscribing to the store) in effects or event handlers.\n   *\n   * Do not modify properties in state directly. Instead, use the provided methods to ensure proper state management and listener notification.\n   */\n\n  // Internal state to handle recursive `setState()` calls\n\n  constructor(state) {\n    this.state = state;\n    this.listeners = new Set();\n    this.updateTick = 0;\n  }\n\n  /**\n   * Registers a listener that will be called whenever the store's state changes.\n   *\n   * @param fn The listener function to be called on state changes.\n   * @returns A function to unsubscribe the listener.\n   */\n  subscribe = fn => {\n    this.listeners.add(fn);\n    return () => {\n      this.listeners.delete(fn);\n    };\n  };\n\n  /**\n   * Returns the current state of the store.\n   */\n  getSnapshot = () => {\n    return this.state;\n  };\n\n  /**\n   * Updates the entire store's state and notifies all registered listeners.\n   *\n   * @param newState The new state to set for the store.\n   */\n  setState(newState) {\n    if (this.state === newState) {\n      return;\n    }\n    this.state = newState;\n    this.updateTick += 1;\n    const currentTick = this.updateTick;\n    for (const listener of this.listeners) {\n      if (currentTick !== this.updateTick) {\n        // If the tick has changed, a recursive `setState` call has been made,\n        // and it has already notified all listeners.\n        return;\n      }\n      listener(newState);\n    }\n  }\n\n  /**\n   * Merges the provided changes into the current state and notifies listeners if there are changes.\n   *\n   * @param changes An object containing the changes to apply to the current state.\n   */\n  update(changes) {\n    for (const key in changes) {\n      if (!Object.is(this.state[key], changes[key])) {\n        this.setState({\n          ...this.state,\n          ...changes\n        });\n        return;\n      }\n    }\n  }\n\n  /**\n   * Sets a specific key in the store's state to a new value and notifies listeners if the value has changed.\n   *\n   * @param key The key in the store's state to update.\n   * @param value The new value to set for the specified key.\n   */\n  set(key, value) {\n    if (!Object.is(this.state[key], value)) {\n      this.setState({\n        ...this.state,\n        [key]: value\n      });\n    }\n  }\n\n  /**\n   * Gives the state a new reference and updates all registered listeners.\n   */\n  notifyAll() {\n    const newState = {\n      ...this.state\n    };\n    this.setState(newState);\n  }\n  use(selector, a1, a2, a3) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useStore(this, selector, a1, a2, a3);\n  }\n}"],"names":["Store","state","fn","newState","currentTick","listener","changes","key","value","selector","a1","a2","a3","useStore"],"mappings":";AAKO,MAAMA,EAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYjB,YAAYC,GAAO;AACjB,SAAK,QAAQA,GACb,KAAK,YAAY,oBAAI,IAAG,GACxB,KAAK,aAAa;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,YAAY,CAAAC,OACV,KAAK,UAAU,IAAIA,CAAE,GACd,MAAM;AACX,SAAK,UAAU,OAAOA,CAAE;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA,EAMF,cAAc,MACL,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQd,SAASC,GAAU;AACjB,QAAI,KAAK,UAAUA;AACjB;AAEF,SAAK,QAAQA,GACb,KAAK,cAAc;AACnB,UAAMC,IAAc,KAAK;AACzB,eAAWC,KAAY,KAAK,WAAW;AACrC,UAAID,MAAgB,KAAK;AAGvB;AAEF,MAAAC,EAASF,CAAQ;AAAA,IACnB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAOG,GAAS;AACd,eAAWC,KAAOD;AAChB,UAAI,CAAC,OAAO,GAAG,KAAK,MAAMC,CAAG,GAAGD,EAAQC,CAAG,CAAC,GAAG;AAC7C,aAAK,SAAS;AAAA,UACZ,GAAG,KAAK;AAAA,UACR,GAAGD;AAAA,QACb,CAAS;AACD;AAAA,MACF;AAAA,EAEJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,IAAIC,GAAKC,GAAO;AACd,IAAK,OAAO,GAAG,KAAK,MAAMD,CAAG,GAAGC,CAAK,KACnC,KAAK,SAAS;AAAA,MACZ,GAAG,KAAK;AAAA,MACR,CAACD,CAAG,GAAGC;AAAA,IACf,CAAO;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACV,UAAML,IAAW;AAAA,MACf,GAAG,KAAK;AAAA,IACd;AACI,SAAK,SAASA,CAAQ;AAAA,EACxB;AAAA,EACA,IAAIM,GAAUC,GAAIC,GAAIC,GAAI;AAExB,WAAOC,EAAS,MAAMJ,GAAUC,GAAIC,GAAIC,CAAE;AAAA,EAC5C;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"index265.js","sources":["../../../node_modules/@base-ui/react/internals/useAnimationsFinished.mjs"],"sourcesContent":["'use client';\n\nimport * as ReactDOM from 'react-dom';\nimport { useAnimationFrame } from '@base-ui/utils/useAnimationFrame';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { resolveRef } from \"../utils/resolveRef.mjs\";\nimport { TransitionStatusDataAttributes } from \"./stateAttributesMapping.mjs\";\n\n/**\n * Executes a function once all animations have finished on the provided element.\n * @param elementOrRef - The element to watch for animations.\n * @param waitForStartingStyleRemoved - Whether to wait for [data-starting-style] to be removed before checking for animations.\n * @param treatAbortedAsFinished - Whether to treat aborted animations as finished. If `false`, and there are aborted animations,\n *   the function will check again if any new animations have started and wait for them to finish.\n * @returns A function that takes a callback to execute once all animations have finished, and an optional AbortSignal to abort the callback\n */\nexport function useAnimationsFinished(elementOrRef, waitForStartingStyleRemoved = false, treatAbortedAsFinished = true) {\n  const frame = useAnimationFrame();\n  return useStableCallback((fnToExecute,\n  /**\n   * An optional [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal) that\n   * can be used to abort `fnToExecute` before all the animations have finished.\n   * @default null\n   */\n  signal = null) => {\n    frame.cancel();\n    const element = resolveRef(elementOrRef);\n    if (element == null) {\n      return;\n    }\n    const resolvedElement = element;\n    const done = () => {\n      // Synchronously flush the unmounting of the component so that the browser doesn't\n      // paint: https://github.com/mui/base-ui/issues/979\n      ReactDOM.flushSync(fnToExecute);\n    };\n    if (typeof resolvedElement.getAnimations !== 'function' || globalThis.BASE_UI_ANIMATIONS_DISABLED) {\n      fnToExecute();\n      return;\n    }\n    function exec() {\n      Promise.all(resolvedElement.getAnimations().map(animation => animation.finished)).then(() => {\n        if (!signal?.aborted) {\n          done();\n        }\n      }).catch(() => {\n        if (treatAbortedAsFinished) {\n          if (!signal?.aborted) {\n            done();\n          }\n          return;\n        }\n        const currentAnimations = resolvedElement.getAnimations();\n        if (!signal?.aborted && currentAnimations.length > 0 && currentAnimations.some(animation => animation.pending || animation.playState !== 'finished')) {\n          // Sometimes animations can be aborted because a property they depend on changes while the animation plays.\n          // In such cases, we need to re-check if any new animations have started.\n          exec();\n        }\n      });\n    }\n    if (waitForStartingStyleRemoved) {\n      const startingStyleAttribute = TransitionStatusDataAttributes.startingStyle;\n\n      // If `[data-starting-style]` isn't present, fall back to waiting one more frame\n      // to give \"open\" animations a chance to be registered.\n      if (!resolvedElement.hasAttribute(startingStyleAttribute)) {\n        frame.request(exec);\n        return;\n      }\n\n      // Wait for `[data-starting-style]` to have been removed.\n      const attributeObserver = new MutationObserver(() => {\n        if (!resolvedElement.hasAttribute(startingStyleAttribute)) {\n          attributeObserver.disconnect();\n          exec();\n        }\n      });\n      attributeObserver.observe(resolvedElement, {\n        attributes: true,\n        attributeFilter: [startingStyleAttribute]\n      });\n      signal?.addEventListener('abort', () => attributeObserver.disconnect(), {\n        once: true\n      });\n      return;\n    }\n    frame.request(exec);\n  });\n}"],"names":["useAnimationsFinished","elementOrRef","waitForStartingStyleRemoved","treatAbortedAsFinished","frame","useAnimationFrame","useStableCallback","fnToExecute","signal","element","resolveRef","resolvedElement","done","ReactDOM","exec","animation","currentAnimations","startingStyleAttribute","TransitionStatusDataAttributes","attributeObserver"],"mappings":";;;;;AAgBO,SAASA,EAAsBC,GAAcC,IAA8B,IAAOC,IAAyB,IAAM;AACtH,QAAMC,IAAQC,EAAiB;AAC/B,SAAOC,EAAkB,CAACC,GAM1BC,IAAS,SAAS;AAChB,IAAAJ,EAAM,OAAM;AACZ,UAAMK,IAAUC,EAAWT,CAAY;AACvC,QAAIQ,KAAW;AACb;AAEF,UAAME,IAAkBF,GAClBG,IAAO,MAAM;AAGjB,MAAAC,EAAS,UAAUN,CAAW;AAAA,IAChC;AACA,QAAI,OAAOI,EAAgB,iBAAkB,cAAc,WAAW,6BAA6B;AACjG,MAAAJ,EAAW;AACX;AAAA,IACF;AACA,aAASO,IAAO;AACd,cAAQ,IAAIH,EAAgB,gBAAgB,IAAI,CAAAI,MAAaA,EAAU,QAAQ,CAAC,EAAE,KAAK,MAAM;AAC3F,QAAKP,GAAQ,WACXI,EAAI;AAAA,MAER,CAAC,EAAE,MAAM,MAAM;AACb,YAAIT,GAAwB;AAC1B,UAAKK,GAAQ,WACXI,EAAI;AAEN;AAAA,QACF;AACA,cAAMI,IAAoBL,EAAgB,cAAa;AACvD,QAAI,CAACH,GAAQ,WAAWQ,EAAkB,SAAS,KAAKA,EAAkB,KAAK,CAAAD,MAAaA,EAAU,WAAWA,EAAU,cAAc,UAAU,KAGjJD,EAAI;AAAA,MAER,CAAC;AAAA,IACH;AACA,QAAIZ,GAA6B;AAC/B,YAAMe,IAAyBC,EAA+B;AAI9D,UAAI,CAACP,EAAgB,aAAaM,CAAsB,GAAG;AACzD,QAAAb,EAAM,QAAQU,CAAI;AAClB;AAAA,MACF;AAGA,YAAMK,IAAoB,IAAI,iBAAiB,MAAM;AACnD,QAAKR,EAAgB,aAAaM,CAAsB,MACtDE,EAAkB,WAAU,GAC5BL,EAAI;AAAA,MAER,CAAC;AACD,MAAAK,EAAkB,QAAQR,GAAiB;AAAA,QACzC,YAAY;AAAA,QACZ,iBAAiB,CAACM,CAAsB;AAAA,MAChD,CAAO,GACDT,GAAQ,iBAAiB,SAAS,MAAMW,EAAkB,WAAU,GAAI;AAAA,QACtE,MAAM;AAAA,MACd,CAAO;AACD;AAAA,IACF;AACA,IAAAf,EAAM,QAAQU,CAAI;AAAA,EACpB,CAAC;AACH;","x_google_ignoreList":[0]}

package/dist/index266.js

@@ -1,16 +1,9 @@
-const e = "none", s = "trigger-press", o = "trigger-hover", t = "outside-press", n = "item-press", c = "close-press", i = "focus-out", r = "escape-key", a = "list-navigation", p = "cancel-open", g = "imperative-action", l = "window-resize";
+import * as t from "react";
+const e = parseInt(t.version, 10);
+function o(r) {
+  return e >= r;
+}
 export {
-  p as cancelOpen,
-  c as closePress,
-  r as escapeKey,
-  i as focusOut,
-  g as imperativeAction,
-  n as itemPress,
-  a as listNavigation,
-  e as none,
-  t as outsidePress,
-  o as triggerHover,
-  s as triggerPress,
-  l as windowResize
+  o as isReactVersionAtLeast
 };
 //# sourceMappingURL=index266.js.map

package/dist/index266.js.map

@@ -1 +1 @@
-{"version":3,"file":"index266.js","sources":["../../../node_modules/@base-ui/react/internals/reason-parts.mjs"],"sourcesContent":["export const none = 'none';\nexport const triggerPress = 'trigger-press';\nexport const triggerHover = 'trigger-hover';\nexport const triggerFocus = 'trigger-focus';\nexport const outsidePress = 'outside-press';\nexport const itemPress = 'item-press';\nexport const closePress = 'close-press';\nexport const linkPress = 'link-press';\nexport const clearPress = 'clear-press';\nexport const chipRemovePress = 'chip-remove-press';\nexport const trackPress = 'track-press';\nexport const incrementPress = 'increment-press';\nexport const decrementPress = 'decrement-press';\nexport const inputChange = 'input-change';\nexport const inputClear = 'input-clear';\nexport const inputBlur = 'input-blur';\nexport const inputPaste = 'input-paste';\nexport const inputPress = 'input-press';\nexport const focusOut = 'focus-out';\nexport const escapeKey = 'escape-key';\nexport const closeWatcher = 'close-watcher';\nexport const listNavigation = 'list-navigation';\nexport const keyboard = 'keyboard';\nexport const pointer = 'pointer';\nexport const drag = 'drag';\nexport const wheel = 'wheel';\nexport const scrub = 'scrub';\nexport const cancelOpen = 'cancel-open';\nexport const siblingOpen = 'sibling-open';\nexport const disabled = 'disabled';\nexport const missing = 'missing';\nexport const initial = 'initial';\nexport const imperativeAction = 'imperative-action';\nexport const swipe = 'swipe';\nexport const windowResize = 'window-resize';"],"names":["none","triggerPress","triggerHover","outsidePress","itemPress","closePress","focusOut","escapeKey","listNavigation","cancelOpen","imperativeAction","windowResize"],"mappings":"AAAY,MAACA,IAAO,QACPC,IAAe,iBACfC,IAAe,iBAEfC,IAAe,iBACfC,IAAY,cACZC,IAAa,eAYbC,IAAW,aACXC,IAAY,cAEZC,IAAiB,mBAMjBC,IAAa,eAKbC,IAAmB,qBAEnBC,IAAe;","x_google_ignoreList":[0]}
+{"version":3,"file":"index266.js","sources":["../../../node_modules/@base-ui/utils/reactVersion.mjs"],"sourcesContent":["import * as React from 'react';\nconst majorVersion = parseInt(React.version, 10);\nexport function isReactVersionAtLeast(reactVersionToCheck) {\n  return majorVersion >= reactVersionToCheck;\n}"],"names":["majorVersion","React","isReactVersionAtLeast","reactVersionToCheck"],"mappings":";AACA,MAAMA,IAAe,SAASC,EAAM,SAAS,EAAE;AACxC,SAASC,EAAsBC,GAAqB;AACzD,SAAOH,KAAgBG;AACzB;","x_google_ignoreList":[0]}

package/dist/index267.js

@@ -1,7 +1,9 @@
-function e(n) {
-  return n?.ownerDocument || document;
+import * as t from "react";
+function n(r) {
+  const e = t.useRef(!0);
+  e.current && (e.current = !1, r());
 }
 export {
-  e as ownerDocument
+  n as useOnFirstRender
 };
 //# sourceMappingURL=index267.js.map

package/dist/index267.js.map

@@ -1 +1 @@
-{"version":3,"file":"index267.js","sources":["../../../node_modules/@base-ui/utils/owner.mjs"],"sourcesContent":["export { getWindow as ownerWindow } from '@floating-ui/utils/dom';\nexport function ownerDocument(node) {\n  return node?.ownerDocument || document;\n}"],"names":["ownerDocument","node"],"mappings":"AACO,SAASA,EAAcC,GAAM;AAClC,SAAOA,GAAM,iBAAiB;AAChC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index267.js","sources":["../../../node_modules/@base-ui/utils/useOnFirstRender.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nexport function useOnFirstRender(fn) {\n  const ref = React.useRef(true);\n  if (ref.current) {\n    ref.current = false;\n    fn();\n  }\n}"],"names":["useOnFirstRender","fn","ref","React"],"mappings":";AAGO,SAASA,EAAiBC,GAAI;AACnC,QAAMC,IAAMC,EAAM,OAAO,EAAI;AAC7B,EAAID,EAAI,YACNA,EAAI,UAAU,IACdD,EAAE;AAEN;","x_google_ignoreList":[0]}

package/dist/index268.js

@@ -1,33 +1,65 @@
-import { useRefWithInit as c } from "./index233.js";
-import { useOnMount as u } from "./index353.js";
-const t = 0;
-class r {
-  static create() {
-    return new r();
-  }
-  currentId = t;
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(s, i) {
-    this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = t, i();
-    }, s);
-  }
-  isStarted() {
-    return this.currentId !== t;
-  }
-  clear = () => {
-    this.currentId !== t && (clearTimeout(this.currentId), this.currentId = t);
-  };
-  disposeEffect = () => this.clear;
+import * as r from "react";
+import { useScrollLock as P } from "./index381.js";
+import { EMPTY_OBJECT as f } from "./index258.js";
+import { createChangeEventDetails as C } from "./index153.js";
+import { usePopupRootSync as S, useImplicitActiveTrigger as k, useOpenStateTransitions as E, usePopupInteractionProps as T } from "./index162.js";
+import { useDismiss as h } from "./index302.js";
+import { getTarget as w, contains as x } from "./index313.js";
+import { imperativeAction as I } from "./index155.js";
+function L(e) {
+  const {
+    store: t,
+    actionsRef: a
+  } = e, o = t.useState("open");
+  S(t, o), k(t);
+  const {
+    forceUnmount: c
+  } = E(o, t), s = r.useCallback(() => {
+    t.setOpen(!1, C(I));
+  }, [t]);
+  r.useImperativeHandle(a, () => ({
+    unmount: c,
+    close: s
+  }), [c, s]);
 }
-function a() {
-  const e = c(r.create).current;
-  return u(e.disposeEffect), e;
+function M({
+  store: e,
+  parentContext: t,
+  isDrawer: a
+}) {
+  const o = e.useState("open"), c = e.useState("disablePointerDismissal"), s = e.useState("modal"), d = e.useState("popupElement"), O = e.useState("floatingRootContext"), [u, m] = r.useState(0), [l, g] = r.useState(0), D = u === 0, p = h(O, {
+    outsidePressEvent() {
+      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
+        mouse: s === "trap-focus" ? "sloppy" : "intentional",
+        touch: "sloppy"
+      };
+    },
+    outsidePress(n) {
+      if (!e.context.outsidePressEnabledRef.current || "button" in n && n.button !== 0 || "touches" in n && n.touches.length !== 1)
+        return !1;
+      const i = w(n);
+      return D && !c ? s && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === i || e.context.backdropRef.current === i || x(i, d) && !i?.hasAttribute("data-base-ui-portal") : !0 : !1;
+    },
+    escapeKey: D
+  });
+  P(o && s === !0, d), e.useContextCallback("onNestedDialogOpen", (n, i) => {
+    m(n), g(i);
+  }), e.useContextCallback("onNestedDialogClose", () => {
+    m(0), g(0);
+  }), r.useEffect(() => (t?.onNestedDialogOpen && o && t.onNestedDialogOpen(u + 1, l + (a ? 1 : 0)), t?.onNestedDialogClose && !o && t.onNestedDialogClose(), () => {
+    t?.onNestedDialogClose && o && t.onNestedDialogClose();
+  }), [a, o, u, l, t]);
+  const b = p.reference ?? f, R = p.trigger ?? f, N = p.floating ?? f;
+  return T(e, {
+    activeTriggerProps: b,
+    inactiveTriggerProps: R,
+    popupProps: N,
+    nestedOpenDialogCount: u,
+    nestedOpenDrawerCount: l
+  }), null;
 }
 export {
-  r as Timeout,
-  a as useTimeout
+  M as DialogInteractions,
+  L as useDialogRoot
 };
 //# sourceMappingURL=index268.js.map