@ariakit/react-core 0.4.4 → 0.4.6

package/cjs/utils/hooks.d.cts

@@ -1,8 +1,8 @@
-import type { ComponentType, DependencyList, EffectCallback, MutableRefObject, Ref, RefCallback, RefObject } from "react";
+import type { ComponentType, DependencyList, EffectCallback, MutableRefObject, Ref, RefCallback, RefObject, SetStateAction } from "react";
 import { useLayoutEffect } from "react";
 import * as React from "react";
 import type { AnyFunction, SetState } from "@ariakit/core/utils/types";
-import type { WrapElement } from "./types.js";
+import type { WrapElement } from "./types.ts";
 /**
  * `React.useLayoutEffect` that fallbacks to `React.useEffect` on server side.
  */
@@ -47,6 +47,11 @@ export declare function usePreviousValue<T>(value: T): T;
  * }
  */
 export declare function useEvent<T extends AnyFunction>(callback?: T): T;
+/**
+ * Creates a React state that calls a callback function whenever the state
+ * changes and rolls back to the previous state on cleanup.
+ */
+export declare function useTransactionState<T>(callback?: ((state: SetStateAction<T | null>) => void) | null): readonly [T | null, React.Dispatch<SetStateAction<T | null>>];
 /**
  * Merges React Refs into a single memoized function ref so you can pass it to
  * an element.

package/cjs/utils/hooks.d.ts

@@ -1,8 +1,8 @@
-import type { ComponentType, DependencyList, EffectCallback, MutableRefObject, Ref, RefCallback, RefObject } from "react";
+import type { ComponentType, DependencyList, EffectCallback, MutableRefObject, Ref, RefCallback, RefObject, SetStateAction } from "react";
 import { useLayoutEffect } from "react";
 import * as React from "react";
 import type { AnyFunction, SetState } from "@ariakit/core/utils/types";
-import type { WrapElement } from "./types.js";
+import type { WrapElement } from "./types.ts";
 /**
  * `React.useLayoutEffect` that fallbacks to `React.useEffect` on server side.
  */
@@ -47,6 +47,11 @@ export declare function usePreviousValue<T>(value: T): T;
  * }
  */
 export declare function useEvent<T extends AnyFunction>(callback?: T): T;
+/**
+ * Creates a React state that calls a callback function whenever the state
+ * changes and rolls back to the previous state on cleanup.
+ */
+export declare function useTransactionState<T>(callback?: ((state: SetStateAction<T | null>) => void) | null): readonly [T | null, React.Dispatch<SetStateAction<T | null>>];
 /**
  * Merges React Refs into a single memoized function ref so you can pass it to
  * an element.

package/cjs/utils/misc.cjs

@@ -4,11 +4,11 @@
 
 
 
-var _CJDHQUBRcjs = require('../__chunks/CJDHQUBR.cjs');
+var _U2WARLXRcjs = require('../__chunks/U2WARLXR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
 
 
-exports.getRefProperty = _CJDHQUBRcjs.getRefProperty; exports.isValidElementWithRef = _CJDHQUBRcjs.isValidElementWithRef; exports.mergeProps = _CJDHQUBRcjs.mergeProps; exports.setRef = _CJDHQUBRcjs.setRef;
+exports.getRefProperty = _U2WARLXRcjs.getRefProperty; exports.isValidElementWithRef = _U2WARLXRcjs.isValidElementWithRef; exports.mergeProps = _U2WARLXRcjs.mergeProps; exports.setRef = _U2WARLXRcjs.setRef;

package/cjs/utils/misc.d.cts

@@ -6,7 +6,9 @@ export declare function setRef<T>(ref: RefCallback<T> | MutableRefObject<T> | nu
 /**
  * Checks if an element is a valid React element with a ref.
  */
