@ariakit/core 0.4.5 → 0.4.6

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

@@ -1,13 +1,13 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/K7A7LTR3.js";
-import "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/P3MTNH46.js";
+import "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
 import "../__chunks/7PRQYBBV.js";
 import "../__chunks/R676XYVY.js";
 import "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/menu/menu-bar-store.ts

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

@@ -1,9 +1,9 @@
-import type { ComboboxStore } from "../combobox/combobox-store.js";
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.js";
-import type { MenuBarStore } from "./menu-bar-store.js";
+import type { ComboboxStore } from "../combobox/combobox-store.ts";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.ts";
+import type { MenuBarStore } from "./menu-bar-store.ts";
 export declare function createMenuStore<T extends MenuStoreValues = MenuStoreValues>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
 export declare function createMenuStore(props?: MenuStoreProps): MenuStore;
 export type MenuStoreValues = Record<string, string | boolean | number | Array<string | number>>;

package/esm/menu/menu-store.js

@@ -4,8 +4,8 @@ import {
 } from "../__chunks/BRS7GKWU.js";
 import {
   createCompositeStore
-} from "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
 import "../__chunks/7PRQYBBV.js";
 import "../__chunks/MFZZDIHG.js";
 import "../__chunks/5RJNXXU2.js";
@@ -23,7 +23,7 @@ import {
   applyState,
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
   __objRest,
   __spreadProps,

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

@@ -1,5 +1,5 @@
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store, StoreProps } from "../utils/store.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { Store, StoreProps } from "../utils/store.ts";
 /**
  * Creates a menubar store.
  */

package/esm/menubar/menubar-store.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/K7A7LTR3.js";
-import "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/P3MTNH46.js";
+import "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
 import "../__chunks/7PRQYBBV.js";
 import "../__chunks/R676XYVY.js";
 import "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   createMenubarStore

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

@@ -1,6 +1,6 @@
-import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { SetState } from "../utils/types.js";
+import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { SetState } from "../utils/types.ts";
 type BasePlacement = "top" | "bottom" | "left" | "right";
 type Placement = BasePlacement | `${BasePlacement}-start` | `${BasePlacement}-end`;
 /**

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

@@ -1,6 +1,6 @@
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { SetState } from "../utils/types.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { SetState } from "../utils/types.ts";
 /**
  * Creates a radio store.
  */

