@ariakit/core 0.4.5 → 0.4.7

package/cjs/tab/tab-store.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KL74MAHBcjs = require('../__chunks/KL74MAHB.cjs');
+var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
 
 
-var _QD2A4YF6cjs = require('../__chunks/QD2A4YF6.cjs');
+var _3COGJMN3cjs = require('../__chunks/3COGJMN3.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 
 
@@ -13,11 +13,12 @@ require('../__chunks/ULSPM3Y3.cjs');
 
 
 
-var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
+var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
+
 
 
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/IMYW2UAC.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 
 
 
@@ -38,18 +39,30 @@ function createTabStore(_a = {}) {
     "renderedItems",
     "moves",
     "orientation",
+    "virtualFocus",
+    "includesBaseElement",
     "baseElement",
     "focusLoop",
     "focusShift",
     "focusWrap"
   ];
-  const store = _B4LYZ4EMcjs.mergeStore.call(void 0, 
+  const store = _M2NNCFIJcjs.mergeStore.call(void 0, 
     props.store,
-    _B4LYZ4EMcjs.omit.call(void 0, parentComposite, independentKeys),
-    _B4LYZ4EMcjs.omit.call(void 0, combobox, independentKeys)
+    _M2NNCFIJcjs.omit.call(void 0, parentComposite, independentKeys),
+    _M2NNCFIJcjs.omit.call(void 0, combobox, independentKeys)
   );
   const syncState = store == null ? void 0 : store.getState();
-  const composite = _KL74MAHBcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _LBFF2BBKcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, 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: _EEDWPDM2cjs.defaultValue.call(void 0, 
+      props.includesBaseElement,
+      syncState == null ? void 0 : syncState.includesBaseElement,
+      false
+    ),
     orientation: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,
@@ -57,13 +70,12 @@ function createTabStore(_a = {}) {
     ),
     focusLoop: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   }));
-  const panels = _QD2A4YF6cjs.createCollectionStore.call(void 0, );
+  const panels = _3COGJMN3cjs.createCollectionStore.call(void 0, );
   const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
     selectedId: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.selectedId,
       syncState == null ? void 0 : syncState.selectedId,
-      props.defaultSelectedId,
-      void 0
+      props.defaultSelectedId
     ),
     selectOnMove: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.selectOnMove,
@@ -71,10 +83,10 @@ function createTabStore(_a = {}) {
       true
     )
   });
-  const tab = _B4LYZ4EMcjs.createStore.call(void 0, initialState, composite, store);
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  const tab = _M2NNCFIJcjs.createStore.call(void 0, initialState, composite, store);
+  _M2NNCFIJcjs.setup.call(void 0, 
     tab,
-    () => _B4LYZ4EMcjs.sync.call(void 0, tab, ["moves"], () => {
+    () => _M2NNCFIJcjs.sync.call(void 0, tab, ["moves"], () => {
       const { activeId, selectOnMove } = tab.getState();
       if (!selectOnMove)
         return;
@@ -90,17 +102,17 @@ function createTabStore(_a = {}) {
       tab.setState("selectedId", tabItem.id);
     })
   );
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  _M2NNCFIJcjs.setup.call(void 0, 
     tab,
-    () => _B4LYZ4EMcjs.batch.call(void 0, 
-      tab,
-      ["selectedId"],
-      (state) => tab.setState("activeId", state.selectedId)
-    )
+    () => _M2NNCFIJcjs.batch.call(void 0, tab, ["selectedId"], (state, prev) => {
+      if (parentComposite && state.selectedId === prev.selectedId)
+        return;
+      tab.setState("activeId", state.selectedId);
+    })
   );
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  _M2NNCFIJcjs.setup.call(void 0, 
     tab,
-    () => _B4LYZ4EMcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
+    () => _M2NNCFIJcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
       if (state.selectedId !== void 0)
         return;
       const { activeId, renderedItems } = tab.getState();
@@ -115,13 +127,13 @@ function createTabStore(_a = {}) {
       }
     })
   );
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  _M2NNCFIJcjs.setup.call(void 0, 
     tab,
-    () => _B4LYZ4EMcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
+    () => _M2NNCFIJcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
       const tabs = state.renderedItems;
       if (!tabs.length)
         return;
-      return _B4LYZ4EMcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
+      return _M2NNCFIJcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
         const items = state2.renderedItems;
         const hasOrphanPanels = items.some((panel) => !panel.tabId);
         if (!hasOrphanPanels)
@@ -137,6 +149,27 @@ function createTabStore(_a = {}) {
       });
     })
   );
