@ariakit/react-core 0.4.23 → 0.4.25

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

@@ -10,7 +10,7 @@ type EventWithValues<T extends SyntheticEvent> = T & {
 };
 /**
  * Returns props to create a `TagInput` component.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx
  * const props = useTagInput();
@@ -20,16 +20,16 @@ type EventWithValues<T extends SyntheticEvent> = T & {
 export declare const useTagInput: import("../utils/types.ts").Hook<"input", TagInputOptions<"input">>;
 /**
  * Renders an input element within a
- * [`TagList`](https://ariakit.org/reference/tag-list) component. This component
+ * [`TagList`](https://ariakit.com/reference/tag-list) component. This component
  * lets users input tag values that are added to the store when the input value
  * changes or when the user pastes text into the input element, based on the
- * [`delimiter`](https://ariakit.org/reference/tag-input#delimiter) prop.
+ * [`delimiter`](https://ariakit.com/reference/tag-input#delimiter) prop.
  *
  * This component can be combined with a
- * [`Combobox`](https://ariakit.org/reference/combobox) component using the
- * [`render`](https://ariakit.org/reference/tag-input#render) prop to create a
+ * [`Combobox`](https://ariakit.com/reference/combobox) component using the
+ * [`render`](https://ariakit.com/reference/tag-input#render) prop to create a
  * tag input with suggestions.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx {14}
  * <TagProvider>
@@ -54,9 +54,9 @@ export declare const TagInput: (props: TagInputProps) => import("react").ReactEl
 export interface TagInputOptions<T extends ElementType = TagName> extends CompositeItemOptions<T> {
     /**
      * Object returned by the
-     * [`useTagStore`](https://ariakit.org/reference/use-tag-store) hook. If not
+     * [`useTagStore`](https://ariakit.com/reference/use-tag-store) hook. If not
      * provided, the closest
-     * [`TagProvider`](https://ariakit.org/reference/tag-provider) component's
+     * [`TagProvider`](https://ariakit.com/reference/tag-provider) component's
      * context will be used.
      */
     store?: TagStore;
@@ -79,7 +79,7 @@ export interface TagInputOptions<T extends ElementType = TagName> extends Compos
      * Determines if tag values should be added to the store when the input value
      * is pasted. The values are extracted from the clipboard text and
      * automatically processed with the
