@qredence/fleet 0.6.0 → 0.6.2

package/dist/web/server/{chunk-AGFRJQZ7.js → chunk-JVOW2NWC.js}

@@ -9,6 +9,7 @@ import {
   android,
   contains,
   createAttribute,
+  fastComponent,
   focusable,
   getFloatingFocusElement,
   getNextTabbable,
@@ -26,24 +27,25 @@ import {
   jsdom,
   mergeCleanups,
   ownerDocument,
+  popupOpen$1,
+  pressed,
   tabbable,
   usePortalContext,
   useTimeout,
   webkit
-} from "./chunk-LZ4Q5KUJ.js";
+} from "./chunk-HQ5TEXHT.js";
+import {
+  X
+} from "./chunk-JBLHIEVG.js";
 import {
   useBaseUiId,
   useTransitionStatus,
   useValueAsRef
-} from "./chunk-7SR6WDM2.js";
-import {
-  X
-} from "./chunk-JBLHIEVG.js";
+} from "./chunk-E5HALE4M.js";
 import {
   AnimationFrame,
   EMPTY_OBJECT,
   NOOP,
-  TransitionStatusDataAttributes,
   addEventListener,
   closePress,
   createChangeEventDetails,
@@ -64,7 +66,6 @@ import {
   outsidePress,
   resolveRef,
   transitionStatusMapping,
-  triggerHover,
   triggerPress,
   useAnimationFrame,
   useButton,
@@ -75,16 +76,49 @@ import {
   useRefWithInit,
   useRenderElement,
   useStableCallback
-} from "./chunk-C5X6G26O.js";
+} from "./chunk-XJ6TGSUB.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/dialog-D2wc3OZf.js
+// web/app/dist/server/assets/dialog-Dhhlzx6r.js
 import * as React$1 from "react";
 import { createContext as createContext2, useContext as useContext2 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as ReactDOM from "react-dom";
+import "react-dom";
+var open$1 = "data-open";
+var closed$1 = "data-closed";
+var anchorHidden = "data-anchor-hidden";
+var TRIGGER_HOOK = { [popupOpen$1]: "" };
+var PRESSABLE_TRIGGER_HOOK = {
+  [popupOpen$1]: "",
+  [pressed]: ""
+};
+var POPUP_OPEN_HOOK = { [open$1]: "" };
+var POPUP_CLOSED_HOOK = { [closed$1]: "" };
+var ANCHOR_HIDDEN_HOOK = { [anchorHidden]: "" };
+var triggerOpenStateMapping = { open(value) {
+  if (value) return TRIGGER_HOOK;
+  return null;
+} };
+var pressableTriggerOpenStateMapping = { open(value) {
+  if (value) return PRESSABLE_TRIGGER_HOOK;
+  return null;
+} };
+var popupStateMapping = {
+  open(value) {
+    if (value) return POPUP_OPEN_HOOK;
+    return POPUP_CLOSED_HOOK;
+  },
+  anchorHidden(value) {
+    if (value) return ANCHOR_HIDDEN_HOOK;
+    return null;
+  }
+};
+var popupTransitionStateMapping = {
+  ...popupStateMapping,
+  ...transitionStatusMapping
+};
 function getNodeChildren(nodes, id, onlyOpenChildren = true) {
   return nodes.filter((node) => node.parentId === id).flatMap((child) => [...!onlyOpenChildren || child.context?.open ? [child] : [], ...getNodeChildren(nodes, child.id, onlyOpenChildren)]);
 }
@@ -779,7 +813,7 @@ function useDismiss(context, props = {}) {
   const store = "rootStore" in context ? context.rootStore : context;
   const open = store.useState("open");
   const floatingElement = store.useState("floatingElement");
-  const { dataRef } = store.context;
+  const { dataRef, events } = store.context;
   const tree = useFloatingTree(externalTree);
   const outsidePressFn = useStableCallback(typeof outsidePressProp === "function" ? outsidePressProp : () => false);
   const outsidePress$1 = typeof outsidePressProp === "function" ? outsidePressFn : outsidePressProp;
@@ -789,6 +823,7 @@ function useDismiss(context, props = {}) {
   const pressStartedInsideRef = React$1.useRef(false);
   const pressStartPreventedRef = React$1.useRef(false);
   const suppressNextOutsideClickRef = React$1.useRef(false);
+  const sawPressWhileOpenRef = React$1.useRef(false);
   const isComposingRef = React$1.useRef(false);
   const currentPointerTypeRef = React$1.useRef("");
   const touchStateRef = React$1.useRef(null);
@@ -838,11 +873,24 @@ function useDismiss(context, props = {}) {
     if (pressStartedInsideRef.current) pressStartPreventedRef.current = true;
   });
   React$1.useEffect(() => {
-    if (!open || !enabled) return clearInsideReactTree;
+    function handleOpenChange(details) {
+      if (!details.open) sawPressWhileOpenRef.current = false;
+    }
+    events.on("openchange", handleOpenChange);
+    return () => {
+      events.off("openchange", handleOpenChange);
+    };
+  }, [events]);
+  React$1.useEffect(() => {
+    if (!open || !enabled) {
+      if (!open) sawPressWhileOpenRef.current = false;
+      return clearInsideReactTree;
+    }
     dataRef.current.__escapeKeyBubbles = escapeKeyBubbles;
     dataRef.current.__outsidePressBubbles = outsidePressBubbles;
     const compositionTimeout = new Timeout();
     const preventedPressSuppressionTimeout = new Timeout();
+    const doc = ownerDocument(floatingElement);
     function handleCompositionStart() {
       compositionTimeout.clear();
       isComposingRef.current = true;
@@ -919,10 +967,13 @@ function useDismiss(context, props = {}) {
         if (pressedVerticalScrollbar || pressedHorizontalScrollbar) return;
       }
       if (isEventWithinFloatingTree(event)) return;
-      if (getOutsidePressEvent() === "intentional" && suppressNextOutsideClickRef.current) {
-        preventedPressSuppressionTimeout.clear();
-        suppressNextOutsideClickRef.current = false;
-        return;
+      if (getOutsidePressEvent() === "intentional") {
+        if (event.detail !== 0 && !isVirtualClick(event) && !sawPressWhileOpenRef.current) return;
+        if (suppressNextOutsideClickRef.current) {
+          preventedPressSuppressionTimeout.clear();
+          suppressNextOutsideClickRef.current = false;
+          return;
+        }
       }
       if (typeof outsidePress$1 === "function" && !outsidePress$1(event)) return;
       if (hasBlockingChild("__outsidePressBubbles")) return;
@@ -966,7 +1017,10 @@ function useDismiss(context, props = {}) {
     }
     function closeOnPressOutsideCapture(event) {
       cancelDismissOnEndTimeout.clear();
-      if (event.type === "pointerdown") currentPointerTypeRef.current = event.pointerType;
+      if (event.type === "pointerdown") {
+        if (event.button === 0) sawPressWhileOpenRef.current = true;
+        currentPointerTypeRef.current = event.pointerType;
+      }
       if (event.type === "mousedown" && touchStateRef.current && !touchStateRef.current.dismissOnMouseDown) return;
       addTargetEventListenerOnce(event, (targetEvent) => {
         if (targetEvent.type === "pointerdown") handlePointerDown(targetEvent);
@@ -974,6 +1028,7 @@ function useDismiss(context, props = {}) {
       });
     }
     function handlePressEndCapture(event) {
+      if (event.type === "pointercancel") sawPressWhileOpenRef.current = false;
       if (!pressStartedInsideRef.current) return;
       const pressStartedInsideDefaultPrevented = pressStartPreventedRef.current;
       resetPressStartState();
@@ -1018,8 +1073,16 @@ function useDismiss(context, props = {}) {
     function handleTouchEndCapture(event) {
       addTargetEventListenerOnce(event, handleTouchEnd);
     }
-    const doc = ownerDocument(floatingElement);
-    const unsubscribe = mergeCleanups(escapeKey$1 && mergeCleanups(addEventListener(doc, "keydown", closeOnEscapeKeyDown), addEventListener(doc, "compositionstart", handleCompositionStart), addEventListener(doc, "compositionend", handleCompositionEnd)), outsidePressEnabled && mergeCleanups(addEventListener(doc, "click", closeOnPressOutsideCapture, true), addEventListener(doc, "pointerdown", closeOnPressOutsideCapture, true), addEventListener(doc, "pointerup", handlePressEndCapture, true), addEventListener(doc, "pointercancel", handlePressEndCapture, true), addEventListener(doc, "mousedown", closeOnPressOutsideCapture, true), addEventListener(doc, "mouseup", handlePressEndCapture, true), addEventListener(doc, "touchstart", handleTouchStartCapture, true), addEventListener(doc, "touchmove", handleTouchMoveCapture, true), addEventListener(doc, "touchend", handleTouchEndCapture, true)));
+    const unsubscribe = mergeCleanups(escapeKey$1 && mergeCleanups(addEventListener(doc, "keydown", closeOnEscapeKeyDown), addEventListener(doc, "compositionstart", handleCompositionStart), addEventListener(doc, "compositionend", handleCompositionEnd)), outsidePressEnabled && mergeCleanups(addEventListener(doc, "click", closeOnPressOutsideCapture, true), addEventListener(doc, "pointerdown", closeOnPressOutsideCapture, true), addEventListener(doc, "pointerup", handlePressEndCapture, true), addEventListener(doc, "pointercancel", handlePressEndCapture, true), addEventListener(doc, "mousedown", closeOnPressOutsideCapture, true), addEventListener(doc, "mouseup", handlePressEndCapture, true), addEventListener(doc, "touchstart", handleTouchStartCapture, {
+      capture: true,
+      passive: true
+    }), addEventListener(doc, "touchmove", handleTouchMoveCapture, {
+      capture: true,
+      passive: true
+    }), addEventListener(doc, "touchend", handleTouchEndCapture, {
+      capture: true,
+      passive: true
+    })));
     return () => {
       unsubscribe();
       compositionTimeout.clear();
@@ -1212,43 +1275,51 @@ function PopupHandleAttachment({ handle, store }) {
   }, [handle, store]);
   return null;
 }
+function syncTriggerCount(store) {
+  const triggerCount = store.context.triggerElements.size;
+  if (store.select("open") && store.state.triggerCount !== triggerCount) store.set("triggerCount", triggerCount);
+}
 function useTriggerRegistration(id, store) {
-  const registeredElementIdRef = React$1.useRef(null);
-  const registeredElementRef = React$1.useRef(null);
-  return React$1.useCallback((element) => {
-    if (id === void 0) return;
-    let shouldSyncTriggerCount = false;
-    if (registeredElementIdRef.current !== null) {
-      const registeredId = registeredElementIdRef.current;
-      const registeredElement = registeredElementRef.current;
-      const currentElement = store.context.triggerElements.getById(registeredId);
-      if (registeredElement && currentElement === registeredElement) {
-        store.context.triggerElements.delete(registeredId);
-        shouldSyncTriggerCount = true;
+  const registrationRef = React$1.useRef(null);
+  return useStableCallback((element) => {
+    const registration = registrationRef.current;
+    if (registration !== null) {
+      if (registration.element === element && registration.store === store && registration.id === id) return;
+      registrationRef.current = null;
+      const registeredStore = registration.store;
+      if (registeredStore.context.triggerElements.getById(registration.id) === registration.element) {
+        registeredStore.context.triggerElements.delete(registration.id);
+        syncTriggerCount(registeredStore);
       }
-      registeredElementIdRef.current = null;
-      registeredElementRef.current = null;
     }
-    if (element !== null) {
-      registeredElementIdRef.current = id;
-      registeredElementRef.current = element;
+    if (element !== null && id !== void 0) {
+      registrationRef.current = {
+        store,
+        id,
+        element
+      };
       store.context.triggerElements.add(id, element);
-      shouldSyncTriggerCount = true;
-    }
-    if (shouldSyncTriggerCount) {
-      const triggerCount = store.context.triggerElements.size;
-      if (store.select("open") && store.state.triggerCount !== triggerCount) store.set("triggerCount", triggerCount);
+      syncTriggerCount(store);
     }
-  }, [store, id]);
+  });
 }
-function setPopupOpenState(state, open, trigger, preventUnmountOnClose = false) {
-  if (open) state.preventUnmountingOnClose = false;
-  else if (preventUnmountOnClose) state.preventUnmountingOnClose = true;
+function createPopupOpenState(state, open, trigger, preventUnmountOnClose = false) {
+  let preventUnmountingOnClose = state.preventUnmountingOnClose;
+  if (open) preventUnmountingOnClose = false;
+  else if (preventUnmountOnClose) preventUnmountingOnClose = true;
   const triggerId = trigger?.id ?? null;
+  let activeTriggerId = state.activeTriggerId;
+  let activeTriggerElement = state.activeTriggerElement;
   if (triggerId || open) {
-    state.activeTriggerId = triggerId;
-    state.activeTriggerElement = trigger ?? null;
+    activeTriggerId = triggerId;
+    activeTriggerElement = trigger ?? null;
   }
+  return {
+    open,
+    preventUnmountingOnClose,
+    activeTriggerId,
+    activeTriggerElement
+  };
 }
 function attachPreventUnmountOnClose(eventDetails) {
   let preventUnmountOnClose = false;
@@ -1257,30 +1328,6 @@ function attachPreventUnmountOnClose(eventDetails) {
   };
   return () => preventUnmountOnClose;
 }
-function applyPopupOpenChange(store, nextOpen, eventDetails, options = {}) {
-  const reason = eventDetails.reason;
-  const isHover = reason === triggerHover;
-  const isFocusOpen = nextOpen && reason === "trigger-focus";
-  const isDismissClose = !nextOpen && (reason === "trigger-press" || reason === "escape-key");
-  const shouldPreventUnmountOnClose = attachPreventUnmountOnClose(eventDetails);
-  store.context.onOpenChange?.(nextOpen, eventDetails);
-  if (eventDetails.isCanceled) return;
-  options.onBeforeDispatch?.();
-  store.state.floatingRootContext.dispatchOpenChange(nextOpen, eventDetails);
-  const changeState = () => {
-    const updatedState = {
-      ...options.extraState,
-      open: nextOpen
-    };
-    if (isFocusOpen) updatedState.instantType = "focus";
-    else if (isDismissClose) updatedState.instantType = "dismiss";
-    else if (isHover) updatedState.instantType = void 0;
-    setPopupOpenState(updatedState, nextOpen, eventDetails.trigger, shouldPreventUnmountOnClose());
-    store.update(updatedState);
-  };
-  if (isHover) ReactDOM.flushSync(changeState);
-  else changeState();
-}
 function useTriggerDataForwarding(triggerId, triggerElementRef, store, stateUpdates) {
   const isMountedByThisTrigger = store.useState("isMountedByTrigger", triggerId);
   const baseRegisterTrigger = useTriggerRegistration(triggerId, store);
@@ -1288,27 +1335,43 @@ function useTriggerDataForwarding(triggerId, triggerElementRef, store, stateUpda
     const open = store.select("open");
     const activeTriggerId = store.select("activeTriggerId");
     if (activeTriggerId === triggerId) {
-      store.update({
+      const changes = {
         activeTriggerElement: element,
         ...open ? stateUpdates : null
-      });
+      };
+      store.update(changes);
       return;
     }
-    if (activeTriggerId == null && open) store.update({
-      activeTriggerId: triggerId,
-      activeTriggerElement: element,
-      ...stateUpdates
-    });
+    if (activeTriggerId == null && open) {
+      const changes = {
+        activeTriggerId: triggerId ?? null,
+        activeTriggerElement: element,
+        ...stateUpdates
+      };
+      store.update(changes);
+    }
   });
-  const registerTrigger = React$1.useCallback((element) => {
+  const registerTrigger = useStableCallback((element) => {
     baseRegisterTrigger(element);
     if (element) applyTriggerData(element);
-  }, [baseRegisterTrigger, applyTriggerData]);
+  });
   useIsoLayoutEffect(() => {
-    if (isMountedByThisTrigger) store.update({
-      activeTriggerElement: triggerElementRef.current,
-      ...stateUpdates
-    });
+    registerTrigger(triggerElementRef.current);
+    return () => registerTrigger(null);
+  }, [
+    registerTrigger,
+    triggerElementRef,
+    store,
+    triggerId
+  ]);
+  useIsoLayoutEffect(() => {
+    if (isMountedByThisTrigger) {
+      const changes = {
+        activeTriggerElement: triggerElementRef.current,
+        ...stateUpdates
+      };
+      store.update(changes);
+    }
   }, [
     isMountedByThisTrigger,
     store,
@@ -1387,8 +1450,8 @@ function useImplicitActiveTrigger(store, options = {}) {
     closeOnActiveTriggerUnmount
   ]);
 }
-function useOpenStateTransitions(open, store, onUnmount) {
-  const { mounted, setMounted, transitionStatus } = useTransitionStatus(open);
+function useOpenStateTransitions(open, store, onUnmount, animateInitialOpen) {
+  const { mounted, setMounted, transitionStatus } = useTransitionStatus(open, false, false, animateInitialOpen);
   const preventUnmountingOnClose = store.useState("preventUnmountingOnClose");
   const syncedPreventUnmountingOnClose = open ? false : preventUnmountingOnClose;
   store.useSyncedValues({
@@ -1495,27 +1558,24 @@ var PopupTriggerMap = class {
     return this.idMap.size;
   }
 };
-function getEmptyRootContext() {
-  return new FloatingRootStore({
-    open: false,
-    transitionStatus: void 0,
-    floatingElement: null,
-    referenceElement: null,
-    triggerElements: new PopupTriggerMap(),
-    floatingId: void 0,
-    syncOnly: false,
-    nested: false,
-    onOpenChange: void 0
-  });
-}
-function createInitialPopupStoreState() {
+function createInitialPopupStoreState(triggerElements, floatingId, nested = false) {
   return {
     open: false,
     openProp: void 0,
     mounted: false,
     transitionStatus: void 0,
-    floatingRootContext: getEmptyRootContext(),
-    floatingId: void 0,
+    floatingRootContext: new FloatingRootStore({
+      open: false,
+      transitionStatus: void 0,
+      floatingElement: null,
+      referenceElement: null,
+      triggerElements,
+      floatingId,
+      syncOnly: true,
+      nested,
+      onOpenChange: void 0
+    }),
+    floatingId,
     triggerCount: 0,
     preventUnmountingOnClose: false,
     payload: void 0,
@@ -1529,19 +1589,6 @@ function createInitialPopupStoreState() {
     popupProps: EMPTY_OBJECT
   };
 }
-function createPopupFloatingRootContext(triggerElements, floatingId, nested = false) {
-  return new FloatingRootStore({
-    open: false,
-    transitionStatus: void 0,
-    floatingElement: null,
-    referenceElement: null,
-    triggerElements,
-    floatingId,
-    syncOnly: true,
-    nested,
-    onOpenChange: void 0
-  });
-}
 var activeTriggerIdSelector = (state) => state.triggerIdProp ?? state.activeTriggerId;
 var openSelector = (state) => state.openProp ?? state.open;
 var popupIdSelector = (state) => {
@@ -1586,128 +1633,6 @@ var popupStoreSelectors = {
   popupElement: (state) => state.popupElement,
   positionerElement: (state) => state.positionerElement
 };
-(function(CommonPopupDataAttributes) {
-  CommonPopupDataAttributes["open"] = "data-open";
-  CommonPopupDataAttributes["closed"] = "data-closed";
-  CommonPopupDataAttributes[CommonPopupDataAttributes["startingStyle"] = TransitionStatusDataAttributes.startingStyle] = "startingStyle";
-  CommonPopupDataAttributes[CommonPopupDataAttributes["endingStyle"] = TransitionStatusDataAttributes.endingStyle] = "endingStyle";
-  CommonPopupDataAttributes["anchorHidden"] = "data-anchor-hidden";
-  CommonPopupDataAttributes["side"] = "data-side";
-  CommonPopupDataAttributes["align"] = "data-align";
-  return CommonPopupDataAttributes;
-})({});
-var TRIGGER_HOOK = { "data-popup-open": "" };
-var PRESSABLE_TRIGGER_HOOK = {
-  "data-popup-open": "",
-  "data-pressed": ""
-};
-var POPUP_OPEN_HOOK = { "data-open": "" };
-var POPUP_CLOSED_HOOK = { "data-closed": "" };
-var ANCHOR_HIDDEN_HOOK = { "data-anchor-hidden": "" };
-var triggerOpenStateMapping = { open(value) {
-  if (value) return TRIGGER_HOOK;
-  return null;
-} };
-var pressableTriggerOpenStateMapping = { open(value) {
-  if (value) return PRESSABLE_TRIGGER_HOOK;
-  return null;
-} };
-var popupStateMapping = {
-  open(value) {
-    if (value) return POPUP_OPEN_HOOK;
-    return POPUP_CLOSED_HOOK;
-  },
-  anchorHidden(value) {
-    if (value) return ANCHOR_HIDDEN_HOOK;
-    return null;
-  }
-};
-var popupTransitionStateMapping = {
-  ...popupStateMapping,
-  ...transitionStatusMapping
-};
-var ARROW_UP = "ArrowUp";
-var ARROW_DOWN = "ArrowDown";
-var ARROW_LEFT = "ArrowLeft";
-var ARROW_RIGHT = "ArrowRight";
-var HOME = "Home";
-var COMPOSITE_KEYS = /* @__PURE__ */ new Set([
-  ARROW_UP,
-  ARROW_DOWN,
-  ARROW_LEFT,
-  ARROW_RIGHT,
-  HOME,
-  "End"
-]);
-var MODIFIER_KEYS = [
-  "Shift",
-  "Control",
-  "Alt",
-  "Meta"
-];
-function isInputElement(element) {
-  return isHTMLElement(element) && element.tagName === "INPUT";
-}
-function isNativeInput(element) {
-  if (isInputElement(element) && element.selectionStart != null) return true;
-  if (isHTMLElement(element) && element.tagName === "TEXTAREA") return true;
-  return false;
-}
-function scrollIntoViewIfNeeded(scrollContainer, element, direction, orientation) {
-  if (!scrollContainer || !element || !element.scrollTo) return;
-  let targetX = scrollContainer.scrollLeft;
-  let targetY = scrollContainer.scrollTop;
-  const isOverflowingX = scrollContainer.clientWidth < scrollContainer.scrollWidth;
-  const isOverflowingY = scrollContainer.clientHeight < scrollContainer.scrollHeight;
-  if (isOverflowingX && orientation !== "vertical") {
-    const elementOffsetLeft = getOffset(scrollContainer, element, "left");
-    const containerStyles = getStyles(scrollContainer);
-    const elementStyles = getStyles(element);
-    if (direction === "ltr") {
-      if (elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight > scrollContainer.scrollLeft + scrollContainer.clientWidth - containerStyles.scrollPaddingRight) targetX = elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight - scrollContainer.clientWidth + containerStyles.scrollPaddingRight;
-      else if (elementOffsetLeft - elementStyles.scrollMarginLeft < scrollContainer.scrollLeft + containerStyles.scrollPaddingLeft) targetX = elementOffsetLeft - elementStyles.scrollMarginLeft - containerStyles.scrollPaddingLeft;
-    }
-    if (direction === "rtl") {
-      if (elementOffsetLeft - elementStyles.scrollMarginLeft < scrollContainer.scrollLeft + containerStyles.scrollPaddingLeft) targetX = elementOffsetLeft - elementStyles.scrollMarginLeft - containerStyles.scrollPaddingLeft;
-      else if (elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight > scrollContainer.scrollLeft + scrollContainer.clientWidth - containerStyles.scrollPaddingRight) targetX = elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight - scrollContainer.clientWidth + containerStyles.scrollPaddingRight;
-    }
-  }
-  if (isOverflowingY && orientation !== "horizontal") {
-    const elementOffsetTop = getOffset(scrollContainer, element, "top");
-    const containerStyles = getStyles(scrollContainer);
-    const elementStyles = getStyles(element);
-    if (elementOffsetTop - elementStyles.scrollMarginTop < scrollContainer.scrollTop + containerStyles.scrollPaddingTop) targetY = elementOffsetTop - elementStyles.scrollMarginTop - containerStyles.scrollPaddingTop;
-    else if (elementOffsetTop + element.offsetHeight + elementStyles.scrollMarginBottom > scrollContainer.scrollTop + scrollContainer.clientHeight - containerStyles.scrollPaddingBottom) targetY = elementOffsetTop + element.offsetHeight + elementStyles.scrollMarginBottom - scrollContainer.clientHeight + containerStyles.scrollPaddingBottom;
-  }
-  scrollContainer.scrollTo({
-    left: targetX,
-    top: targetY,
-    behavior: "auto"
-  });
-}
-function getOffset(ancestor, element, side) {
-  const propName = side === "left" ? "offsetLeft" : "offsetTop";
-  let result = 0;
-  while (element.offsetParent) {
-    result += element[propName];
-    if (element.offsetParent === ancestor) break;
-    element = element.offsetParent;
-  }
-  return result;
-}
-function getStyles(element) {
-  const styles = getComputedStyle(element);
-  return {
-    scrollMarginTop: parseFloat(styles.scrollMarginTop) || 0,
-    scrollMarginRight: parseFloat(styles.scrollMarginRight) || 0,
-    scrollMarginBottom: parseFloat(styles.scrollMarginBottom) || 0,
-    scrollMarginLeft: parseFloat(styles.scrollMarginLeft) || 0,
-    scrollPaddingTop: parseFloat(styles.scrollPaddingTop) || 0,
-    scrollPaddingRight: parseFloat(styles.scrollPaddingRight) || 0,
-    scrollPaddingBottom: parseFloat(styles.scrollPaddingBottom) || 0,
-    scrollPaddingLeft: parseFloat(styles.scrollPaddingLeft) || 0
-  };
-}
 var InternalBackdrop = /* @__PURE__ */ React$1.forwardRef(function InternalBackdrop2(props, ref) {
   const { cutout, ...otherProps } = props;
   let clipPath;
@@ -1918,206 +1843,123 @@ function useScrollLock(enabled = true, referenceElement = null) {
     return SCROLL_LOCKER.acquire(referenceElement);
   }, [enabled, referenceElement]);
 }
-var SURFACE_BG = {
-  1: "bg-surface-1",
-  2: "bg-surface-2",
-  3: "bg-surface-3",
-  4: "bg-surface-4",
-  5: "bg-surface-5",
-  6: "bg-surface-6",
-  7: "bg-surface-7",
-  8: "bg-surface-8"
-};
-var SURFACE_SHADOW = {
-  1: "shadow-surface-1",
-  2: "shadow-surface-2",
-  3: "shadow-surface-3",
-  4: "shadow-surface-4",
-  5: "shadow-surface-5",
-  6: "shadow-surface-6",
-  7: "shadow-surface-7",
-  8: "shadow-surface-8"
-};
-function surfaceClasses(bgLevel, shadowLevel = bgLevel) {
-  const bg = Math.round(Math.max(1, Math.min(8, bgLevel)));
-  const shadow = Math.round(Math.max(1, Math.min(8, shadowLevel)));
-  return `${SURFACE_BG[bg]} ${SURFACE_SHADOW[shadow]}`;
-}
-var SurfaceContext = createContext2(1);
-function useSurface() {
-  return useContext2(SurfaceContext);
+var ARROW_UP = "ArrowUp";
+var ARROW_DOWN = "ArrowDown";
+var ARROW_LEFT = "ArrowLeft";
+var ARROW_RIGHT = "ArrowRight";
+var HOME = "Home";
+var COMPOSITE_KEYS = /* @__PURE__ */ new Set([
+  ARROW_UP,
+  ARROW_DOWN,
+  ARROW_LEFT,
+  ARROW_RIGHT,
+  HOME,
+  "End"
+]);
+var MODIFIER_KEYS = [
+  "Shift",
+  "Control",
+  "Alt",
+  "Meta"
+];
+function isInputElement(element) {
+  return isHTMLElement(element) && element.tagName === "INPUT";
 }
-function SurfaceProvider({ value, children }) {
-  return /* @__PURE__ */ jsx(SurfaceContext.Provider, {
-    value: Math.max(1, Math.min(8, value)),
-    children
-  });
+function isNativeInput(element) {
+  if (isInputElement(element) && element.selectionStart != null) return true;
+  if (isHTMLElement(element) && element.tagName === "TEXTAREA") return true;
+  return false;
 }
-var DialogRootContext = /* @__PURE__ */ React$1.createContext(void 0);
-function useDialogRootContext(optional) {
-  const store = React$1.useContext(DialogRootContext);
-  if (!optional && store === void 0) throw new Error(formatErrorMessage(27));
-  return store;
-}
-var DialogBackdrop = /* @__PURE__ */ React$1.forwardRef(function DialogBackdrop2(componentProps, forwardedRef) {
-  const { render, className, style, forceRender = false, ...elementProps } = componentProps;
-  const store = useDialogRootContext();
-  const open = store.useState("open");
-  const nested = store.useState("nested");
-  const mounted = store.useState("mounted");
-  const state = {
-    open,
-    transitionStatus: store.useState("transitionStatus")
-  };
-  return useRenderElement("div", componentProps, {
-    state,
-    ref: [store.context.backdropRef, forwardedRef],
-    stateAttributesMapping: popupTransitionStateMapping,
-    props: [{
-      role: "presentation",
-      hidden: !mounted,
-      style: {
-        userSelect: "none",
-        WebkitUserSelect: "none"
-      }
-    }, elementProps],
-    enabled: forceRender || !nested
-  });
-});
-var DialogClose = /* @__PURE__ */ React$1.forwardRef(function DialogClose2(componentProps, forwardedRef) {
-  const { render, className, style, disabled = false, nativeButton = true, ...elementProps } = componentProps;
-  const store = useDialogRootContext();
-  const open = store.useState("open");
-  const { getButtonProps, buttonRef } = useButton({
-    disabled,
-    native: nativeButton
-  });
-  const state = { disabled };
-  function handleClick(event) {
-    if (open) store.setOpen(false, createChangeEventDetails(closePress, event.nativeEvent));
+function scrollIntoViewIfNeeded(scrollContainer, element, direction, orientation) {
+  if (!scrollContainer || !element || !element.scrollTo) return;
+  let targetX = scrollContainer.scrollLeft;
+  let targetY = scrollContainer.scrollTop;
+  const isOverflowingX = scrollContainer.clientWidth < scrollContainer.scrollWidth;
+  const isOverflowingY = scrollContainer.clientHeight < scrollContainer.scrollHeight;
+  if (isOverflowingX && orientation !== "vertical") {
+    const elementOffsetLeft = getOffset(scrollContainer, element, "left");
+    const containerStyles = getStyles(scrollContainer);
+    const elementStyles = getStyles(element);
+    if (direction === "ltr") {
+      if (elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight > scrollContainer.scrollLeft + scrollContainer.clientWidth - containerStyles.scrollPaddingRight) targetX = elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight - scrollContainer.clientWidth + containerStyles.scrollPaddingRight;
+      else if (elementOffsetLeft - elementStyles.scrollMarginLeft < scrollContainer.scrollLeft + containerStyles.scrollPaddingLeft) targetX = elementOffsetLeft - elementStyles.scrollMarginLeft - containerStyles.scrollPaddingLeft;
+    }
+    if (direction === "rtl") {
+      if (elementOffsetLeft - elementStyles.scrollMarginLeft < scrollContainer.scrollLeft + containerStyles.scrollPaddingLeft) targetX = elementOffsetLeft - elementStyles.scrollMarginLeft - containerStyles.scrollPaddingLeft;
+      else if (elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight > scrollContainer.scrollLeft + scrollContainer.clientWidth - containerStyles.scrollPaddingRight) targetX = elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight - scrollContainer.clientWidth + containerStyles.scrollPaddingRight;
+    }
   }
-  return useRenderElement("button", componentProps, {
-    state,
-    ref: [forwardedRef, buttonRef],
-    props: [
-      { onClick: handleClick },
-      elementProps,
-      getButtonProps
-    ]
-  });
-});
-var DialogDescription$1 = /* @__PURE__ */ React$1.forwardRef(function DialogDescription(componentProps, forwardedRef) {
-  const { render, className, style, id: idProp, ...elementProps } = componentProps;
-  const store = useDialogRootContext();
-  const id = useBaseUiId(idProp);
-  store.useSyncedValueWithCleanup("descriptionElementId", id);
-  return useRenderElement("p", componentProps, {
-    ref: forwardedRef,
-    props: [{ id }, elementProps]
+  if (isOverflowingY && orientation !== "horizontal") {
+    const elementOffsetTop = getOffset(scrollContainer, element, "top");
+    const containerStyles = getStyles(scrollContainer);
+    const elementStyles = getStyles(element);
+    if (elementOffsetTop - elementStyles.scrollMarginTop < scrollContainer.scrollTop + containerStyles.scrollPaddingTop) targetY = elementOffsetTop - elementStyles.scrollMarginTop - containerStyles.scrollPaddingTop;
+    else if (elementOffsetTop + element.offsetHeight + elementStyles.scrollMarginBottom > scrollContainer.scrollTop + scrollContainer.clientHeight - containerStyles.scrollPaddingBottom) targetY = elementOffsetTop + element.offsetHeight + elementStyles.scrollMarginBottom - scrollContainer.clientHeight + containerStyles.scrollPaddingBottom;
+  }
+  scrollContainer.scrollTo({
+    left: targetX,
+    top: targetY,
+    behavior: "auto"
   });
-});
-var DialogPortalContext = /* @__PURE__ */ React$1.createContext(void 0);
-function useDialogPortalContext() {
-  const value = React$1.useContext(DialogPortalContext);
-  if (value === void 0) throw new Error(formatErrorMessage(26));
-  return value;
 }
-var dialogStateAttributesMapping = {
-  ...popupStateMapping,
-  ...transitionStatusMapping,
-  nestedDialogOpen(value) {
-    return value ? { "data-nested-dialog-open": "" } : null;
+function getOffset(ancestor, element, side) {
+  const propName = side === "left" ? "offsetLeft" : "offsetTop";
+  let result = 0;
+  while (element.offsetParent) {
+    result += element[propName];
+    if (element.offsetParent === ancestor) break;
+    element = element.offsetParent;
   }
+  return result;
+}
+function getStyles(element) {
+  const styles = getComputedStyle(element);
+  return {
+    scrollMarginTop: parseFloat(styles.scrollMarginTop) || 0,
+    scrollMarginRight: parseFloat(styles.scrollMarginRight) || 0,
+    scrollMarginBottom: parseFloat(styles.scrollMarginBottom) || 0,
+    scrollMarginLeft: parseFloat(styles.scrollMarginLeft) || 0,
+    scrollPaddingTop: parseFloat(styles.scrollPaddingTop) || 0,
+    scrollPaddingRight: parseFloat(styles.scrollPaddingRight) || 0,
+    scrollPaddingBottom: parseFloat(styles.scrollPaddingBottom) || 0,
+    scrollPaddingLeft: parseFloat(styles.scrollPaddingLeft) || 0
+  };
+}
+var SURFACE_BG = {
+  1: "bg-surface-1",
+  2: "bg-surface-2",
+  3: "bg-surface-3",
+  4: "bg-surface-4",
+  5: "bg-surface-5",
+  6: "bg-surface-6",
+  7: "bg-surface-7",
+  8: "bg-surface-8"
 };
-var DialogPopup = /* @__PURE__ */ React$1.forwardRef(function DialogPopup2(componentProps, forwardedRef) {
-  const { render, className, style, finalFocus, initialFocus, ...elementProps } = componentProps;
-  const store = useDialogRootContext();
-  const descriptionElementId = store.useState("descriptionElementId");
-  const disablePointerDismissal = store.useState("disablePointerDismissal");
-  const floatingRootContext = store.useState("floatingRootContext");
-  const rootPopupProps = store.useState("popupProps");
-  const modal = store.useState("modal");
-  const mounted = store.useState("mounted");
-  const nested = store.useState("nested");
-  const nestedOpenDialogCount = store.useState("nestedOpenDialogCount");
-  const open = store.useState("open");
-  const openMethod = store.useState("openMethod");
-  const titleElementId = store.useState("titleElementId");
-  const transitionStatus = store.useState("transitionStatus");
-  const role = store.useState("role");
-  const floatingId = floatingRootContext.useState("floatingId");
-  useDialogPortalContext();
-  useOpenChangeComplete({
-    open,
-    ref: store.context.popupRef,
-    onComplete() {
-      if (open) store.context.onOpenChangeComplete?.(true);
-    }
-  });
-  const resolvedInitialFocus = initialFocus === void 0 ? createDefaultInitialFocus(store.context.popupRef) : initialFocus;
-  const nestedDialogOpen = nestedOpenDialogCount > 0;
-  const setPopupElement = store.useStateSetter("popupElement");
-  const element = useRenderElement("div", componentProps, {
-    state: {
-      open,
-      nested,
-      transitionStatus,
-      nestedDialogOpen
-    },
-    props: [
-      rootPopupProps,
-      {
-        id: floatingId,
-        "aria-labelledby": titleElementId,
-        "aria-describedby": descriptionElementId,
-        role,
-        ...FOCUSABLE_POPUP_PROPS,
-        hidden: !mounted,
-        onKeyDown(event) {
-          if (COMPOSITE_KEYS.has(event.key)) event.stopPropagation();
-        },
-        style: { "--nested-dialogs": nestedOpenDialogCount }
-      },
-      elementProps
-    ],
-    ref: [
-      forwardedRef,
-      store.context.popupRef,
-      setPopupElement
-    ],
-    stateAttributesMapping: dialogStateAttributesMapping
-  });
-  return /* @__PURE__ */ jsx(FloatingFocusManager, {
-    context: floatingRootContext,
-    openInteractionType: openMethod,
-    disabled: !mounted,
-    closeOnFocusOut: !disablePointerDismissal,
-    initialFocus: resolvedInitialFocus,
-    returnFocus: finalFocus,
-    modal: modal !== false,
-    restoreFocus: "popup",
-    children: element
-  });
-});
-var DialogPortal$1 = /* @__PURE__ */ React$1.forwardRef(function DialogPortal(props, forwardedRef) {
-  const { keepMounted = false, ...portalProps } = props;
-  const store = useDialogRootContext();
-  const mounted = store.useState("mounted");
-  const modal = store.useState("modal");
-  const open = store.useState("open");
-  if (!(mounted || keepMounted)) return null;
-  return /* @__PURE__ */ jsx(DialogPortalContext.Provider, {
-    value: keepMounted,
-    children: /* @__PURE__ */ jsxs(FloatingPortal, {
-      ref: forwardedRef,
-      ...portalProps,
-      children: [mounted && modal === true && /* @__PURE__ */ jsx(InternalBackdrop, {
-        ref: store.context.internalBackdropRef,
-        inert: inertValue(!open)
-      }), props.children]
-    })
+var SURFACE_SHADOW = {
+  1: "shadow-surface-1",
+  2: "shadow-surface-2",
+  3: "shadow-surface-3",
+  4: "shadow-surface-4",
+  5: "shadow-surface-5",
+  6: "shadow-surface-6",
+  7: "shadow-surface-7",
+  8: "shadow-surface-8"
+};
+function surfaceClasses(bgLevel, shadowLevel = bgLevel) {
+  const bg = Math.round(Math.max(1, Math.min(8, bgLevel)));
+  const shadow = Math.round(Math.max(1, Math.min(8, shadowLevel)));
+  return `${SURFACE_BG[bg]} ${SURFACE_SHADOW[shadow]}`;
+}
+var SurfaceContext = createContext2(1);
+function useSurface() {
+  return useContext2(SurfaceContext);
+}
+function SurfaceProvider({ value, children }) {
+  return /* @__PURE__ */ jsx(SurfaceContext.Provider, {
+    value: Math.max(1, Math.min(8, value)),
+    children
   });
-});
+}
 function DialogInteractions({ store, parentContext, isDrawer }) {
   const open = store.useState("open");
   const disablePointerDismissal = store.useState("disablePointerDismissal");
@@ -2185,6 +2027,12 @@ function DialogInteractions({ store, parentContext, isDrawer }) {
   });
   return null;
 }
+var DialogRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+function useDialogRootContext(optional) {
+  const store = React$1.useContext(DialogRootContext);
+  if (!optional && store === void 0) throw new Error(formatErrorMessage(27));
+  return store;
+}
 var selectors = {
   ...popupStoreSelectors,
   modal: (state) => state.modal,
@@ -2212,14 +2060,12 @@ var DialogStore = class extends ReactStore {
     this.context.onOpenChange?.(nextOpen, eventDetails);
     if (eventDetails.isCanceled) return;
     this.state.floatingRootContext.dispatchOpenChange(nextOpen, eventDetails);
-    const updatedState = { open: nextOpen };
-    setPopupOpenState(updatedState, nextOpen, eventDetails.trigger);
-    this.update(updatedState);
+    this.update(createPopupOpenState(this.state, nextOpen, eventDetails.trigger));
   };
 };
 function createInitialState(initialState, triggerElements, floatingId, nested = false) {
-  const state = {
-    ...createInitialPopupStoreState(),
+  return {
+    ...createInitialPopupStoreState(triggerElements, floatingId, nested),
     modal: true,
     disablePointerDismissal: false,
     viewportElement: null,
@@ -2232,8 +2078,6 @@ function createInitialState(initialState, triggerElements, floatingId, nested =
     role: "dialog",
     ...initialState
   };
-  state.floatingRootContext = createPopupFloatingRootContext(triggerElements, floatingId, nested);
-  return state;
 }
 function createInitialContext(triggerElements) {
   return {
@@ -2299,9 +2143,167 @@ function useRenderDialogRoot(mode, props) {
     ]
   });
 }
-function DialogRoot(props) {
-  return useRenderDialogRoot("dialog", props);
+var DialogBackdrop = /* @__PURE__ */ React$1.forwardRef(function DialogBackdrop2(componentProps, forwardedRef) {
+  const { render, className, style, forceRender = false, ...elementProps } = componentProps;
+  const store = useDialogRootContext();
+  const open = store.useState("open");
+  const nested = store.useState("nested");
+  const mounted = store.useState("mounted");
+  const state = {
+    open,
+    transitionStatus: store.useState("transitionStatus")
+  };
+  return useRenderElement("div", componentProps, {
+    state,
+    ref: [store.context.backdropRef, forwardedRef],
+    stateAttributesMapping: popupTransitionStateMapping,
+    props: [{
+      role: "presentation",
+      hidden: !mounted,
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, elementProps],
+    enabled: forceRender || !nested
+  });
+});
+var DialogClose = /* @__PURE__ */ React$1.forwardRef(function DialogClose2(componentProps, forwardedRef) {
+  const { render, className, style, disabled = false, nativeButton = true, ...elementProps } = componentProps;
+  const store = useDialogRootContext();
+  const open = store.useState("open");
+  const { getButtonProps, buttonRef } = useButton({
+    disabled,
+    native: nativeButton
+  });
+  const state = { disabled };
+  function handleClick(event) {
+    if (open) store.setOpen(false, createChangeEventDetails(closePress, event.nativeEvent));
+  }
+  return useRenderElement("button", componentProps, {
+    state,
+    ref: [forwardedRef, buttonRef],
+    props: [
+      { onClick: handleClick },
+      elementProps,
+      getButtonProps
+    ]
+  });
+});
+var DialogDescription$1 = /* @__PURE__ */ React$1.forwardRef(function DialogDescription(componentProps, forwardedRef) {
+  const { render, className, style, id: idProp, ...elementProps } = componentProps;
+  const store = useDialogRootContext();
+  const id = useBaseUiId(idProp);
+  store.useSyncedValueWithCleanup("descriptionElementId", id);
+  return useRenderElement("p", componentProps, {
+    ref: forwardedRef,
+    props: [{ id }, elementProps]
+  });
+});
+var DialogPortalContext = /* @__PURE__ */ React$1.createContext(void 0);
+function useDialogPortalContext() {
+  const value = React$1.useContext(DialogPortalContext);
+  if (value === void 0) throw new Error(formatErrorMessage(26));
+  return value;
 }
+var nestedDialogs = "--nested-dialogs";
+var nestedDialogOpen = "data-nested-dialog-open";
+var dialogStateAttributesMapping = {
+  ...popupStateMapping,
+  ...transitionStatusMapping,
+  nestedDialogOpen(value) {
+    return value ? { [nestedDialogOpen]: "" } : null;
+  }
+};
+var DialogPopup = /* @__PURE__ */ React$1.forwardRef(function DialogPopup2(componentProps, forwardedRef) {
+  const { render, className, style, finalFocus, initialFocus, ...elementProps } = componentProps;
+  const store = useDialogRootContext();
+  const descriptionElementId = store.useState("descriptionElementId");
+  const disablePointerDismissal = store.useState("disablePointerDismissal");
+  const floatingRootContext = store.useState("floatingRootContext");
+  const rootPopupProps = store.useState("popupProps");
+  const modal = store.useState("modal");
+  const mounted = store.useState("mounted");
+  const nested = store.useState("nested");
+  const nestedOpenDialogCount = store.useState("nestedOpenDialogCount");
+  const open = store.useState("open");
+  const openMethod = store.useState("openMethod");
+  const titleElementId = store.useState("titleElementId");
+  const transitionStatus = store.useState("transitionStatus");
+  const role = store.useState("role");
+  const floatingId = floatingRootContext.useState("floatingId");
+  useDialogPortalContext();
+  useOpenChangeComplete({
+    open,
+    ref: store.context.popupRef,
+    onComplete() {
+      if (open) store.context.onOpenChangeComplete?.(true);
+    }
+  });
+  const resolvedInitialFocus = initialFocus === void 0 ? createDefaultInitialFocus(store.context.popupRef) : initialFocus;
+  const nestedDialogOpen2 = nestedOpenDialogCount > 0;
+  const setPopupElement = store.useStateSetter("popupElement");
+  const element = useRenderElement("div", componentProps, {
+    state: {
+      open,
+      nested,
+      transitionStatus,
+      nestedDialogOpen: nestedDialogOpen2
+    },
+    props: [
+      rootPopupProps,
+      {
+        id: floatingId,
+        "aria-labelledby": titleElementId,
+        "aria-describedby": descriptionElementId,
+        role,
+        ...FOCUSABLE_POPUP_PROPS,
+        hidden: !mounted,
+        onKeyDown(event) {
+          if (COMPOSITE_KEYS.has(event.key)) event.stopPropagation();
+        },
+        style: { [nestedDialogs]: nestedOpenDialogCount }
+      },
+      elementProps
+    ],
+    ref: [
+      forwardedRef,
+      store.context.popupRef,
+      setPopupElement
+    ],
+    stateAttributesMapping: dialogStateAttributesMapping
+  });
+  return /* @__PURE__ */ jsx(FloatingFocusManager, {
+    context: floatingRootContext,
+    openInteractionType: openMethod,
+    disabled: !mounted,
+    closeOnFocusOut: !disablePointerDismissal,
+    initialFocus: resolvedInitialFocus,
+    returnFocus: finalFocus,
+    modal: modal !== false,
+    restoreFocus: "popup",
+    children: element
+  });
+});
+var DialogPortal$1 = /* @__PURE__ */ React$1.forwardRef(function DialogPortal(props, forwardedRef) {
+  const { keepMounted = false, ...portalProps } = props;
+  const store = useDialogRootContext();
+  const mounted = store.useState("mounted");
+  const modal = store.useState("modal");
+  const open = store.useState("open");
+  if (!(mounted || keepMounted)) return null;
+  return /* @__PURE__ */ jsx(DialogPortalContext.Provider, {
+    value: keepMounted,
+    children: /* @__PURE__ */ jsxs(FloatingPortal, {
+      ref: forwardedRef,
+      ...portalProps,
+      children: [mounted && modal === true && /* @__PURE__ */ jsx(InternalBackdrop, {
+        ref: store.context.internalBackdropRef,
+        inert: inertValue(!open)
+      }), props.children]
+    })
+  });
+});
 var DialogTitle$1 = /* @__PURE__ */ React$1.forwardRef(function DialogTitle(componentProps, forwardedRef) {
   const { render, className, style, id: idProp, ...elementProps } = componentProps;
   const store = useDialogRootContext();
@@ -2312,6 +2314,9 @@ var DialogTitle$1 = /* @__PURE__ */ React$1.forwardRef(function DialogTitle(comp
     props: [{ id }, elementProps]
   });
 });
+var DialogRoot = fastComponent(function DialogRoot2(props) {
+  return useRenderDialogRoot("dialog", props);
+});
 var DIALOG_SURFACE_OFFSET = 4;
 function Dialog({ ...props }) {
   return /* @__PURE__ */ jsx(DialogRoot, {
@@ -2390,6 +2395,10 @@ function DialogDescription2({ className, ...props }) {
 }
 
 export {
+  triggerOpenStateMapping,
+  pressableTriggerOpenStateMapping,
+  popupStateMapping,
+  popupTransitionStateMapping,
   getNodeChildren,
   stopEvent,
   isVirtualClick,
@@ -2408,9 +2417,8 @@ export {
   createDefaultInitialFocus,
   usePopupRootStore,
   PopupHandleAttachment,
-  setPopupOpenState,
+  createPopupOpenState,
   attachPreventUnmountOnClose,
-  applyPopupOpenChange,
   useTriggerDataForwarding,
   useImplicitActiveTrigger,
   useOpenStateTransitions,
@@ -2418,12 +2426,9 @@ export {
   usePopupRootSync,
   PopupTriggerMap,
   createInitialPopupStoreState,
-  createPopupFloatingRootContext,
   popupStoreSelectors,
-  triggerOpenStateMapping,
-  pressableTriggerOpenStateMapping,
-  popupStateMapping,
-  popupTransitionStateMapping,
+  InternalBackdrop,
+  useScrollLock,
   ARROW_UP,
   ARROW_DOWN,
   ARROW_LEFT,
@@ -2432,18 +2437,15 @@ export {
   MODIFIER_KEYS,
   isNativeInput,
   scrollIntoViewIfNeeded,
-  InternalBackdrop,
-  useScrollLock,
   surfaceClasses,
   useSurface,
   SurfaceProvider,
+  useRenderDialogRoot,
   DialogBackdrop,
   DialogClose,
   DialogDescription$1,
   DialogPopup,
   DialogPortal$1,
-  useRenderDialogRoot,
-  DialogRoot,
   DialogTitle$1,
   Dialog,
   DialogContent,