@ariakit/core 0.4.13 → 0.4.15

package/esm/__chunks/{AJZ4BYF3.js → 2CHYBBFH.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  createCollectionStore
-} from "./CYQWQL4J.js";
 import {
   flatten2DArray,
   reverseArray
 } from "./7PRQYBBV.js";
+import {
+  createCollectionStore
+} from "./EO4GVUA4.js";
 import {
   createStore,
   setup,

package/esm/__chunks/{7HRRFUKQ.js → PQ5AROUB.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createCompositeStore
-} from "./AJZ4BYF3.js";
+} from "./2CHYBBFH.js";
 import {
   createStore
 } from "./BCALMBPZ.js";

package/esm/collection/collection-store.d.ts

@@ -20,6 +20,10 @@ export interface CollectionStoreState<T extends CollectionStoreItem = Collection
      * updated when an item is registered or unregistered using the
      * [`registerItem`](https://ariakit.org/reference/use-collection-store#registeritem)
      * function.
+     *
+     * Live examples:
+     * - [Command Menu with
+     *   Tabs](https://ariakit.org/examples/dialog-combobox-tab-command-menu)
      */
     items: T[];
     /**

package/esm/collection/collection-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createCollectionStore
-} from "../__chunks/CYQWQL4J.js";
+} from "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/3YLGPPWQ.js";
 export {
   createCollectionStore

package/esm/combobox/combobox-store.d.ts

@@ -36,6 +36,8 @@ export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = Combo
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     * - [Command Menu with
+     *   Tabs](https://ariakit.org/examples/dialog-combobox-tab-command-menu)
      */
     value: string;
     /**
@@ -70,7 +72,8 @@ export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = Combo
      * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
      * - [Submenu with
      *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
-     * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
+     * - [Command Menu with
+     *   Tabs](https://ariakit.org/examples/dialog-combobox-tab-command-menu)
      * - [Select with Combobox and
      *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */

package/esm/combobox/combobox-store.js

@@ -1,14 +1,19 @@
 "use client";
 import {
-  createCompositeStore
-} from "../__chunks/AJZ4BYF3.js";
-import "../__chunks/CYQWQL4J.js";
-import "../__chunks/7PRQYBBV.js";
+  isSafari,
+  isTouchDevice
+} from "../__chunks/QAGXQEUG.js";
 import {
   createPopoverStore
 } from "../__chunks/ME2CUF3F.js";
+import {
+  createCompositeStore
+} from "../__chunks/2CHYBBFH.js";
+import "../__chunks/7PRQYBBV.js";
 import "../__chunks/FZZ2AVHF.js";
 import "../__chunks/RCQ5P4YE.js";
+import "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   batch,
   createStore,
@@ -22,11 +27,6 @@ import {
   chain,
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import {
-  isSafari,
-  isTouchDevice
-} from "../__chunks/QAGXQEUG.js";
-import "../__chunks/DTR5TSDJ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/composite/composite-store.d.ts

@@ -131,6 +131,8 @@ export interface CompositeStoreState<T extends CompositeStoreItem = CompositeSto
      *
      * Live examples:
      * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
+     * - [Command Menu with
+     *   Tabs](https://ariakit.org/examples/dialog-combobox-tab-command-menu)
      * @default false
      */
     focusLoop: boolean | Orientation;
@@ -147,6 +149,10 @@ export interface CompositeStoreState<T extends CompositeStoreItem = CompositeSto
      *   matches the value of `focusWrap`, it'll wrap between the last item in the
      *   last row or column and the first item in the first row or column and
      *   vice-versa.
+     *
+     * Live examples:
+     * - [Command Menu with
+     *   Tabs](https://ariakit.org/examples/dialog-combobox-tab-command-menu)
      * @default false
      */
     focusWrap: boolean | Orientation;
@@ -155,6 +161,10 @@ export interface CompositeStoreState<T extends CompositeStoreItem = CompositeSto
      *
      * If enabled, moving up or down when there's no next item or when the next
      * item is disabled will shift to the item right before it.
+     *
+     * Live examples:
+     * - [Command Menu with
+     *   Tabs](https://ariakit.org/examples/dialog-combobox-tab-command-menu)
      * @default false
      */
     focusShift: boolean;

package/esm/composite/composite-store.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/AJZ4BYF3.js";
-import "../__chunks/CYQWQL4J.js";
+} from "../__chunks/2CHYBBFH.js";
 import "../__chunks/7PRQYBBV.js";
+import "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/3YLGPPWQ.js";
 export {
   createCompositeStore

package/esm/form/form-store.d.ts

@@ -186,7 +186,7 @@ export interface FormStoreFunctions<T extends FormStoreValues = FormStoreValues>
      *   }
      * });
      */
-    onValidate: (callback: FormStoreCallback<FormStoreState<T>>) => void;
+    onValidate: (callback: FormStoreCallback<FormStoreState<T>>) => () => void;
     /**
      * Function that accepts a callback that will be used to submit the form when
      * [`submit`](https://ariakit.org/reference/use-form-store#submit) is called.
@@ -201,7 +201,7 @@ export interface FormStoreFunctions<T extends FormStoreValues = FormStoreValues>
      *   }
      * });
      */
-    onSubmit: (callback: FormStoreCallback<FormStoreState<T>>) => void;
+    onSubmit: (callback: FormStoreCallback<FormStoreState<T>>) => () => void;
     /**
      * Validates the form.
      * @example

package/esm/form/form-store.js

@@ -1,11 +1,13 @@
 "use client";
 import {
   createCollectionStore
-} from "../__chunks/CYQWQL4J.js";
+} from "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   createStore,
   init,
   setup,
+  sync,
   throwOnConflictingProps
 } from "../__chunks/BCALMBPZ.js";
 import {
@@ -14,7 +16,6 @@ import {
   isInteger,
   isObject
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import {
   __spreadProps,
   __spreadValues
@@ -153,6 +154,13 @@ function createFormStore(props = {}) {
   };
   const callbacks = createStore(callbacksInitialState, syncCallbacks);
   setup(form, () => init(callbacks));
+  setup(
+    form,
+    () => sync(form, ["validating", "errors"], (state) => {
+      if (state.validating) return;
+      form.setState("valid", !hasMessages(state.errors));
+    })
+  );
   const validate = async () => {
     form.setState("validating", true);
     form.setState("errors", {});
@@ -256,6 +264,7 @@ function createFormStore(props = {}) {
       form.setState("submitting", false);
       form.setState("submitSucceed", 0);
       form.setState("submitFailed", 0);
+      form.setState("valid", !hasMessages(errors));
     },
     // @ts-expect-error Internal
     __unstableCallbacks: callbacks

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

@@ -1,13 +1,13 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/7HRRFUKQ.js";
-import "../__chunks/AJZ4BYF3.js";
-import "../__chunks/CYQWQL4J.js";
+} from "../__chunks/PQ5AROUB.js";
+import "../__chunks/2CHYBBFH.js";
 import "../__chunks/7PRQYBBV.js";
+import "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/3YLGPPWQ.js";
 
 // src/menu/menu-bar-store.ts

package/esm/menu/menu-store.js

@@ -2,14 +2,15 @@
 import {
   createHovercardStore
 } from "../__chunks/JTLIIJ4U.js";
+import "../__chunks/ME2CUF3F.js";
 import {
   createCompositeStore
-} from "../__chunks/AJZ4BYF3.js";
-import "../__chunks/CYQWQL4J.js";
+} from "../__chunks/2CHYBBFH.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/ME2CUF3F.js";
 import "../__chunks/FZZ2AVHF.js";
 import "../__chunks/RCQ5P4YE.js";
+import "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   createStore,
   mergeStore,
@@ -23,7 +24,6 @@ import {
   applyState,
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/menubar/menubar-store.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/7HRRFUKQ.js";
-import "../__chunks/AJZ4BYF3.js";
-import "../__chunks/CYQWQL4J.js";
+} from "../__chunks/PQ5AROUB.js";
+import "../__chunks/2CHYBBFH.js";
 import "../__chunks/7PRQYBBV.js";
+import "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/3YLGPPWQ.js";
 export {
   createMenubarStore

package/esm/radio/radio-store.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/AJZ4BYF3.js";
-import "../__chunks/CYQWQL4J.js";
+} from "../__chunks/2CHYBBFH.js";
 import "../__chunks/7PRQYBBV.js";
+import "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   createStore
 } from "../__chunks/BCALMBPZ.js";
 import {
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/select/select-store.js

@@ -1,16 +1,17 @@
 "use client";
+import {
+  createPopoverStore
+} from "../__chunks/ME2CUF3F.js";
 import {
   createCompositeStore
-} from "../__chunks/AJZ4BYF3.js";
-import "../__chunks/CYQWQL4J.js";
+} from "../__chunks/2CHYBBFH.js";
 import {
   toArray
 } from "../__chunks/7PRQYBBV.js";
-import {
-  createPopoverStore
-} from "../__chunks/ME2CUF3F.js";
 import "../__chunks/FZZ2AVHF.js";
 import "../__chunks/RCQ5P4YE.js";
+import "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   batch,
   createStore,
@@ -23,7 +24,6 @@ import {
 import {
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/tab/tab-store.d.ts

@@ -25,6 +25,8 @@ export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
      * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
      * - [Select with Combobox and
      *   Tabs](https://ariakit.org/examples/select-combobox-tab)
+     * - [Command Menu with
+     *   Tabs](https://ariakit.org/examples/dialog-combobox-tab-command-menu)
      */
     selectedId: TabStoreState["activeId"];
     /**
@@ -107,6 +109,8 @@ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientatio
      * - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
      * - [Select with Combobox and
      *   Tabs](https://ariakit.org/examples/select-combobox-tab)
+     * - [Command Menu with
+     *   Tabs](https://ariakit.org/examples/dialog-combobox-tab-command-menu)
      */
     defaultSelectedId?: TabStoreState["selectedId"];
 }

package/esm/tab/tab-store.js

@@ -1,11 +1,12 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/AJZ4BYF3.js";
+} from "../__chunks/2CHYBBFH.js";
+import "../__chunks/7PRQYBBV.js";
 import {
   createCollectionStore
-} from "../__chunks/CYQWQL4J.js";
-import "../__chunks/7PRQYBBV.js";
+} from "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   batch,
   createStore,
