@ariakit/react-core 0.1.4 → 0.1.6

package/esm/dialog/dialog.js

@@ -1,23 +1,25 @@
 import {
   Dialog,
   useDialog
-} from "../__chunks/WWZPDI2E.js";
+} from "../__chunks/E3LZDF77.js";
 import "../__chunks/4U6AOLE4.js";
+import "../__chunks/GWYHKM6Q.js";
+import "../__chunks/IIX2NU6T.js";
 import "../__chunks/ARIIJA3Z.js";
+import "../__chunks/FD7UP2TJ.js";
 import "../__chunks/PU22SOKH.js";
 import "../__chunks/X3J57OQT.js";
 import "../__chunks/NV7HSBKK.js";
+import "../__chunks/D6AEGMVG.js";
 import "../__chunks/2SVAPVVI.js";
 import "../__chunks/HVXLVRRR.js";
 import "../__chunks/7JNF6I52.js";
-import "../__chunks/GWYHKM6Q.js";
-import "../__chunks/FD7UP2TJ.js";
-import "../__chunks/EJZ6BVXG.js";
 import "../__chunks/6OMX4H3W.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
-import "../__chunks/5TGAWEHD.js";
-import "../__chunks/3OSYJZM5.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
+import "../__chunks/MPZ7PKON.js";
 import "../__chunks/NDTB3OGK.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/FFRIGW5T.js";

package/esm/dialog/utils/use-nested-dialogs.js

@@ -1,6 +1,6 @@
 import {
   useNestedDialogs
-} from "../../__chunks/EJZ6BVXG.js";
+} from "../../__chunks/IIX2NU6T.js";
 import "../../__chunks/B7MIN7YT.js";
 import "../../__chunks/SXC6BPOF.js";
 export {

package/esm/disclosure/disclosure-store.js

@@ -2,8 +2,8 @@ import {
   useDisclosureStore,
   useDisclosureStoreOptions,
   useDisclosureStoreProps
-} from "../__chunks/OXIHLN45.js";
-import "../__chunks/6DAEYZ43.js";
+} from "../__chunks/NL6KEDBG.js";
+import "../__chunks/EUGPS2W3.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 export {

package/esm/disclosure/disclosure.js

@@ -1,10 +1,11 @@
 import {
   Disclosure,
   useDisclosure
-} from "../__chunks/57UTLR6J.js";
-import "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.js";
+} from "../__chunks/UBWZV2LZ.js";
+import "../__chunks/GEZPJZJE.js";
+import "../__chunks/SMBMF2TX.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/JE5NWDDX.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";

package/esm/focusable/focusable-container.d.ts

@@ -0,0 +1,33 @@
+import type { As, Options, Props } from "../utils/types.js";
+/**
+ * Returns props to create a `FocusableContainer` component.
+ * @see https://ariakit.org/components/focusable
+ * @example
+ * ```jsx
+ * const props = useFocusableContainer();
+ * <Role {...props} />
+ * ```
+ */
+export declare const useFocusableContainer: import("../utils/types.js").Hook<FocusableContainerOptions<"div">>;
+/**
+ * Renders a div that wraps `Focusable` components and controls whether they
+ * can be auto focused.
+ * @see https://ariakit.org/components/focusable
+ * @example
+ * ```jsx
+ * <FocusableContainer autoFocusOnShow={false}>
+ *   <Focusable autoFocus />
+ * </FocusableContainer>
+ * ```
+ */
+export declare const FocusableContainer: import("../utils/types.js").Component<FocusableContainerOptions<"div">>;
+export type FocusableContainerOptions<T extends As = "div"> = Options<T> & {
+    /**
+     * Determines whether focusable elements inside the container should be
+     * automatically focused when the container is shown and they have the
+     * `autoFocus` prop.
+     * @default true
+     */
+    autoFocusOnShow?: boolean;
+};
+export type FocusableContainerProps<T extends As = "div"> = Props<FocusableContainerOptions<T>>;

package/esm/focusable/focusable-container.js

@@ -0,0 +1,12 @@
+import {
+  FocusableContainer,
+  useFocusableContainer
+} from "../__chunks/D6AEGMVG.js";
+import "../__chunks/BMLNRUFQ.js";
+import "../__chunks/JE5NWDDX.js";
+import "../__chunks/B7MIN7YT.js";
+import "../__chunks/SXC6BPOF.js";
+export {
+  FocusableContainer,
+  useFocusableContainer
+};

package/esm/focusable/focusable-context.d.ts

@@ -0,0 +1 @@
+export declare const FocusableContext: import("react").Context<boolean>;

package/esm/focusable/focusable-context.js

