@ariakit/core 0.4.4 → 0.4.6

package/cjs/tab/tab-store.cjs

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _Y7KNI5NScjs = require('../__chunks/Y7KNI5NS.cjs');
+var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
 
 
-var _FFZYCAXAcjs = require('../__chunks/FFZYCAXA.cjs');
+var _4W3OYRR3cjs = require('../__chunks/4W3OYRR3.cjs');
+require('../__chunks/ULSPM3Y3.cjs');
 
 
 
@@ -15,9 +16,9 @@ var _FFZYCAXAcjs = require('../__chunks/FFZYCAXA.cjs');
 var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
 
 
+
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/UKR6TQI3.cjs');
-require('../__chunks/ULSPM3Y3.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 
 
 
@@ -38,6 +39,8 @@ function createTabStore(_a = {}) {
     "renderedItems",
     "moves",
     "orientation",
+    "virtualFocus",
+    "includesBaseElement",
     "baseElement",
     "focusLoop",
     "focusShift",
@@ -49,7 +52,17 @@ function createTabStore(_a = {}) {
     _B4LYZ4EMcjs.omit.call(void 0, combobox, independentKeys)
   );
   const syncState = store == null ? void 0 : store.getState();
-  const composite = _Y7KNI5NScjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _3HYNC3XAcjs.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 = _FFZYCAXAcjs.createCollectionStore.call(void 0, );
+  const panels = _4W3OYRR3cjs.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,
@@ -92,11 +104,11 @@ function createTabStore(_a = {}) {
   );
   _B4LYZ4EMcjs.setup.call(void 0, 
     tab,
-    () => _B4LYZ4EMcjs.batch.call(void 0, 
-      tab,
-      ["selectedId"],
-      (state) => tab.setState("activeId", state.selectedId)
-    )
+    () => _B4LYZ4EMcjs.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, 
     tab,
@@ -137,6 +149,27 @@ function createTabStore(_a = {}) {
       });
     })
   );
+  let selectedIdFromSelectedValue = null;
+  _B4LYZ4EMcjs.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, 
+        _B4LYZ4EMcjs.sync.call(void 0, parentComposite, ["value"], backupSelectedId),
+        _B4LYZ4EMcjs.sync.call(void 0, parentComposite, ["open"], restoreSelectedId)
+      );
+    }
+    if (!combobox)
+      return;
+    return _EEDWPDM2cjs.chain.call(void 0, 
+      _B4LYZ4EMcjs.sync.call(void 0, combobox, ["selectedValue"], backupSelectedId),
+      _B4LYZ4EMcjs.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;
@@ -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/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;
@@ -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/cjs/tag/tag-store.cjs

@@ -0,0 +1,90 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
+require('../__chunks/4W3OYRR3.cjs');
+require('../__chunks/ULSPM3Y3.cjs');
+
+
+var _LPDHSEHUcjs = require('../__chunks/LPDHSEHU.cjs');
+
+
+
+
+var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
+
+
+
+var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
+
+
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
+
+// src/tag/tag-store.ts
+function createTagStore(props = {}) {
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const composite = _3HYNC3XAcjs.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),
+    value: _EEDWPDM2cjs.defaultValue.call(void 0, props.value, syncState == null ? void 0 : syncState.value, props.defaultValue, ""),
+    values: _EEDWPDM2cjs.defaultValue.call(void 0, 
+      props.values,
+      syncState == null ? void 0 : syncState.values,
+      props.defaultValues,
+      []
+    )
+  });
+  const tag = _B4LYZ4EMcjs.createStore.call(void 0, initialState, composite, props.store);
+  _B4LYZ4EMcjs.setup.call(void 0, 
+    tag,
+    () => _B4LYZ4EMcjs.sync.call(void 0, tag, ["inputElement", "activeId"], (state) => {
+      if (!state.inputElement)
+        return;
+      if (state.activeId !== void 0)
+        return;
+      tag.setState("activeId", state.inputElement.id);
+    })
+  );
+  const setValues = (values) => {
+    const { values: previousValues } = tag.getState();
+    _LPDHSEHUcjs.UndoManager.execute(() => {
+      let changed = true;
+      tag.setState("values", (prev) => {
+        const next = _EEDWPDM2cjs.applyState.call(void 0, values, prev);
+        if (next === prev) {
+          changed = false;
+        }
+        return next;
+      });
+      if (!changed)
+        return;
+      return () => {
+        var _a2;
+        tag.setState("values", previousValues);
+        composite.move((_a2 = tag.getState().inputElement) == null ? void 0 : _a2.id);
+      };
+    });
+  };
+  return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), tag), {
+    setInputElement: (inputElement) => tag.setState("inputElement", inputElement),
+    setLabelElement: (labelElement) => tag.setState("labelElement", labelElement),
+    setValue: (value) => tag.setState("value", value),
+    resetValue: () => tag.setState("value", initialState.value),
+    setValues,
+    addValue: (value) => {
+      setValues((values) => {
+        if (values.includes(value))
+          return values;
+        return [...values, value];
+      });
+    },
+    removeValue: (value) => setValues((values) => values.filter((v) => v !== value))
+  });
+}
+
+
+exports.createTagStore = createTagStore;

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