@@ -18,7 +19,6 @@ import {
   chain,
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/tag/tag-store.js

@@ -1,12 +1,13 @@
 "use client";
-import {
-  createCompositeStore
-} from "../__chunks/AJZ4BYF3.js";
-import "../__chunks/CYQWQL4J.js";
-import "../__chunks/7PRQYBBV.js";
 import {
   UndoManager
 } from "../__chunks/7LM4Q2XB.js";
+import {
+  createCompositeStore
+} from "../__chunks/2CHYBBFH.js";
+import "../__chunks/7PRQYBBV.js";
+import "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   createStore,
   setup,
@@ -16,7 +17,6 @@ import {
   applyState,
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/toolbar/toolbar-store.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/AJZ4BYF3.js";
-import "../__chunks/CYQWQL4J.js";
+} from "../__chunks/2CHYBBFH.js";
 import "../__chunks/7PRQYBBV.js";
+import "../__chunks/EO4GVUA4.js";
+import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/BCALMBPZ.js";
 import {
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/DTR5TSDJ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/utils/events.js

@@ -102,7 +102,7 @@ function queueBeforeEvent(element, type, callback, timeout) {
 function addGlobalEventListener(type, listener, options, scope = window) {
   const children = [];
   try {
-    scope.addEventListener(type, listener, options);
+    scope.document.addEventListener(type, listener, options);
     for (const frame of Array.from(scope.frames)) {
       children.push(addGlobalEventListener(type, listener, options, frame));
     }
@@ -110,7 +110,7 @@ function addGlobalEventListener(type, listener, options, scope = window) {
   }
   const removeEventListener = () => {
     try {
-      scope.removeEventListener(type, listener, options);
+      scope.document.removeEventListener(type, listener, options);
     } catch (e) {
     }
     for (const remove of children) {