@ariakit/react-core 0.4.3 → 0.4.5

package/esm/hovercard/hovercard.js

@@ -2,32 +2,32 @@
 import {
   Hovercard,
   useHovercard
-} from "../__chunks/6VDNHSLX.js";
+} from "../__chunks/65LF6MEO.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/X3V2DT2U.js";
-import "../__chunks/NQ4PTILT.js";
-import "../__chunks/GOXKZAQI.js";
-import "../__chunks/6GXEOXGT.js";
-import "../__chunks/PTPUIM7N.js";
-import "../__chunks/4ZRXV5C7.js";
-import "../__chunks/U2L67A6K.js";
-import "../__chunks/4KKLZMKS.js";
+import "../__chunks/6YVAEELE.js";
+import "../__chunks/FGHVVLPU.js";
+import "../__chunks/CMFBAHKI.js";
 import "../__chunks/HSFE2URL.js";
 import "../__chunks/H2NVVTJB.js";
+import "../__chunks/6GXEOXGT.js";
 import "../__chunks/YNKDLCEK.js";
+import "../__chunks/3TEK3C5Q.js";
+import "../__chunks/4ZRXV5C7.js";
+import "../__chunks/677M2CI3.js";
 import "../__chunks/MKDDWKFK.js";
 import "../__chunks/5QL6BP6J.js";
 import "../__chunks/OOBDFMJL.js";
+import "../__chunks/BC72XE6E.js";
 import "../__chunks/53CQGCDZ.js";
-import "../__chunks/677M2CI3.js";
+import "../__chunks/4KKLZMKS.js";
 import "../__chunks/UHSH3H5I.js";
 import "../__chunks/UYRJLDVS.js";
+import "../__chunks/XPF5GU3Q.js";
 import "../__chunks/JPQNKTGF.js";
 import "../__chunks/LQTCWTYB.js";
 import "../__chunks/7452U3HH.js";
-import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/4MFOHMLS.js";
 import "../__chunks/KCMTTTFR.js";
+import "../__chunks/4MFOHMLS.js";
 import "../__chunks/5YBNH7BL.js";
 import "../__chunks/5B3U64HV.js";
 import "../__chunks/IWHI6Y45.js";

package/esm/menu/menu-button-arrow.js

@@ -5,7 +5,7 @@ import {
 import "../__chunks/UY6VBRVY.js";
 import {
   usePopoverDisclosureArrow
-} from "../__chunks/NN4HLGKS.js";
+} from "../__chunks/F2RFUFO2.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
 import "../__chunks/5YBNH7BL.js";

package/esm/menu/menu-dismiss.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   useHovercardDismiss
-} from "../__chunks/2VWKZYYT.js";
+} from "../__chunks/H5N72W37.js";
 import {
   useMenuScopedContext
 } from "../__chunks/3HX4ZAOG.js";
 import "../__chunks/UY6VBRVY.js";
-import "../__chunks/LABIXQLW.js";
-import "../__chunks/JCOBPKEI.js";
+import "../__chunks/44PDY2W5.js";
+import "../__chunks/BY6P32UK.js";
 import "../__chunks/CKAOM5LG.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/QFI3MCMR.js";

package/esm/menu/menu-item-check.js

@@ -5,7 +5,7 @@ import {
 import "../__chunks/UY6VBRVY.js";
 import {
   useCheckboxCheck
-} from "../__chunks/RAKW656I.js";
+} from "../__chunks/Q4PZFBSW.js";
 import "../__chunks/6XBVQI3K.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

package/esm/menu/menu-item-checkbox.js

@@ -8,16 +8,16 @@ import {
 import "../__chunks/ZKBA2XH4.js";
 import {
   useMenuItem
-} from "../__chunks/HW63KLP5.js";
+} from "../__chunks/M354SEUF.js";
 import {
   useMenuScopedContext
 } from "../__chunks/3HX4ZAOG.js";
 import "../__chunks/UY6VBRVY.js";
 import "../__chunks/VXKKJNIF.js";
 import "../__chunks/6XBVQI3K.js";