@@ -0,0 +1,80 @@
+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.
+ */
+export declare function createTagStore(props?: TagStoreProps): TagStore;
+export interface TagStoreItem extends CompositeStoreItem {
+    value?: string;
+}
+export interface TagStoreState extends CompositeStoreState<TagStoreItem> {
+    /**
+     * The input element.
+     */
+    inputElement: HTMLElement | null;
+    /**
+     * The label element.
+     */
+    labelElement: HTMLElement | null;
+    /**
+     * The value of the tag input.
+     * @default ""
+     */
+    value: string;
+    /**
+     * The values of the selected tags.
+     * @default []
+     */
+    values: string[];
+}
+export interface TagStoreFunctions extends CompositeStoreFunctions<TagStoreItem> {
+    /**
+     * Sets the `inputElement` state.
+     */
+    setInputElement: SetState<TagStoreState["inputElement"]>;
+    /**
+     * Sets the `labelElement` state.
+     */
+    setLabelElement: SetState<TagStoreState["labelElement"]>;
+    /**
+     * Sets the [`value`](https://ariakit.org/reference/tag-provider#value) state.
+     */
+    setValue: SetState<TagStoreState["value"]>;
+    /**
+     * Resets the [`value`](https://ariakit.org/reference/tag-provider#value)
+     * state to its initial value.
+     */
+    resetValue: () => void;
+    /**
+     * Sets the [`values`](https://ariakit.org/reference/tag-provider#values) state.
+     */
+    setValues: SetState<TagStoreState["values"]>;
+    /**
+     * Add a new value to the
+     * [`values`](https://ariakit.org/reference/tag-provider#values) state if it
+     * doesn't already exist.
+     */
+    addValue: (value: string) => void;
+    /**
+     * Remove a value from the
+     * [`values`](https://ariakit.org/reference/tag-provider#values) state.
+     */
+    removeValue: (value: string) => void;
+}
+export interface TagStoreOptions extends StoreOptions<TagStoreState, "value" | "values">, CompositeStoreOptions<TagStoreItem> {
+    /**
+     * The initial value of the tag input.
+     * @default ""
+     */
+    defaultValue?: TagStoreState["value"];
+    /**
+     * The initial selected tag values.
+     * @default []
+     */
+    defaultValues?: TagStoreState["values"];
+}
+export interface TagStoreProps extends TagStoreOptions, StoreProps<TagStoreState> {
+}
+export interface TagStore extends TagStoreFunctions, Store<TagStoreState> {
+}

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

