@ariakit/core 0.4.11 → 0.4.13

package/esm/__chunks/{PQP5VPTV.js → DTR5TSDJ.js}

@@ -7,9 +7,13 @@ function checkIsBrowser() {
   return typeof window !== "undefined" && !!((_a = window.document) == null ? void 0 : _a.createElement);
 }
 function getDocument(node) {
-  return node ? node.ownerDocument || node : document;
+  if (!node) return document;
+  if ("self" in node) return node.document;
+  return node.ownerDocument || document;
 }
 function getWindow(node) {
+  if (!node) return self;
+  if ("self" in node) return node.self;
   return getDocument(node).defaultView || window;
 }
 function getActiveElement(node, activeDescendant = false) {
@@ -168,6 +172,35 @@ function setSelectionRange(element, ...args) {
     element.setSelectionRange(...args);
   }
 }
+function sortBasedOnDOMPosition(items, getElement) {
+  const pairs = items.map((item, index) => [index, item]);
+  let isOrderDifferent = false;
+  pairs.sort(([indexA, a], [indexB, b]) => {
+    const elementA = getElement(a);
+    const elementB = getElement(b);
+    if (elementA === elementB) return 0;
+    if (!elementA || !elementB) return 0;
+    if (isElementPreceding(elementA, elementB)) {
+      if (indexA > indexB) {
+        isOrderDifferent = true;
+      }
+      return -1;
+    }
+    if (indexA < indexB) {
+      isOrderDifferent = true;
+    }
+    return 1;
+  });
+  if (isOrderDifferent) {
+    return pairs.map(([_, item]) => item);
+  }
+  return items;
+}
+function isElementPreceding(a, b) {
+  return Boolean(
+    b.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_PRECEDING
+  );
+}
 
 export {
   canUseDOM,
@@ -187,5 +220,6 @@ export {
   scrollIntoViewIfNeeded,
   getScrollingElement,
   isPartiallyHidden,
-  setSelectionRange
+  setSelectionRange,
+  sortBasedOnDOMPosition
 };

package/esm/__chunks/{YOHCVXJB.js → FZZ2AVHF.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createDisclosureStore
-} from "./6E4KKOSB.js";
+} from "./RCQ5P4YE.js";
 
 // src/dialog/dialog-store.ts
 function createDialogStore(props = {}) {

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/7IJEP35G.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/7IJEP35G.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.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/YKFX5MNB.js";
-import "../__chunks/7IJEP35G.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/7IJEP35G.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/YKFX5MNB.js";
-import "../__chunks/7IJEP35G.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/7IJEP35G.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/7IJEP35G.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/7IJEP35G.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/7IJEP35G.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/7IJEP35G.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
@@ -102,7 +102,7 @@ function queueBeforeEvent(element, type, callback, timeout) {
 function addGlobalEventListener(type, listener, options, scope = window) {
   const children = [];
   try {
-    scope.document.addEventListener(type, listener, options);
+    scope.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.document.removeEventListener(type, listener, options);
+      scope.removeEventListener(type, listener, options);
     } catch (e) {
     }
     for (const remove of children) {

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,