-export declare function isValidElementWithRef<P>(element: unknown): element is ReactElement<P> & {
+export declare function isValidElementWithRef<P extends {
+    ref?: Ref<any>;
+}>(element: unknown): element is ReactElement<P> & {
     ref?: Ref<any>;
 };
 /**

package/cjs/utils/misc.d.ts

@@ -6,7 +6,9 @@ export declare function setRef<T>(ref: RefCallback<T> | MutableRefObject<T> | nu
 /**
  * Checks if an element is a valid React element with a ref.
  */
-export declare function isValidElementWithRef<P>(element: unknown): element is ReactElement<P> & {
+export declare function isValidElementWithRef<P extends {
+    ref?: Ref<any>;
+}>(element: unknown): element is ReactElement<P> & {
     ref?: Ref<any>;
 };
 /**

package/cjs/utils/store.cjs

@@ -3,12 +3,12 @@
 
 
 
-var _GXMZA6DTcjs = require('../__chunks/GXMZA6DT.cjs');
-require('../__chunks/TW3SFX4C.cjs');
-require('../__chunks/CJDHQUBR.cjs');
+var _IATQHLZTcjs = require('../__chunks/IATQHLZT.cjs');
+require('../__chunks/QFX6UW2F.cjs');
+require('../__chunks/U2WARLXR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
 
-exports.useStore = _GXMZA6DTcjs.useStore; exports.useStoreProps = _GXMZA6DTcjs.useStoreProps; exports.useStoreState = _GXMZA6DTcjs.useStoreState;
+exports.useStore = _IATQHLZTcjs.useStore; exports.useStoreProps = _IATQHLZTcjs.useStoreProps; exports.useStoreState = _IATQHLZTcjs.useStoreState;

package/cjs/utils/store.d.cts

@@ -1,6 +1,6 @@
 import type { Store as CoreStore, State, StoreState } from "@ariakit/core/utils/store";
 import type { PickByValue, SetState } from "@ariakit/core/utils/types";
-type UseState<S> = {
+export interface UseState<S> {
     /**
      * Re-renders the component when state changes and returns the current state.
      * @example
@@ -26,7 +26,7 @@ type UseState<S> = {
      * const foo = store.useState((state) => state.foo);
      */
     <V>(selector: (state: S) => V): V;
-};
+}
 type StateKey<T = CoreStore> = keyof StoreState<T>;
 export declare function useStoreState<T extends CoreStore>(store: T): StoreState<T>;
 export declare function useStoreState<T extends CoreStore>(store: T | null | undefined): StoreState<T> | undefined;

package/cjs/utils/store.d.ts

@@ -1,6 +1,6 @@
 import type { Store as CoreStore, State, StoreState } from "@ariakit/core/utils/store";
 import type { PickByValue, SetState } from "@ariakit/core/utils/types";
-type UseState<S> = {
+export interface UseState<S> {
     /**
      * Re-renders the component when state changes and returns the current state.
      * @example
@@ -26,7 +26,7 @@ type UseState<S> = {
      * const foo = store.useState((state) => state.foo);
      */
     <V>(selector: (state: S) => V): V;
-};
+}
 type StateKey<T = CoreStore> = keyof StoreState<T>;
 export declare function useStoreState<T extends CoreStore>(store: T): StoreState<T>;
 export declare function useStoreState<T extends CoreStore>(store: T | null | undefined): StoreState<T> | undefined;

package/cjs/utils/system.cjs

@@ -5,9 +5,9 @@
 
 
 