@@ -0,0 +1,80 @@
+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.
+ */
+export declare function createTagStore(props?: TagStoreProps): TagStore;
+export interface TagStoreItem extends CompositeStoreItem {
+    value?: string;
+}
+export interface TagStoreState extends CompositeStoreState<TagStoreItem> {
+    /**
+     * The input element.
+     */
+    inputElement: HTMLElement | null;
+    /**
+     * The label element.
+     */
+    labelElement: HTMLElement | null;
+    /**
+     * The value of the tag input.
+     * @default ""
+     */
+    value: string;
+    /**
+     * The values of the selected tags.
+     * @default []
+     */
+    values: string[];
+}
+export interface TagStoreFunctions extends CompositeStoreFunctions<TagStoreItem> {
+    /**
+     * Sets the `inputElement` state.
+     */
+    setInputElement: SetState<TagStoreState["inputElement"]>;
+    /**
+     * Sets the `labelElement` state.
+     */
+    setLabelElement: SetState<TagStoreState["labelElement"]>;
+    /**
+     * Sets the [`value`](https://ariakit.org/reference/tag-provider#value) state.
+     */
+    setValue: SetState<TagStoreState["value"]>;
+    /**
+     * Resets the [`value`](https://ariakit.org/reference/tag-provider#value)
+     * state to its initial value.
+     */
+    resetValue: () => void;
+    /**
+     * Sets the [`values`](https://ariakit.org/reference/tag-provider#values) state.
+     */
+    setValues: SetState<TagStoreState["values"]>;
+    /**
+     * Add a new value to the
+     * [`values`](https://ariakit.org/reference/tag-provider#values) state if it
+     * doesn't already exist.
+     */
+    addValue: (value: string) => void;
+    /**
+     * Remove a value from the
+     * [`values`](https://ariakit.org/reference/tag-provider#values) state.
+     */
+    removeValue: (value: string) => void;
+}
+export interface TagStoreOptions extends StoreOptions<TagStoreState, "value" | "values">, CompositeStoreOptions<TagStoreItem> {
+    /**
+     * The initial value of the tag input.
+     * @default ""
+     */
+    defaultValue?: TagStoreState["value"];
+    /**
+     * The initial selected tag values.
+     * @default []
+     */
+    defaultValues?: TagStoreState["values"];
+}
+export interface TagStoreProps extends TagStoreOptions, StoreProps<TagStoreState> {
+}
+export interface TagStore extends TagStoreFunctions, Store<TagStoreState> {
+}