-import "../__chunks/ONUY4D7O.js";
-import "../__chunks/PJ7ERAIM.js";
+import "../__chunks/VGORKDMQ.js";
 import "../__chunks/IFMAUEA7.js";
+import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

package/esm/menu/menu-item-radio.js

@@ -1,20 +1,20 @@
 "use client";
 import {
   useMenuItem
-} from "../__chunks/HW63KLP5.js";
+} from "../__chunks/M354SEUF.js";
 import {
   MenuItemCheckedContext,
   useMenuScopedContext
 } from "../__chunks/3HX4ZAOG.js";
 import "../__chunks/UY6VBRVY.js";
+import "../__chunks/VXKKJNIF.js";
 import {
   useRadio
-} from "../__chunks/C5HA76JU.js";
+} from "../__chunks/QZJOXZKA.js";
 import "../__chunks/MIIHBIKN.js";
-import "../__chunks/VXKKJNIF.js";
-import "../__chunks/ONUY4D7O.js";
-import "../__chunks/PJ7ERAIM.js";
+import "../__chunks/VGORKDMQ.js";
 import "../__chunks/IFMAUEA7.js";
+import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

package/esm/menu/menu-item.js

@@ -2,13 +2,13 @@
 import {
   MenuItem,
   useMenuItem
-} from "../__chunks/HW63KLP5.js";
+} from "../__chunks/M354SEUF.js";
 import "../__chunks/3HX4ZAOG.js";
 import "../__chunks/UY6VBRVY.js";
 import "../__chunks/VXKKJNIF.js";
-import "../__chunks/ONUY4D7O.js";
-import "../__chunks/PJ7ERAIM.js";
+import "../__chunks/VGORKDMQ.js";
 import "../__chunks/IFMAUEA7.js";
+import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

package/esm/menu/menu.js

@@ -13,34 +13,34 @@ import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
 import {
   useHovercard
-} from "../__chunks/6VDNHSLX.js";
+} from "../__chunks/65LF6MEO.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/X3V2DT2U.js";
+import "../__chunks/6YVAEELE.js";
 import {
   createDialogComponent
-} from "../__chunks/NQ4PTILT.js";
-import "../__chunks/GOXKZAQI.js";
-import "../__chunks/6GXEOXGT.js";
-import "../__chunks/PTPUIM7N.js";
-import "../__chunks/4ZRXV5C7.js";
-import "../__chunks/U2L67A6K.js";
-import "../__chunks/4KKLZMKS.js";
+} from "../__chunks/FGHVVLPU.js";
+import "../__chunks/CMFBAHKI.js";
 import "../__chunks/HSFE2URL.js";
 import "../__chunks/H2NVVTJB.js";
+import "../__chunks/6GXEOXGT.js";
 import "../__chunks/YNKDLCEK.js";
+import "../__chunks/3TEK3C5Q.js";
+import "../__chunks/4ZRXV5C7.js";
+import "../__chunks/677M2CI3.js";
 import "../__chunks/MKDDWKFK.js";
 import "../__chunks/5QL6BP6J.js";
 import "../__chunks/OOBDFMJL.js";
+import "../__chunks/BC72XE6E.js";
 import "../__chunks/53CQGCDZ.js";
-import "../__chunks/677M2CI3.js";
+import "../__chunks/4KKLZMKS.js";
 import "../__chunks/UHSH3H5I.js";
 import "../__chunks/UYRJLDVS.js";
+import "../__chunks/XPF5GU3Q.js";
 import "../__chunks/JPQNKTGF.js";
 import "../__chunks/LQTCWTYB.js";
 import "../__chunks/7452U3HH.js";
-import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/4MFOHMLS.js";
 import "../__chunks/KCMTTTFR.js";
