@ariakit/react-core 0.3.1 → 0.3.3

package/cjs/dialog/dialog-dismiss.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _S4UMINQJcjs = require('../__chunks/S4UMINQJ.cjs');
-require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+var _ZZHSM37Ccjs = require('../__chunks/ZZHSM37C.cjs');
+require('../__chunks/KMOIJMBF.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
@@ -15,4 +15,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.DialogDismiss = _S4UMINQJcjs.DialogDismiss; exports.useDialogDismiss = _S4UMINQJcjs.useDialogDismiss;
+exports.DialogDismiss = _ZZHSM37Ccjs.DialogDismiss; exports.useDialogDismiss = _ZZHSM37Ccjs.useDialogDismiss;

package/cjs/dialog/dialog-provider.cjs

@@ -5,9 +5,9 @@ require('../__chunks/A2NMYLCG.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 
 
-var _BPMML63Mcjs = require('../__chunks/BPMML63M.cjs');
-require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _3MYGLY4Ocjs = require('../__chunks/3MYGLY4O.cjs');
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -15,7 +15,7 @@ require('../__chunks/72I2GWXF.cjs');
 // src/dialog/dialog-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function DialogProvider(props = {}) {
-  const store = _BPMML63Mcjs.useDialogStore.call(void 0, props);
+  const store = _3MYGLY4Ocjs.useDialogStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W6ZRSMO5cjs.DialogContextProvider, { value: store, children: props.children });
 }
 

package/cjs/dialog/dialog-store.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _BPMML63Mcjs = require('../__chunks/BPMML63M.cjs');
-require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _3MYGLY4Ocjs = require('../__chunks/3MYGLY4O.cjs');
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useDialogStore = _BPMML63Mcjs.useDialogStore; exports.useDialogStoreProps = _BPMML63Mcjs.useDialogStoreProps;
+exports.useDialogStore = _3MYGLY4Ocjs.useDialogStore; exports.useDialogStoreProps = _3MYGLY4Ocjs.useDialogStoreProps;

package/cjs/dialog/dialog.cjs

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ZEASCR4Bcjs = require('../__chunks/ZEASCR4B.cjs');
-require('../__chunks/J63NAJOO.cjs');
-require('../__chunks/6BAHKJ5K.cjs');
-require('../__chunks/DPLHWKRP.cjs');
+var _PQU457XUcjs = require('../__chunks/PQU457XU.cjs');
+require('../__chunks/45OYD4CU.cjs');
+require('../__chunks/RWS2MAR2.cjs');
+require('../__chunks/DFFFHQVQ.cjs');
 require('../__chunks/W32FX7DM.cjs');
-require('../__chunks/JKMBJCXA.cjs');
-require('../__chunks/INDMFBTS.cjs');
-require('../__chunks/NBCR3CLP.cjs');
+require('../__chunks/QK4GI6B3.cjs');
+require('../__chunks/COHI5HTS.cjs');
+require('../__chunks/F4RJLWZG.cjs');
 require('../__chunks/56NPFF7P.cjs');
 require('../__chunks/Z3TLXRS7.cjs');
-require('../__chunks/PD5YFDLO.cjs');
+require('../__chunks/TLA46MN6.cjs');
 require('../__chunks/X2GXTE3P.cjs');
 require('../__chunks/VTRMALP6.cjs');
 require('../__chunks/BWQVQDGC.cjs');
