@ariakit/core 0.4.4 → 0.4.5

package/esm/radio/radio-store.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/2H5K47H4.js";
-import "../__chunks/URUD7X4C.js";
+} from "../__chunks/YVUNPQHS.js";
+import "../__chunks/ABMC67JW.js";
+import "../__chunks/7PRQYBBV.js";
 import {
   createStore
 } from "../__chunks/R676XYVY.js";
 import {
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/RRSZHCH6.js";
-import "../__chunks/7PRQYBBV.js";
+import "../__chunks/IUORCTET.js";
 import {
   __objRest,
   __spreadProps,

package/esm/select/select-store.js

@@ -1,13 +1,16 @@
 "use client";
+import {
+  createCompositeStore
+} from "../__chunks/YVUNPQHS.js";
+import "../__chunks/ABMC67JW.js";
+import {
+  toArray
+} from "../__chunks/7PRQYBBV.js";
 import {
   createPopoverStore
 } from "../__chunks/MFZZDIHG.js";
 import "../__chunks/5RJNXXU2.js";
 import "../__chunks/WCKXDMU7.js";
-import {
-  createCompositeStore
-} from "../__chunks/2H5K47H4.js";
-import "../__chunks/URUD7X4C.js";
 import {
   batch,
   createStore,
@@ -20,10 +23,7 @@ import {
 import {
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/RRSZHCH6.js";
-import {
-  toArray
-} from "../__chunks/7PRQYBBV.js";
+import "../__chunks/IUORCTET.js";
 import {
   __objRest,
   __spreadProps,

package/esm/tab/tab-store.js

@@ -1,10 +1,11 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/2H5K47H4.js";
+} from "../__chunks/YVUNPQHS.js";
 import {
   createCollectionStore
-} from "../__chunks/URUD7X4C.js";
+} from "../__chunks/ABMC67JW.js";
+import "../__chunks/7PRQYBBV.js";
 import {
   batch,
   createStore,
@@ -16,8 +17,7 @@ import {
 import {
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/RRSZHCH6.js";
-import "../__chunks/7PRQYBBV.js";
+import "../__chunks/IUORCTET.js";
 import {
   __objRest,
   __spreadProps,

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

@@ -0,0 +1,80 @@
+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";
+/**
+ * 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/esm/tag/tag-store.js

@@ -0,0 +1,90 @@
+"use client";
+import {
+  createCompositeStore
+} from "../__chunks/YVUNPQHS.js";
+import "../__chunks/ABMC67JW.js";
+import "../__chunks/7PRQYBBV.js";
+import {
+  UndoManager
+} from "../__chunks/EKIWAN6A.js";
+import {
+  createStore,
+  setup,
+  sync
+} from "../__chunks/R676XYVY.js";
+import {
+  applyState,
+  defaultValue
+} from "../__chunks/22HHDS5F.js";
+import "../__chunks/IUORCTET.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4R3V3JGP.js";
+
+// src/tag/tag-store.ts
+function createTagStore(props = {}) {
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const composite = createCompositeStore(props);
+  const initialState = __spreadProps(__spreadValues({}, composite.getState()), {
+    inputElement: defaultValue(syncState == null ? void 0 : syncState.inputElement, null),
+    labelElement: defaultValue(syncState == null ? void 0 : syncState.labelElement, null),
+    value: defaultValue(props.value, syncState == null ? void 0 : syncState.value, props.defaultValue, ""),
+    values: defaultValue(
+      props.values,
+      syncState == null ? void 0 : syncState.values,
+      props.defaultValues,
+      []
+    )
+  });
+  const tag = createStore(initialState, composite, props.store);
+  setup(
+    tag,
+    () => sync(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();
+    UndoManager.execute(() => {
+      let changed = true;
+      tag.setState("values", (prev) => {
+        const next = applyState(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 __spreadProps(__spreadValues(__spreadValues({}, 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))
+  });
+}
+export {
+  createTagStore
+};

package/esm/toolbar/toolbar-store.js

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

package/esm/utils/dom.d.ts

@@ -76,13 +76,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 +91,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 +121,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/esm/utils/dom.js

@@ -9,16 +9,18 @@ import {
   getPopupRole,
   getScrollingElement,
   getTextboxSelection,
+  getTextboxValue,
   getWindow,
   isButton,
   isFrame,
   isPartiallyHidden,
   isTextField,
+  isTextbox,
   isVisible,
   matches,
   scrollIntoViewIfNeeded,
   setSelectionRange
-} from "../__chunks/RRSZHCH6.js";
+} from "../__chunks/IUORCTET.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   canUseDOM,
@@ -30,11 +32,13 @@ export {
   getPopupRole,
   getScrollingElement,
   getTextboxSelection,
+  getTextboxValue,
   getWindow,
   isButton,
   isFrame,
   isPartiallyHidden,
   isTextField,
+  isTextbox,
   isVisible,
   matches,
   scrollIntoViewIfNeeded,

package/esm/utils/events.d.ts

@@ -62,6 +62,12 @@ export declare function fireClickEvent(element: Element, eventInit?: PointerEven
  * });
  */
 export declare function isFocusEventOutside(event: Pick<FocusEvent, "currentTarget" | "relatedTarget">, container?: Element | null): boolean;
+/**
+ * Returns the `inputType` property of the event, if available.
+ */
+export declare function getInputType(event: Event | {
+    nativeEvent: Event;
+}): string | undefined;
 /**
  * Runs a callback on the next animation frame, but before a certain event.
  */

package/esm/utils/events.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   isApple
-} from "../__chunks/VDNATJW2.js";
+} from "../__chunks/QAI5BPCY.js";
 import {
   contains
-} from "../__chunks/RRSZHCH6.js";
+} from "../__chunks/IUORCTET.js";
 import {
   __spreadProps,
   __spreadValues
@@ -83,6 +83,16 @@ function isFocusEventOutside(event, container) {
   const relatedTarget = event.relatedTarget;
   return !relatedTarget || !contains(containerElement, relatedTarget);
 }
+function getInputType(event) {
+  const nativeEvent = "nativeEvent" in event ? event.nativeEvent : event;
+  if (!nativeEvent)
+    return;
+  if (!("inputType" in nativeEvent))
+    return;
+  if (typeof nativeEvent.inputType !== "string")
+    return;
+  return nativeEvent.inputType;
+}
 function queueBeforeEvent(element, type, callback) {
   const raf = requestAnimationFrame(() => {
     element.removeEventListener(type, callImmediately, true);
@@ -123,6 +133,7 @@ export {
   fireEvent,
   fireFocusEvent,
   fireKeyboardEvent,
+  getInputType,
   isDownloading,
   isFocusEventOutside,
   isOpeningInNewTab,

package/esm/utils/focus.js

@@ -6,7 +6,7 @@ import {
   isFrame,
   isVisible,
   matches
-} from "../__chunks/RRSZHCH6.js";
+} from "../__chunks/IUORCTET.js";
 import {
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";

package/esm/utils/platform.js

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

package/esm/utils/undo.d.ts

@@ -0,0 +1,19 @@
+type Callback = void | (() => Callback | Promise<Callback>);
+interface CreateUndoManagerOptions {
+    limit?: number;
+}
+export declare const UndoManager: {
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    undo: () => Promise<void>;
+    redo: () => Promise<void>;
+    execute: (callback: Callback, group?: string) => Promise<void>;
+};
+export declare function createUndoManager({ limit, }?: CreateUndoManagerOptions): {
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    undo: () => Promise<void>;
+    redo: () => Promise<void>;
+    execute: (callback: Callback, group?: string) => Promise<void>;
+};
+export {};

package/esm/utils/undo.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  UndoManager,
+  createUndoManager
+} from "../__chunks/EKIWAN6A.js";
+import "../__chunks/4R3V3JGP.js";
+export {
+  UndoManager,
+  createUndoManager
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/core",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "Ariakit core",
   "sideEffects": false,
   "license": "MIT",
@@ -36,6 +36,13 @@
         "default": "./cjs/index.cjs"
       }
     },
+    "./utils/undo": {
+      "import": "./esm/utils/undo.js",
+      "require": {
+        "types": "./cjs/utils/undo.d.cts",
+        "default": "./cjs/utils/undo.cjs"
+      }
+    },
     "./utils/types": {
       "import": "./esm/utils/types.js",
       "require": {
@@ -106,6 +113,13 @@
         "default": "./cjs/toolbar/toolbar-store.cjs"
       }
     },
+    "./tag/tag-store": {
+      "import": "./esm/tag/tag-store.js",
+      "require": {
+        "types": "./cjs/tag/tag-store.d.cts",
+        "default": "./cjs/tag/tag-store.cjs"
+      }
+    },
     "./tab/tab-store": {
       "import": "./esm/tab/tab-store.js",
       "require": {

package/tag/tag-store/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/core/tag/tag-store",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/tag/tag-store.cjs",
+  "module": "../../esm/tag/tag-store.js",
+  "types": "../../cjs/tag/tag-store.d.ts"
+}

package/utils/undo/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/core/utils/undo",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/utils/undo.cjs",
+  "module": "../../esm/utils/undo.js",
+  "types": "../../cjs/utils/undo.d.ts"
+}