+import "../__chunks/4MFOHMLS.js";
 import "../__chunks/5YBNH7BL.js";
 import "../__chunks/5B3U64HV.js";
 import "../__chunks/IWHI6Y45.js";

package/esm/popover/popover-disclosure-arrow.js

@@ -2,7 +2,7 @@
 import {
   PopoverDisclosureArrow,
   usePopoverDisclosureArrow
-} from "../__chunks/NN4HLGKS.js";
+} from "../__chunks/F2RFUFO2.js";
 import "../__chunks/5B3U64HV.js";
 import "../__chunks/IWHI6Y45.js";
 import "../__chunks/RG6J4TID.js";

package/esm/popover/popover-dismiss.js

@@ -2,8 +2,8 @@
 import {
   PopoverDismiss,
   usePopoverDismiss
-} from "../__chunks/LABIXQLW.js";
-import "../__chunks/JCOBPKEI.js";
+} from "../__chunks/44PDY2W5.js";
+import "../__chunks/BY6P32UK.js";
 import "../__chunks/CKAOM5LG.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/5B3U64HV.js";

package/esm/popover/popover.js

@@ -2,30 +2,30 @@
 import {
   Popover,
   usePopover
-} from "../__chunks/X3V2DT2U.js";
-import "../__chunks/NQ4PTILT.js";
-import "../__chunks/GOXKZAQI.js";
-import "../__chunks/6GXEOXGT.js";
-import "../__chunks/PTPUIM7N.js";
-import "../__chunks/4ZRXV5C7.js";
-import "../__chunks/U2L67A6K.js";
-import "../__chunks/4KKLZMKS.js";
+} from "../__chunks/6YVAEELE.js";
+import "../__chunks/FGHVVLPU.js";
+import "../__chunks/CMFBAHKI.js";
 import "../__chunks/HSFE2URL.js";
 import "../__chunks/H2NVVTJB.js";
+import "../__chunks/6GXEOXGT.js";
 import "../__chunks/YNKDLCEK.js";
+import "../__chunks/3TEK3C5Q.js";
+import "../__chunks/4ZRXV5C7.js";
+import "../__chunks/677M2CI3.js";
 import "../__chunks/MKDDWKFK.js";
 import "../__chunks/5QL6BP6J.js";
 import "../__chunks/OOBDFMJL.js";
+import "../__chunks/BC72XE6E.js";
 import "../__chunks/53CQGCDZ.js";
-import "../__chunks/677M2CI3.js";
+import "../__chunks/4KKLZMKS.js";
 import "../__chunks/UHSH3H5I.js";
 import "../__chunks/UYRJLDVS.js";
+import "../__chunks/XPF5GU3Q.js";
 import "../__chunks/JPQNKTGF.js";
 import "../__chunks/LQTCWTYB.js";
 import "../__chunks/7452U3HH.js";
-import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/4MFOHMLS.js";
 import "../__chunks/KCMTTTFR.js";
+import "../__chunks/4MFOHMLS.js";
 import "../__chunks/5B3U64HV.js";
 import "../__chunks/IWHI6Y45.js";
 import "../__chunks/RG6J4TID.js";

package/esm/radio/radio.js

@@ -2,11 +2,11 @@
 import {
   Radio,
   useRadio
-} from "../__chunks/C5HA76JU.js";
+} from "../__chunks/QZJOXZKA.js";
 import "../__chunks/MIIHBIKN.js";
-import "../__chunks/ONUY4D7O.js";
-import "../__chunks/PJ7ERAIM.js";
+import "../__chunks/VGORKDMQ.js";
 import "../__chunks/IFMAUEA7.js";
+import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

package/esm/select/select-arrow.js

@@ -2,8 +2,8 @@
 import {
   SelectArrow,
   useSelectArrow
-} from "../__chunks/FYNSL2D5.js";
-import "../__chunks/NN4HLGKS.js";
+} from "../__chunks/5H3YXAUC.js";
+import "../__chunks/F2RFUFO2.js";
 import "../__chunks/SYZHUNAU.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