@@ -26,16 +26,16 @@ require('../__chunks/OAEUR56W.cjs');
 require('../__chunks/5E5FKYEO.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/KSFAO77E.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Dialog = _ZEASCR4Bcjs.Dialog; exports.useDialog = _ZEASCR4Bcjs.useDialog;
+exports.Dialog = _PQU457XUcjs.Dialog; exports.useDialog = _PQU457XUcjs.useDialog;

package/cjs/dialog/dialog.d.ts

@@ -35,14 +35,24 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
     /**
      * Determines whether the dialog is modal. Modal dialogs have distinct states
      * and behaviors:
-     * - The `portal` and `preventBodyScroll` props are set to `true`. They can
-     *   still be manually set to `false`.
-     * - A visually hidden dismiss button will be rendered if the `DialogDismiss`
-     *   component hasn't been used. This allows screen reader users to close the
-     *   dialog.
+     * - The [`portal`](https://ariakit.org/reference/dialog#portal) and
+     *   [`preventBodyScroll`](https://ariakit.org/reference/dialog#preventbodyscroll)
+     *   props are set to `true`. They can still be manually set to `false`.
+     * - A visually hidden dismiss button will be rendered if the
+     *   [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss) component
+     *   hasn't been used. This allows screen reader users to close the dialog.
      * - When the dialog is open, element tree outside it will be disabled.
-     * - When using the `Heading` or `DialogHeading` components within the dialog,
-     *   their level will be reset so they start with `h1`.
+     * - When using the [`Heading`](https://ariakit.org/reference/heading) or
+     *   [`DialogHeading`](https://ariakit.org/reference/dialog-heading)
+     *   components within the dialog, their level will be reset so they start
+     *   with `h1`.
+     *
+     * Live examples:
+     * - [Dialog with details &
+     *   summary](https://ariakit.org/examples/dialog-details)
+     * - [Form with Select](https://ariakit.org/examples/form-select)
+     * - [Context menu](https://ariakit.org/examples/menu-context-menu)
+     * - [Responsive Popover](https://ariakit.org/examples/popover-responsive)
      * @default true
      */
     modal?: boolean;
@@ -127,10 +137,14 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
     /**
      * Specifies the element that will receive focus when the dialog is first
      * opened. It can be an `HTMLElement` or a `React.RefObject` with an
-     * `HTMLElement`. However, if `autoFocusOnShow` is set to `false`, this prop
-     * will have no effect. If left unset, the dialog will attempt to determine
-     * the initial focus element in the following order:
-     * 1. An element with an `autoFocus` prop.
+     * `HTMLElement`.
+     *
+     * If
+     * [`autoFocusOnShow`](https://ariakit.org/reference/dialog#autofocusonshow)
+     * is set to `false`, this prop will have no effect. If left unset, the dialog
+     * will attempt to determine the initial focus element in the following order:
+     * 1. A [Focusable](https://ariakit.org/components/focusable) element with an
+     *    [`autoFocus`](https://ariakit.org/reference/focusable#autofocus) prop.
      * 2. The first tabbable element inside the dialog.
      * 3. The first focusable element inside the dialog.
      * 4. The dialog element itself.

package/cjs/dialog/utils/disable-accessibility-tree-outside.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _NBCR3CLPcjs = require('../../__chunks/NBCR3CLP.cjs');
+var _F4RJLWZGcjs = require('../../__chunks/F4RJLWZG.cjs');
 require('../../__chunks/Z3TLXRS7.cjs');
-require('../../__chunks/PD5YFDLO.cjs');
+require('../../__chunks/TLA46MN6.cjs');
 require('../../__chunks/BWQVQDGC.cjs');
 require('../../__chunks/72I2GWXF.cjs');
 
 
 
-exports.disableAccessibilityTreeOutside = _NBCR3CLPcjs.disableAccessibilityTreeOutside; exports.hideElementFromAccessibilityTree = _NBCR3CLPcjs.hideElementFromAccessibilityTree;
+exports.disableAccessibilityTreeOutside = _F4RJLWZGcjs.disableAccessibilityTreeOutside; exports.hideElementFromAccessibilityTree = _F4RJLWZGcjs.hideElementFromAccessibilityTree;

package/cjs/dialog/utils/disable-accessibility-tree-outside.d.ts

@@ -1,4 +1,4 @@
 type Elements = Array<Element | null>;
 export declare function hideElementFromAccessibilityTree(element: Element): () => void;
-export declare function disableAccessibilityTreeOutside(...elements: Elements): () => void;
+export declare function disableAccessibilityTreeOutside(id: string, elements: Elements): () => void;
 export {};

package/cjs/dialog/utils/disable-tree.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _COHI5HTScjs = require('../../__chunks/COHI5HTS.cjs');
+require('../../__chunks/F4RJLWZG.cjs');
+require('../../__chunks/56NPFF7P.cjs');
+require('../../__chunks/Z3TLXRS7.cjs');
+require('../../__chunks/TLA46MN6.cjs');
+require('../../__chunks/BWQVQDGC.cjs');
+require('../../__chunks/72I2GWXF.cjs');
+
+
+
+exports.disableTree = _COHI5HTScjs.disableTree; exports.disableTreeOutside = _COHI5HTScjs.disableTreeOutside;

package/cjs/dialog/utils/disable-tree.d.ts

@@ -0,0 +1,5 @@
+import { noop } from "@ariakit/core/utils/misc";
+type Elements = Array<Element | null>;
+export declare function disableTree(element: Element | HTMLElement, ignoredElements?: Elements): typeof noop;
+export declare function disableTreeOutside(id: string, elements: Elements): () => void;
+export {};

package/cjs/dialog/utils/mark-tree-outside.cjs

@@ -3,9 +3,9 @@
 
 
 
-var _JKMBJCXAcjs = require('../../__chunks/JKMBJCXA.cjs');
+var _QK4GI6B3cjs = require('../../__chunks/QK4GI6B3.cjs');
 require('../../__chunks/Z3TLXRS7.cjs');
-require('../../__chunks/PD5YFDLO.cjs');
+require('../../__chunks/TLA46MN6.cjs');
 require('../../__chunks/BWQVQDGC.cjs');
 require('../../__chunks/72I2GWXF.cjs');
 
@@ -13,4 +13,4 @@ require('../../__chunks/72I2GWXF.cjs');
 
 
 
-exports.isElementMarked = _JKMBJCXAcjs.isElementMarked; exports.markAncestor = _JKMBJCXAcjs.markAncestor; exports.markElement = _JKMBJCXAcjs.markElement; exports.markTreeOutside = _JKMBJCXAcjs.markTreeOutside;
+exports.isElementMarked = _QK4GI6B3cjs.isElementMarked; exports.markAncestor = _QK4GI6B3cjs.markAncestor; exports.markElement = _QK4GI6B3cjs.markElement; exports.markTreeOutside = _QK4GI6B3cjs.markTreeOutside;

package/cjs/dialog/utils/mark-tree-outside.d.ts

@@ -2,5 +2,5 @@ type Elements = Array<Element | null>;
 export declare function markElement(element: Element, id?: string): () => void;
 export declare function markAncestor(element: Element, id?: string): () => void;
 export declare function isElementMarked(element: Element, id?: string): boolean;
-export declare function markTreeOutside(dialogId: string, ...elements: Elements): () => void;
+export declare function markTreeOutside(id: string, elements: Elements): () => void;
 export {};

package/cjs/dialog/utils/use-hide-on-interact-outside.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _DPLHWKRPcjs = require('../../__chunks/DPLHWKRP.cjs');
-require('../../__chunks/JKMBJCXA.cjs');
+var _DFFFHQVQcjs = require('../../__chunks/DFFFHQVQ.cjs');
+require('../../__chunks/QK4GI6B3.cjs');
 require('../../__chunks/Z3TLXRS7.cjs');
-require('../../__chunks/PD5YFDLO.cjs');
+require('../../__chunks/TLA46MN6.cjs');
 require('../../__chunks/X2GXTE3P.cjs');
 require('../../__chunks/BWQVQDGC.cjs');
 require('../../__chunks/5WLTMVVQ.cjs');
@@ -11,4 +11,4 @@ require('../../__chunks/7WUTS26Y.cjs');
 require('../../__chunks/72I2GWXF.cjs');
 
 
-exports.useHideOnInteractOutside = _DPLHWKRPcjs.useHideOnInteractOutside;
+exports.useHideOnInteractOutside = _DFFFHQVQcjs.useHideOnInteractOutside;

package/cjs/dialog/utils/use-nested-dialogs.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _6BAHKJ5Kcjs = require('../../__chunks/6BAHKJ5K.cjs');
+var _RWS2MAR2cjs = require('../../__chunks/RWS2MAR2.cjs');
 require('../../__chunks/5WLTMVVQ.cjs');
 require('../../__chunks/7WUTS26Y.cjs');
 require('../../__chunks/72I2GWXF.cjs');
 
 
-exports.useNestedDialogs = _6BAHKJ5Kcjs.useNestedDialogs;
+exports.useNestedDialogs = _RWS2MAR2cjs.useNestedDialogs;

package/cjs/dialog/utils/walk-tree-outside.cjs

@@ -1,9 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _PD5YFDLOcjs = require('../../__chunks/PD5YFDLO.cjs');
+
+var _TLA46MN6cjs = require('../../__chunks/TLA46MN6.cjs');
+require('../../__chunks/BWQVQDGC.cjs');
 require('../../__chunks/72I2GWXF.cjs');
 
 
 
-exports.isValidElement = _PD5YFDLOcjs.isValidElement; exports.walkTreeOutside = _PD5YFDLOcjs.walkTreeOutside;
+
+exports.createWalkTreeSnapshot = _TLA46MN6cjs.createWalkTreeSnapshot; exports.isValidElement = _TLA46MN6cjs.isValidElement; exports.walkTreeOutside = _TLA46MN6cjs.walkTreeOutside;

package/cjs/dialog/utils/walk-tree-outside.d.ts

@@ -1,4 +1,5 @@
 type Elements = Array<Element | null>;
-export declare function isValidElement(element: Element, ignoredElements: Elements): boolean;
-export declare function walkTreeOutside(elements: Elements, callback: (element: Element, originalElement: Element) => void, ancestorCallback?: (element: Element, originalElement: Element) => void): void;
+export declare function isValidElement(id: string, element: Element, ignoredElements: Elements): boolean;
+export declare function walkTreeOutside(id: string, elements: Elements, callback: (element: Element, originalElement: Element) => void, ancestorCallback?: (element: Element, originalElement: Element) => void): void;
+export declare function createWalkTreeSnapshot(id: string, elements: Elements): () => void;
 export {};

package/cjs/disclosure/disclosure-content.d.ts

@@ -18,15 +18,20 @@ export declare const useDisclosureContent: import("../utils/types.js").Hook<Disc
  * @see https://ariakit.org/components/disclosure
  * @example
  * ```jsx
- * const disclosure = useDisclosureStore();
- * <Disclosure store={disclosure}>Disclosure</Disclosure>
- * <DisclosureContent store={disclosure}>Content</DisclosureContent>
+ * <DisclosureProvider>
+ *   <Disclosure>Disclosure</Disclosure>
+ *   <DisclosureContent>Content</DisclosureContent>
+ * </DisclosureProvider>
  * ```
  */
 export declare const DisclosureContent: import("../utils/types.js").Component<DisclosureContentOptions<"div">>;
 export interface DisclosureContentOptions<T extends As = "div"> extends Options<T> {
     /**
-     * Object returned by the `useDisclosureStore` hook.
+     * Object returned by the
+     * [`useDisclosureStore`](https://ariakit.org/reference/use-disclosure-store)
+     * hook. If not provided, the closest
+     * [`DisclosureProvider`](https://ariakit.org/reference/disclosure-provider)
+     * component's context will be used.
      */
     store?: DisclosureStore;
     /**

package/cjs/disclosure/disclosure-provider.cjs

@@ -4,8 +4,8 @@ var _A2NMYLCGcjs = require('../__chunks/A2NMYLCG.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 
 
-var _6MLKTO2Tcjs = require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _HRUFFILMcjs = require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -13,7 +13,7 @@ require('../__chunks/72I2GWXF.cjs');
 // src/disclosure/disclosure-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function DisclosureProvider(props = {}) {
-  const store = _6MLKTO2Tcjs.useDisclosureStore.call(void 0, props);
+  const store = _HRUFFILMcjs.useDisclosureStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _A2NMYLCGcjs.DisclosureContextProvider, { value: store, children: props.children });
 }
 

package/cjs/disclosure/disclosure-store.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _6MLKTO2Tcjs = require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _HRUFFILMcjs = require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useDisclosureStore = _6MLKTO2Tcjs.useDisclosureStore; exports.useDisclosureStoreProps = _6MLKTO2Tcjs.useDisclosureStoreProps;
+exports.useDisclosureStore = _HRUFFILMcjs.useDisclosureStore; exports.useDisclosureStoreProps = _HRUFFILMcjs.useDisclosureStoreProps;

package/cjs/disclosure/disclosure-store.d.ts

@@ -1,7 +1,6 @@
-import type { DependencyList } from "react";
 import * as Core from "@ariakit/core/disclosure/disclosure-store";
 import type { Store } from "../utils/store.js";
-export declare function useDisclosureStoreProps<T extends Core.DisclosureStore>(store: T, update: () => void, props: DisclosureStoreProps, deps?: DependencyList): T;
+export declare function useDisclosureStoreProps<T extends Core.DisclosureStore>(store: T, update: () => void, props: DisclosureStoreProps): T;
 /**
  * Creates a disclosure store.
  * @see https://ariakit.org/components/disclosure

package/cjs/disclosure/disclosure.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _JNVNPB37cjs = require('../__chunks/JNVNPB37.cjs');
-require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+var _RXP7Z4XRcjs = require('../__chunks/RXP7Z4XR.cjs');
+require('../__chunks/KMOIJMBF.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
@@ -14,4 +14,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Disclosure = _JNVNPB37cjs.Disclosure; exports.useDisclosure = _JNVNPB37cjs.useDisclosure;
+exports.Disclosure = _RXP7Z4XRcjs.Disclosure; exports.useDisclosure = _RXP7Z4XRcjs.useDisclosure;

package/cjs/disclosure/disclosure.d.ts

@@ -21,20 +21,27 @@ export declare const useDisclosure: import("../utils/types.js").Hook<DisclosureO
  * @see https://ariakit.org/components/disclosure
  * @example
  * ```jsx
- * const disclosure = useDisclosureStore();
- * <Disclosure store={disclosure}>Disclosure</Disclosure>
- * <DisclosureContent store={disclosure}>Content</DisclosureContent>
+ * <DisclosureProvider>
+ *   <Disclosure>Disclosure</Disclosure>
+ *   <DisclosureContent>Content</DisclosureContent>
+ * </DisclosureProvider>
  * ```
  */
 export declare const Disclosure: import("../utils/types.js").Component<DisclosureOptions<"button">>;
 export interface DisclosureOptions<T extends As = "button"> extends ButtonOptions<T> {
     /**
-     * Object returned by the `useDisclosureStore` hook.
+     * Object returned by the
+     * [`useDisclosureStore`](https://ariakit.org/reference/use-disclosure-store)
+     * hook. If not provided, the closest
+     * [`DisclosureProvider`](https://ariakit.org/reference/disclosure-provider)
+     * component's context will be used.
      */
     store?: DisclosureStore;
     /**
-     * Determines whether `store.toggle()` will be called on click. This is useful
-     * if you want to handle the toggle logic yourself.
+     * Determines whether
+     * [`toggle`](https://ariakit.org/reference/use-disclosure-store#toggle) will
+     * be called on click. This is useful if you want to handle the toggle logic
+     * yourself.
      * @default true
      */
     toggleOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;

package/cjs/focusable/focusable.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _BFLDQF3Lcjs = require('../__chunks/BFLDQF3L.cjs');
+var _GQAB4M3Bcjs = require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
@@ -10,4 +10,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Focusable = _BFLDQF3Lcjs.Focusable; exports.useFocusable = _BFLDQF3Lcjs.useFocusable;
+exports.Focusable = _GQAB4M3Bcjs.Focusable; exports.useFocusable = _GQAB4M3Bcjs.useFocusable;

package/cjs/form/form-checkbox.cjs

@@ -6,23 +6,23 @@ var _JJ22W2WScjs = require('../__chunks/JJ22W2WS.cjs');
 var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _GBOZYA5Ccjs = require('../__chunks/GBOZYA5C.cjs');
+var _H562FOJ4cjs = require('../__chunks/H562FOJ4.cjs');
 
 
-var _HDYD5S2Pcjs = require('../__chunks/HDYD5S2P.cjs');
+var _ORDLD4QXcjs = require('../__chunks/ORDLD4QX.cjs');
 require('../__chunks/NER6RNCQ.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
 var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 
@@ -42,11 +42,11 @@ var useFormCheckbox = _Z5PUIG6Acjs.createHook.call(void 0,
       process.env.NODE_ENV !== "production" && "FormCheckbox must be wrapped in a Form component."
     );
     const name = `${nameProp}`;
-    const checkboxStore = _HDYD5S2Pcjs.useCheckboxStore.call(void 0, {
+    const checkboxStore = _ORDLD4QXcjs.useCheckboxStore.call(void 0, {
       value: store.useValue(name),
       setValue: (value2) => store == null ? void 0 : store.setValue(name, value2)
     });
-    props = _GBOZYA5Ccjs.useCheckbox.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store: checkboxStore, value, checked }, props));
+    props = _H562FOJ4cjs.useCheckbox.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store: checkboxStore, value, checked }, props));
     props = _JJ22W2WScjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       name,