-var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
-require('../__chunks/TW3SFX4C.cjs');
-require('../__chunks/CJDHQUBR.cjs');
+var _R2YVMKBRcjs = require('../__chunks/R2YVMKBR.cjs');
+require('../__chunks/QFX6UW2F.cjs');
+require('../__chunks/U2WARLXR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
@@ -15,4 +15,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.createElement = _NGD3IQDBcjs.createElement; exports.createHook = _NGD3IQDBcjs.createHook; exports.createStoreContext = _NGD3IQDBcjs.createStoreContext; exports.forwardRef = _NGD3IQDBcjs.forwardRef; exports.memo = _NGD3IQDBcjs.memo;
+exports.createElement = _R2YVMKBRcjs.createElement; exports.createHook = _R2YVMKBRcjs.createHook; exports.createStoreContext = _R2YVMKBRcjs.createStoreContext; exports.forwardRef = _R2YVMKBRcjs.forwardRef; exports.memo = _R2YVMKBRcjs.memo;

package/cjs/utils/system.d.cts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { AnyObject, EmptyObject } from "@ariakit/core/utils/types";
-import type { Store } from "./store.js";
-import type { HTMLProps, Hook, Options, Props } from "./types.js";
+import type { Store } from "./store.ts";
+import type { HTMLProps, Hook, Options, Props } from "./types.ts";
 /**
  * The same as `React.forwardRef` but passes the `ref` as a prop and returns a
  * component with the same generic type.

package/cjs/utils/system.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { AnyObject, EmptyObject } from "@ariakit/core/utils/types";
-import type { Store } from "./store.js";
-import type { HTMLProps, Hook, Options, Props } from "./types.js";
+import type { Store } from "./store.ts";
+import type { HTMLProps, Hook, Options, Props } from "./types.ts";
 /**
  * The same as `React.forwardRef` but passes the `ref` as a prop and returns a
  * component with the same generic type.

package/cjs/visually-hidden/visually-hidden.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _LLMPAMXIcjs = require('../__chunks/LLMPAMXI.cjs');
-require('../__chunks/NGD3IQDB.cjs');
-require('../__chunks/TW3SFX4C.cjs');
-require('../__chunks/CJDHQUBR.cjs');
+var _QNWDQG73cjs = require('../__chunks/QNWDQG73.cjs');
+require('../__chunks/R2YVMKBR.cjs');
+require('../__chunks/QFX6UW2F.cjs');
+require('../__chunks/U2WARLXR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.VisuallyHidden = _LLMPAMXIcjs.VisuallyHidden; exports.useVisuallyHidden = _LLMPAMXIcjs.useVisuallyHidden;
+exports.VisuallyHidden = _QNWDQG73cjs.VisuallyHidden; exports.useVisuallyHidden = _QNWDQG73cjs.useVisuallyHidden;

package/cjs/visually-hidden/visually-hidden.d.cts

@@ -1,5 +1,5 @@
 import type { ElementType } from "react";
-import type { Options, Props } from "../utils/types.js";
+import type { Options, Props } from "../utils/types.ts";
 declare const TagName = "span";
 type TagName = typeof TagName;
 /**
@@ -15,7 +15,7 @@ type TagName = typeof TagName;
  * </a>
  * ```
  */
-export declare const useVisuallyHidden: import("../utils/types.js").Hook<"span", VisuallyHiddenOptions<"span">>;
+export declare const useVisuallyHidden: import("../utils/types.ts").Hook<"span", VisuallyHiddenOptions<"span">>;
 /**
  * Renders an element that's visually hidden, but still accessible to screen
  * readers.

package/cjs/visually-hidden/visually-hidden.d.ts

@@ -1,5 +1,5 @@
 import type { ElementType } from "react";
-import type { Options, Props } from "../utils/types.js";
+import type { Options, Props } from "../utils/types.ts";
 declare const TagName = "span";
 type TagName = typeof TagName;
 /**
@@ -15,7 +15,7 @@ type TagName = typeof TagName;
  * </a>
  * ```
  */
-export declare const useVisuallyHidden: import("../utils/types.js").Hook<"span", VisuallyHiddenOptions<"span">>;
+export declare const useVisuallyHidden: import("../utils/types.ts").Hook<"span", VisuallyHiddenOptions<"span">>;
 /**
  * Renders an element that's visually hidden, but still accessible to screen
  * readers.

package/combobox/combobox-value/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/react-core/combobox/combobox-value",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/combobox/combobox-value.cjs",
+  "module": "../../esm/combobox/combobox-value.js",
+  "types": "../../cjs/combobox/combobox-value.d.ts"
+}

package/esm/__chunks/{454G5MG7.js → 2FJLP3YP.js}

@@ -2,20 +2,20 @@
 import {
   getCollectionRendererItemId,
   useCollectionRenderer
-} from "./UXFKE2TG.js";
+} from "./QNUG7VY6.js";
 import {
   useCompositeContext
-} from "./QFI3MCMR.js";
+} from "./RA2MZPUM.js";
 import {
   createElement,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useStoreState
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 import {
   useId
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/2TL4Z4I4.js

@@ -0,0 +1,34 @@
+"use client";
+import {
+  CompositeContextProvider,
+  CompositeScopedContextProvider
+} from "./RA2MZPUM.js";
+import {
+  createStoreContext
+} from "./I6MSISV2.js";
+
+// src/tag/tag-context.tsx
+import { createContext } from "react";
+var TagValueContext = createContext(null);
+var TagRemoveIdContext = createContext(
+  null
+);
+var ctx = createStoreContext(
+  [CompositeContextProvider],
+  [CompositeScopedContextProvider]
+);
+var useTagContext = ctx.useContext;
+var useTagScopedContext = ctx.useScopedContext;
+var useTagProviderContext = ctx.useProviderContext;
+var TagContextProvider = ctx.ContextProvider;
+var TagScopedContextProvider = ctx.ScopedContextProvider;
+
+export {
+  TagValueContext,
+  TagRemoveIdContext,
+  useTagContext,
+  useTagScopedContext,
+  useTagProviderContext,
+  TagContextProvider,
+  TagScopedContextProvider
+};

package/esm/__chunks/{MIIHBIKN.js → 3ON5O2LG.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./QFI3MCMR.js";
+} from "./RA2MZPUM.js";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
 // src/radio/radio-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{FIODM6TY.js → 3OQPDTG6.js}

@@ -1,22 +1,22 @@
 "use client";
 import {
   useSeparator
-} from "./GBZR5YWM.js";
+} from "./CMELOF3N.js";
 import {
   useCompositeContext
-} from "./QFI3MCMR.js";
+} from "./RA2MZPUM.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/composite/composite-separator.ts
+// src/composite/composite-separator.tsx
 import { invariant } from "@ariakit/core/utils/misc";
 var TagName = "hr";
 var useCompositeSeparator = createHook(function useCompositeSeparator2(_a) {

package/esm/__chunks/{I3CLAXKJ.js → 3UWYQQ7N.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./ZR5N62ZV.js";
+} from "./HVBTERMS.js";
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 
 // src/radio/radio-store.ts
 import * as Core from "@ariakit/core/radio/radio-store";

package/esm/__chunks/{XEJ23EM6.js → 44774DCU.js}

@@ -6,19 +6,19 @@ import {
 } from "./YMV43K4F.js";
 import {
   usePopover
-} from "./LTYEFENI.js";
+} from "./BMYMDDP6.js";
 import {
   createDialogComponent
-} from "./IOUGWXY5.js";
+} from "./Z42C5PR3.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext
-} from "./5YBNH7BL.js";
+} from "./EDI7THRR.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -27,7 +27,7 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{JT3L4FKE.js → 4SSKEKWE.js}

@@ -1,28 +1,28 @@
 "use client";
 import {
   useHovercardProviderContext
-} from "./5YBNH7BL.js";
+} from "./EDI7THRR.js";
 import {
   useFocusable
-} from "./7JCFLN3D.js";
+} from "./CGG6F755.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving,
   useMergeRefs
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/hovercard/hovercard-anchor.ts
+// src/hovercard/hovercard-anchor.tsx
 import { useCallback, useEffect, useRef } from "react";
 import { addGlobalEventListener } from "@ariakit/core/utils/events";
 import { disabledFromProps, invariant } from "@ariakit/core/utils/misc";

package/esm/__chunks/{JG4BJLXB.js → 4YEPPC7Q.js}

@@ -3,13 +3,13 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   __spreadProps,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/visually-hidden/visually-hidden.ts
+// src/visually-hidden/visually-hidden.tsx
 var TagName = "span";
 var useVisuallyHidden = createHook(
   function useVisuallyHidden2(props) {

package/esm/__chunks/{766APSLG.js → 56DLLBUB.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./QFI3MCMR.js";
+} from "./RA2MZPUM.js";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
 // src/toolbar/toolbar-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{PJ7ERAIM.js → 57DQFKOT.js}

@@ -1,25 +1,25 @@
 "use client";
 import {
   useFocusable
-} from "./7JCFLN3D.js";
+} from "./CGG6F755.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useEvent,
   useMergeRefs,
   useMetadataProps,
   useTagName
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/command/command.ts
+// src/command/command.tsx
 import { useEffect, useRef, useState } from "react";
 import { isButton, isTextField } from "@ariakit/core/utils/dom";
 import {

package/esm/__chunks/{UYRJLDVS.js → 5M6RIVE2.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   HeadingContext
-} from "./XPF5GU3Q.js";
+} from "./CZ4GFWYL.js";
 
 // src/heading/heading-level.tsx
 import { useContext } from "react";

package/esm/__chunks/{H2NVVTJB.js → 6BRYOMMU.js}

@@ -1,14 +1,14 @@
 "use client";
-import {
-  isElementMarked
-} from "./YNKDLCEK.js";
 import {
   usePreviousMouseDownRef
 } from "./OOBDFMJL.js";
+import {
+  isElementMarked
+} from "./YNKDLCEK.js";
 import {
   useEvent,
   useSafeLayoutEffect
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{R33ISPJY.js → 6M3KVYNV.js}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  useCommand
-} from "./PJ7ERAIM.js";
 import {
   useCollectionItem
-} from "./IFMAUEA7.js";
+} from "./FXHYBSGZ.js";
+import {
+  useCommand
+} from "./57DQFKOT.js";
 import {
   focusSilently,
   getEnabledItem,
@@ -15,16 +15,16 @@ import {
   CompositeItemContext,
   CompositeRowContext,
   useCompositeContext
-} from "./QFI3MCMR.js";
+} from "./RA2MZPUM.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useStoreState
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -32,7 +32,7 @@ import {
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,
@@ -42,39 +42,26 @@ import {
 // src/composite/composite-item.tsx
 import { useCallback, useContext, useMemo, useRef, useState } from "react";
 import {
-  getDocument,
   getScrollingElement,
   getTextboxSelection,
+  getTextboxValue,
   isButton,
-  isTextField
+  isTextField,
+  isTextbox
 } from "@ariakit/core/utils/dom";
 import { isPortalEvent, isSelfTarget } from "@ariakit/core/utils/events";
 import {
   disabledFromProps,
   removeUndefinedValues
 } from "@ariakit/core/utils/misc";
+import { isSafari } from "@ariakit/core/utils/platform";
 import { jsx } from "react/jsx-runtime";
 var TagName = "button";
-function isTextbox(element) {
-  return element.isContentEditable || isTextField(element);
-}
 function isEditableElement(element) {
-  if (element.isContentEditable)
-    return true;
-  if (isTextField(element))
+  if (isTextbox(element))
     return true;
   return element.tagName === "INPUT" && !isButton(element);
 }
-function getValueLength(element) {
-  if (isTextField(element)) {
-    return element.value.length;
-  } else if (element.isContentEditable) {
-    const range = getDocument(element).createRange();
-    range.selectNodeContents(element);
-    return range.toString().length;
-  }
-  return 0;
-}
 function getNextPageOffset(scrollingElement, pageUp = false) {
   const height = scrollingElement.clientHeight;
   const { top } = scrollingElement.getBoundingClientRect();
@@ -244,6 +231,12 @@ var useCompositeItem = createHook(
         return;
       if (!(baseElement2 == null ? void 0 : baseElement2.isConnected))
         return;
+      if (isSafari() && event.currentTarget.hasAttribute("data-autofocus")) {
+        event.currentTarget.scrollIntoView({
+          block: "nearest",
+          inline: "nearest"
+        });
+      }
       hasFocusedComposite.current = true;
       const fromComposite = event.relatedTarget === baseElement2 || isItem(store, event.relatedTarget);
       if (fromComposite) {
@@ -329,14 +322,11 @@ var useCompositeItem = createHook(
           const isUp = isVertical && event.key === "ArrowUp";
           const isDown = isVertical && event.key === "ArrowDown";
           if (isRight || isDown) {
-            if (selection.end !== getValueLength(currentTarget)) {
+            const { length: valueLength } = getTextboxValue(currentTarget);
+            if (selection.end !== valueLength)
               return;
-            }
-          } else if (isLeft || isUp) {
-            if (selection.start !== 0) {
-              return;
-            }
-          }
+          } else if ((isLeft || isUp) && selection.start !== 0)
+            return;
         }
         const nextId = action();
         if (preventScrollOnKeyDownProp(event) || nextId !== void 0) {

package/esm/__chunks/{U2L67A6K.js → 6O2UZOXH.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  useRootDialog
-} from "./4KKLZMKS.js";
 import {
   assignStyle,
   setCSSProperty
 } from "./53CQGCDZ.js";
+import {
+  useRootDialog
+} from "./O4PHI74Y.js";
 
 // src/dialog/utils/use-prevent-body-scroll.ts
 import { useEffect } from "react";