@@ -0,0 +1,6 @@
+import {
+  FocusableContext
+} from "../__chunks/BMLNRUFQ.js";
+export {
+  FocusableContext
+};

package/esm/focusable/focusable.d.ts

@@ -59,6 +59,9 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
     /**
      * Custom event handler that is called when the element is focused via the
      * keyboard or when a key is pressed while the element is focused.
+     *
+     * Live examples:
+     * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
      */
     onFocusVisible?: BivariantCallback<(event: SyntheticEvent) => void>;
 }

package/esm/focusable/focusable.js

@@ -1,7 +1,8 @@
 import {
   Focusable,
   useFocusable
-} from "../__chunks/5TGAWEHD.js";
+} from "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/JE5NWDDX.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";

package/esm/form/form-checkbox.js

@@ -1,26 +1,27 @@
 import {
   useFormField
-} from "../__chunks/RFLPDFU5.js";
+} from "../__chunks/CDHQAO3X.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
-import {
-  useCheckboxStore
-} from "../__chunks/HRNQJHNJ.js";
 import {
   useCheckbox
-} from "../__chunks/4RNONDN5.js";
+} from "../__chunks/LMKEQY3H.js";
+import {
+  useCheckboxStore
+} from "../__chunks/3QLNHI3O.js";
 import "../__chunks/M5KYRTQG.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/OJNRBQKS.js";
+import "../__chunks/SMBMF2TX.js";
+import "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/5TGAWEHD.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
 } from "../__chunks/JE5NWDDX.js";
-import "../__chunks/6DAEYZ43.js";
+import "../__chunks/EUGPS2W3.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 

package/esm/form/form-description.js

@@ -3,7 +3,7 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useCollectionItem
-} from "../__chunks/OJNRBQKS.js";
+} from "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
 import {
   createElement,

package/esm/form/form-error.js

@@ -3,7 +3,7 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useCollectionItem
-} from "../__chunks/OJNRBQKS.js";
+} from "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
 import {
   createElement,

package/esm/form/form-field.js

@@ -1,9 +1,9 @@
 import {
   FormField,
   useFormField
-} from "../__chunks/RFLPDFU5.js";
+} from "../__chunks/CDHQAO3X.js";
 import "../__chunks/P3I4MECH.js";
-import "../__chunks/OJNRBQKS.js";
+import "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/JE5NWDDX.js";
 import "../__chunks/B7MIN7YT.js";

package/esm/form/form-input.js

@@ -1,14 +1,15 @@
 import {
   useFormField
-} from "../__chunks/RFLPDFU5.js";
+} from "../__chunks/CDHQAO3X.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
-import "../__chunks/OJNRBQKS.js";
+import "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
 import {
   useFocusable
-} from "../__chunks/5TGAWEHD.js";
+} from "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,

package/esm/form/form-label.js

@@ -3,7 +3,7 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useCollectionItem
-} from "../__chunks/OJNRBQKS.js";
+} from "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
 import {
   createElement,

package/esm/form/form-push.js

@@ -3,13 +3,14 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
+} from "../__chunks/GEZPJZJE.js";
+import "../__chunks/SMBMF2TX.js";
 import {
   useCollectionItem
-} from "../__chunks/OJNRBQKS.js";
+} from "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/5TGAWEHD.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,

package/esm/form/form-radio.js

@@ -1,26 +1,27 @@
 import {
   useFormField
-} from "../__chunks/RFLPDFU5.js";
+} from "../__chunks/CDHQAO3X.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
 import {
   useRadio
-} from "../__chunks/4STD3S2Y.js";
+} from "../__chunks/DQXTORDL.js";
 import "../__chunks/6I2PARRP.js";
-import "../__chunks/WHN4PCW7.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/OJNRBQKS.js";
+import "../__chunks/HAHDW4I2.js";
+import "../__chunks/SMBMF2TX.js";
+import "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/STKLF26R.js";
-import "../__chunks/5TGAWEHD.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/Z3X3QN6P.js";
 import {
   createElement,
   createHook,
   createMemoComponent
 } from "../__chunks/JE5NWDDX.js";
-import "../__chunks/6DAEYZ43.js";
+import "../__chunks/EUGPS2W3.js";
 import {
   useEvent
 } from "../__chunks/B7MIN7YT.js";

package/esm/form/form-remove.js

@@ -3,9 +3,10 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.js";
+} from "../__chunks/GEZPJZJE.js";
+import "../__chunks/SMBMF2TX.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,

package/esm/form/form-reset.js

@@ -3,9 +3,10 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.js";
+} from "../__chunks/GEZPJZJE.js";
+import "../__chunks/SMBMF2TX.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,