package/esm/select/select-item-check.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useCheckboxCheck
-} from "../__chunks/RAKW656I.js";
+} from "../__chunks/Q4PZFBSW.js";
 import "../__chunks/6XBVQI3K.js";
 import {
   SelectItemCheckedContext

package/esm/select/select-item.js

@@ -2,15 +2,15 @@
 import {
   useCompositeHover
 } from "../__chunks/VXKKJNIF.js";
-import {
-  useCompositeItem
-} from "../__chunks/ONUY4D7O.js";
-import "../__chunks/PJ7ERAIM.js";
 import {
   SelectItemCheckedContext,
   useSelectScopedContext
 } from "../__chunks/SYZHUNAU.js";
+import {
+  useCompositeItem
+} from "../__chunks/VGORKDMQ.js";
 import "../__chunks/IFMAUEA7.js";
+import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

package/esm/select/select-popover.js

@@ -12,32 +12,32 @@ import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
 import {
   usePopover
-} from "../__chunks/X3V2DT2U.js";
+} from "../__chunks/6YVAEELE.js";
 import {
   createDialogComponent
-} from "../__chunks/NQ4PTILT.js";
-import "../__chunks/GOXKZAQI.js";
-import "../__chunks/6GXEOXGT.js";
-import "../__chunks/PTPUIM7N.js";
-import "../__chunks/4ZRXV5C7.js";
-import "../__chunks/U2L67A6K.js";
-import "../__chunks/4KKLZMKS.js";
+} from "../__chunks/FGHVVLPU.js";
+import "../__chunks/CMFBAHKI.js";
 import "../__chunks/HSFE2URL.js";
 import "../__chunks/H2NVVTJB.js";
+import "../__chunks/6GXEOXGT.js";
 import "../__chunks/YNKDLCEK.js";
+import "../__chunks/3TEK3C5Q.js";
+import "../__chunks/4ZRXV5C7.js";
+import "../__chunks/677M2CI3.js";
 import "../__chunks/MKDDWKFK.js";
 import "../__chunks/5QL6BP6J.js";
 import "../__chunks/OOBDFMJL.js";
+import "../__chunks/BC72XE6E.js";
 import "../__chunks/53CQGCDZ.js";
-import "../__chunks/677M2CI3.js";
+import "../__chunks/4KKLZMKS.js";
 import "../__chunks/UHSH3H5I.js";
 import "../__chunks/UYRJLDVS.js";
+import "../__chunks/XPF5GU3Q.js";
 import "../__chunks/JPQNKTGF.js";
 import "../__chunks/LQTCWTYB.js";
 import "../__chunks/7452U3HH.js";
-import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/4MFOHMLS.js";
 import "../__chunks/KCMTTTFR.js";
+import "../__chunks/4MFOHMLS.js";
 import "../__chunks/5B3U64HV.js";
 import "../__chunks/IWHI6Y45.js";
 import "../__chunks/RG6J4TID.js";

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