-     * [`delimiter`](https://ariakit.org/reference/tag-input#delimiter) prop.
+     * [`delimiter`](https://ariakit.com/reference/tag-input#delimiter) prop.
      *
      * This can be either a boolean or a callback that receives an event with an
      * extra `values` property and should return a boolean.
@@ -89,7 +89,7 @@ export interface TagInputOptions<T extends ElementType = TagName> extends Compos
     /**
      * Determines if the tag value should be added to the store when the input
      * value changes. The tag value is automatically processed with the
-     * [`delimiter`](https://ariakit.org/reference/tag-input#delimiter) prop.
+     * [`delimiter`](https://ariakit.com/reference/tag-input#delimiter) prop.
      *
      * This can be either a boolean or a callback that receives an event with an
      * extra `values` property and should return a boolean.
@@ -98,10 +98,10 @@ export interface TagInputOptions<T extends ElementType = TagName> extends Compos
     addValueOnChange?: BooleanOrCallback<EventWithValues<ChangeEvent<HTMLElement>>>;
     /**
      * Whether the tag
-     * [`value`](https://ariakit.org/reference/tag-provider#value) state
+     * [`value`](https://ariakit.com/reference/tag-provider#value) state
      * should be updated when the input value changes. This is useful if you want
      * to customize how the store
-     * [`value`](https://ariakit.org/reference/tag-provider#value) is updated
+     * [`value`](https://ariakit.com/reference/tag-provider#value) is updated
      * based on the input element's value.
      * @default true
      */

package/cjs/tag/tag-list-label.cjs

@@ -1,47 +1,50 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _THHAUPXTcjs = require('../__chunks/THHAUPXT.cjs');
-require('../__chunks/WI7QXQL7.cjs');
-require('../__chunks/SS26HAQ2.cjs');
+var _I6T3D36Kcjs = require('../__chunks/I6T3D36K.cjs');
+require('../__chunks/UCZW3OGH.cjs');
 
 
+var _FH6HQ5JNcjs = require('../__chunks/FH6HQ5JN.cjs');
+require('../__chunks/XWMMMXUK.cjs');
 
 
-var _743QABRAcjs = require('../__chunks/743QABRA.cjs');
 
 
+var _PTOCUU2Dcjs = require('../__chunks/PTOCUU2D.cjs');
 
-var _KGFTRA3Ccjs = require('../__chunks/KGFTRA3C.cjs');
+
+
+var _3BSDKDKDcjs = require('../__chunks/3BSDKDKD.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 // src/tag/tag-list-label.tsx
 var _misc = require('@ariakit/core/utils/misc');
 var TagName = "label";
-var useTagListLabel = _743QABRAcjs.createHook.call(void 0, 
+var useTagListLabel = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useTagListLabel2({ store, ...props }) {
-    const context = _THHAUPXTcjs.useTagContext.call(void 0, );
+    const context = _I6T3D36Kcjs.useTagContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "TagListLabel must receive a `store` prop or be wrapped in a TagProvider component."
     );
-    const id = _KGFTRA3Ccjs.useId.call(void 0, props.id);
-    const htmlFor = store.useState((state) => {
+    const id = _3BSDKDKDcjs.useId.call(void 0, props.id);
+    const htmlFor = _FH6HQ5JNcjs.useStoreState.call(void 0, store, (state) => {
       var _a;
       return (_a = state.inputElement) == null ? void 0 : _a.id;
     });
     props = {
-      id,
       htmlFor,
       ...props,
-      ref: _KGFTRA3Ccjs.useMergeRefs.call(void 0, store.setLabelElement, props.ref)
+      id,
+      ref: _3BSDKDKDcjs.useMergeRefs.call(void 0, store.setLabelElement, props.ref)
     };
     return props;
   }
 );
-var TagListLabel = _743QABRAcjs.forwardRef.call(void 0, function TagListLabel2(props) {
+var TagListLabel = _PTOCUU2Dcjs.forwardRef.call(void 0, function TagListLabel2(props) {
   const htmlProps = useTagListLabel(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/tag/tag-list-label.d.cts

@@ -6,7 +6,7 @@ declare const TagName = "label";
 type TagName = typeof TagName;
 /**
  * Returns props to create a `TagListLabel` component.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx
  * const props = useTagListLabel();
@@ -16,10 +16,10 @@ type TagName = typeof TagName;
 export declare const useTagListLabel: import("../utils/types.ts").Hook<"label", TagListLabelOptions<"label">>;
 /**
  * Renders a label element for the
- * [`TagInput`](https://ariakit.org/reference/tag-input) and also acts as the
+ * [`TagInput`](https://ariakit.com/reference/tag-input) and also acts as the
  * accessible name for the listbox element rendered by
- * [`TagList`](https://ariakit.org/reference/tag-list).
- * @see https://ariakit.org/components/tag
+ * [`TagList`](https://ariakit.com/reference/tag-list).
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx {2}
  * <TagProvider>
@@ -44,9 +44,9 @@ export declare const TagListLabel: (props: TagListLabelProps) => import("react")
 export interface TagListLabelOptions<T extends ElementType = TagName> extends CompositeOptions<T> {
     /**
      * Object returned by the
-     * [`useTagStore`](https://ariakit.org/reference/use-tag-store) hook. If not
+     * [`useTagStore`](https://ariakit.com/reference/use-tag-store) hook. If not
      * provided, the closest
-     * [`TagProvider`](https://ariakit.org/reference/tag-provider) component's
+     * [`TagProvider`](https://ariakit.com/reference/tag-provider) component's
      * context will be used.
      */
     store?: TagStore;

package/cjs/tag/tag-list-label.d.ts

@@ -6,7 +6,7 @@ declare const TagName = "label";
 type TagName = typeof TagName;
 /**
  * Returns props to create a `TagListLabel` component.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx
  * const props = useTagListLabel();
@@ -16,10 +16,10 @@ type TagName = typeof TagName;
 export declare const useTagListLabel: import("../utils/types.ts").Hook<"label", TagListLabelOptions<"label">>;
 /**
  * Renders a label element for the
- * [`TagInput`](https://ariakit.org/reference/tag-input) and also acts as the
+ * [`TagInput`](https://ariakit.com/reference/tag-input) and also acts as the
  * accessible name for the listbox element rendered by
- * [`TagList`](https://ariakit.org/reference/tag-list).
- * @see https://ariakit.org/components/tag
+ * [`TagList`](https://ariakit.com/reference/tag-list).
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx {2}
  * <TagProvider>
@@ -44,9 +44,9 @@ export declare const TagListLabel: (props: TagListLabelProps) => import("react")
 export interface TagListLabelOptions<T extends ElementType = TagName> extends CompositeOptions<T> {
     /**
      * Object returned by the
-     * [`useTagStore`](https://ariakit.org/reference/use-tag-store) hook. If not
+     * [`useTagStore`](https://ariakit.com/reference/use-tag-store) hook. If not
      * provided, the closest
-     * [`TagProvider`](https://ariakit.org/reference/tag-provider) component's
+     * [`TagProvider`](https://ariakit.com/reference/tag-provider) component's
      * context will be used.
      */
     store?: TagStore;

package/cjs/tag/tag-list.cjs

@@ -4,24 +4,27 @@ var _DIH46ZNHcjs = require('../__chunks/DIH46ZNH.cjs');
 
 
 
-var _THHAUPXTcjs = require('../__chunks/THHAUPXT.cjs');
+var _I6T3D36Kcjs = require('../__chunks/I6T3D36K.cjs');
 
 
-var _YTQONGS5cjs = require('../__chunks/YTQONGS5.cjs');
-require('../__chunks/MIBORXQW.cjs');
-require('../__chunks/WI7QXQL7.cjs');
-require('../__chunks/4JH5Q6AQ.cjs');
+var _6E4BBKC4cjs = require('../__chunks/6E4BBKC4.cjs');
+require('../__chunks/2XVCJUVB.cjs');
+require('../__chunks/UCZW3OGH.cjs');
+require('../__chunks/MWXEIKZX.cjs');
 require('../__chunks/T3QB4FR3.cjs');
-require('../__chunks/SS26HAQ2.cjs');
 
 
+var _FH6HQ5JNcjs = require('../__chunks/FH6HQ5JN.cjs');
+require('../__chunks/XWMMMXUK.cjs');
 
 
-var _743QABRAcjs = require('../__chunks/743QABRA.cjs');
 
 
+var _PTOCUU2Dcjs = require('../__chunks/PTOCUU2D.cjs');
 
-var _KGFTRA3Ccjs = require('../__chunks/KGFTRA3C.cjs');
+
+
+var _3BSDKDKDcjs = require('../__chunks/3BSDKDKD.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 // src/tag/tag-list.tsx
@@ -32,16 +35,16 @@ var _platform = require('@ariakit/core/utils/platform');
 var _undo = require('@ariakit/core/utils/undo');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useTagList = _743QABRAcjs.createHook.call(void 0, 
+var useTagList = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useTagList2({ store, ...props }) {
-    const context = _THHAUPXTcjs.useTagProviderContext.call(void 0, );
+    const context = _I6T3D36Kcjs.useTagProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "TagList must receive a `store` prop or be wrapped in a TagProvider component."
     );
     const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const onMouseDown = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       if (event.defaultPrevented) return;
       const target = event.target;
@@ -55,7 +58,7 @@ var useTagList = _743QABRAcjs.createHook.call(void 0,
       });
     });
     const onKeyDownProp = props.onKeyDown;
-    const onKeyDown = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const onKeyDown = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented) return;
       const pc = !_platform.isApple.call(void 0, );
@@ -64,15 +67,15 @@ var useTagList = _743QABRAcjs.createHook.call(void 0,
       const shiftZ = event.shiftKey && z || pc && event.key === "y";
       if (mod && shiftZ) {
         event.preventDefault();
-        _undo.UndoManager.redo();
+        void _undo.UndoManager.redo();
       } else if (mod && z) {
         event.preventDefault();
-        _undo.UndoManager.undo();
+        void _undo.UndoManager.undo();
       }
     });
-    props = _KGFTRA3Ccjs.useWrapElement.call(void 0, 
+    props = _3BSDKDKDcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _THHAUPXTcjs.TagScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _I6T3D36Kcjs.TagScopedContextProvider, { value: store, children: element }),
       [store]
     );
     props = {
@@ -80,13 +83,14 @@ var useTagList = _743QABRAcjs.createHook.call(void 0,
       onMouseDown,
       onKeyDown
     };
-    props = _YTQONGS5cjs.useComposite.call(void 0, { store, ...props });
-    const orientation = store.useState(
+    props = _6E4BBKC4cjs.useComposite.call(void 0, { store, ...props });
+    const orientation = _FH6HQ5JNcjs.useStoreState.call(void 0, 
+      store,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
-    const items = store.useState((state) => state.renderedItems);
+    const items = _FH6HQ5JNcjs.useStoreState.call(void 0, store, (state) => state.renderedItems);
     const itemIds = items.filter((item) => !!item.value).map((item) => item.id);
-    const labelId = store.useState((state) => {
+    const labelId = _FH6HQ5JNcjs.useStoreState.call(void 0, store, (state) => {
       var _a;
       return (_a = state.labelElement) == null ? void 0 : _a.id;
     });
@@ -107,7 +111,7 @@ var useTagList = _743QABRAcjs.createHook.call(void 0,
           "aria-live": "polite",
           "aria-relevant": "all",
           "aria-atomic": true,
-          "aria-labelledby": labelId,
+          "aria-labelledby": listboxProps["aria-label"] != null ? void 0 : labelId,
           "aria-orientation": orientation,
           "aria-owns": itemIds.join(" "),
           ...listboxProps,
@@ -123,9 +127,9 @@ var useTagList = _743QABRAcjs.createHook.call(void 0,
     return props;
   }
 );
-var TagList = _743QABRAcjs.forwardRef.call(void 0, function TagList2(props) {
+var TagList = _PTOCUU2Dcjs.forwardRef.call(void 0, function TagList2(props) {
   const htmlProps = useTagList(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

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

@@ -6,7 +6,7 @@ declare const TagName = "div";
 type TagName = typeof TagName;
 /**
  * Returns props to create a `TagList` component.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx
  * const props = useTagList();
@@ -15,14 +15,14 @@ type TagName = typeof TagName;
  */
 export declare const useTagList: import("../utils/types.ts").Hook<"div", TagListOptions<"div">>;
 /**
- * Renders a wrapper for [`Tag`](https://ariakit.org/reference/tag) and
- * [`TagInput`](https://ariakit.org/reference/tag-input) components. This
+ * Renders a wrapper for [`Tag`](https://ariakit.com/reference/tag) and
+ * [`TagInput`](https://ariakit.com/reference/tag-input) components. This
  * component is typically styled as an input field.
  *
- * The [`TagListLabel`](https://ariakit.org/reference/tag-list-label) component
+ * The [`TagListLabel`](https://ariakit.com/reference/tag-list-label) component
  * can be used to provide an accessible name for the listbox element that owns
  * the tags.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx {3-15}
  * <TagProvider>
@@ -47,9 +47,9 @@ export declare const TagList: (props: TagListProps) => import("react").ReactElem
 export interface TagListOptions<T extends ElementType = TagName> extends CompositeOptions<T> {
     /**
      * Object returned by the
-     * [`useTagStore`](https://ariakit.org/reference/use-tag-store) hook. If not
+     * [`useTagStore`](https://ariakit.com/reference/use-tag-store) hook. If not
      * provided, the closest
-     * [`TagProvider`](https://ariakit.org/reference/tag-provider) component's
+     * [`TagProvider`](https://ariakit.com/reference/tag-provider) component's
      * context will be used.
      */
     store?: TagStore;

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

@@ -6,7 +6,7 @@ declare const TagName = "div";
 type TagName = typeof TagName;
 /**
  * Returns props to create a `TagList` component.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx
  * const props = useTagList();
@@ -15,14 +15,14 @@ type TagName = typeof TagName;
  */
 export declare const useTagList: import("../utils/types.ts").Hook<"div", TagListOptions<"div">>;
 /**
- * Renders a wrapper for [`Tag`](https://ariakit.org/reference/tag) and
- * [`TagInput`](https://ariakit.org/reference/tag-input) components. This
+ * Renders a wrapper for [`Tag`](https://ariakit.com/reference/tag) and
+ * [`TagInput`](https://ariakit.com/reference/tag-input) components. This
  * component is typically styled as an input field.
  *
- * The [`TagListLabel`](https://ariakit.org/reference/tag-list-label) component
+ * The [`TagListLabel`](https://ariakit.com/reference/tag-list-label) component
  * can be used to provide an accessible name for the listbox element that owns
  * the tags.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx {3-15}
  * <TagProvider>
@@ -47,9 +47,9 @@ export declare const TagList: (props: TagListProps) => import("react").ReactElem
 export interface TagListOptions<T extends ElementType = TagName> extends CompositeOptions<T> {
     /**
      * Object returned by the
-     * [`useTagStore`](https://ariakit.org/reference/use-tag-store) hook. If not
+     * [`useTagStore`](https://ariakit.com/reference/use-tag-store) hook. If not
      * provided, the closest
-     * [`TagProvider`](https://ariakit.org/reference/tag-provider) component's
+     * [`TagProvider`](https://ariakit.com/reference/tag-provider) component's
      * context will be used.
      */
     store?: TagStore;

package/cjs/tag/tag-provider.cjs

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ETUTZY4Gcjs = require('../__chunks/ETUTZY4G.cjs');
+var _2HCTOR45cjs = require('../__chunks/2HCTOR45.cjs');
 
 
-var _THHAUPXTcjs = require('../__chunks/THHAUPXT.cjs');
-require('../__chunks/CZKPX6W7.cjs');
-require('../__chunks/SDXRA2A6.cjs');
-require('../__chunks/WI7QXQL7.cjs');
-require('../__chunks/YY2UXBEB.cjs');
-require('../__chunks/SS26HAQ2.cjs');
-require('../__chunks/743QABRA.cjs');
-require('../__chunks/KGFTRA3C.cjs');
+var _I6T3D36Kcjs = require('../__chunks/I6T3D36K.cjs');
+require('../__chunks/MLKK6UGO.cjs');
+require('../__chunks/MMSR5JSJ.cjs');
+require('../__chunks/UCZW3OGH.cjs');
+require('../__chunks/FH6HQ5JN.cjs');
+require('../__chunks/XWMMMXUK.cjs');
+require('../__chunks/PTOCUU2D.cjs');
+require('../__chunks/3BSDKDKD.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 // src/tag/tag-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function TagProvider(props = {}) {
-  const store = _ETUTZY4Gcjs.useTagStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _THHAUPXTcjs.TagContextProvider, { value: store, children: props.children });
+  const store = _2HCTOR45cjs.useTagStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _I6T3D36Kcjs.TagContextProvider, { value: store, children: props.children });
 }
 
 

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

@@ -1,8 +1,8 @@
 import type { ReactNode } from "react";
 import type { TagStoreProps } from "./tag-store.ts";
 /**
- * Provides a tag store to [Tag](https://ariakit.org/components/tag) components.
- * @see https://ariakit.org/components/tag
+ * Provides a tag store to [Tag](https://ariakit.com/components/tag) components.
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx
  * <TagProvider>

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

@@ -1,8 +1,8 @@
 import type { ReactNode } from "react";
 import type { TagStoreProps } from "./tag-store.ts";
 /**
- * Provides a tag store to [Tag](https://ariakit.org/components/tag) components.
- * @see https://ariakit.org/components/tag
+ * Provides a tag store to [Tag](https://ariakit.com/components/tag) components.
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx
  * <TagProvider>

package/cjs/tag/tag-remove.cjs

@@ -5,22 +5,22 @@ var _DIH46ZNHcjs = require('../__chunks/DIH46ZNH.cjs');
 
 
 
-var _THHAUPXTcjs = require('../__chunks/THHAUPXT.cjs');
+var _I6T3D36Kcjs = require('../__chunks/I6T3D36K.cjs');
 
 
-var _L22B4P6Ycjs = require('../__chunks/L22B4P6Y.cjs');
-require('../__chunks/WI7QXQL7.cjs');
-require('../__chunks/SS26HAQ2.cjs');
+var _VYZTFWCGcjs = require('../__chunks/VYZTFWCG.cjs');
+require('../__chunks/UCZW3OGH.cjs');
+require('../__chunks/XWMMMXUK.cjs');
 
 
 
 
-var _743QABRAcjs = require('../__chunks/743QABRA.cjs');
+var _PTOCUU2Dcjs = require('../__chunks/PTOCUU2D.cjs');
 
 
 
 
-var _KGFTRA3Ccjs = require('../__chunks/KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('../__chunks/3BSDKDKD.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 // src/tag/tag-remove.tsx
@@ -28,22 +28,22 @@ var _misc = require('@ariakit/core/utils/misc');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "button";
-var useTagRemove = _743QABRAcjs.createHook.call(void 0, 
+var useTagRemove = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useTagRemove2({
     store,
     value: valueProp,
     removeOnClick = true,
     ...props
   }) {
-    const context = _THHAUPXTcjs.useTagContext.call(void 0, );
+    const context = _I6T3D36Kcjs.useTagContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "TagRemove must receive a `store` prop or be wrapped in a TagProvider component."
     );
-    const id = _KGFTRA3Ccjs.useId.call(void 0, props.id);
-    const setRemoveId = _react.useContext.call(void 0, _THHAUPXTcjs.TagRemoveIdContext);
-    const valueFromContext = _react.useContext.call(void 0, _THHAUPXTcjs.TagValueContext);
+    const id = _3BSDKDKDcjs.useId.call(void 0, props.id);
+    const setRemoveId = _react.useContext.call(void 0, _I6T3D36Kcjs.TagRemoveIdContext);
+    const valueFromContext = _react.useContext.call(void 0, _I6T3D36Kcjs.TagValueContext);
     const withinTag = valueFromContext !== null;
     const value = valueProp != null ? valueProp : valueFromContext;
     _react.useEffect.call(void 0, () => {
@@ -51,8 +51,8 @@ var useTagRemove = _743QABRAcjs.createHook.call(void 0,
       return () => setRemoveId == null ? void 0 : setRemoveId();
     }, [id, setRemoveId]);
     const onClickProp = props.onClick;
-    const removeOnClickProp = _KGFTRA3Ccjs.useBooleanEvent.call(void 0, removeOnClick);
-    const onClick = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const removeOnClickProp = _3BSDKDKDcjs.useBooleanEvent.call(void 0, removeOnClick);
+    const onClick = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented) return;
       if (!store) return;
@@ -83,21 +83,21 @@ var useTagRemove = _743QABRAcjs.createHook.call(void 0,
     );
     const touchDevice = _DIH46ZNHcjs.useTouchDevice.call(void 0, ) && withinTag;
     props = {
-      id,
       children,
       role: touchDevice ? "button" : void 0,
       "aria-hidden": !touchDevice,
       "aria-label": touchDevice ? `Remove ${value}` : withinTag ? "Press Delete or Backspace to remove" : void 0,
       ...props,
+      id,
       onClick,
-      render: withinTag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _L22B4P6Ycjs.Role.span, { render: props.render }) : props.render
+      render: withinTag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VYZTFWCGcjs.Role.span, { render: props.render }) : props.render
     };
     return props;
   }
 );
-var TagRemove = _743QABRAcjs.forwardRef.call(void 0, function TagRemove2(props) {
+var TagRemove = _PTOCUU2Dcjs.forwardRef.call(void 0, function TagRemove2(props) {
   const htmlProps = useTagRemove(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

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

@@ -7,7 +7,7 @@ type TagName = typeof TagName;
 type HTMLType = HTMLElementTagNameMap[TagName];
 /**
  * Returns props to create a `TagRemove` component.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx
  * const props = useTagRemove();
@@ -17,9 +17,9 @@ type HTMLType = HTMLElementTagNameMap[TagName];
 export declare const useTagRemove: import("../utils/types.ts").Hook<"button", TagRemoveOptions<"button">>;
 /**
  * Renders a `Backspace` icon inside a
- * [`Tag`](https://ariakit.org/reference/tag) component that removes the tag
+ * [`Tag`](https://ariakit.com/reference/tag) component that removes the tag
  * when clicked with a mouse.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx {9}
  * <TagProvider>
@@ -44,15 +44,15 @@ export declare const TagRemove: (props: TagRemoveProps) => import("react").React
 export interface TagRemoveOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
-     * [`useTagStore`](https://ariakit.org/reference/use-tag-store) hook. If not
+     * [`useTagStore`](https://ariakit.com/reference/use-tag-store) hook. If not
      * provided, the closest
-     * [`TagProvider`](https://ariakit.org/reference/tag-provider) component's
+     * [`TagProvider`](https://ariakit.com/reference/tag-provider) component's
      * context will be used.
      */
     store?: TagStore;
     /**
      * The value of the tag to remove. If not provided, the value will be inferred
-     * from the parent [`Tag`](https://ariakit.org/reference/tag) component.
+     * from the parent [`Tag`](https://ariakit.com/reference/tag) component.
      */
     value?: string;
     /**

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

@@ -7,7 +7,7 @@ type TagName = typeof TagName;
 type HTMLType = HTMLElementTagNameMap[TagName];
 /**
  * Returns props to create a `TagRemove` component.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx
  * const props = useTagRemove();
@@ -17,9 +17,9 @@ type HTMLType = HTMLElementTagNameMap[TagName];
 export declare const useTagRemove: import("../utils/types.ts").Hook<"button", TagRemoveOptions<"button">>;
 /**
  * Renders a `Backspace` icon inside a
- * [`Tag`](https://ariakit.org/reference/tag) component that removes the tag
+ * [`Tag`](https://ariakit.com/reference/tag) component that removes the tag
  * when clicked with a mouse.
- * @see https://ariakit.org/components/tag
+ * @see https://ariakit.com/components/tag
  * @example
  * ```jsx {9}
  * <TagProvider>
@@ -44,15 +44,15 @@ export declare const TagRemove: (props: TagRemoveProps) => import("react").React
 export interface TagRemoveOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
-     * [`useTagStore`](https://ariakit.org/reference/use-tag-store) hook. If not
+     * [`useTagStore`](https://ariakit.com/reference/use-tag-store) hook. If not
      * provided, the closest
-     * [`TagProvider`](https://ariakit.org/reference/tag-provider) component's
+     * [`TagProvider`](https://ariakit.com/reference/tag-provider) component's
      * context will be used.
      */
     store?: TagStore;
     /**
      * The value of the tag to remove. If not provided, the value will be inferred
-     * from the parent [`Tag`](https://ariakit.org/reference/tag) component.
+     * from the parent [`Tag`](https://ariakit.com/reference/tag) component.
      */
     value?: string;
     /**