package/esm/form/form-store.js

@@ -1,18 +1,18 @@
 import {
   useCollectionStoreOptions,
   useCollectionStoreProps
-} from "../__chunks/56XURSTF.js";
+} from "../__chunks/WKCZETSE.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/6DAEYZ43.js";
+} from "../__chunks/EUGPS2W3.js";
 import {
-  useSafeLayoutEffect
+  useEvent
 } from "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 
 // src/form/form-store.ts
-import { useCallback, useMemo } from "react";
+import { useCallback, useEffect, useMemo } from "react";
 import * as Core from "@ariakit/core/form/form-store";
 function useFormStoreOptions(props) {
   return useCollectionStoreOptions(props);
@@ -22,15 +22,26 @@ function useFormStoreProps(store, props) {
   useStoreProps(store, props, "values", "setValues");
   useStoreProps(store, props, "errors", "setErrors");
   useStoreProps(store, props, "touched", "setTouched");
-  const useValue = useCallback((name) => {
-    return store.useState(() => store.getValue(name));
-  }, []);
-  const useValidate = useCallback((callback) => {
-    useSafeLayoutEffect(() => store.onValidate(callback), [callback]);
-  }, []);
-  const useSubmit = useCallback((callback) => {
-    useSafeLayoutEffect(() => store.onSubmit(callback), [callback]);
-  }, []);
+  const useValue = useCallback(
+    (name) => store.useState(() => store.getValue(name)),
+    [store]
+  );
+  const useValidate = useCallback(
+    (callback) => {
+      callback = useEvent(callback);
+      const items = store.useState("items");
+      useEffect(() => store.onValidate(callback), [items, callback]);
+    },
+    [store]
+  );
+  const useSubmit = useCallback(
+    (callback) => {
+      callback = useEvent(callback);
+      const items = store.useState("items");
+      useEffect(() => store.onSubmit(callback), [items, callback]);
+    },
+    [store]
+  );
   return useMemo(
     () => ({
       ...store,

package/esm/form/form-submit.js

@@ -3,9 +3,10 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.js";
+} from "../__chunks/GEZPJZJE.js";
+import "../__chunks/SMBMF2TX.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,

package/esm/hovercard/hovercard-anchor.js

@@ -1,8 +1,9 @@
 import {
   HovercardAnchor,
   useHovercardAnchor
-} from "../__chunks/2WA5HZXQ.js";
-import "../__chunks/5TGAWEHD.js";
+} from "../__chunks/FVED2REU.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/JE5NWDDX.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";

package/esm/hovercard/hovercard-disclosure.js

@@ -1,10 +1,11 @@
 import {
   useDialogDisclosure
-} from "../__chunks/NRA7DRSD.js";
-import "../__chunks/57UTLR6J.js";
-import "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.js";
+} from "../__chunks/OOPJDYET.js";
+import "../__chunks/UBWZV2LZ.js";
+import "../__chunks/GEZPJZJE.js";
+import "../__chunks/SMBMF2TX.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   useVisuallyHidden
 } from "../__chunks/SDULECC7.js";

package/esm/hovercard/hovercard-dismiss.js

@@ -1,13 +1,14 @@
 import {
   HovercardDismiss,
   useHovercardDismiss
-} from "../__chunks/BIFSQ6O4.js";
-import "../__chunks/B3AF63GK.js";
-import "../__chunks/6THLPTJO.js";
-import "../__chunks/I4MLEPTM.js";
+} from "../__chunks/2PS226YW.js";
+import "../__chunks/QLGPSTUO.js";
+import "../__chunks/NZB3NDFQ.js";
+import "../__chunks/GEZPJZJE.js";
 import "../__chunks/LNHZLQEK.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.js";
+import "../__chunks/SMBMF2TX.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/JE5NWDDX.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";

package/esm/hovercard/hovercard-store.js

@@ -2,11 +2,11 @@ import {
   useHovercardStore,
   useHovercardStoreOptions,
   useHovercardStoreProps
-} from "../__chunks/47TE2UD5.js";
-import "../__chunks/RSJJ72ZD.js";
-import "../__chunks/OGTE6FGV.js";
-import "../__chunks/OXIHLN45.js";
-import "../__chunks/6DAEYZ43.js";
+} from "../__chunks/2EKS6A3C.js";
+import "../__chunks/YTUXLB4R.js";
+import "../__chunks/LWUHIEZR.js";
+import "../__chunks/NL6KEDBG.js";
+import "../__chunks/EUGPS2W3.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 export {

package/esm/hovercard/hovercard.js