package/esm/radio/radio-store.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
 import "../__chunks/7PRQYBBV.js";
 import {
   createStore
@@ -10,7 +10,7 @@ import {
 import {
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
   __objRest,
   __spreadProps,

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

@@ -1,8 +1,8 @@
-import type { ComboboxStore } from "../combobox/combobox-store.js";
-import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { PickRequired, SetState } from "../utils/types.js";
+import type { ComboboxStore } from "../combobox/combobox-store.ts";
+import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { PickRequired, SetState } from "../utils/types.ts";
 type MutableValue<T extends SelectStoreValue = SelectStoreValue> = T extends string ? string : T;
 export declare function createSelectStore<T extends SelectStoreValue = SelectStoreValue>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
 export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
@@ -46,6 +46,10 @@ export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue>
      * @default false
      */
     setValueOnMove: boolean;
+    /**
+     * The select label element.
+     */
+    labelElement: HTMLElement | null;
     /**
      * The select button element.
      *
@@ -54,9 +58,9 @@ export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue>
      */
     selectElement: HTMLElement | null;
     /**
-     * The select label element.
+     * The select list element.
      */
-    labelElement: HTMLElement | null;
+    listElement: HTMLElement | null;
 }
 export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreValue> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<SelectStoreItem>, PopoverStoreFunctions {
     /**
@@ -68,14 +72,18 @@ export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreVa
      * store.setValue((value) => value === "Apple" ? "Banana" : "Apple"));
      */
     setValue: SetState<SelectStoreState<T>["value"]>;
+    /**
+     * Sets the `labelElement` state.
+     */
+    setLabelElement: SetState<SelectStoreState<T>["labelElement"]>;
     /**
      * Sets the `selectElement` state.
      */
     setSelectElement: SetState<SelectStoreState<T>["selectElement"]>;
     /**
-     * Sets the `labelElement` state.
+     * Sets the `listElement` state.
      */
-    setLabelElement: SetState<SelectStoreState<T>["labelElement"]>;
+    setListElement: SetState<SelectStoreState<T>["listElement"]>;
 }
 export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValue> extends StoreOptions<SelectStoreState<T>, "virtualFocus" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove">, CompositeStoreOptions<SelectStoreItem>, PopoverStoreOptions {
     /**

package/esm/select/select-store.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
 import {
   toArray
 } from "../__chunks/7PRQYBBV.js";
@@ -23,7 +23,7 @@ import {
 import {
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
   __objRest,
   __spreadProps,
@@ -98,8 +98,9 @@ function createSelectStore(_a = {}) {
       syncState.setValueOnMove,
       false
     ),
+    labelElement: defaultValue(syncState.labelElement, null),
     selectElement: defaultValue(syncState.selectElement, null),
-    labelElement: defaultValue(syncState.labelElement, null)
+    listElement: defaultValue(syncState.listElement, null)
   });
   const select = createStore(initialState, composite, popover, store);
   setup(
@@ -117,6 +118,14 @@ function createSelectStore(_a = {}) {
       select.setState("value", item.value);
     })
   );
+  setup(
+    select,
+    () => sync(select, ["mounted"], (state) => {
+      if (state.mounted)
+        return;
+      select.setState("activeId", initialState.activeId);
+    })
+  );
   setup(
     select,
     () => sync(select, ["mounted", "items", "value"], (state) => {
@@ -157,8 +166,9 @@ function createSelectStore(_a = {}) {
   return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, composite), popover), select), {
     combobox,
     setValue: (value) => select.setState("value", value),
+    setLabelElement: (element) => select.setState("labelElement", element),
     setSelectElement: (element) => select.setState("selectElement", element),
-    setLabelElement: (element) => select.setState("labelElement", element)
+    setListElement: (element) => select.setState("listElement", element)
   });
 }
 export {

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

@@ -1,8 +1,9 @@
-import type { CollectionStore, CollectionStoreItem } from "../collection/collection-store.js";
-import type { ComboboxStore } from "../combobox/combobox-store.js";
-import type { CompositeStore, CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { SetState } from "../utils/types.js";
+import type { CollectionStore, CollectionStoreItem } from "../collection/collection-store.ts";
+import type { ComboboxStore } from "../combobox/combobox-store.ts";
+import type { CompositeStore, CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { SelectStore } from "../select/select-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { SetState } from "../utils/types.ts";
 export declare function createTabStore({ composite: parentComposite, combobox, ...props }?: TabStoreProps): TabStore;
 export interface TabStoreItem extends CompositeStoreItem {
     dimmed?: boolean;
@@ -85,7 +86,7 @@ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientatio
      * [Select](https://ariakit.org/components/select). The stores will share the
      * same state.
      */
-    composite?: CompositeStore | null;
+    composite?: CompositeStore | SelectStore | null;
     /**
      * A reference to a [combobox
      * store](https://ariakit.org/reference/use-combobox-store). This is used when

package/esm/tab/tab-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/YVUNPQHS.js";
+} from "../__chunks/PBSSD2DM.js";
 import {
   createCollectionStore
-} from "../__chunks/ABMC67JW.js";
+} from "../__chunks/EQPTKGFA.js";
 import "../__chunks/7PRQYBBV.js";
 import {
   batch,
@@ -15,9 +15,10 @@ import {
   sync
 } from "../__chunks/R676XYVY.js";
 import {
+  chain,
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
   __objRest,
   __spreadProps,
@@ -38,6 +39,8 @@ function createTabStore(_a = {}) {
     "renderedItems",
     "moves",
     "orientation",
+    "virtualFocus",
+    "includesBaseElement",
     "baseElement",
     "focusLoop",
     "focusShift",
@@ -50,6 +53,16 @@ function createTabStore(_a = {}) {
   );
   const syncState = store == null ? void 0 : store.getState();
   const composite = createCompositeStore(__spreadProps(__spreadValues({}, props), {
+    store,
+    // We need to explicitly set the default value of `includesBaseElement` to
+    // `false` since we don't want the composite store to default it to `true`
+    // when the activeId state is null, which could be the case when rendering
+    // combobox with tab.
+    includesBaseElement: defaultValue(
+      props.includesBaseElement,
+      syncState == null ? void 0 : syncState.includesBaseElement,
+      false
+    ),
     orientation: defaultValue(
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,
@@ -62,8 +75,7 @@ function createTabStore(_a = {}) {
     selectedId: defaultValue(
       props.selectedId,
       syncState == null ? void 0 : syncState.selectedId,
-      props.defaultSelectedId,
-      void 0
+      props.defaultSelectedId
     ),
     selectOnMove: defaultValue(
       props.selectOnMove,
@@ -92,11 +104,11 @@ function createTabStore(_a = {}) {
   );
   setup(
     tab,
-    () => batch(
-      tab,
-      ["selectedId"],
-      (state) => tab.setState("activeId", state.selectedId)
-    )
+    () => batch(tab, ["selectedId"], (state, prev) => {
+      if (parentComposite && state.selectedId === prev.selectedId)
+        return;
+      tab.setState("activeId", state.selectedId);
+    })
   );
   setup(
     tab,
@@ -137,6 +149,27 @@ function createTabStore(_a = {}) {
       });
     })
   );
+  let selectedIdFromSelectedValue = null;
+  setup(tab, () => {
+    const backupSelectedId = () => {
+      selectedIdFromSelectedValue = tab.getState().selectedId;
+    };
+    const restoreSelectedId = () => {
+      tab.setState("selectedId", selectedIdFromSelectedValue);
+    };
+    if (parentComposite && "setSelectElement" in parentComposite) {
+      return chain(
+        sync(parentComposite, ["value"], backupSelectedId),
+        sync(parentComposite, ["open"], restoreSelectedId)
+      );
+    }
+    if (!combobox)
+      return;
+    return chain(
+      sync(combobox, ["selectedValue"], backupSelectedId),
+      sync(combobox, ["open"], restoreSelectedId)
+    );
+  });
   return __spreadProps(__spreadValues(__spreadValues({}, composite), tab), {
     panels,
     setSelectedId: (id) => tab.setState("selectedId", id),

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

@@ -1,6 +1,6 @@
-import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { SetState } from "../utils/types.js";
+import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { SetState } from "../utils/types.ts";
 /**
  * Creates a tag store.
  */

package/esm/tag/tag-store.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
 import "../__chunks/7PRQYBBV.js";
 import {
   UndoManager
@@ -16,7 +16,7 @@ import {
   applyState,
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
   __spreadProps,
   __spreadValues

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

@@ -1,5 +1,5 @@
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
 /**
  * Creates a toolbar store.
  */

package/esm/toolbar/toolbar-store.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
 import "../__chunks/7PRQYBBV.js";
 import "../__chunks/R676XYVY.js";
 import {
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
   __spreadProps,
   __spreadValues

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

@@ -1,5 +1,5 @@
-import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
+import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
 /**
  * Creates a tooltip store.
  */

package/esm/utils/dom.d.ts

@@ -1,4 +1,4 @@
-import type { AriaHasPopup, AriaRole } from "./types.js";
+import type { AriaHasPopup, AriaRole } from "./types.ts";
 /**
  * It's `true` if it is running in a browser environment or `false` if it is not
  * (SSR).
@@ -45,26 +45,10 @@ export declare function isButton(element: {
     tagName: string;
     type?: string;
 }): boolean;
-/**
- * Ponyfill for `Element.prototype.matches`
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
- */
-export declare function matches(element: Element, selectors: string): boolean;
 /**
  * Checks if the element is visible or not.
  */
 export declare function isVisible(element: Element): boolean;
-/**
- * Ponyfill for `Element.prototype.closest`
- * @example
- * closest(document.getElementById("id"), "div");
- * // same as
- * document.getElementById("id").closest("div");
- */
-export declare function closest<K extends keyof HTMLElementTagNameMap>(element: Element, selectors: K): HTMLElementTagNameMap[K];
-export declare function closest<K extends keyof SVGElementTagNameMap>(element: Element, selectors: K): SVGElementTagNameMap[K];
-export declare function closest<T extends Element = Element>(element: Element, selectors: string): T | null;
 /**
  * Check whether the given element is a text field, where text field is defined
  * by the ability to select within the input.

package/esm/utils/dom.js

@@ -1,7 +1,6 @@
 "use client";
 import {
   canUseDOM,
-  closest,
   contains,
   getActiveElement,
   getDocument,
@@ -17,14 +16,12 @@ import {
   isTextField,
   isTextbox,
   isVisible,
-  matches,
   scrollIntoViewIfNeeded,
   setSelectionRange
-} from "../__chunks/IUORCTET.js";
+} from "../__chunks/I2NJJ3XW.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   canUseDOM,
-  closest,
   contains,
   getActiveElement,
   getDocument,
@@ -40,7 +37,6 @@ export {
   isTextField,
   isTextbox,
   isVisible,
-  matches,
   scrollIntoViewIfNeeded,
   setSelectionRange
 };

package/esm/utils/events.d.ts

@@ -71,6 +71,6 @@ export declare function getInputType(event: Event | {
 /**
  * Runs a callback on the next animation frame, but before a certain event.
  */
-export declare function queueBeforeEvent(element: Element, type: string, callback: () => void): number;
+export declare function queueBeforeEvent(element: Element, type: string, callback: () => void, timeout?: number): () => void;
 export declare function addGlobalEventListener<K extends keyof DocumentEventMap>(type: K, listener: (event: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions, scope?: Window): () => void;
 export declare function addGlobalEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions, scope?: Window): () => void;

package/esm/utils/events.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   isApple
-} from "../__chunks/QAI5BPCY.js";
+} from "../__chunks/CLSHHUGK.js";
 import {
   contains
-} from "../__chunks/IUORCTET.js";
+} from "../__chunks/I2NJJ3XW.js";
 import {
   __spreadProps,
   __spreadValues
@@ -93,20 +93,25 @@ function getInputType(event) {
     return;
   return nativeEvent.inputType;
 }
-function queueBeforeEvent(element, type, callback) {
-  const raf = requestAnimationFrame(() => {
-    element.removeEventListener(type, callImmediately, true);
+function queueBeforeEvent(element, type, callback, timeout) {
+  const createTimer = (callback2) => {
+    if (timeout) {
+      const timerId2 = setTimeout(callback2, timeout);
+      return () => clearTimeout(timerId2);
+    }
+    const timerId = requestAnimationFrame(callback2);
+    return () => cancelAnimationFrame(timerId);
+  };
+  const cancelTimer = createTimer(() => {
+    element.removeEventListener(type, callSync, true);
     callback();
   });
-  const callImmediately = () => {
-    cancelAnimationFrame(raf);
+  const callSync = () => {
+    cancelTimer();
     callback();
   };
-  element.addEventListener(type, callImmediately, {
-    once: true,
-    capture: true
-  });
-  return raf;
+  element.addEventListener(type, callSync, { once: true, capture: true });
+  return cancelTimer;
 }
 function addGlobalEventListener(type, listener, options, scope = window) {
   const children = [];

package/esm/utils/focus.d.ts

@@ -6,7 +6,7 @@
  * isFocusable(document.querySelector("input[hidden]")); // false
  * isFocusable(document.querySelector("input:disabled")); // false
  */
-export declare function isFocusable(element: Element): element is HTMLElement;
+export declare function isFocusable(element: Element): boolean;
 /**
  * Checks whether `element` is tabbable or not.
  * @example

package/esm/utils/focus.js

@@ -1,12 +1,10 @@
 "use client";
 import {
-  closest,
   contains,
   getActiveElement,
   isFrame,
-  isVisible,
-  matches
-} from "../__chunks/IUORCTET.js";
+  isVisible
+} from "../__chunks/I2NJJ3XW.js";
 import {
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";
@@ -18,11 +16,11 @@ function hasNegativeTabIndex(element) {
   return tabIndex < 0;
 }
 function isFocusable(element) {
-  if (!matches(element, selector))
+  if (!element.matches(selector))
     return false;
   if (!isVisible(element))
     return false;
-  if (closest(element, "[inert]"))
+  if (element.closest("[inert]"))
     return false;
   return true;
 }
@@ -164,7 +162,7 @@ function getPreviousTabbable(fallbackToFirst, fallbackToFocusable) {
 }
 function getClosestFocusable(element) {
   while (element && !isFocusable(element)) {
-    element = closest(element, selector);
+    element = element.closest(selector);
   }
   return element || null;
 }

package/esm/utils/misc.d.ts

@@ -1,4 +1,4 @@
-import type { AnyFunction, AnyObject, SetStateAction } from "./types.js";
+import type { AnyFunction, AnyObject, SetStateAction } from "./types.ts";
 /**
  * Empty function.
  */

package/esm/utils/platform.js

@@ -5,8 +5,8 @@ import {
   isMac,
   isSafari,
   isTouchDevice
-} from "../__chunks/QAI5BPCY.js";
-import "../__chunks/IUORCTET.js";
+} from "../__chunks/CLSHHUGK.js";
+import "../__chunks/I2NJJ3XW.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   isApple,