package/cjs/form/form-checkbox.d.ts

@@ -22,7 +22,11 @@ export declare const useFormCheckbox: import("../utils/types.js").Hook<FormCheck
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { acceptTerms: false } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     acceptTerms: false,
+ *   },
+ * });
  * <Form store={form}>
  *   <label>
  *     <FormCheckbox name={form.names.acceptTerms} />

package/cjs/form/form-description.d.ts

@@ -22,7 +22,11 @@ export declare const useFormDescription: import("../utils/types.js").Hook<FormDe
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { password: "" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     password: "",
+ *   },
+ * });
  * <Form store={form}>
  *   <FormLabel name={form.names.password}>Password</FormLabel>
  *   <FormInput name={form.names.password} type="password" />
@@ -35,8 +39,11 @@ export declare const useFormDescription: import("../utils/types.js").Hook<FormDe
 export declare const FormDescription: import("../utils/types.js").Component<FormDescriptionOptions<"div">>;
 export interface FormDescriptionOptions<T extends As = "div"> extends CollectionItemOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
     /**

package/cjs/form/form-error.d.ts

@@ -30,7 +30,11 @@ export declare const useFormError: import("../utils/types.js").Hook<FormErrorOpt
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { email: "" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     email: "",
+ *   },
+ * });
  *
  * form.useValidate(() => {
  *   if (!form.values.email) {
@@ -48,8 +52,11 @@ export declare const useFormError: import("../utils/types.js").Hook<FormErrorOpt
 export declare const FormError: import("../utils/types.js").Component<FormErrorOptions<"div">>;
 export interface FormErrorOptions<T extends As = "div"> extends CollectionItemOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
     /**

package/cjs/form/form-field.d.ts

@@ -30,21 +30,26 @@ import type { FormStore } from "./form-store.js";
  */
 export declare const useFormField: import("../utils/types.js").Hook<FormFieldOptions<"input">>;
 /**
- * Renders a form field. Unlike `FormInput`, this component doesn't
- * automatically pass the `value` and `onChange` props down to the underlying
- * element. This is so we can use it not only for native form elements but also
- * for custom components whose value is not controlled by the native `value` and
- * `onChange` props.
+ * Renders a form field. Unlike
+ * [`FormInput`](https://ariakit.org/reference/form-input), this component
+ * doesn't automatically pass the `value` and `onChange` props down to the
+ * underlying element. This is so we can use it not only for native form
+ * elements but also for custom components whose value is not controlled by the
+ * native `value` and `onChange` props.
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { content: "" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     content: "",
+ *   },
+ * });
+ *
  * const value = form.useValue(form.names.content);
  *
  * <Form store={form}>
  *   <FormLabel name={form.names.content}>Content</FormLabel>
  *   <FormField
- *     {...props}
  *     value={value}
  *     onChange={(value) => form.setValue(form.names.content, value)}
  *     render={<Editor />}
@@ -55,8 +60,11 @@ export declare const useFormField: import("../utils/types.js").Hook<FormFieldOpt
 export declare const FormField: import("../utils/types.js").Component<FormFieldOptions<"input">>;
 export interface FormFieldOptions<T extends As = "input"> extends CollectionItemOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
     /**