@@ -1,27 +1,29 @@
 import {
   Hovercard,
   useHovercard
-} from "../__chunks/IW7LFTQE.js";
+} from "../__chunks/EX5SMLJA.js";
 import "../__chunks/X7FKJQME.js";
-import "../__chunks/GEOALYS4.js";
-import "../__chunks/WWZPDI2E.js";
+import "../__chunks/LUPFVLDA.js";
+import "../__chunks/E3LZDF77.js";
 import "../__chunks/4U6AOLE4.js";
+import "../__chunks/GWYHKM6Q.js";
+import "../__chunks/IIX2NU6T.js";
 import "../__chunks/ARIIJA3Z.js";
+import "../__chunks/FD7UP2TJ.js";
 import "../__chunks/PU22SOKH.js";
 import "../__chunks/X3J57OQT.js";
 import "../__chunks/NV7HSBKK.js";
+import "../__chunks/D6AEGMVG.js";
 import "../__chunks/2SVAPVVI.js";
 import "../__chunks/HVXLVRRR.js";
 import "../__chunks/7JNF6I52.js";
-import "../__chunks/GWYHKM6Q.js";
-import "../__chunks/FD7UP2TJ.js";
-import "../__chunks/EJZ6BVXG.js";
 import "../__chunks/6OMX4H3W.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
 import "../__chunks/6GS36SYX.js";
-import "../__chunks/5TGAWEHD.js";
-import "../__chunks/3OSYJZM5.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
+import "../__chunks/MPZ7PKON.js";
 import "../__chunks/NDTB3OGK.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/FFRIGW5T.js";

package/esm/menu/menu-bar-store.js

@@ -1,11 +1,11 @@
 import {
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "../__chunks/2EP53RLR.js";
-import "../__chunks/56XURSTF.js";
+} from "../__chunks/ZNVJPG2U.js";
+import "../__chunks/WKCZETSE.js";
 import {
   useStore
-} from "../__chunks/6DAEYZ43.js";
+} from "../__chunks/EUGPS2W3.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 

package/esm/menu/menu-bar.js

@@ -3,9 +3,10 @@ import {
 } from "../__chunks/HVBRRKV4.js";
 import {
   useComposite
-} from "../__chunks/FXC76SFN.js";
+} from "../__chunks/NOLA2XUH.js";
 import "../__chunks/STKLF26R.js";
-import "../__chunks/5TGAWEHD.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/Z3X3QN6P.js";
 import {
   createComponent,

package/esm/menu/menu-button.js

@@ -1,6 +1,6 @@
 import {
   useHovercardAnchor
-} from "../__chunks/2WA5HZXQ.js";
+} from "../__chunks/FVED2REU.js";
 import {
   MenuBarContext,
   MenuContext
@@ -10,18 +10,19 @@ import {
 } from "../__chunks/SJEKLK5Q.js";
 import {
   usePopoverDisclosure
-} from "../__chunks/JKSMOXA4.js";
-import "../__chunks/NRA7DRSD.js";
-import "../__chunks/57UTLR6J.js";
-import "../__chunks/I4MLEPTM.js";
+} from "../__chunks/MMKQPA5B.js";
+import "../__chunks/OOPJDYET.js";
+import "../__chunks/UBWZV2LZ.js";
+import "../__chunks/GEZPJZJE.js";
 import {
   useCompositeTypeahead
 } from "../__chunks/6OCAIYRY.js";
 import "../__chunks/6GS36SYX.js";
 import "../__chunks/RNWB46DZ.js";
-import "../__chunks/SAVDGYCC.js";
+import "../__chunks/SMBMF2TX.js";
 import "../__chunks/STKLF26R.js";
-import "../__chunks/5TGAWEHD.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/Z3X3QN6P.js";
 import {
   createComponent,
@@ -30,7 +31,7 @@ import {
 } from "../__chunks/JE5NWDDX.js";
 import {
   useStoreState
-} from "../__chunks/6DAEYZ43.js";
+} from "../__chunks/EUGPS2W3.js";
 import {
   useEvent,
   useForkRef,

package/esm/menu/menu-dismiss.js

@@ -1,12 +1,13 @@
 import {
   useHovercardDismiss
-} from "../__chunks/BIFSQ6O4.js";
-import "../__chunks/B3AF63GK.js";
-import "../__chunks/6THLPTJO.js";
-import "../__chunks/I4MLEPTM.js";
+} from "../__chunks/2PS226YW.js";
+import "../__chunks/QLGPSTUO.js";
+import "../__chunks/NZB3NDFQ.js";
+import "../__chunks/GEZPJZJE.js";
 import "../__chunks/LNHZLQEK.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.js";
+import "../__chunks/SMBMF2TX.js";
+import "../__chunks/HBXYECGK.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,