@ariakit/react-core 0.4.7 → 0.4.9

package/cjs/tooltip/tooltip.cjs

@@ -1,69 +1,69 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _DIFM3L3Jcjs = require('../__chunks/DIFM3L3J.cjs');
-require('../__chunks/XNZYNVWR.cjs');
-require('../__chunks/Z72SS67C.cjs');
-
-
-var _N7WKRWT7cjs = require('../__chunks/N7WKRWT7.cjs');
-require('../__chunks/V5HJPNDM.cjs');
-require('../__chunks/KSANDLPZ.cjs');
-require('../__chunks/3VQCUG5S.cjs');
-require('../__chunks/J4TOY3CV.cjs');
-require('../__chunks/TLQ4Z6Y3.cjs');
-require('../__chunks/L6NXSTRB.cjs');
+var _B7ZXMKTZcjs = require('../__chunks/B7ZXMKTZ.cjs');
+require('../__chunks/3HGFVGHB.cjs');
+require('../__chunks/6HSWYGH7.cjs');
+
+
+var _LSIE3AZTcjs = require('../__chunks/LSIE3AZT.cjs');
+require('../__chunks/5KP7SROC.cjs');
+require('../__chunks/OZFFK5VS.cjs');
+require('../__chunks/NMKMMUOR.cjs');
+require('../__chunks/67WF5W26.cjs');
+require('../__chunks/TJR4NN4V.cjs');
+require('../__chunks/DRV5RKI2.cjs');
 require('../__chunks/PNSA4OTL.cjs');
 require('../__chunks/6IUEXB4L.cjs');
 require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/VQSZN4ZZ.cjs');
-require('../__chunks/7YLCVXZ7.cjs');
-require('../__chunks/DR6TZZCO.cjs');
-require('../__chunks/3ND7K6FF.cjs');
-require('../__chunks/KK65NZHC.cjs');
-require('../__chunks/IU6B7LBR.cjs');
+require('../__chunks/MUQXBDUR.cjs');
+require('../__chunks/MTP72GGY.cjs');
+require('../__chunks/OVBWMHNO.cjs');
+require('../__chunks/YS72JDSE.cjs');
+require('../__chunks/WQXPJKQO.cjs');
+require('../__chunks/4S6ECZOG.cjs');
 require('../__chunks/FAFAXYUE.cjs');
-require('../__chunks/KN72PYUW.cjs');
-require('../__chunks/QZTEAIEB.cjs');
+require('../__chunks/QMBTS2OC.cjs');
+require('../__chunks/K32UV4VJ.cjs');
 require('../__chunks/4LJ6O7GM.cjs');
 require('../__chunks/3LZQUHIB.cjs');
-require('../__chunks/EEY4ZWA3.cjs');
-require('../__chunks/SMXQY72C.cjs');
+require('../__chunks/VRPZ4HD5.cjs');
+require('../__chunks/6UCNERDT.cjs');
 
 
 
-var _NYCVZQTVcjs = require('../__chunks/NYCVZQTV.cjs');
-require('../__chunks/H4A34XBV.cjs');
-require('../__chunks/7VN5EZ4Y.cjs');
-require('../__chunks/GQEDBQIJ.cjs');
-require('../__chunks/6UJTOT6Y.cjs');
-require('../__chunks/J3LHZMCN.cjs');
+var _LKQMU2KUcjs = require('../__chunks/LKQMU2KU.cjs');
+require('../__chunks/ZBR3CZBX.cjs');
+require('../__chunks/AMARRBCF.cjs');
+require('../__chunks/HHTQYHYL.cjs');
+require('../__chunks/7K2RM2SD.cjs');
+require('../__chunks/YGEHBXGA.cjs');
 require('../__chunks/DYIDES27.cjs');
