@ariakit/core 0.4.12 → 0.4.14

package/esm/__chunks/{EACLTACN.js → JTLIIJ4U.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   createPopoverStore
-} from "./3UYWTADI.js";
+} from "./ME2CUF3F.js";
 import {
   createStore
-} from "./EQQLU3CG.js";
+} from "./BCALMBPZ.js";
 import {
   defaultValue
 } from "./PBFD2E7P.js";

package/esm/__chunks/{3UYWTADI.js → ME2CUF3F.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   createDialogStore
-} from "./YOHCVXJB.js";
+} from "./FZZ2AVHF.js";
 import {
   createStore,
   mergeStore,
   omit,
   throwOnConflictingProps
-} from "./EQQLU3CG.js";
+} from "./BCALMBPZ.js";
 import {
   defaultValue
 } from "./PBFD2E7P.js";

package/esm/__chunks/{3VBK76MS.js → QAGXQEUG.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   canUseDOM
-} from "./PQP5VPTV.js";
+} from "./DTR5TSDJ.js";
 
 // src/utils/platform.ts
 function isTouchDevice() {

package/esm/__chunks/{6E4KKOSB.js → RCQ5P4YE.js}

@@ -7,7 +7,7 @@ import {
   subscribe,
   sync,
   throwOnConflictingProps
-} from "./EQQLU3CG.js";
+} from "./BCALMBPZ.js";
 import {
   defaultValue
 } from "./PBFD2E7P.js";

package/esm/checkbox/checkbox-store.js

@@ -2,7 +2,7 @@
 import {
   createStore,
   throwOnConflictingProps
-} from "../__chunks/EQQLU3CG.js";
+} from "../__chunks/BCALMBPZ.js";
 import {
   defaultValue
 } from "../__chunks/PBFD2E7P.js";

package/esm/collection/collection-store.js

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

package/esm/combobox/combobox-store.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/IJ6VFLJG.js";
-import "../__chunks/7DTP4AQO.js";
+} from "../__chunks/AJZ4BYF3.js";
+import "../__chunks/CYQWQL4J.js";
 import "../__chunks/7PRQYBBV.js";
 import {
   createPopoverStore
-} from "../__chunks/3UYWTADI.js";
-import "../__chunks/YOHCVXJB.js";
-import "../__chunks/6E4KKOSB.js";
+} from "../__chunks/ME2CUF3F.js";
+import "../__chunks/FZZ2AVHF.js";
+import "../__chunks/RCQ5P4YE.js";
 import {
   batch,
   createStore,
@@ -17,7 +17,7 @@ import {
   setup,
   sync,
   throwOnConflictingProps
-} from "../__chunks/EQQLU3CG.js";
+} from "../__chunks/BCALMBPZ.js";
 import {
   chain,
   defaultValue
@@ -25,8 +25,8 @@ import {
 import {
   isSafari,
   isTouchDevice
-} from "../__chunks/3VBK76MS.js";
-import "../__chunks/PQP5VPTV.js";
+} from "../__chunks/QAGXQEUG.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/composite/composite-overflow-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createPopoverStore
-} from "../__chunks/3UYWTADI.js";
-import "../__chunks/YOHCVXJB.js";
-import "../__chunks/6E4KKOSB.js";
-import "../__chunks/EQQLU3CG.js";
+} from "../__chunks/ME2CUF3F.js";
+import "../__chunks/FZZ2AVHF.js";
+import "../__chunks/RCQ5P4YE.js";
+import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
 import "../__chunks/3YLGPPWQ.js";
 

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

@@ -31,6 +31,12 @@ export interface CompositeStoreItem extends CollectionStoreItem {
     children?: string;
 }
 export interface CompositeStoreState<T extends CompositeStoreItem = CompositeStoreItem> extends CollectionStoreState<T> {
+    /**
+     * The ID of the composite store is used to reference elements within the
+     * composite widget before hydration. If not provided, a random ID will be
+     * generated.
+     */
+    id: string;
     /**
      * The composite element itself. Typically, it's the wrapper element that
      * contains composite items. However, in a combobox, it's the input element.
@@ -289,7 +295,7 @@ export interface CompositeStoreFunctions<T extends CompositeStoreItem = Composit
      */
     last: () => string | null | undefined;
 }