+  let selectedIdFromSelectedValue = null;
+  _M2NNCFIJcjs.setup.call(void 0, tab, () => {
+    const backupSelectedId = () => {
+      selectedIdFromSelectedValue = tab.getState().selectedId;
+    };
+    const restoreSelectedId = () => {
+      tab.setState("selectedId", selectedIdFromSelectedValue);
+    };
+    if (parentComposite && "setSelectElement" in parentComposite) {
+      return _EEDWPDM2cjs.chain.call(void 0, 
+        _M2NNCFIJcjs.sync.call(void 0, parentComposite, ["value"], backupSelectedId),
+        _M2NNCFIJcjs.sync.call(void 0, parentComposite, ["open"], restoreSelectedId)
+      );
+    }
+    if (!combobox)
+      return;
+    return _EEDWPDM2cjs.chain.call(void 0, 
+      _M2NNCFIJcjs.sync.call(void 0, combobox, ["selectedValue"], backupSelectedId),
+      _M2NNCFIJcjs.sync.call(void 0, combobox, ["open"], restoreSelectedId)
+    );
+  });
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), tab), {
     panels,
     setSelectedId: (id) => tab.setState("selectedId", id),

package/cjs/tab/tab-store.d.cts

@@ -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;
@@ -21,16 +22,20 @@ export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
      *
      * Live examples:
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     selectedId: TabStoreState["activeId"];
     /**
      * Determines if the tab should be selected when it receives focus. If set to
-     * `false`, the tab will only be selected upon clicking, not when
-     * using arrow keys to shift focus.
+     * `false`, the tab will only be selected upon clicking, not when using arrow
+     * keys to shift focus.
      *
      * Live examples:
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      * @default true
      */
     selectOnMove?: boolean;
@@ -85,7 +90,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
@@ -98,8 +103,10 @@ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientatio
      * will be automatically set to the first enabled tab.
      *
      * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
      * - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     defaultSelectedId?: TabStoreState["selectedId"];
 }

package/cjs/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;
@@ -21,16 +22,20 @@ export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
      *
      * Live examples:
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     selectedId: TabStoreState["activeId"];
     /**
      * Determines if the tab should be selected when it receives focus. If set to
-     * `false`, the tab will only be selected upon clicking, not when
-     * using arrow keys to shift focus.
+     * `false`, the tab will only be selected upon clicking, not when using arrow
+     * keys to shift focus.
      *
      * Live examples:
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      * @default true
      */
     selectOnMove?: boolean;
@@ -85,7 +90,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
@@ -98,8 +103,10 @@ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientatio
      * will be automatically set to the first enabled tab.
      *
      * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
      * - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     defaultSelectedId?: TabStoreState["selectedId"];
 }

package/cjs/tag/tag-store.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KL74MAHBcjs = require('../__chunks/KL74MAHB.cjs');
-require('../__chunks/QD2A4YF6.cjs');
+var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
+require('../__chunks/3COGJMN3.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 
 
@@ -11,12 +11,12 @@ var _LPDHSEHUcjs = require('../__chunks/LPDHSEHU.cjs');
 
 
 
-var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
+var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
 
 
 
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/IMYW2UAC.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 
 
 
@@ -26,7 +26,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 function createTagStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const composite = _KL74MAHBcjs.createCompositeStore.call(void 0, props);
+  const composite = _LBFF2BBKcjs.createCompositeStore.call(void 0, props);
   const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
     inputElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.inputElement, null),
     labelElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.labelElement, null),
@@ -38,10 +38,10 @@ function createTagStore(props = {}) {
       []
     )
   });