@@ -7,16 +7,17 @@ type Value = SelectStoreValue;
  * [`value`](https://ariakit.org/reference/use-select-store#value) state in the
  * [select store](https://ariakit.org/reference/use-select-store).
  *
- * As a headless value component, it doesn't render any DOM elements and
- * therefore doesn't accept HTML props. It can optionally accept a
+ * As a value component, it doesn't render any DOM elements and therefore
+ * doesn't accept HTML props. It can optionally accept a
  * [`fallback`](https://ariakit.org/reference/select-value#fallback) prop to use
  * as a default value if the store's
  * [`value`](https://ariakit.org/reference/use-select-store#value) is
  * `undefined`.
  *
- * Additionally, it takes a `children` function that gets called with the
- * current value as an argument. This feature is handy for renderind the value
- * in a custom way.
+ * Additionally, it takes a
+ * [`children`](https://ariakit.org/reference/select-value#children) function
+ * that gets called with the current value as an argument. This is handy for
+ * rendering the value in a custom way.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx {3}
@@ -71,8 +72,8 @@ export interface SelectValueProps<T extends Value = Value> {
      */
     fallback?: T;
     /**
-     * A function that gets called with the current value as an argument. This
-     * feature is handy for renderind the value in a custom way.
+     * A function that gets called with the current value as an argument. This is
+     * handy for rendering the value in a custom way.
      */
     children?: (value: ToPrimitive<T>) => ReactNode;
 }

package/esm/select/select.js

@@ -8,16 +8,16 @@ import "../__chunks/DYQUE3V3.js";
 import "../__chunks/CKAOM5LG.js";
 import {
   SelectArrow
-} from "../__chunks/FYNSL2D5.js";
-import "../__chunks/NN4HLGKS.js";
+} from "../__chunks/5H3YXAUC.js";
+import "../__chunks/F2RFUFO2.js";
 import {
   useCompositeTypeahead
 } from "../__chunks/QRAMDWD7.js";
-import "../__chunks/PJ7ERAIM.js";
 import {
   SelectScopedContextProvider,
   useSelectProviderContext
 } from "../__chunks/SYZHUNAU.js";
+import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

package/esm/tab/tab-panel.js

@@ -1,11 +1,11 @@
 "use client";
-import {
-  useCollectionItem
-} from "../__chunks/IFMAUEA7.js";
 import {
   TabScopedContextProvider,
   useTabProviderContext
 } from "../__chunks/VFICFWOQ.js";
+import {
+  useCollectionItem
+} from "../__chunks/IFMAUEA7.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
 import {

package/esm/tab/tab.js

@@ -1,13 +1,13 @@
 "use client";
+import {
+  useTabScopedContext
+} from "../__chunks/VFICFWOQ.js";
 import {
   CompositeItem,
   useCompositeItem
-} from "../__chunks/ONUY4D7O.js";
-import "../__chunks/PJ7ERAIM.js";
+} from "../__chunks/VGORKDMQ.js";
 import "../__chunks/IFMAUEA7.js";
-import {
-  useTabScopedContext
-} from "../__chunks/VFICFWOQ.js";
+import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

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

@@ -0,0 +1,21 @@
+import type { TagStore } from "./tag-store.js";
+export declare const TagValueContext: import("react").Context<string | null>;
+export declare const TagRemoveIdContext: import("react").Context<((id?: string) => void) | null>;
+/**
+ * Returns the tag store from the nearest tag container.
+ * @example
+ * function Tag() {
+ *   const store = useTagContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Tag must be wrapped in TagProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useTagContext: () => TagStore | undefined;
+export declare const useTagScopedContext: (onlyScoped?: boolean) => TagStore | undefined;
+export declare const useTagProviderContext: () => TagStore | undefined;
+export declare const TagContextProvider: (props: import("react").ProviderProps<TagStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const TagScopedContextProvider: (props: import("react").ProviderProps<TagStore | undefined>) => import("react/jsx-runtime").JSX.Element;

package/esm/tag/tag-context.js

@@ -0,0 +1,25 @@
+"use client";
+import {
+  TagContextProvider,
+  TagRemoveIdContext,
+  TagScopedContextProvider,
+  TagValueContext,
+  useTagContext,
+  useTagProviderContext,
+  useTagScopedContext
+} from "../__chunks/WYDDZRWN.js";
+import "../__chunks/QFI3MCMR.js";
+import "../__chunks/6LTHW2TQ.js";
+import "../__chunks/GUCZNEAD.js";
+import "../__chunks/WOWUAP42.js";
+import "../__chunks/XM66DUTO.js";
+import "../__chunks/4R3V3JGP.js";
+export {
+  TagContextProvider,
+  TagRemoveIdContext,
+  TagScopedContextProvider,
+  TagValueContext,
+  useTagContext,
+  useTagProviderContext,
+  useTagScopedContext
+};

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

@@ -0,0 +1,122 @@
+import type { ChangeEvent, ClipboardEvent, ElementType, KeyboardEvent, SyntheticEvent } from "react";
+import type { BooleanOrCallback } from "@ariakit/core/utils/types";
+import type { CompositeItemOptions } from "../composite/composite-item.js";
+import type { Props } from "../utils/types.js";
+import type { TagStore } from "./tag-store.js";
+declare const TagName = "input";
+type TagName = typeof TagName;
+type EventWithValues<T extends SyntheticEvent> = T & {
+    values: string[];
+};
+/**
+ * Returns props to create a `TagInput` component.
+ * @see https://ariakit.org/components/tag
+ * @example
+ * ```jsx
+ * const props = useTagInput();
+ * <Role.input {...props} />
+ * ```
+ */
+export declare const useTagInput: import("../utils/types.js").Hook<"input", TagInputOptions<"input">>;
+/**
+ * Renders an input element within a
+ * [`TagList`](https://ariakit.org/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.
+ *
+ * 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
+ * tag input with suggestions.
+ * @see https://ariakit.org/components/tag
+ * @example
+ * ```jsx {14}
+ * <TagProvider>
+ *   <TagListLabel>Invitees</TagListLabel>
+ *   <TagList>
+ *     <TagValues>
+ *       {(values) =>
+ *         values.map((value) => (
+ *           <Tag key={value} value={value}>
+ *             {value}
+ *             <TagRemove />
+ *           </Tag>
+ *         ))
+ *       }
+ *     </TagValues>
+ *     <TagInput />
+ *   </TagList>
+ * </TagProvider>
+ * ```
+ */
+export declare const TagInput: (props: TagInputProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+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
+     * provided, the closest
+     * [`TagProvider`](https://ariakit.org/reference/tag-provider) component's
+     * context will be used.
+     */
+    store?: TagStore;
+    /**
+     * The string or pattern employed to break the input value into multiple tags.
+     * This could be a string, a regular expression, an array of strings and
+     * regular expressions, or `null` to prevent splitting on input.
+     *
+     * When an array is given, the input value is split by the first matching
+     * delimiter. All other delimiters are disregarded for the same input event.
+     * For example, if the delimiters are `["\n", ","]` and the user pastes text
+     * containing commas and newlines, the text will be split solely by newlines.
+     * The commas will be preserved in the tag values. If you want to split by
+     * both commas and newlines, you should use a regular expression that matches
+     * both characters (e.g., `/[\n,]/`).
+     * @default ["\n", ";", ",", /\s/]
+     */
+    delimiter?: string | RegExp | null | (string | RegExp)[];
+    /**
+     * 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.
+     *
+     * This can be either a boolean or a callback that receives an event with an
+     * extra `values` property and should return a boolean.
+     * @default true
+     */
+    addValueOnPaste?: BooleanOrCallback<EventWithValues<ClipboardEvent<HTMLElement>>>;
+    /**
+     * 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.
+     *
+     * This can be either a boolean or a callback that receives an event with an
+     * extra `values` property and should return a boolean.
+     * @default true
+     */
+    addValueOnChange?: BooleanOrCallback<EventWithValues<ChangeEvent<HTMLElement>>>;
+    /**
+     * Whether the tag
+     * [`value`](https://ariakit.org/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
+     * based on the input element's value.
+     * @default true
+     */
+    setValueOnChange?: BooleanOrCallback<ChangeEvent<HTMLElement>>;
+    /**
+     * Determines whether the last tag value should be removed from the store when
+     * the `Backspace` key is pressed and the cursor is at the start of the input
+     * value.
+     * @default true
+     */
+    removeOnBackspace?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
+    /**
+     * @default true
+     */
+    tabbable?: CompositeItemOptions<T>["tabbable"];
+}
+export type TagInputProps<T extends ElementType = TagName> = Props<T, TagInputOptions<T>>;
+export {};