-export interface CompositeStoreOptions<T extends CompositeStoreItem = CompositeStoreItem> extends CollectionStoreOptions<T>, StoreOptions<CompositeStoreState<T>, "virtualFocus" | "orientation" | "rtl" | "focusLoop" | "focusWrap" | "focusShift" | "includesBaseElement" | "activeId"> {
+export interface CompositeStoreOptions<T extends CompositeStoreItem = CompositeStoreItem> extends CollectionStoreOptions<T>, StoreOptions<CompositeStoreState<T>, "id" | "virtualFocus" | "orientation" | "rtl" | "focusLoop" | "focusWrap" | "focusShift" | "includesBaseElement" | "activeId"> {
     /**
      * The composite item id that should be active by default when the composite
      * widget is rendered. If `null`, the composite element itself will have focus

package/esm/composite/composite-store.js

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

package/esm/dialog/dialog-store.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   createDialogStore
-} from "../__chunks/YOHCVXJB.js";
-import "../__chunks/6E4KKOSB.js";
-import "../__chunks/EQQLU3CG.js";
+} from "../__chunks/FZZ2AVHF.js";
+import "../__chunks/RCQ5P4YE.js";
+import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
 import "../__chunks/3YLGPPWQ.js";
 export {

package/esm/disclosure/disclosure-store.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   createDisclosureStore
-} from "../__chunks/6E4KKOSB.js";
-import "../__chunks/EQQLU3CG.js";
+} from "../__chunks/RCQ5P4YE.js";
+import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
 import "../__chunks/3YLGPPWQ.js";
 export {

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,20 +1,20 @@
 "use client";
 import {
   createCollectionStore
-} from "../__chunks/7DTP4AQO.js";
+} from "../__chunks/CYQWQL4J.js";
 import {
   createStore,
   init,
   setup,
   throwOnConflictingProps
-} from "../__chunks/EQQLU3CG.js";
+} from "../__chunks/BCALMBPZ.js";
 import {
   applyState,
   defaultValue,
   isInteger,
   isObject
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/PQP5VPTV.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/hovercard/hovercard-store.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   createHovercardStore
-} from "../__chunks/EACLTACN.js";
-import "../__chunks/3UYWTADI.js";
-import "../__chunks/YOHCVXJB.js";
-import "../__chunks/6E4KKOSB.js";
-import "../__chunks/EQQLU3CG.js";
+} from "../__chunks/JTLIIJ4U.js";
+import "../__chunks/ME2CUF3F.js";
+import "../__chunks/FZZ2AVHF.js";
+import "../__chunks/RCQ5P4YE.js";
+import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
 import "../__chunks/3YLGPPWQ.js";
 export {

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

@@ -1,13 +1,13 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/S22RJCNX.js";
-import "../__chunks/IJ6VFLJG.js";
-import "../__chunks/7DTP4AQO.js";
+} from "../__chunks/7HRRFUKQ.js";
+import "../__chunks/AJZ4BYF3.js";
+import "../__chunks/CYQWQL4J.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/EQQLU3CG.js";
+import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
-import "../__chunks/PQP5VPTV.js";
+import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/3YLGPPWQ.js";
 
 // src/menu/menu-bar-store.ts

package/esm/menu/menu-store.js

@@ -1,15 +1,15 @@
 "use client";
 import {
   createHovercardStore
-} from "../__chunks/EACLTACN.js";
+} from "../__chunks/JTLIIJ4U.js";
 import {
   createCompositeStore
-} from "../__chunks/IJ6VFLJG.js";
-import "../__chunks/7DTP4AQO.js";
+} from "../__chunks/AJZ4BYF3.js";
+import "../__chunks/CYQWQL4J.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/3UYWTADI.js";
-import "../__chunks/YOHCVXJB.js";
-import "../__chunks/6E4KKOSB.js";
+import "../__chunks/ME2CUF3F.js";
+import "../__chunks/FZZ2AVHF.js";
+import "../__chunks/RCQ5P4YE.js";
 import {
   createStore,
   mergeStore,
@@ -18,12 +18,12 @@ import {
   setup,
   sync,
   throwOnConflictingProps
-} from "../__chunks/EQQLU3CG.js";
+} from "../__chunks/BCALMBPZ.js";
 import {
   applyState,
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/PQP5VPTV.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/menubar/menubar-store.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/S22RJCNX.js";
-import "../__chunks/IJ6VFLJG.js";
-import "../__chunks/7DTP4AQO.js";
+} from "../__chunks/7HRRFUKQ.js";
+import "../__chunks/AJZ4BYF3.js";
+import "../__chunks/CYQWQL4J.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/EQQLU3CG.js";
+import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
-import "../__chunks/PQP5VPTV.js";
+import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/3YLGPPWQ.js";
 export {
   createMenubarStore

package/esm/popover/popover-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createPopoverStore
-} from "../__chunks/3UYWTADI.js";
-import "../__chunks/YOHCVXJB.js";
-import "../__chunks/6E4KKOSB.js";
-import "../__chunks/EQQLU3CG.js";
+} from "../__chunks/ME2CUF3F.js";
+import "../__chunks/FZZ2AVHF.js";
+import "../__chunks/RCQ5P4YE.js";
+import "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
 import "../__chunks/3YLGPPWQ.js";
 export {

package/esm/radio/radio-store.js

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

package/esm/select/select-store.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/IJ6VFLJG.js";
-import "../__chunks/7DTP4AQO.js";
+} from "../__chunks/AJZ4BYF3.js";
+import "../__chunks/CYQWQL4J.js";
 import {
   toArray
 } from "../__chunks/7PRQYBBV.js";
 import {
   createPopoverStore
-} from "../__chunks/3UYWTADI.js";
-import "../__chunks/YOHCVXJB.js";
-import "../__chunks/6E4KKOSB.js";
+} from "../__chunks/ME2CUF3F.js";
+import "../__chunks/FZZ2AVHF.js";
+import "../__chunks/RCQ5P4YE.js";
 import {
   batch,
   createStore,
@@ -19,11 +19,11 @@ import {
   setup,
   sync,
   throwOnConflictingProps
-} from "../__chunks/EQQLU3CG.js";
+} from "../__chunks/BCALMBPZ.js";
 import {
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/PQP5VPTV.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/tab/tab-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/IJ6VFLJG.js";
+} from "../__chunks/AJZ4BYF3.js";
 import {
   createCollectionStore
-} from "../__chunks/7DTP4AQO.js";
+} from "../__chunks/CYQWQL4J.js";
 import "../__chunks/7PRQYBBV.js";
 import {
   batch,
@@ -13,12 +13,12 @@ import {
   omit,
   setup,
   sync
-} from "../__chunks/EQQLU3CG.js";
+} from "../__chunks/BCALMBPZ.js";
 import {
   chain,
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/PQP5VPTV.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/tag/tag-store.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/IJ6VFLJG.js";
-import "../__chunks/7DTP4AQO.js";
+} from "../__chunks/AJZ4BYF3.js";
+import "../__chunks/CYQWQL4J.js";
 import "../__chunks/7PRQYBBV.js";
 import {
   UndoManager
@@ -11,12 +11,12 @@ import {
   createStore,
   setup,
   sync
-} from "../__chunks/EQQLU3CG.js";
+} from "../__chunks/BCALMBPZ.js";
 import {
   applyState,
   defaultValue
 } from "../__chunks/PBFD2E7P.js";
-import "../__chunks/PQP5VPTV.js";
+import "../__chunks/DTR5TSDJ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/toolbar/toolbar-store.js

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

package/esm/tooltip/tooltip-store.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   createHovercardStore
-} from "../__chunks/EACLTACN.js";
-import "../__chunks/3UYWTADI.js";
-import "../__chunks/YOHCVXJB.js";
-import "../__chunks/6E4KKOSB.js";
+} from "../__chunks/JTLIIJ4U.js";
+import "../__chunks/ME2CUF3F.js";
+import "../__chunks/FZZ2AVHF.js";
+import "../__chunks/RCQ5P4YE.js";
 import {
   createStore
-} from "../__chunks/EQQLU3CG.js";
+} from "../__chunks/BCALMBPZ.js";
 import {
   defaultValue
 } from "../__chunks/PBFD2E7P.js";

package/esm/utils/dom.d.ts

@@ -9,11 +9,11 @@ export declare const canUseDOM: boolean;
 /**
  * Returns `element.ownerDocument || document`.
  */
-export declare function getDocument(node?: Node | null): Document;
+export declare function getDocument(node?: Window | Document | Node | null): Document;
 /**
  * Returns `element.ownerDocument.defaultView || window`.
  */
-export declare function getWindow(node?: Node | null): Window;
+export declare function getWindow(node?: Window | Document | Node | null): Window;
 /**
  * Returns `element.ownerDocument.activeElement`.
  */
@@ -106,3 +106,7 @@ export declare function isPartiallyHidden(element: Element): boolean;
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
  */
 export declare function setSelectionRange(element: HTMLInputElement | HTMLTextAreaElement, ...args: Parameters<typeof HTMLInputElement.prototype.setSelectionRange>): void;
+/**
+ * Sort the items based on their DOM position.
+ */
+export declare function sortBasedOnDOMPosition<T>(items: T[], getElement: (item: T) => Element | null | undefined): T[];

package/esm/utils/dom.js

@@ -17,8 +17,9 @@ import {
   isTextbox,
   isVisible,
   scrollIntoViewIfNeeded,
-  setSelectionRange
-} from "../__chunks/PQP5VPTV.js";
+  setSelectionRange,
+  sortBasedOnDOMPosition
+} from "../__chunks/DTR5TSDJ.js";
 import "../__chunks/3YLGPPWQ.js";
 export {
   canUseDOM,
@@ -38,5 +39,6 @@ export {
   isTextbox,
   isVisible,
   scrollIntoViewIfNeeded,
-  setSelectionRange
+  setSelectionRange,
+  sortBasedOnDOMPosition
 };

package/esm/utils/events.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   isApple
-} from "../__chunks/3VBK76MS.js";
+} from "../__chunks/QAGXQEUG.js";
 import {
   contains
-} from "../__chunks/PQP5VPTV.js";
+} from "../__chunks/DTR5TSDJ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/utils/focus.js

@@ -4,7 +4,7 @@ import {
   getActiveElement,
   isFrame,
   isVisible
-} from "../__chunks/PQP5VPTV.js";
+} from "../__chunks/DTR5TSDJ.js";
 import {
   __spreadValues
 } from "../__chunks/3YLGPPWQ.js";

package/esm/utils/platform.js

@@ -5,8 +5,8 @@ import {
   isMac,
   isSafari,
   isTouchDevice
-} from "../__chunks/3VBK76MS.js";
-import "../__chunks/PQP5VPTV.js";
+} from "../__chunks/QAGXQEUG.js";
+import "../__chunks/DTR5TSDJ.js";
 import "../__chunks/3YLGPPWQ.js";
 export {
   isApple,

package/esm/utils/store.js

@@ -10,7 +10,7 @@ import {
   subscribe,
   sync,
   throwOnConflictingProps
-} from "../__chunks/EQQLU3CG.js";
+} from "../__chunks/BCALMBPZ.js";
 import "../__chunks/PBFD2E7P.js";
 import "../__chunks/3YLGPPWQ.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/core",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "description": "Ariakit core",
   "sideEffects": false,
   "license": "MIT",