@qredence/fleet 0.5.1 → 0.5.7

package/dist/web/server/{chunk-52SJQXO4.js → chunk-7PQTPSEE.js}

@@ -1,4 +1,4 @@
-// web/app/dist/server/assets/dist-PLYubdCU.js
+// web/app/dist/server/assets/dist-CBTaWHTc.js
 import * as React$1 from "react";
 import { useState as useState2 } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
@@ -8,84 +8,11 @@ var __name$14 = (target, value) => __defProp$14(target, "name", {
   value,
   configurable: true
 });
-var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
-function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-  return /* @__PURE__ */ __name$14(function handleEvent(event) {
-    originalEventHandler?.(event);
-    if (checkForDefaultPrevented === false || !event || !event.defaultPrevented) return ourEventHandler?.(event);
-  }, "handleEvent");
-}
-__name$14(composeEventHandlers, "composeEventHandlers");
-function getOwnerWindow(element) {
-  if (!canUseDOM) throw new Error("Cannot access window outside of the DOM");
-  return element?.ownerDocument?.defaultView ?? window;
-}
-__name$14(getOwnerWindow, "getOwnerWindow");
-function getOwnerDocument(element) {
-  if (!canUseDOM) throw new Error("Cannot access document outside of the DOM");
-  return element?.ownerDocument ?? document;
-}
-__name$14(getOwnerDocument, "getOwnerDocument");
-function getActiveElement(node, activeDescendant = false) {
-  const { activeElement } = getOwnerDocument(node);
-  if (!activeElement?.nodeName) return null;
-  if (isFrame(activeElement) && activeElement.contentDocument) return getActiveElement(activeElement.contentDocument.body, activeDescendant);
-  if (activeDescendant) {
-    const id = activeElement.getAttribute("aria-activedescendant");
-    if (id) {
-      const element = getOwnerDocument(activeElement).getElementById(id);
-      if (element) return element;
-    }
-  }
-  return activeElement;
-}
-__name$14(getActiveElement, "getActiveElement");
-function isFrame(element) {
-  return element.tagName === "IFRAME";
-}
-__name$14(isFrame, "isFrame");
-var __defProp$13 = Object.defineProperty;
-var __name$13 = (target, value) => __defProp$13(target, "name", {
-  value,
-  configurable: true
-});
-function setRef$1(ref, value) {
-  if (typeof ref === "function") return ref(value);
-  else if (ref !== null && ref !== void 0) ref.current = value;
-}
-__name$13(setRef$1, "setRef");
-function composeRefs(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef$1(ref, node);
-      if (!hasCleanup && typeof cleanup == "function") hasCleanup = true;
-      return cleanup;
-    });
-    if (hasCleanup) return () => {
-      for (let i = 0; i < cleanups.length; i++) {
-        const cleanup = cleanups[i];
-        if (typeof cleanup == "function") cleanup();
-        else setRef$1(refs[i], null);
-      }
-    };
-  };
-}
-__name$13(composeRefs, "composeRefs");
-function useComposedRefs(...refs) {
-  return React$1.useCallback(composeRefs(...refs), refs);
-}
-__name$13(useComposedRefs, "useComposedRefs");
-var __defProp$12 = Object.defineProperty;
-var __name$12 = (target, value) => __defProp$12(target, "name", {
-  value,
-  configurable: true
-});
 // @__NO_SIDE_EFFECTS__
 function createContext2(rootComponentName, defaultContext) {
   const Context = React$1.createContext(defaultContext);
   Context.displayName = rootComponentName + "Context";
-  const Provider = /* @__PURE__ */ __name$12((props) => {
+  const Provider = /* @__PURE__ */ __name$14((props) => {
     const { children, ...context } = props;
     const value = React$1.useMemo(() => context, Object.values(context));
     return /* @__PURE__ */ jsx(Context.Provider, {
@@ -102,10 +29,10 @@ function createContext2(rootComponentName, defaultContext) {
     if (optional) return void 0;
     throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
   }
-  __name$12(useContext2, "useContext");
+  __name$14(useContext2, "useContext");
   return [Provider, useContext2];
 }
-__name$12(createContext2, "createContext");
+__name$14(createContext2, "createContext");
 // @__NO_SIDE_EFFECTS__
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
@@ -114,7 +41,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
     BaseContext.displayName = rootComponentName + "Context";
     const index = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
-    const Provider = /* @__PURE__ */ __name$12((props) => {
+    const Provider = /* @__PURE__ */ __name$14((props) => {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index] || BaseContext;
       const value = React$1.useMemo(() => context, Object.values(context));
@@ -133,15 +60,15 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
       if (optional) return void 0;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
     }
-    __name$12(useContext2, "useContext");
+    __name$14(useContext2, "useContext");
     return [Provider, useContext2];
   }
-  __name$12(createContext3, "createContext");
-  const createScope = /* @__PURE__ */ __name$12(() => {
+  __name$14(createContext3, "createContext");
+  const createScope = /* @__PURE__ */ __name$14(() => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
       return React$1.createContext(defaultContext);
     });
-    return /* @__PURE__ */ __name$12(function useScope(scope) {
+    return /* @__PURE__ */ __name$14(function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
       return React$1.useMemo(() => ({ [`__scope${scopeName}`]: {
         ...scope,
@@ -152,16 +79,16 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   createScope.scopeName = scopeName;
   return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
-__name$12(createContextScope, "createContextScope");
+__name$14(createContextScope, "createContextScope");
 function composeContextScopes(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
-  const createScope = /* @__PURE__ */ __name$12(() => {
+  const createScope = /* @__PURE__ */ __name$14(() => {
     const scopeHooks = scopes.map((createScope2) => ({
       useScope: createScope2(),
       scopeName: createScope2.scopeName
     }));
-    return /* @__PURE__ */ __name$12(function useComposedScopes(overrideScopes) {
+    return /* @__PURE__ */ __name$14(function useComposedScopes(overrideScopes) {
       const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
         const currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
         return {
@@ -175,24 +102,194 @@ function composeContextScopes(...scopes) {
   createScope.scopeName = baseScope.scopeName;
   return createScope;
 }
-__name$12(composeContextScopes, "composeContextScopes");
-var useLayoutEffect2 = globalThis?.document ? React$1.useLayoutEffect : () => {
-};
+__name$14(composeContextScopes, "composeContextScopes");
+var __defProp$13 = Object.defineProperty;
+var __name$13 = (target, value) => __defProp$13(target, "name", {
+  value,
+  configurable: true
+});
+function setRef$1(ref, value) {
+  if (typeof ref === "function") return ref(value);
+  else if (ref !== null && ref !== void 0) ref.current = value;
+}
+__name$13(setRef$1, "setRef");
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef$1(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") hasCleanup = true;
+      return cleanup;
+    });
+    if (hasCleanup) return () => {
+      for (let i = 0; i < cleanups.length; i++) {
+        const cleanup = cleanups[i];
+        if (typeof cleanup == "function") cleanup();
+        else setRef$1(refs[i], null);
+      }
+    };
+  };
+}
+__name$13(composeRefs, "composeRefs");
+function useComposedRefs(...refs) {
+  return React$1.useCallback(composeRefs(...refs), refs);
+}
+__name$13(useComposedRefs, "useComposedRefs");
+var __defProp$12 = Object.defineProperty;
+var __name$12 = (target, value) => __defProp$12(target, "name", {
+  value,
+  configurable: true
+});
+// @__NO_SIDE_EFFECTS__
+function createSlot(ownerName) {
+  const Slot2 = React$1.forwardRef((props, forwardedRef) => {
+    let { children, ...slotProps } = props;
+    let slottableElement = null;
+    let hasSlottable = false;
+    const newChildren = [];
+    if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
+    React$1.Children.forEach(children, (maybeSlottable) => {
+      if (isSlottable(maybeSlottable)) {
+        hasSlottable = true;
+        const slottable = maybeSlottable;
+        let child = "child" in slottable.props ? slottable.props.child : slottable.props.children;
+        if (isLazyComponent(child) && typeof use === "function") child = use(child._payload);
+        slottableElement = getSlottableElementFromSlottable(slottable, child);
+        newChildren.push(slottableElement?.props?.children);
+      } else newChildren.push(maybeSlottable);
+    });
+    if (slottableElement) slottableElement = React$1.cloneElement(slottableElement, void 0, newChildren);
+    else if (!hasSlottable && React$1.Children.count(children) === 1 && React$1.isValidElement(children)) slottableElement = children;
+    const slottableElementRef = slottableElement ? getElementRef$1(slottableElement) : void 0;
+    const composedRef = useComposedRefs(forwardedRef, slottableElementRef);
+    if (!slottableElement) {
+      if (children || children === 0) throw new Error(hasSlottable ? createSlottableError(ownerName) : createSlotError(ownerName));
+      return children;
+    }
+    const mergedProps = mergeProps(slotProps, slottableElement.props ?? {});
+    if (slottableElement.type !== React$1.Fragment) mergedProps.ref = forwardedRef ? composedRef : slottableElementRef;
+    return React$1.cloneElement(slottableElement, mergedProps);
+  });
+  Slot2.displayName = `${ownerName}.Slot`;
+  return Slot2;
+}
+__name$12(createSlot, "createSlot");
+var Slot$1 = /* @__PURE__ */ createSlot("Slot");
+var SLOTTABLE_IDENTIFIER = /* @__PURE__ */ Symbol.for("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function createSlottable(ownerName) {
+  const Slottable2 = /* @__PURE__ */ __name$12((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
+  Slottable2.displayName = `${ownerName}.Slottable`;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  return Slottable2;
+}
+__name$12(createSlottable, "createSlottable");
+var Slottable = /* @__PURE__ */ createSlottable("Slottable");
+var getSlottableElementFromSlottable = /* @__PURE__ */ __name$12((slottable, child) => {
+  if ("child" in slottable.props) {
+    const child2 = slottable.props.child;
+    if (!React$1.isValidElement(child2)) return null;
+    return React$1.cloneElement(child2, void 0, slottable.props.children(child2.props.children));
+  }
+  return React$1.isValidElement(child) ? child : null;
+}, "getSlottableElementFromSlottable");
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    if (/^on[A-Z]/.test(propName)) {
+      if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
+        const result = childPropValue(...args);
+        slotPropValue(...args);
+        return result;
+      };
+      else if (slotPropValue) overrideProps[propName] = slotPropValue;
+    } else if (propName === "style") overrideProps[propName] = {
+      ...slotPropValue,
+      ...childPropValue
+    };
+    else if (propName === "className") overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+  }
+  return {
+    ...slotProps,
+    ...overrideProps
+  };
+}
+__name$12(mergeProps, "mergeProps");
+function getElementRef$1(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) return element.ref;
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) return element.props.ref;
+  return element.props.ref || element.ref;
+}
+__name$12(getElementRef$1, "getElementRef");
+function isSlottable(child) {
+  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+__name$12(isSlottable, "isSlottable");
+var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
+function isLazyComponent(element) {
+  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
+}
+__name$12(isLazyComponent, "isLazyComponent");
+function isPromiseLike(value) {
+  return typeof value === "object" && value !== null && "then" in value;
+}
+__name$12(isPromiseLike, "isPromiseLike");
+var createSlotError = /* @__PURE__ */ __name$12((ownerName) => {
+  return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
+}, "createSlotError");
+var createSlottableError = /* @__PURE__ */ __name$12((ownerName) => {
+  return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
+}, "createSlottableError");
+var use = React$1[" use ".trim().toString()];
 var __defProp$11 = Object.defineProperty;
 var __name$11 = (target, value) => __defProp$11(target, "name", {
   value,
   configurable: true
 });
-var useReactId = React$1[" useId ".trim().toString()] || (() => void 0);
-var count$1 = 0;
-function useId$1(deterministicId) {
-  const [id, setId] = React$1.useState(useReactId());
-  useLayoutEffect2(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count$1++));
-  }, [deterministicId]);
-  return deterministicId || (id ? `radix-${id}` : "");
+var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return /* @__PURE__ */ __name$11(function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event || !event.defaultPrevented) return ourEventHandler?.(event);
+  }, "handleEvent");
+}
+__name$11(composeEventHandlers, "composeEventHandlers");
+function getOwnerWindow(element) {
+  if (!canUseDOM) throw new Error("Cannot access window outside of the DOM");
+  return element?.ownerDocument?.defaultView ?? window;
+}
+__name$11(getOwnerWindow, "getOwnerWindow");
+function getOwnerDocument(element) {
+  if (!canUseDOM) throw new Error("Cannot access document outside of the DOM");
+  return element?.ownerDocument ?? document;
+}
+__name$11(getOwnerDocument, "getOwnerDocument");
+function getActiveElement(node, activeDescendant = false) {
+  const { activeElement } = getOwnerDocument(node);
+  if (!activeElement?.nodeName) return null;
+  if (isFrame(activeElement) && activeElement.contentDocument) return getActiveElement(activeElement.contentDocument.body, activeDescendant);
+  if (activeDescendant) {
+    const id = activeElement.getAttribute("aria-activedescendant");
+    if (id) {
+      const element = getOwnerDocument(activeElement).getElementById(id);
+      if (element) return element;
+    }
+  }
+  return activeElement;
+}
+__name$11(getActiveElement, "getActiveElement");
+function isFrame(element) {
+  return element.tagName === "IFRAME";
 }
-__name$11(useId$1, "useId");
+__name$11(isFrame, "isFrame");
+var useLayoutEffect2 = globalThis?.document ? React$1.useLayoutEffect : () => {
+};
 var __defProp$10 = Object.defineProperty;
 var __name$10 = (target, value) => __defProp$10(target, "name", {
   value,
@@ -320,118 +417,6 @@ var __name$8 = (target, value) => __defProp$8(target, "name", {
   value,
   configurable: true
 });
-// @__NO_SIDE_EFFECTS__
-function createSlot(ownerName) {
-  const Slot2 = React$1.forwardRef((props, forwardedRef) => {
-    let { children, ...slotProps } = props;
-    let slottableElement = null;
-    let hasSlottable = false;
-    const newChildren = [];
-    if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
-    React$1.Children.forEach(children, (maybeSlottable) => {
-      if (isSlottable(maybeSlottable)) {
-        hasSlottable = true;
-        const slottable = maybeSlottable;
-        let child = "child" in slottable.props ? slottable.props.child : slottable.props.children;
-        if (isLazyComponent(child) && typeof use === "function") child = use(child._payload);
-        slottableElement = getSlottableElementFromSlottable(slottable, child);
-        newChildren.push(slottableElement?.props?.children);
-      } else newChildren.push(maybeSlottable);
-    });
-    if (slottableElement) slottableElement = React$1.cloneElement(slottableElement, void 0, newChildren);
-    else if (!hasSlottable && React$1.Children.count(children) === 1 && React$1.isValidElement(children)) slottableElement = children;
-    const slottableElementRef = slottableElement ? getElementRef$1(slottableElement) : void 0;
-    const composedRef = useComposedRefs(forwardedRef, slottableElementRef);
-    if (!slottableElement) {
-      if (children || children === 0) throw new Error(hasSlottable ? createSlottableError(ownerName) : createSlotError(ownerName));
-      return children;
-    }
-    const mergedProps = mergeProps(slotProps, slottableElement.props ?? {});
-    if (slottableElement.type !== React$1.Fragment) mergedProps.ref = forwardedRef ? composedRef : slottableElementRef;
-    return React$1.cloneElement(slottableElement, mergedProps);
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-__name$8(createSlot, "createSlot");
-var Slot$1 = /* @__PURE__ */ createSlot("Slot");
-var SLOTTABLE_IDENTIFIER = /* @__PURE__ */ Symbol.for("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function createSlottable(ownerName) {
-  const Slottable2 = /* @__PURE__ */ __name$8((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
-  Slottable2.displayName = `${ownerName}.Slottable`;
-  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
-  return Slottable2;
-}
-__name$8(createSlottable, "createSlottable");
-var Slottable = /* @__PURE__ */ createSlottable("Slottable");
-var getSlottableElementFromSlottable = /* @__PURE__ */ __name$8((slottable, child) => {
-  if ("child" in slottable.props) {
-    const child2 = slottable.props.child;
-    if (!React$1.isValidElement(child2)) return null;
-    return React$1.cloneElement(child2, void 0, slottable.props.children(child2.props.children));
-  }
-  return React$1.isValidElement(child) ? child : null;
-}, "getSlottableElementFromSlottable");
-function mergeProps(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    if (/^on[A-Z]/.test(propName)) {
-      if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
-        const result = childPropValue(...args);
-        slotPropValue(...args);
-        return result;
-      };
-      else if (slotPropValue) overrideProps[propName] = slotPropValue;
-    } else if (propName === "style") overrideProps[propName] = {
-      ...slotPropValue,
-      ...childPropValue
-    };
-    else if (propName === "className") overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-  }
-  return {
-    ...slotProps,
-    ...overrideProps
-  };
-}
-__name$8(mergeProps, "mergeProps");
-function getElementRef$1(element) {
-  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) return element.ref;
-  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) return element.props.ref;
-  return element.props.ref || element.ref;
-}
-__name$8(getElementRef$1, "getElementRef");
-function isSlottable(child) {
-  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
-}
-__name$8(isSlottable, "isSlottable");
-var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
-function isLazyComponent(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
-}
-__name$8(isLazyComponent, "isLazyComponent");
-function isPromiseLike(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-__name$8(isPromiseLike, "isPromiseLike");
-var createSlotError = /* @__PURE__ */ __name$8((ownerName) => {
-  return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
-}, "createSlotError");
-var createSlottableError = /* @__PURE__ */ __name$8((ownerName) => {
-  return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
-}, "createSlottableError");
-var use = React$1[" use ".trim().toString()];
-var __defProp$7 = Object.defineProperty;
-var __name$7 = (target, value) => __defProp$7(target, "name", {
-  value,
-  configurable: true
-});
 var Primitive = [
   "a",
   "button",
@@ -470,12 +455,167 @@ var Primitive = [
 function dispatchDiscreteCustomEvent(target, event) {
   if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
 }
-__name$7(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
+__name$8(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
+var __defProp$7 = Object.defineProperty;
+var __name$7 = (target, value) => __defProp$7(target, "name", {
+  value,
+  configurable: true
+});
+function useStateMachine(initialState, machine) {
+  return React$1.useReducer((state, event) => {
+    return machine[state][event] ?? state;
+  }, initialState);
+}
+__name$7(useStateMachine, "useStateMachine");
+var Presence = /* @__PURE__ */ __name$7((props) => {
+  const { present, children } = props;
+  const presence = usePresence(present);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$1.Children.only(children);
+  const ref = useStableComposedRefs(presence.ref, getElementRef(child));
+  return typeof children === "function" || presence.isPresent ? React$1.cloneElement(child, { ref }) : null;
+}, "Presence");
+function usePresence(present) {
+  const [node, setNode] = React$1.useState();
+  const stylesRef = React$1.useRef(null);
+  const prevPresentRef = React$1.useRef(present);
+  const prevAnimationNameRef = React$1.useRef("none");
+  const mountAnimationNameRef = React$1.useRef(void 0);
+  const [state, send] = useStateMachine(present ? "mounted" : "unmounted", {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: { MOUNT: "mounted" }
+  });
+  React$1.useEffect(() => {
+    if (state === "mounted") {
+      prevAnimationNameRef.current = mountAnimationNameRef.current ?? getAnimationName(stylesRef.current);
+      mountAnimationNameRef.current = void 0;
+    } else prevAnimationNameRef.current = "none";
+  }, [state]);
+  useLayoutEffect2(() => {
+    const styles = stylesRef.current;
+    const wasPresent = prevPresentRef.current;
+    if (wasPresent !== present) {
+      const prevAnimationName = prevAnimationNameRef.current;
+      const currentAnimationName = getAnimationName(styles);
+      if (present) {
+        mountAnimationNameRef.current = currentAnimationName;
+        send("MOUNT");
+      } else if (currentAnimationName === "none" || styles?.display === "none") send("UNMOUNT");
+      else if (wasPresent && prevAnimationName !== currentAnimationName) send("ANIMATION_OUT");
+      else send("UNMOUNT");
+      prevPresentRef.current = present;
+    }
+  }, [present, send]);
+  useLayoutEffect2(() => {
+    if (node) {
+      let timeoutId;
+      const ownerWindow = node.ownerDocument.defaultView ?? window;
+      const handleAnimationEnd = /* @__PURE__ */ __name$7((event) => {
+        const isCurrentAnimation = getAnimationName(stylesRef.current).includes(CSS.escape(event.animationName));
+        if (event.target === node && isCurrentAnimation) {
+          send("ANIMATION_END");
+          if (!prevPresentRef.current) {
+            const currentFillMode = node.style.animationFillMode;
+            node.style.animationFillMode = "forwards";
+            timeoutId = ownerWindow.setTimeout(() => {
+              if (node.style.animationFillMode === "forwards") node.style.animationFillMode = currentFillMode;
+            });
+          }
+        }
+      }, "handleAnimationEnd");
+      const handleAnimationStart = /* @__PURE__ */ __name$7((event) => {
+        if (event.target === node) prevAnimationNameRef.current = getAnimationName(stylesRef.current);
+      }, "handleAnimationStart");
+      node.addEventListener("animationstart", handleAnimationStart);
+      node.addEventListener("animationcancel", handleAnimationEnd);
+      node.addEventListener("animationend", handleAnimationEnd);
+      return () => {
+        ownerWindow.clearTimeout(timeoutId);
+        node.removeEventListener("animationstart", handleAnimationStart);
+        node.removeEventListener("animationcancel", handleAnimationEnd);
+        node.removeEventListener("animationend", handleAnimationEnd);
+      };
+    } else send("ANIMATION_END");
+  }, [node, send]);
+  return {
+    isPresent: ["mounted", "unmountSuspended"].includes(state),
+    ref: React$1.useCallback((node2) => {
+      if (node2) {
+        const styles = getComputedStyle(node2);
+        stylesRef.current = styles;
+        mountAnimationNameRef.current = getAnimationName(styles);
+      } else stylesRef.current = null;
+      setNode(node2);
+    }, [])
+  };
+}
+__name$7(usePresence, "usePresence");
+function setRef(ref, value) {
+  if (typeof ref === "function") return ref(value);
+  else if (ref !== null && ref !== void 0) ref.current = value;
+}
+__name$7(setRef, "setRef");
+function useStableComposedRefs(...refs) {
+  const refsRef = React$1.useRef(refs);
+  refsRef.current = refs;
+  return React$1.useCallback((node) => {
+    const currentRefs = refsRef.current;
+    let hasCleanup = false;
+    const cleanups = currentRefs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup === "function") hasCleanup = true;
+      return cleanup;
+    });
+    if (hasCleanup) return () => {
+      for (let i = 0; i < cleanups.length; i++) {
+        const cleanup = cleanups[i];
+        if (typeof cleanup === "function") cleanup();
+        else setRef(currentRefs[i], null);
+      }
+    };
+  }, []);
+}
+__name$7(useStableComposedRefs, "useStableComposedRefs");
+function getAnimationName(styles) {
+  return styles?.animationName || "none";
+}
+__name$7(getAnimationName, "getAnimationName");
+function getElementRef(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) return element.ref;
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) return element.props.ref;
+  return element.props.ref || element.ref;
+}
+__name$7(getElementRef, "getElementRef");
 var __defProp$6 = Object.defineProperty;
 var __name$6 = (target, value) => __defProp$6(target, "name", {
   value,
   configurable: true
 });
+var useReactId = React$1[" useId ".trim().toString()] || (() => void 0);
+var count$1 = 0;
+function useId$1(deterministicId) {
+  const [id, setId] = React$1.useState(useReactId());
+  useLayoutEffect2(() => {
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$1++));
+  }, [deterministicId]);
+  return deterministicId || (id ? `radix-${id}` : "");
+}
+__name$6(useId$1, "useId");
+var __defProp$5 = Object.defineProperty;
+var __name$5 = (target, value) => __defProp$5(target, "name", {
+  value,
+  configurable: true
+});
 function useCallbackRef$1(callback) {
   const callbackRef = React$1.useRef(callback);
   React$1.useEffect(() => {
@@ -483,9 +623,9 @@ function useCallbackRef$1(callback) {
   });
   return React$1.useMemo(() => ((...args) => callbackRef.current?.(...args)), []);
 }
-__name$6(useCallbackRef$1, "useCallbackRef");
-var __defProp$5 = Object.defineProperty;
-var __name$5 = (target, value) => __defProp$5(target, "name", {
+__name$5(useCallbackRef$1, "useCallbackRef");
+var __defProp$4 = Object.defineProperty;
+var __name$4 = (target, value) => __defProp$4(target, "name", {
   value,
   configurable: true
 });
@@ -499,7 +639,7 @@ var DismissableLayerContext = React$1.createContext({
   branches: /* @__PURE__ */ new Set(),
   dismissableSurfaces: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$5(function DismissableLayer2(props, forwardedRef) {
+var DismissableLayer = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$4(function DismissableLayer2(props, forwardedRef) {
   const { disableOutsidePointerEvents = false, deferPointerDownOutside = false, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, ...layerProps } = props;
   const context = React$1.useContext(DismissableLayerContext);
   const [node, setNode] = React$1.useState(null);
@@ -586,7 +726,7 @@ var DismissableLayer = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name
     };
   }, [node, context]);
   React$1.useEffect(() => {
-    const handleUpdate = /* @__PURE__ */ __name$5(() => force({}), "handleUpdate");
+    const handleUpdate = /* @__PURE__ */ __name$4(() => force({}), "handleUpdate");
     document.addEventListener(CONTEXT_UPDATE, handleUpdate);
     return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
   }, []);
@@ -614,8 +754,8 @@ function useDismissableLayerSurface() {
   }, [node, context.dismissableSurfaces]);
   return setNode;
 }
-__name$5(useDismissableLayerSurface, "useDismissableLayerSurface");
-var IS_TRUE = /* @__PURE__ */ __name$5(() => true, "IS_TRUE");
+__name$4(useDismissableLayerSurface, "useDismissableLayerSurface");
+var IS_TRUE = /* @__PURE__ */ __name$4(() => true, "IS_TRUE");
 function usePointerDownOutside(onPointerDownOutside, args) {
   const { ownerDocument = globalThis?.document, deferPointerDownOutside = false, isDeferredPointerDownOutsideRef, dismissableSurfaces, shouldHandlePointerDownOutside = IS_TRUE } = args;
   const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
@@ -630,11 +770,11 @@ function usePointerDownOutside(onPointerDownOutside, args) {
       isDeferredPointerDownOutsideRef.current = false;
       interceptedOutsideInteractionEventsRef.current.clear();
     }
-    __name$5(resetOutsideInteraction, "resetOutsideInteraction");
+    __name$4(resetOutsideInteraction, "resetOutsideInteraction");
     function isOutsideInteractionIntercepted() {
       return Array.from(interceptedOutsideInteractionEventsRef.current.values()).some(Boolean);
     }
-    __name$5(isOutsideInteractionIntercepted, "isOutsideInteractionIntercepted");
+    __name$4(isOutsideInteractionIntercepted, "isOutsideInteractionIntercepted");
     function handleInteractionCapture(event) {
       if (!isPointerDownOutsideRef.current) return;
       const target = event.target;
@@ -643,12 +783,12 @@ function usePointerDownOutside(onPointerDownOutside, args) {
         if (isPointerDownOutsideRef.current) handleClickRef.current();
       }, 0);
     }
-    __name$5(handleInteractionCapture, "handleInteractionCapture");
+    __name$4(handleInteractionCapture, "handleInteractionCapture");
     function handleInteractionBubble(event) {
       if (isPointerDownOutsideRef.current) interceptedOutsideInteractionEventsRef.current.set(event.type, false);
     }
-    __name$5(handleInteractionBubble, "handleInteractionBubble");
-    const handlePointerDown = /* @__PURE__ */ __name$5((event) => {
+    __name$4(handleInteractionBubble, "handleInteractionBubble");
+    const handlePointerDown = /* @__PURE__ */ __name$4((event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
           ownerDocument.removeEventListener("click", handleClickRef.current);
@@ -656,7 +796,7 @@ function usePointerDownOutside(onPointerDownOutside, args) {
           resetOutsideInteraction();
           if (!wasOutsideInteractionIntercepted) handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, { discrete: true });
         };
-        __name$5(handleAndDispatchPointerDownOutsideEvent2, "handleAndDispatchPointerDownOutsideEvent");
+        __name$4(handleAndDispatchPointerDownOutsideEvent2, "handleAndDispatchPointerDownOutsideEvent");
         if (!shouldHandlePointerDownOutside(event.target)) {
           ownerDocument.removeEventListener("click", handleClickRef.current);
           resetOutsideInteraction();
@@ -711,30 +851,30 @@ function usePointerDownOutside(onPointerDownOutside, args) {
     dismissableSurfaces,
     shouldHandlePointerDownOutside
   ]);
-  return { onPointerDownCapture: /* @__PURE__ */ __name$5(() => isPointerInsideReactTreeRef.current = true, "onPointerDownCapture") };
+  return { onPointerDownCapture: /* @__PURE__ */ __name$4(() => isPointerInsideReactTreeRef.current = true, "onPointerDownCapture") };
 }
-__name$5(usePointerDownOutside, "usePointerDownOutside");
+__name$4(usePointerDownOutside, "usePointerDownOutside");
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef$1(onFocusOutside);
   const isFocusInsideReactTreeRef = React$1.useRef(false);
   React$1.useEffect(() => {
-    const handleFocus = /* @__PURE__ */ __name$5((event) => {
+    const handleFocus = /* @__PURE__ */ __name$4((event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, { originalEvent: event }, { discrete: false });
     }, "handleFocus");
     ownerDocument.addEventListener("focusin", handleFocus);
     return () => ownerDocument.removeEventListener("focusin", handleFocus);
   }, [ownerDocument, handleFocusOutside]);
   return {
-    onFocusCapture: /* @__PURE__ */ __name$5(() => isFocusInsideReactTreeRef.current = true, "onFocusCapture"),
-    onBlurCapture: /* @__PURE__ */ __name$5(() => isFocusInsideReactTreeRef.current = false, "onBlurCapture")
+    onFocusCapture: /* @__PURE__ */ __name$4(() => isFocusInsideReactTreeRef.current = true, "onFocusCapture"),
+    onBlurCapture: /* @__PURE__ */ __name$4(() => isFocusInsideReactTreeRef.current = false, "onBlurCapture")
   };
 }
-__name$5(useFocusOutside, "useFocusOutside");
+__name$4(useFocusOutside, "useFocusOutside");
 function dispatchUpdate() {
   const event = new CustomEvent(CONTEXT_UPDATE);
   document.dispatchEvent(event);
 }
-__name$5(dispatchUpdate, "dispatchUpdate");
+__name$4(dispatchUpdate, "dispatchUpdate");
 function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
   const target = detail.originalEvent.target;
   const event = new CustomEvent(name, {
@@ -746,9 +886,68 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
   if (discrete) dispatchDiscreteCustomEvent(target, event);
   else target.dispatchEvent(event);
 }
-__name$5(handleAndDispatchCustomEvent, "handleAndDispatchCustomEvent");
-var __defProp$4 = Object.defineProperty;
-var __name$4 = (target, value) => __defProp$4(target, "name", {
+__name$4(handleAndDispatchCustomEvent, "handleAndDispatchCustomEvent");
+var __defProp$3 = Object.defineProperty;
+var __name$3 = (target, value) => __defProp$3(target, "name", {
+  value,
+  configurable: true
+});
+var Portal = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$3(function Portal2(props, forwardedRef) {
+  const { container: containerProp, ...portalProps } = props;
+  const [mounted, setMounted] = React$1.useState(false);
+  useLayoutEffect2(() => setMounted(true), []);
+  const container = containerProp || mounted && globalThis?.document?.body;
+  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsx(Primitive.div, {
+    ...portalProps,
+    ref: forwardedRef
+  }), container) : null;
+}, "Portal"));
+var __defProp$2 = Object.defineProperty;
+var __name$2 = (target, value) => __defProp$2(target, "name", {
+  value,
+  configurable: true
+});
+var count = 0;
+var guards = null;
+function FocusGuards(props) {
+  useFocusGuards();
+  return props.children;
+}
+__name$2(FocusGuards, "FocusGuards");
+function useFocusGuards() {
+  React$1.useEffect(() => {
+    if (!guards) guards = {
+      start: createFocusGuard(),
+      end: createFocusGuard()
+    };
+    const { start, end } = guards;
+    if (document.body.firstElementChild !== start) document.body.insertAdjacentElement("afterbegin", start);
+    if (document.body.lastElementChild !== end) document.body.insertAdjacentElement("beforeend", end);
+    count++;
+    return () => {
+      if (count === 1) {
+        guards?.start.remove();
+        guards?.end.remove();
+        guards = null;
+      }
+      count = Math.max(0, count - 1);
+    };
+  }, []);
+}
+__name$2(useFocusGuards, "useFocusGuards");
+function createFocusGuard() {
+  const element = document.createElement("span");
+  element.setAttribute("data-radix-focus-guard", "");
+  element.tabIndex = 0;
+  element.style.outline = "none";
+  element.style.opacity = "0";
+  element.style.position = "fixed";
+  element.style.pointerEvents = "none";
+  return element;
+}
+__name$2(createFocusGuard, "createFocusGuard");
+var __defProp$1 = Object.defineProperty;
+var __name$1 = (target, value) => __defProp$1(target, "name", {
   value,
   configurable: true
 });
@@ -758,7 +957,7 @@ var EVENT_OPTIONS = {
   bubbles: false,
   cancelable: true
 };
-var FocusScope = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$4(function FocusScope2(props, forwardedRef) {
+var FocusScope = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$1(function FocusScope2(props, forwardedRef) {
   const { loop = false, trapped = false, onMountAutoFocus: onMountAutoFocusProp, onUnmountAutoFocus: onUnmountAutoFocusProp, ...scopeProps } = props;
   const [container, setContainer] = React$1.useState(null);
   const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
@@ -790,9 +989,9 @@ var FocusScope = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$4(fun
         if (document.activeElement !== document.body) return;
         for (const mutation of mutations) if (mutation.removedNodes.length > 0) focus(container);
       };
-      __name$4(handleFocusIn2, "handleFocusIn");
-      __name$4(handleFocusOut2, "handleFocusOut");
-      __name$4(handleMutations2, "handleMutations");
+      __name$1(handleFocusIn2, "handleFocusIn");
+      __name$1(handleFocusOut2, "handleFocusOut");
+      __name$1(handleMutations2, "handleMutations");
       document.addEventListener("focusin", handleFocusIn2);
       document.addEventListener("focusout", handleFocusOut2);
       const mutationObserver = new MutationObserver(handleMutations2);
@@ -879,15 +1078,15 @@ function focusFirst(candidates, { select = false } = {}) {
     if (document.activeElement !== previouslyFocusedElement) return;
   }
 }
-__name$4(focusFirst, "focusFirst");
+__name$1(focusFirst, "focusFirst");
 function getTabbableEdges(container) {
   const candidates = getTabbableCandidates(container);
   return [findVisible(candidates, container), findVisible(candidates.reverse(), container)];
 }
-__name$4(getTabbableEdges, "getTabbableEdges");
+__name$1(getTabbableEdges, "getTabbableEdges");
 function getTabbableCandidates(container) {
   const nodes = [];
-  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: /* @__PURE__ */ __name$4((node) => {
+  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: /* @__PURE__ */ __name$1((node) => {
     const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
     if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
     return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
@@ -895,12 +1094,12 @@ function getTabbableCandidates(container) {
   while (walker.nextNode()) nodes.push(walker.currentNode);
   return nodes;
 }
-__name$4(getTabbableCandidates, "getTabbableCandidates");
+__name$1(getTabbableCandidates, "getTabbableCandidates");
 function findVisible(elements, container) {
   const canUseCheckVisibility = typeof container.checkVisibility === "function" && container.checkVisibility({ checkVisibilityCSS: true });
   for (const element of elements) if (!(canUseCheckVisibility ? !element.checkVisibility({ checkVisibilityCSS: true }) : isHidden(element, { upTo: container }))) return element;
 }
-__name$4(findVisible, "findVisible");
+__name$1(findVisible, "findVisible");
 function isHidden(node, { upTo }) {
   if (getComputedStyle(node).visibility === "hidden") return true;
   while (node) {
@@ -910,246 +1109,136 @@ function isHidden(node, { upTo }) {
   }
   return false;
 }
-__name$4(isHidden, "isHidden");
+__name$1(isHidden, "isHidden");
 function isSelectableInput(element) {
   return element instanceof HTMLInputElement && "select" in element;
 }
-__name$4(isSelectableInput, "isSelectableInput");
+__name$1(isSelectableInput, "isSelectableInput");
 function focus(element, { select = false } = {}) {
   if (element && element.focus) {
     const previouslyFocusedElement = document.activeElement;
     element.focus({ preventScroll: true });
-    if (element !== previouslyFocusedElement && isSelectableInput(element) && select) element.select();
-  }
-}
-__name$4(focus, "focus");
-var focusScopesStack = createFocusScopesStack();
-function createFocusScopesStack() {
-  let stack = [];
-  return {
-    add(focusScope) {
-      const activeFocusScope = stack[0];
-      if (focusScope !== activeFocusScope) activeFocusScope?.pause();
-      stack = arrayRemove(stack, focusScope);
-      stack.unshift(focusScope);
-    },
-    remove(focusScope) {
-      stack = arrayRemove(stack, focusScope);
-      stack[0]?.resume();
-    }
-  };
-}
-__name$4(createFocusScopesStack, "createFocusScopesStack");
-function arrayRemove(array, item) {
-  const updatedArray = [...array];
-  const index = updatedArray.indexOf(item);
-  if (index !== -1) updatedArray.splice(index, 1);
-  return updatedArray;
-}
-__name$4(arrayRemove, "arrayRemove");
-function removeLinks(items) {
-  return items.filter((item) => item.tagName !== "A");
-}
-__name$4(removeLinks, "removeLinks");
-var __defProp$3 = Object.defineProperty;
-var __name$3 = (target, value) => __defProp$3(target, "name", {
-  value,
-  configurable: true
-});
-var Portal = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$3(function Portal2(props, forwardedRef) {
-  const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React$1.useState(false);
-  useLayoutEffect2(() => setMounted(true), []);
-  const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsx(Primitive.div, {
-    ...portalProps,
-    ref: forwardedRef
-  }), container) : null;
-}, "Portal"));
-var __defProp$2 = Object.defineProperty;
-var __name$2 = (target, value) => __defProp$2(target, "name", {
-  value,
-  configurable: true
-});
-function useStateMachine(initialState, machine) {
-  return React$1.useReducer((state, event) => {
-    return machine[state][event] ?? state;
-  }, initialState);
-}
-__name$2(useStateMachine, "useStateMachine");
-var Presence = /* @__PURE__ */ __name$2((props) => {
-  const { present, children } = props;
-  const presence = usePresence(present);
-  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$1.Children.only(children);
-  const ref = useStableComposedRefs(presence.ref, getElementRef(child));
-  return typeof children === "function" || presence.isPresent ? React$1.cloneElement(child, { ref }) : null;
-}, "Presence");
-function usePresence(present) {
-  const [node, setNode] = React$1.useState();
-  const stylesRef = React$1.useRef(null);
-  const prevPresentRef = React$1.useRef(present);
-  const prevAnimationNameRef = React$1.useRef("none");
-  const mountAnimationNameRef = React$1.useRef(void 0);
-  const [state, send] = useStateMachine(present ? "mounted" : "unmounted", {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: { MOUNT: "mounted" }
-  });
-  React$1.useEffect(() => {
-    if (state === "mounted") {
-      prevAnimationNameRef.current = mountAnimationNameRef.current ?? getAnimationName(stylesRef.current);
-      mountAnimationNameRef.current = void 0;
-    } else prevAnimationNameRef.current = "none";
-  }, [state]);
-  useLayoutEffect2(() => {
-    const styles = stylesRef.current;
-    const wasPresent = prevPresentRef.current;
-    if (wasPresent !== present) {
-      const prevAnimationName = prevAnimationNameRef.current;
-      const currentAnimationName = getAnimationName(styles);
-      if (present) {
-        mountAnimationNameRef.current = currentAnimationName;
-        send("MOUNT");
-      } else if (currentAnimationName === "none" || styles?.display === "none") send("UNMOUNT");
-      else if (wasPresent && prevAnimationName !== currentAnimationName) send("ANIMATION_OUT");
-      else send("UNMOUNT");
-      prevPresentRef.current = present;
-    }
-  }, [present, send]);
-  useLayoutEffect2(() => {
-    if (node) {
-      let timeoutId;
-      const ownerWindow = node.ownerDocument.defaultView ?? window;
-      const handleAnimationEnd = /* @__PURE__ */ __name$2((event) => {
-        const isCurrentAnimation = getAnimationName(stylesRef.current).includes(CSS.escape(event.animationName));
-        if (event.target === node && isCurrentAnimation) {
-          send("ANIMATION_END");
-          if (!prevPresentRef.current) {
-            const currentFillMode = node.style.animationFillMode;
-            node.style.animationFillMode = "forwards";
-            timeoutId = ownerWindow.setTimeout(() => {
-              if (node.style.animationFillMode === "forwards") node.style.animationFillMode = currentFillMode;
-            });
-          }
-        }
-      }, "handleAnimationEnd");
-      const handleAnimationStart = /* @__PURE__ */ __name$2((event) => {
-        if (event.target === node) prevAnimationNameRef.current = getAnimationName(stylesRef.current);
-      }, "handleAnimationStart");
-      node.addEventListener("animationstart", handleAnimationStart);
-      node.addEventListener("animationcancel", handleAnimationEnd);
-      node.addEventListener("animationend", handleAnimationEnd);
-      return () => {
-        ownerWindow.clearTimeout(timeoutId);
-        node.removeEventListener("animationstart", handleAnimationStart);
-        node.removeEventListener("animationcancel", handleAnimationEnd);
-        node.removeEventListener("animationend", handleAnimationEnd);
-      };
-    } else send("ANIMATION_END");
-  }, [node, send]);
-  return {
-    isPresent: ["mounted", "unmountSuspended"].includes(state),
-    ref: React$1.useCallback((node2) => {
-      if (node2) {
-        const styles = getComputedStyle(node2);
-        stylesRef.current = styles;
-        mountAnimationNameRef.current = getAnimationName(styles);
-      } else stylesRef.current = null;
-      setNode(node2);
-    }, [])
-  };
-}
-__name$2(usePresence, "usePresence");
-function setRef(ref, value) {
-  if (typeof ref === "function") return ref(value);
-  else if (ref !== null && ref !== void 0) ref.current = value;
-}
-__name$2(setRef, "setRef");
-function useStableComposedRefs(...refs) {
-  const refsRef = React$1.useRef(refs);
-  refsRef.current = refs;
-  return React$1.useCallback((node) => {
-    const currentRefs = refsRef.current;
-    let hasCleanup = false;
-    const cleanups = currentRefs.map((ref) => {
-      const cleanup = setRef(ref, node);
-      if (!hasCleanup && typeof cleanup === "function") hasCleanup = true;
-      return cleanup;
-    });
-    if (hasCleanup) return () => {
-      for (let i = 0; i < cleanups.length; i++) {
-        const cleanup = cleanups[i];
-        if (typeof cleanup === "function") cleanup();
-        else setRef(currentRefs[i], null);
-      }
-    };
-  }, []);
-}
-__name$2(useStableComposedRefs, "useStableComposedRefs");
-function getAnimationName(styles) {
-  return styles?.animationName || "none";
-}
-__name$2(getAnimationName, "getAnimationName");
-function getElementRef(element) {
-  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) return element.ref;
-  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) return element.props.ref;
-  return element.props.ref || element.ref;
+    if (element !== previouslyFocusedElement && isSelectableInput(element) && select) element.select();
+  }
 }
-__name$2(getElementRef, "getElementRef");
-var __defProp$1 = Object.defineProperty;
-var __name$1 = (target, value) => __defProp$1(target, "name", {
-  value,
-  configurable: true
-});
-var count = 0;
-var guards = null;
-function FocusGuards(props) {
-  useFocusGuards();
-  return props.children;
+__name$1(focus, "focus");
+var focusScopesStack = createFocusScopesStack();
+function createFocusScopesStack() {
+  let stack = [];
+  return {
+    add(focusScope) {
+      const activeFocusScope = stack[0];
+      if (focusScope !== activeFocusScope) activeFocusScope?.pause();
+      stack = arrayRemove(stack, focusScope);
+      stack.unshift(focusScope);
+    },
+    remove(focusScope) {
+      stack = arrayRemove(stack, focusScope);
+      stack[0]?.resume();
+    }
+  };
 }
-__name$1(FocusGuards, "FocusGuards");
-function useFocusGuards() {
-  React$1.useEffect(() => {
-    if (!guards) guards = {
-      start: createFocusGuard(),
-      end: createFocusGuard()
-    };
-    const { start, end } = guards;
-    if (document.body.firstElementChild !== start) document.body.insertAdjacentElement("afterbegin", start);
-    if (document.body.lastElementChild !== end) document.body.insertAdjacentElement("beforeend", end);
-    count++;
-    return () => {
-      if (count === 1) {
-        guards?.start.remove();
-        guards?.end.remove();
-        guards = null;
-      }
-      count = Math.max(0, count - 1);
-    };
-  }, []);
+__name$1(createFocusScopesStack, "createFocusScopesStack");
+function arrayRemove(array, item) {
+  const updatedArray = [...array];
+  const index = updatedArray.indexOf(item);
+  if (index !== -1) updatedArray.splice(index, 1);
+  return updatedArray;
 }
-__name$1(useFocusGuards, "useFocusGuards");
-function createFocusGuard() {
-  const element = document.createElement("span");
-  element.setAttribute("data-radix-focus-guard", "");
-  element.tabIndex = 0;
-  element.style.outline = "none";
-  element.style.opacity = "0";
-  element.style.position = "fixed";
-  element.style.pointerEvents = "none";
-  return element;
+__name$1(arrayRemove, "arrayRemove");
+function removeLinks(items) {
+  return items.filter((item) => item.tagName !== "A");
 }
-__name$1(createFocusGuard, "createFocusGuard");
+__name$1(removeLinks, "removeLinks");
+var getDefaultParent = function(originalTarget) {
+  if (typeof document === "undefined") return null;
+  return (Array.isArray(originalTarget) ? originalTarget[0] : originalTarget).ownerDocument.body;
+};
+var counterMap = /* @__PURE__ */ new WeakMap();
+var uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+var markerMap = {};
+var lockCount = 0;
+var unwrapHost = function(node) {
+  return node && (node.host || unwrapHost(node.parentNode));
+};
+var correctTargets = function(parent, targets) {
+  return targets.map(function(target) {
+    if (parent.contains(target)) return target;
+    var correctedTarget = unwrapHost(target);
+    if (correctedTarget && parent.contains(correctedTarget)) return correctedTarget;
+    console.error("aria-hidden", target, "in not contained inside", parent, ". Doing nothing");
+    return null;
+  }).filter(function(x) {
+    return Boolean(x);
+  });
+};
+var applyAttributeToOthers = function(originalTarget, parentNode, markerName, controlAttribute) {
+  var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
+  if (!markerMap[markerName]) markerMap[markerName] = /* @__PURE__ */ new WeakMap();
+  var markerCounter = markerMap[markerName];
+  var hiddenNodes = [];
+  var elementsToKeep = /* @__PURE__ */ new Set();
+  var elementsToStop = new Set(targets);
+  var keep = function(el) {
+    if (!el || elementsToKeep.has(el)) return;
+    elementsToKeep.add(el);
+    keep(el.parentNode);
+  };
+  targets.forEach(keep);
+  var deep = function(parent) {
+    if (!parent || elementsToStop.has(parent)) return;
+    Array.prototype.forEach.call(parent.children, function(node) {
+      if (elementsToKeep.has(node)) deep(node);
+      else try {
+        var attr = node.getAttribute(controlAttribute);
+        var alreadyHidden = attr !== null && attr !== "false";
+        var counterValue = (counterMap.get(node) || 0) + 1;
+        var markerValue = (markerCounter.get(node) || 0) + 1;
+        counterMap.set(node, counterValue);
+        markerCounter.set(node, markerValue);
+        hiddenNodes.push(node);
+        if (counterValue === 1 && alreadyHidden) uncontrolledNodes.set(node, true);
+        if (markerValue === 1) node.setAttribute(markerName, "true");
+        if (!alreadyHidden) node.setAttribute(controlAttribute, "true");
+      } catch (e) {
+        console.error("aria-hidden: cannot operate on ", node, e);
+      }
+    });
+  };
+  deep(parentNode);
+  elementsToKeep.clear();
+  lockCount++;
+  return function() {
+    hiddenNodes.forEach(function(node) {
+      var counterValue = counterMap.get(node) - 1;
+      var markerValue = markerCounter.get(node) - 1;
+      counterMap.set(node, counterValue);
+      markerCounter.set(node, markerValue);
+      if (!counterValue) {
+        if (!uncontrolledNodes.has(node)) node.removeAttribute(controlAttribute);
+        uncontrolledNodes.delete(node);
+      }
+      if (!markerValue) node.removeAttribute(markerName);
+    });
+    lockCount--;
+    if (!lockCount) {
+      counterMap = /* @__PURE__ */ new WeakMap();
+      counterMap = /* @__PURE__ */ new WeakMap();
+      uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+      markerMap = {};
+    }
+  };
+};
+var hideOthers = function(originalTarget, parentNode, markerName) {
+  if (markerName === void 0) markerName = "data-aria-hidden";
+  var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
+  var activeParentNode = parentNode || getDefaultParent(originalTarget);
+  if (!activeParentNode) return function() {
+    return null;
+  };
+  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live], script")));
+  return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
+};
 var __assign = function() {
   __assign = Object.assign || function __assign2(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -1754,95 +1843,6 @@ var ReactRemoveScroll = React$1.forwardRef(function(props, ref) {
   }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
-var getDefaultParent = function(originalTarget) {
-  if (typeof document === "undefined") return null;
-  return (Array.isArray(originalTarget) ? originalTarget[0] : originalTarget).ownerDocument.body;
-};
-var counterMap = /* @__PURE__ */ new WeakMap();
-var uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-var markerMap = {};
-var lockCount = 0;
-var unwrapHost = function(node) {
-  return node && (node.host || unwrapHost(node.parentNode));
-};
-var correctTargets = function(parent, targets) {
-  return targets.map(function(target) {
-    if (parent.contains(target)) return target;
-    var correctedTarget = unwrapHost(target);
-    if (correctedTarget && parent.contains(correctedTarget)) return correctedTarget;
-    console.error("aria-hidden", target, "in not contained inside", parent, ". Doing nothing");
-    return null;
-  }).filter(function(x) {
-    return Boolean(x);
-  });
-};
-var applyAttributeToOthers = function(originalTarget, parentNode, markerName, controlAttribute) {
-  var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
-  if (!markerMap[markerName]) markerMap[markerName] = /* @__PURE__ */ new WeakMap();
-  var markerCounter = markerMap[markerName];
-  var hiddenNodes = [];
-  var elementsToKeep = /* @__PURE__ */ new Set();
-  var elementsToStop = new Set(targets);
-  var keep = function(el) {
-    if (!el || elementsToKeep.has(el)) return;
-    elementsToKeep.add(el);
-    keep(el.parentNode);
-  };
-  targets.forEach(keep);
-  var deep = function(parent) {
-    if (!parent || elementsToStop.has(parent)) return;
-    Array.prototype.forEach.call(parent.children, function(node) {
-      if (elementsToKeep.has(node)) deep(node);
-      else try {
-        var attr = node.getAttribute(controlAttribute);
-        var alreadyHidden = attr !== null && attr !== "false";
-        var counterValue = (counterMap.get(node) || 0) + 1;
-        var markerValue = (markerCounter.get(node) || 0) + 1;
-        counterMap.set(node, counterValue);
-        markerCounter.set(node, markerValue);
-        hiddenNodes.push(node);
-        if (counterValue === 1 && alreadyHidden) uncontrolledNodes.set(node, true);
-        if (markerValue === 1) node.setAttribute(markerName, "true");
-        if (!alreadyHidden) node.setAttribute(controlAttribute, "true");
-      } catch (e) {
-        console.error("aria-hidden: cannot operate on ", node, e);
-      }
-    });
-  };
-  deep(parentNode);
-  elementsToKeep.clear();
-  lockCount++;
-  return function() {
-    hiddenNodes.forEach(function(node) {
-      var counterValue = counterMap.get(node) - 1;
-      var markerValue = markerCounter.get(node) - 1;
-      counterMap.set(node, counterValue);
-      markerCounter.set(node, markerValue);
-      if (!counterValue) {
-        if (!uncontrolledNodes.has(node)) node.removeAttribute(controlAttribute);
-        uncontrolledNodes.delete(node);
-      }
-      if (!markerValue) node.removeAttribute(markerName);
-    });
-    lockCount--;
-    if (!lockCount) {
-      counterMap = /* @__PURE__ */ new WeakMap();
-      counterMap = /* @__PURE__ */ new WeakMap();
-      uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-      markerMap = {};
-    }
-  };
-};
-var hideOthers = function(originalTarget, parentNode, markerName) {
-  if (markerName === void 0) markerName = "data-aria-hidden";
-  var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
-  var activeParentNode = parentNode || getDefaultParent(originalTarget);
-  if (!activeParentNode) return function() {
-    return null;
-  };
-  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live], script")));
-  return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
-};
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
@@ -2063,27 +2063,27 @@ function getState(open) {
 __name(getState, "getState");
 
 export {
-  composeEventHandlers,
+  createContextScope,
   composeRefs,
   useComposedRefs,
-  createContextScope,
-  useLayoutEffect2,
-  useId$1,
-  useControllableState,
   createSlot,
   Slot$1,
   createSlottable,
   Slottable,
+  composeEventHandlers,
+  useLayoutEffect2,
+  useControllableState,
   Primitive,
   dispatchDiscreteCustomEvent,
+  Presence,
+  useId$1,
   useCallbackRef$1,
   DismissableLayer,
-  FocusScope,
   Portal,
-  Presence,
   useFocusGuards,
-  ReactRemoveScroll,
+  FocusScope,
   hideOthers,
+  ReactRemoveScroll,
   Dialog,
   DialogTrigger,
   DialogPortal,