-  const tag = _B4LYZ4EMcjs.createStore.call(void 0, initialState, composite, props.store);
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  const tag = _M2NNCFIJcjs.createStore.call(void 0, initialState, composite, props.store);
+  _M2NNCFIJcjs.setup.call(void 0, 
     tag,
-    () => _B4LYZ4EMcjs.sync.call(void 0, tag, ["inputElement", "activeId"], (state) => {
+    () => _M2NNCFIJcjs.sync.call(void 0, tag, ["inputElement", "activeId"], (state) => {
       if (!state.inputElement)
         return;
       if (state.activeId !== void 0)

package/cjs/tag/tag-store.d.cts

@@ -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/cjs/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/cjs/toolbar/toolbar-store.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KL74MAHBcjs = require('../__chunks/KL74MAHB.cjs');
-require('../__chunks/QD2A4YF6.cjs');
+var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
+require('../__chunks/3COGJMN3.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
-require('../__chunks/B4LYZ4EM.cjs');
+require('../__chunks/M2NNCFIJ.cjs');
 
 
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/IMYW2UAC.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 function createToolbarStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  return _KL74MAHBcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  return _LBFF2BBKcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     orientation: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,

package/cjs/toolbar/toolbar-store.d.cts

@@ -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/cjs/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/cjs/tooltip/tooltip-store.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _UEZLSKZ4cjs = require('../__chunks/UEZLSKZ4.cjs');
-require('../__chunks/5JEQEZFR.cjs');
-require('../__chunks/LTLFSC4X.cjs');
-require('../__chunks/AETQC2AR.cjs');
+var _XVL5HZ27cjs = require('../__chunks/XVL5HZ27.cjs');
+require('../__chunks/MB5TLEVH.cjs');
+require('../__chunks/DIYYVJDK.cjs');
+require('../__chunks/LAYUSNGM.cjs');
 
 
-var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
+var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
 
 
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
@@ -29,7 +29,7 @@ function createTooltipStore(props = {}) {
     }
   }
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const hovercard = _UEZLSKZ4cjs.createHovercardStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const hovercard = _XVL5HZ27cjs.createHovercardStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     placement: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.placement,
       syncState == null ? void 0 : syncState.placement,
@@ -41,7 +41,7 @@ function createTooltipStore(props = {}) {
     type: _EEDWPDM2cjs.defaultValue.call(void 0, props.type, syncState == null ? void 0 : syncState.type, "description"),
     skipTimeout: _EEDWPDM2cjs.defaultValue.call(void 0, props.skipTimeout, syncState == null ? void 0 : syncState.skipTimeout, 300)
   });
-  const tooltip = _B4LYZ4EMcjs.createStore.call(void 0, initialState, hovercard, props.store);
+  const tooltip = _M2NNCFIJcjs.createStore.call(void 0, initialState, hovercard, props.store);
   return _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, hovercard), tooltip);
 }
 

package/cjs/tooltip/tooltip-store.d.cts

@@ -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/cjs/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/cjs/utils/dom.cjs

@@ -18,9 +18,7 @@
 
 
 
-
-
-var _IMYW2UACcjs = require('../__chunks/IMYW2UAC.cjs');
+var _Q2WCPTYScjs = require('../__chunks/Q2WCPTYS.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
@@ -41,6 +39,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-
-
-exports.canUseDOM = _IMYW2UACcjs.canUseDOM; exports.closest = _IMYW2UACcjs.closest; exports.contains = _IMYW2UACcjs.contains; exports.getActiveElement = _IMYW2UACcjs.getActiveElement; exports.getDocument = _IMYW2UACcjs.getDocument; exports.getPopupItemRole = _IMYW2UACcjs.getPopupItemRole; exports.getPopupRole = _IMYW2UACcjs.getPopupRole; exports.getScrollingElement = _IMYW2UACcjs.getScrollingElement; exports.getTextboxSelection = _IMYW2UACcjs.getTextboxSelection; exports.getTextboxValue = _IMYW2UACcjs.getTextboxValue; exports.getWindow = _IMYW2UACcjs.getWindow; exports.isButton = _IMYW2UACcjs.isButton; exports.isFrame = _IMYW2UACcjs.isFrame; exports.isPartiallyHidden = _IMYW2UACcjs.isPartiallyHidden; exports.isTextField = _IMYW2UACcjs.isTextField; exports.isTextbox = _IMYW2UACcjs.isTextbox; exports.isVisible = _IMYW2UACcjs.isVisible; exports.matches = _IMYW2UACcjs.matches; exports.scrollIntoViewIfNeeded = _IMYW2UACcjs.scrollIntoViewIfNeeded; exports.setSelectionRange = _IMYW2UACcjs.setSelectionRange;
+exports.canUseDOM = _Q2WCPTYScjs.canUseDOM; exports.contains = _Q2WCPTYScjs.contains; exports.getActiveElement = _Q2WCPTYScjs.getActiveElement; exports.getDocument = _Q2WCPTYScjs.getDocument; exports.getPopupItemRole = _Q2WCPTYScjs.getPopupItemRole; exports.getPopupRole = _Q2WCPTYScjs.getPopupRole; exports.getScrollingElement = _Q2WCPTYScjs.getScrollingElement; exports.getTextboxSelection = _Q2WCPTYScjs.getTextboxSelection; exports.getTextboxValue = _Q2WCPTYScjs.getTextboxValue; exports.getWindow = _Q2WCPTYScjs.getWindow; exports.isButton = _Q2WCPTYScjs.isButton; exports.isFrame = _Q2WCPTYScjs.isFrame; exports.isPartiallyHidden = _Q2WCPTYScjs.isPartiallyHidden; exports.isTextField = _Q2WCPTYScjs.isTextField; exports.isTextbox = _Q2WCPTYScjs.isTextbox; exports.isVisible = _Q2WCPTYScjs.isVisible; exports.scrollIntoViewIfNeeded = _Q2WCPTYScjs.scrollIntoViewIfNeeded; exports.setSelectionRange = _Q2WCPTYScjs.setSelectionRange;

package/cjs/utils/dom.d.cts

@@ -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/cjs/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/cjs/utils/events.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _2D5LEVE7cjs = require('../__chunks/2D5LEVE7.cjs');
+var _D7M2PCAQcjs = require('../__chunks/D7M2PCAQ.cjs');
 
 
-var _IMYW2UACcjs = require('../__chunks/IMYW2UAC.cjs');
+var _Q2WCPTYScjs = require('../__chunks/Q2WCPTYS.cjs');
 
 
 
@@ -13,7 +13,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/utils/events.ts
 function isPortalEvent(event) {
   return Boolean(
-    event.currentTarget && !_IMYW2UACcjs.contains.call(void 0, event.currentTarget, event.target)
+    event.currentTarget && !_Q2WCPTYScjs.contains.call(void 0, event.currentTarget, event.target)
   );
 }
 function isSelfTarget(event) {
@@ -23,7 +23,7 @@ function isOpeningInNewTab(event) {
   const element = event.currentTarget;
   if (!element)
     return false;
-  const isAppleDevice = _2D5LEVE7cjs.isApple.call(void 0, );
+  const isAppleDevice = _D7M2PCAQcjs.isApple.call(void 0, );
   if (isAppleDevice && !event.metaKey)
     return false;
   if (!isAppleDevice && !event.ctrlKey)
@@ -81,7 +81,7 @@ function fireClickEvent(element, eventInit) {
 function isFocusEventOutside(event, container) {
   const containerElement = container || event.currentTarget;
   const relatedTarget = event.relatedTarget;
-  return !relatedTarget || !_IMYW2UACcjs.contains.call(void 0, containerElement, relatedTarget);
+  return !relatedTarget || !_Q2WCPTYScjs.contains.call(void 0, containerElement, relatedTarget);
 }
 function getInputType(event) {
   const nativeEvent = "nativeEvent" in event ? event.nativeEvent : event;
@@ -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 = [];
@@ -122,7 +127,9 @@ function addGlobalEventListener(type, listener, options, scope = window) {
       scope.document.removeEventListener(type, listener, options);
     } catch (e) {
     }
-    children.forEach((remove) => remove());
+    for (const remove of children) {
+      remove();
+    }
   };
   return removeEventListener;
 }

package/cjs/utils/events.d.cts

@@ -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/cjs/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;