package/cjs/toolbar/toolbar-store.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _Y7KNI5NScjs = require('../__chunks/Y7KNI5NS.cjs');
-require('../__chunks/FFZYCAXA.cjs');
+var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
+require('../__chunks/4W3OYRR3.cjs');
+require('../__chunks/ULSPM3Y3.cjs');
 require('../__chunks/B4LYZ4EM.cjs');
 
 
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/UKR6TQI3.cjs');
-require('../__chunks/ULSPM3Y3.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 _Y7KNI5NScjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  return _3HYNC3XAcjs.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.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,7 +18,7 @@
 
 
 
-var _UKR6TQI3cjs = require('../__chunks/UKR6TQI3.cjs');
+var _Q2WCPTYScjs = require('../__chunks/Q2WCPTYS.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
@@ -39,4 +39,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.canUseDOM = _UKR6TQI3cjs.canUseDOM; exports.closest = _UKR6TQI3cjs.closest; exports.contains = _UKR6TQI3cjs.contains; exports.getActiveElement = _UKR6TQI3cjs.getActiveElement; exports.getDocument = _UKR6TQI3cjs.getDocument; exports.getPopupItemRole = _UKR6TQI3cjs.getPopupItemRole; exports.getPopupRole = _UKR6TQI3cjs.getPopupRole; exports.getScrollingElement = _UKR6TQI3cjs.getScrollingElement; exports.getTextboxSelection = _UKR6TQI3cjs.getTextboxSelection; exports.getWindow = _UKR6TQI3cjs.getWindow; exports.isButton = _UKR6TQI3cjs.isButton; exports.isFrame = _UKR6TQI3cjs.isFrame; exports.isPartiallyHidden = _UKR6TQI3cjs.isPartiallyHidden; exports.isTextField = _UKR6TQI3cjs.isTextField; exports.isVisible = _UKR6TQI3cjs.isVisible; exports.matches = _UKR6TQI3cjs.matches; exports.scrollIntoViewIfNeeded = _UKR6TQI3cjs.scrollIntoViewIfNeeded; exports.setSelectionRange = _UKR6TQI3cjs.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.
@@ -76,13 +60,14 @@ export declare function closest<T extends Element = Element>(element: Element, s
  */
 export declare function isTextField(element: Element): element is HTMLInputElement | HTMLTextAreaElement;
 /**
- * Returns the element's role attribute, if it has one.
+ * Check whether the given element is a text field or a content editable
+ * element.
  */
-export declare function getPopupRole(element?: Element | null, fallback?: AriaHasPopup): AriaHasPopup;
+export declare function isTextbox(element: HTMLElement): boolean;
 /**
- * Returns the item role attribute based on the popup's role.
+ * Returns the value of the text field or content editable element as a string.
  */
-export declare function getPopupItemRole(element?: Element | null, fallback?: AriaRole): string | undefined;
+export declare function getTextboxValue(element: HTMLElement): string;
 /**
  * Returns the start and end offsets of the selection in the element.
  */
@@ -90,6 +75,14 @@ export declare function getTextboxSelection(element: HTMLElement): {
     start: number;
     end: number;
 };
+/**
+ * Returns the element's role attribute, if it has one.
+ */
+export declare function getPopupRole(element?: Element | null, fallback?: AriaHasPopup): AriaHasPopup;
+/**
+ * Returns the item role attribute based on the popup's role.
+ */
+export declare function getPopupItemRole(element?: Element | null, fallback?: AriaRole): string | undefined;
 /**
  * Calls `element.scrollIntoView()` if the element is hidden or partly hidden in
  * the viewport.
@@ -112,4 +105,4 @@ export declare function isPartiallyHidden(element: Element): boolean;
  * @see
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
  */
-export declare function setSelectionRange(element: HTMLInputElement, ...args: Parameters<typeof HTMLInputElement.prototype.setSelectionRange>): void;
+export declare function setSelectionRange(element: HTMLInputElement | HTMLTextAreaElement, ...args: Parameters<typeof HTMLInputElement.prototype.setSelectionRange>): void;

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.
@@ -76,13 +60,14 @@ export declare function closest<T extends Element = Element>(element: Element, s
  */
 export declare function isTextField(element: Element): element is HTMLInputElement | HTMLTextAreaElement;
 /**
- * Returns the element's role attribute, if it has one.
+ * Check whether the given element is a text field or a content editable
+ * element.
  */
-export declare function getPopupRole(element?: Element | null, fallback?: AriaHasPopup): AriaHasPopup;
+export declare function isTextbox(element: HTMLElement): boolean;
 /**
- * Returns the item role attribute based on the popup's role.
+ * Returns the value of the text field or content editable element as a string.
  */
-export declare function getPopupItemRole(element?: Element | null, fallback?: AriaRole): string | undefined;
+export declare function getTextboxValue(element: HTMLElement): string;
 /**
  * Returns the start and end offsets of the selection in the element.
  */
@@ -90,6 +75,14 @@ export declare function getTextboxSelection(element: HTMLElement): {
     start: number;
     end: number;
 };
+/**
+ * Returns the element's role attribute, if it has one.
+ */
+export declare function getPopupRole(element?: Element | null, fallback?: AriaHasPopup): AriaHasPopup;
+/**
+ * Returns the item role attribute based on the popup's role.
+ */
+export declare function getPopupItemRole(element?: Element | null, fallback?: AriaRole): string | undefined;
 /**
  * Calls `element.scrollIntoView()` if the element is hidden or partly hidden in
  * the viewport.
@@ -112,4 +105,4 @@ export declare function isPartiallyHidden(element: Element): boolean;
  * @see
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
  */
-export declare function setSelectionRange(element: HTMLInputElement, ...args: Parameters<typeof HTMLInputElement.prototype.setSelectionRange>): void;
+export declare function setSelectionRange(element: HTMLInputElement | HTMLTextAreaElement, ...args: Parameters<typeof HTMLInputElement.prototype.setSelectionRange>): void;