-require('../__chunks/6FPOXFLO.cjs');
+require('../__chunks/2P4N5BIR.cjs');
 
 
 
 
-var _Q3R7NEK6cjs = require('../__chunks/Q3R7NEK6.cjs');
-require('../__chunks/SOECYHV7.cjs');
-require('../__chunks/D5YFJQWS.cjs');
-require('../__chunks/T6EOHNY7.cjs');
+var _M5IWBORBcjs = require('../__chunks/M5IWBORB.cjs');
+require('../__chunks/SDBASOGF.cjs');
+require('../__chunks/C55AGIGA.cjs');
+require('../__chunks/DMH7HONV.cjs');
 
 
-var _IZ2J6IIQcjs = require('../__chunks/IZ2J6IIQ.cjs');
-require('../__chunks/I4MVAAJP.cjs');
+var _WT6AUJWVcjs = require('../__chunks/WT6AUJWV.cjs');
+require('../__chunks/54XFMNDS.cjs');
 
 
 
 
-var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
+var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
 
 // src/tooltip/tooltip.tsx
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useTooltip = _Q3R7NEK6cjs.createHook.call(void 0, 
+var useTooltip = _M5IWBORBcjs.createHook.call(void 0, 
   function useTooltip2(_a) {
     var _b = _a, {
       store,
@@ -72,7 +72,7 @@ var useTooltip = _Q3R7NEK6cjs.createHook.call(void 0,
       preserveTabOrder = false,
       hideOnHoverOutside = true,
       hideOnInteractOutside = true
-    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
       "store",
       "portal",
       "gutter",
@@ -80,56 +80,50 @@ var useTooltip = _Q3R7NEK6cjs.createHook.call(void 0,
       "hideOnHoverOutside",
       "hideOnInteractOutside"
     ]);
-    const context = _NYCVZQTVcjs.useTooltipProviderContext.call(void 0, );
+    const context = _LKQMU2KUcjs.useTooltipProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."
     );
-    props = _IZ2J6IIQcjs.useWrapElement.call(void 0, 
+    props = _WT6AUJWVcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NYCVZQTVcjs.TooltipScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LKQMU2KUcjs.TooltipScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const role = store.useState(
       (state) => state.type === "description" ? "tooltip" : "none"
     );
-    props = _AV6KTKLEcjs.__spreadValues.call(void 0, { role }, props);
-    props = _DIFM3L3Jcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    props = _3IVNQNIVcjs.__spreadValues.call(void 0, { role }, props);
+    props = _B7ZXMKTZcjs.useHovercard.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
       store,
       portal,
       gutter,
       preserveTabOrder,
       hideOnHoverOutside(event) {
-        if (_misc.isFalsyBooleanCallback.call(void 0, hideOnHoverOutside, event))
-          return false;
+        if (_misc.isFalsyBooleanCallback.call(void 0, hideOnHoverOutside, event)) return false;
         const anchorElement = store == null ? void 0 : store.getState().anchorElement;
-        if (!anchorElement)
-          return true;
-        if ("focusVisible" in anchorElement.dataset)
-          return false;
+        if (!anchorElement) return true;
+        if ("focusVisible" in anchorElement.dataset) return false;
         return true;
       },
       hideOnInteractOutside: (event) => {
-        if (_misc.isFalsyBooleanCallback.call(void 0, hideOnInteractOutside, event))
-          return false;
+        if (_misc.isFalsyBooleanCallback.call(void 0, hideOnInteractOutside, event)) return false;
         const anchorElement = store == null ? void 0 : store.getState().anchorElement;
-        if (!anchorElement)
-          return true;
-        if (_dom.contains.call(void 0, anchorElement, event.target))
-          return false;
+        if (!anchorElement) return true;
+        if (_dom.contains.call(void 0, anchorElement, event.target)) return false;
         return true;
       }
     }));
     return props;
   }
 );
-var Tooltip = _N7WKRWT7cjs.createDialogComponent.call(void 0, 
-  _Q3R7NEK6cjs.forwardRef.call(void 0, function Tooltip2(props) {
+var Tooltip = _LSIE3AZTcjs.createDialogComponent.call(void 0, 
+  _M5IWBORBcjs.forwardRef.call(void 0, function Tooltip2(props) {
     const htmlProps = useTooltip(props);
-    return _Q3R7NEK6cjs.createElement.call(void 0, TagName, htmlProps);
+    return _M5IWBORBcjs.createElement.call(void 0, TagName, htmlProps);
   }),
-  _NYCVZQTVcjs.useTooltipProviderContext
+  _LKQMU2KUcjs.useTooltipProviderContext
 );
 
 

package/cjs/utils/hooks.cjs

@@ -20,11 +20,11 @@
 
 
 
+var _WT6AUJWVcjs = require('../__chunks/WT6AUJWV.cjs');
+require('../__chunks/54XFMNDS.cjs');
+require('../__chunks/3IVNQNIV.cjs');
 
 
-var _IZ2J6IIQcjs = require('../__chunks/IZ2J6IIQ.cjs');
-require('../__chunks/I4MVAAJP.cjs');
-require('../__chunks/AV6KTKLE.cjs');
 
 
 
@@ -44,8 +44,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-
-
-
-
-exports.useAttribute = _IZ2J6IIQcjs.useAttribute; exports.useBooleanEvent = _IZ2J6IIQcjs.useBooleanEvent; exports.useControlledState = _IZ2J6IIQcjs.useControlledState; exports.useDeferredValue = _IZ2J6IIQcjs.useDeferredValue; exports.useEvent = _IZ2J6IIQcjs.useEvent; exports.useForceUpdate = _IZ2J6IIQcjs.useForceUpdate; exports.useId = _IZ2J6IIQcjs.useId; exports.useInitialValue = _IZ2J6IIQcjs.useInitialValue; exports.useIsMouseMoving = _IZ2J6IIQcjs.useIsMouseMoving; exports.useLazyValue = _IZ2J6IIQcjs.useLazyValue; exports.useLiveRef = _IZ2J6IIQcjs.useLiveRef; exports.useMergeRefs = _IZ2J6IIQcjs.useMergeRefs; exports.useMetadataProps = _IZ2J6IIQcjs.useMetadataProps; exports.usePortalRef = _IZ2J6IIQcjs.usePortalRef; exports.usePreviousValue = _IZ2J6IIQcjs.usePreviousValue; exports.useRefId = _IZ2J6IIQcjs.useRefId; exports.useSafeLayoutEffect = _IZ2J6IIQcjs.useSafeLayoutEffect; exports.useTagName = _IZ2J6IIQcjs.useTagName; exports.useTransactionState = _IZ2J6IIQcjs.useTransactionState; exports.useUpdateEffect = _IZ2J6IIQcjs.useUpdateEffect; exports.useUpdateLayoutEffect = _IZ2J6IIQcjs.useUpdateLayoutEffect; exports.useWrapElement = _IZ2J6IIQcjs.useWrapElement;
+exports.useAttribute = _WT6AUJWVcjs.useAttribute; exports.useBooleanEvent = _WT6AUJWVcjs.useBooleanEvent; exports.useDeferredValue = _WT6AUJWVcjs.useDeferredValue; exports.useEvent = _WT6AUJWVcjs.useEvent; exports.useForceUpdate = _WT6AUJWVcjs.useForceUpdate; exports.useId = _WT6AUJWVcjs.useId; exports.useInitialValue = _WT6AUJWVcjs.useInitialValue; exports.useIsMouseMoving = _WT6AUJWVcjs.useIsMouseMoving; exports.useLazyValue = _WT6AUJWVcjs.useLazyValue; exports.useLiveRef = _WT6AUJWVcjs.useLiveRef; exports.useMergeRefs = _WT6AUJWVcjs.useMergeRefs; exports.useMetadataProps = _WT6AUJWVcjs.useMetadataProps; exports.usePortalRef = _WT6AUJWVcjs.usePortalRef; exports.usePreviousValue = _WT6AUJWVcjs.usePreviousValue; exports.useSafeLayoutEffect = _WT6AUJWVcjs.useSafeLayoutEffect; exports.useTagName = _WT6AUJWVcjs.useTagName; exports.useTransactionState = _WT6AUJWVcjs.useTransactionState; exports.useUpdateEffect = _WT6AUJWVcjs.useUpdateEffect; exports.useUpdateLayoutEffect = _WT6AUJWVcjs.useUpdateLayoutEffect; exports.useWrapElement = _WT6AUJWVcjs.useWrapElement;

package/cjs/utils/hooks.d.cts

@@ -1,4 +1,4 @@
-import type { AnyFunction, SetState } from "@ariakit/core/utils/types";
+import type { AnyFunction } from "@ariakit/core/utils/types";
 import type { ComponentType, DependencyList, EffectCallback, MutableRefObject, Ref, RefCallback, RefObject, SetStateAction } from "react";
 import { useLayoutEffect } from "react";
 import * as React from "react";
@@ -62,10 +62,6 @@ export declare function useTransactionState<T>(callback?: ((state: SetStateActio
  * });
  */
 export declare function useMergeRefs(...refs: Array<Ref<any> | undefined>): ((value: unknown) => void) | undefined;
-/**
- * Returns the ref element's ID.
- */
-export declare function useRefId(ref?: RefObject<HTMLElement>, deps?: DependencyList): string | undefined;
 /**
  * Generates a unique ID. Uses React's useId if available.
  */
@@ -102,11 +98,6 @@ export declare function useUpdateEffect(effect: EffectCallback, deps?: Dependenc
  * A `React.useLayoutEffect` that will not run on the first render.
  */
 export declare function useUpdateLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
-/**
- * A custom version of `React.useState` that uses the `state` and `setState`
- * arguments. If they're not provided, it will use the internal state.
- */
-export declare function useControlledState<S>(defaultState: S | (() => S), state?: S, setState?: (value: S) => void): [S, SetState<S>];
 /**
  * A React hook similar to `useState` and `useReducer`, but with the only
  * purpose of re-rendering the component.

package/cjs/utils/hooks.d.ts

@@ -1,4 +1,4 @@
-import type { AnyFunction, SetState } from "@ariakit/core/utils/types";
+import type { AnyFunction } from "@ariakit/core/utils/types";
 import type { ComponentType, DependencyList, EffectCallback, MutableRefObject, Ref, RefCallback, RefObject, SetStateAction } from "react";
 import { useLayoutEffect } from "react";
 import * as React from "react";
@@ -62,10 +62,6 @@ export declare function useTransactionState<T>(callback?: ((state: SetStateActio
  * });
  */
 export declare function useMergeRefs(...refs: Array<Ref<any> | undefined>): ((value: unknown) => void) | undefined;
-/**
- * Returns the ref element's ID.
- */
-export declare function useRefId(ref?: RefObject<HTMLElement>, deps?: DependencyList): string | undefined;
 /**
  * Generates a unique ID. Uses React's useId if available.
  */
@@ -102,11 +98,6 @@ export declare function useUpdateEffect(effect: EffectCallback, deps?: Dependenc
  * A `React.useLayoutEffect` that will not run on the first render.
  */
 export declare function useUpdateLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
-/**
- * A custom version of `React.useState` that uses the `state` and `setState`
- * arguments. If they're not provided, it will use the internal state.
- */
-export declare function useControlledState<S>(defaultState: S | (() => S), state?: S, setState?: (value: S) => void): [S, SetState<S>];
 /**
  * A React hook similar to `useState` and `useReducer`, but with the only
  * purpose of re-rendering the component.

package/cjs/utils/misc.cjs

@@ -4,11 +4,11 @@
 
 
 
-var _I4MVAAJPcjs = require('../__chunks/I4MVAAJP.cjs');
-require('../__chunks/AV6KTKLE.cjs');
+var _54XFMNDScjs = require('../__chunks/54XFMNDS.cjs');
+require('../__chunks/3IVNQNIV.cjs');
 
 
 
 
 
-exports.getRefProperty = _I4MVAAJPcjs.getRefProperty; exports.isValidElementWithRef = _I4MVAAJPcjs.isValidElementWithRef; exports.mergeProps = _I4MVAAJPcjs.mergeProps; exports.setRef = _I4MVAAJPcjs.setRef;
+exports.getRefProperty = _54XFMNDScjs.getRefProperty; exports.isValidElementWithRef = _54XFMNDScjs.isValidElementWithRef; exports.mergeProps = _54XFMNDScjs.mergeProps; exports.setRef = _54XFMNDScjs.setRef;

package/cjs/utils/store.cjs

@@ -3,12 +3,12 @@
 
 
 
-var _T6EOHNY7cjs = require('../__chunks/T6EOHNY7.cjs');
-require('../__chunks/IZ2J6IIQ.cjs');
-require('../__chunks/I4MVAAJP.cjs');
-require('../__chunks/AV6KTKLE.cjs');
+var _DMH7HONVcjs = require('../__chunks/DMH7HONV.cjs');
+require('../__chunks/WT6AUJWV.cjs');
+require('../__chunks/54XFMNDS.cjs');
+require('../__chunks/3IVNQNIV.cjs');
 
 
 
 
-exports.useStore = _T6EOHNY7cjs.useStore; exports.useStoreProps = _T6EOHNY7cjs.useStoreProps; exports.useStoreState = _T6EOHNY7cjs.useStoreState;
+exports.useStore = _DMH7HONVcjs.useStore; exports.useStoreProps = _DMH7HONVcjs.useStoreProps; exports.useStoreState = _DMH7HONVcjs.useStoreState;

package/cjs/utils/store.d.cts

@@ -3,6 +3,8 @@ import type { PickByValue, SetState } from "@ariakit/core/utils/types";
 export interface UseState<S> {
     /**
      * Re-renders the component when state changes and returns the current state.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      * @example
      * const state = store.useState();
      */
@@ -12,6 +14,8 @@ export interface UseState<S> {
      * state given the passed key. Changes on other keys will not trigger a
      * re-render.
      * @param key The state key.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      * @example
      * const foo = store.useState("foo");
      */
@@ -22,12 +26,47 @@ export interface UseState<S> {
      * be compared to the previous value. Returns the value returned by the
      * selector function.
      * @param selector The selector function.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      * @example
      * const foo = store.useState((state) => state.foo);
      */
     <V>(selector: (state: S) => V): V;
 }
 type StateKey<T = CoreStore> = keyof StoreState<T>;
+/**
+ * Receives an Ariakit store object (which can be `null` or `undefined`) and
+ * returns the current state. If a key is provided as the second argument, it
+ * returns the value of that key. If a selector function is provided, the state
+ * is passed to it, and its return value is used.
+ *
+ * The component using this hook will re-render when the returned value changes.
+ * @example
+ * Accessing the whole combobox state:
+ * ```js
+ * const combobox = Ariakit.useComboboxStore();
+ * const state = Ariakit.useStoreState(combobox);
+ * ```
+ * @example
+ * Accessing a specific value from the combobox state:
+ * ```js
+ * const combobox = Ariakit.useComboboxStore();
+ * const value = Ariakit.useStoreState(combobox, "value");
+ * ```
+ * @example
+ * Accessing a value using a selector function:
+ * ```js
+ * const combobox = Ariakit.useComboboxStore();
+ * const value = Ariakit.useStoreState(combobox, (state) => state.value);
+ * ```
+ * @example
+ * Accessing the state of a store that may be `null` or `undefined` (for
+ * example, using a context):
+ * ```js
+ * const combobox = Ariakit.useComboboxContext();
+ * const value = Ariakit.useStoreState(combobox, "value");
+ * ```
+ */
 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;
 export declare function useStoreState<T extends CoreStore, K extends StateKey<T>>(store: T, key: K): StoreState<T>[K];
@@ -56,6 +95,8 @@ export type Store<T extends CoreStore = CoreStore> = T & {
     /**
      * Re-renders the component when the state changes and returns the current
      * state.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      */
     useState: UseState<StoreState<T>>;
 };

package/cjs/utils/store.d.ts

@@ -3,6 +3,8 @@ import type { PickByValue, SetState } from "@ariakit/core/utils/types";
 export interface UseState<S> {
     /**
      * Re-renders the component when state changes and returns the current state.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      * @example
      * const state = store.useState();
      */
@@ -12,6 +14,8 @@ export interface UseState<S> {
      * state given the passed key. Changes on other keys will not trigger a
      * re-render.
      * @param key The state key.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      * @example
      * const foo = store.useState("foo");
      */
@@ -22,12 +26,47 @@ export interface UseState<S> {
      * be compared to the previous value. Returns the value returned by the
      * selector function.
      * @param selector The selector function.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      * @example
      * const foo = store.useState((state) => state.foo);
      */
     <V>(selector: (state: S) => V): V;
 }
 type StateKey<T = CoreStore> = keyof StoreState<T>;
+/**
+ * Receives an Ariakit store object (which can be `null` or `undefined`) and
+ * returns the current state. If a key is provided as the second argument, it
+ * returns the value of that key. If a selector function is provided, the state
+ * is passed to it, and its return value is used.
+ *
+ * The component using this hook will re-render when the returned value changes.
+ * @example
+ * Accessing the whole combobox state:
+ * ```js
+ * const combobox = Ariakit.useComboboxStore();
+ * const state = Ariakit.useStoreState(combobox);
+ * ```
+ * @example
+ * Accessing a specific value from the combobox state:
+ * ```js
+ * const combobox = Ariakit.useComboboxStore();
+ * const value = Ariakit.useStoreState(combobox, "value");
+ * ```
+ * @example
+ * Accessing a value using a selector function:
+ * ```js
+ * const combobox = Ariakit.useComboboxStore();
+ * const value = Ariakit.useStoreState(combobox, (state) => state.value);
+ * ```
+ * @example
+ * Accessing the state of a store that may be `null` or `undefined` (for
+ * example, using a context):
+ * ```js
+ * const combobox = Ariakit.useComboboxContext();
+ * const value = Ariakit.useStoreState(combobox, "value");
+ * ```
+ */
 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;
 export declare function useStoreState<T extends CoreStore, K extends StateKey<T>>(store: T, key: K): StoreState<T>[K];
@@ -56,6 +95,8 @@ export type Store<T extends CoreStore = CoreStore> = T & {
     /**
      * Re-renders the component when the state changes and returns the current
      * state.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      */
     useState: UseState<StoreState<T>>;
 };

package/cjs/utils/system.cjs

@@ -5,14 +5,14 @@
 
 
 
-var _Q3R7NEK6cjs = require('../__chunks/Q3R7NEK6.cjs');
-require('../__chunks/IZ2J6IIQ.cjs');
-require('../__chunks/I4MVAAJP.cjs');
-require('../__chunks/AV6KTKLE.cjs');
+var _M5IWBORBcjs = require('../__chunks/M5IWBORB.cjs');
+require('../__chunks/WT6AUJWV.cjs');
+require('../__chunks/54XFMNDS.cjs');
+require('../__chunks/3IVNQNIV.cjs');
 
 
 
 
 
 
-exports.createElement = _Q3R7NEK6cjs.createElement; exports.createHook = _Q3R7NEK6cjs.createHook; exports.createStoreContext = _Q3R7NEK6cjs.createStoreContext; exports.forwardRef = _Q3R7NEK6cjs.forwardRef; exports.memo = _Q3R7NEK6cjs.memo;
+exports.createElement = _M5IWBORBcjs.createElement; exports.createHook = _M5IWBORBcjs.createHook; exports.createStoreContext = _M5IWBORBcjs.createStoreContext; exports.forwardRef = _M5IWBORBcjs.forwardRef; exports.memo = _M5IWBORBcjs.memo;

package/cjs/utils/system.d.cts

@@ -33,7 +33,7 @@ export declare function createStoreContext<T extends Store>(providers?: StorePro
     useContext: () => T | undefined;
     useScopedContext: (onlyScoped?: boolean) => T | undefined;
     useProviderContext: () => T | undefined;
-    ContextProvider: (props: React.ProviderProps<T | undefined>) => import("react/jsx-runtime").JSX.Element;
-    ScopedContextProvider: (props: React.ProviderProps<T | undefined>) => import("react/jsx-runtime").JSX.Element;
+    ContextProvider: (props: React.ComponentPropsWithoutRef<React.Provider<T | undefined>>) => import("react/jsx-runtime").JSX.Element;
+    ScopedContextProvider: (props: React.ComponentPropsWithoutRef<React.Provider<T | undefined>>) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/cjs/utils/system.d.ts

@@ -33,7 +33,7 @@ export declare function createStoreContext<T extends Store>(providers?: StorePro
     useContext: () => T | undefined;
     useScopedContext: (onlyScoped?: boolean) => T | undefined;
     useProviderContext: () => T | undefined;
-    ContextProvider: (props: React.ProviderProps<T | undefined>) => import("react/jsx-runtime").JSX.Element;
-    ScopedContextProvider: (props: React.ProviderProps<T | undefined>) => import("react/jsx-runtime").JSX.Element;
+    ContextProvider: (props: React.ComponentPropsWithoutRef<React.Provider<T | undefined>>) => import("react/jsx-runtime").JSX.Element;
+    ScopedContextProvider: (props: React.ComponentPropsWithoutRef<React.Provider<T | undefined>>) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

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

@@ -2,12 +2,12 @@
 
 
 
-var _6FPOXFLOcjs = require('../__chunks/6FPOXFLO.cjs');
-require('../__chunks/Q3R7NEK6.cjs');
-require('../__chunks/IZ2J6IIQ.cjs');
-require('../__chunks/I4MVAAJP.cjs');
-require('../__chunks/AV6KTKLE.cjs');
+var _2P4N5BIRcjs = require('../__chunks/2P4N5BIR.cjs');
+require('../__chunks/M5IWBORB.cjs');
+require('../__chunks/WT6AUJWV.cjs');
+require('../__chunks/54XFMNDS.cjs');
+require('../__chunks/3IVNQNIV.cjs');
 
 
 
-exports.VisuallyHidden = _6FPOXFLOcjs.VisuallyHidden; exports.useVisuallyHidden = _6FPOXFLOcjs.useVisuallyHidden;
+exports.VisuallyHidden = _2P4N5BIRcjs.VisuallyHidden; exports.useVisuallyHidden = _2P4N5BIRcjs.useVisuallyHidden;

package/esm/__chunks/{QESPTHDX.js → 2D53SX6Q.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useHovercardStoreProps
-} from "./IOEKCBMU.js";
+} from "./XMDAT5SM.js";
 import {
   useStore,
   useStoreProps
-} from "./DTNGDFNU.js";
+} from "./2GXGCHW6.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{DTNGDFNU.js → 2GXGCHW6.js}

@@ -3,11 +3,11 @@ import {
   useEvent,
   useLiveRef,
   useSafeLayoutEffect
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/utils/store.tsx
 import { hasOwnProperty, identity } from "@ariakit/core/utils/misc";
@@ -20,8 +20,7 @@ var noopSubscribe = () => () => {
 function useStoreState(store, keyOrSelector = identity) {
   const storeSubscribe = React.useCallback(
     (callback) => {
-      if (!store)
-        return noopSubscribe();
+      if (!store) return noopSubscribe();
       return subscribe(store, null, callback);
     },
     [store]
@@ -30,14 +29,10 @@ function useStoreState(store, keyOrSelector = identity) {
     const key = typeof keyOrSelector === "string" ? keyOrSelector : null;
     const selector = typeof keyOrSelector === "function" ? keyOrSelector : null;
     const state = store == null ? void 0 : store.getState();
-    if (selector)
-      return selector(state);
-    if (!state)
-      return;
-    if (!key)
-      return;
-    if (!hasOwnProperty(state, key))
-      return;
+    if (selector) return selector(state);
+    if (!state) return;
+    if (!key) return;
+    if (!hasOwnProperty(state, key)) return;
     return state[key];
   };
   return useSyncExternalStore(storeSubscribe, getSnapshot, getSnapshot);
@@ -49,22 +44,17 @@ function useStoreProps(store, props, key, setKey) {
   useSafeLayoutEffect(() => {
     return sync(store, [key], (state, prev) => {
       const { value: value2, setValue: setValue2 } = propsRef.current;
-      if (!setValue2)
-        return;
-      if (state[key] === prev[key])
-        return;
-      if (state[key] === value2)
-        return;
+      if (!setValue2) return;
+      if (state[key] === prev[key]) return;
+      if (state[key] === value2) return;
       setValue2(state[key]);
     });
   }, [store, key]);
   useSafeLayoutEffect(() => {
-    if (value === void 0)
-      return;
+    if (value === void 0) return;
     store.setState(key, value);
     return batch(store, [key], () => {
-      if (value === void 0)
-        return;
+      if (value === void 0) return;
       store.setState(key, value);
     });
   });

package/esm/__chunks/{3M4W2SZ7.js → 2PGBN2Y4.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   isBackdrop
-} from "./MKDDWKFK.js";
+} from "./63XF7ACK.js";
 import {
   walkTreeOutside
-} from "./4SXGPXPS.js";
+} from "./AOUGVQZ3.js";
 import {
   setProperty
-} from "./53CQGCDZ.js";
+} from "./K2ZF5NU7.js";
 
 // src/dialog/utils/mark-tree-outside.ts
 import { chain } from "@ariakit/core/utils/misc";
@@ -28,14 +28,11 @@ function markAncestor(element, id = "") {
 }
 function isElementMarked(element, id) {
   const ancestorProperty = getPropertyName(id, true);
-  if (element[ancestorProperty])
-    return true;
+  if (element[ancestorProperty]) return true;
   const elementProperty = getPropertyName(id);
   do {
-    if (element[elementProperty])
-      return true;
-    if (!element.parentElement)
-      return false;
+    if (element[elementProperty]) return true;
+    if (!element.parentElement) return false;
     element = element.parentElement;
   } while (true);
 }
@@ -46,14 +43,12 @@ function markTreeOutside(id, elements) {
     id,
     elements,
     (element) => {
-      if (isBackdrop(element, ...ids))
-        return;
+      if (isBackdrop(element, ...ids)) return;
       cleanups.unshift(markElement(element, id));
     },
     (ancestor, element) => {
       const isAnotherDialogAncestor = element.hasAttribute("data-dialog") && element.id !== id;
-      if (isAnotherDialogAncestor)
-        return;
+      if (isAnotherDialogAncestor) return;
       cleanups.unshift(markAncestor(ancestor, id));
     }
   );