@ariakit/react-core 0.4.3 → 0.4.5

package/cjs/tag/tag.d.cts

@@ -0,0 +1,74 @@
+import type { ElementType, KeyboardEvent } 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 = "div";
+type TagName = typeof TagName;
+type HTMLType = HTMLElementTagNameMap[TagName];
+/**
+ * Returns props to create a `Tag` component.
+ * @see https://ariakit.org/components/tag
+ * @example
+ * ```jsx
+ * const props = useTag();
+ * <Role.div {...props} />
+ * ```
+ */
+export declare const useTag: import("../utils/types.js").Hook<"div", TagOptions<"div">>;
+/**
+ * Renders a tag element inside a
+ * [`TagList`](https://ariakit.org/reference/tag-list) wrapper.
+ *
+ * The user can remove the tag by pressing `Backspace` or `Delete` keys when the
+ * tag is focused. The
+ * [`removeOnKeyPress`](https://ariakit.org/reference/tag#removeonkeypress) prop
+ * can be used to disable this behavior.
+ *
+ * When a printable key is pressed, the focus is automatically moved to the
+ * input element.
+ * @see https://ariakit.org/components/tag
+ * @example
+ * ```jsx {7-10}
+ * <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 Tag: (props: TagProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface TagOptions<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 [`TagList`](https://ariakit.org/reference/tag-list)
+     * component's context will be used.
+     */
+    store?: TagStore;
+    /**
+     * The unique value of the tag. This is automatically rendered as the tag's
+     * content if no children are provided.
+     */
+    value: string;
+    /**
+     * Defines the behavior of the `Backspace` and `Delete` keys when the tag is
+     * focused. If `true`, the tag is removed. If it's a function, it's invoked
+     * with the key event and should return a boolean.
+     * @default true
+     */
+    removeOnKeyPress?: BooleanOrCallback<KeyboardEvent<HTMLType>>;
+}
+export type TagProps<T extends ElementType = TagName> = Props<T, TagOptions<T>>;
+export {};

package/cjs/tag/tag.d.ts

@@ -0,0 +1,74 @@
+import type { ElementType, KeyboardEvent } 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 = "div";
+type TagName = typeof TagName;
+type HTMLType = HTMLElementTagNameMap[TagName];
+/**
+ * Returns props to create a `Tag` component.
+ * @see https://ariakit.org/components/tag
+ * @example
+ * ```jsx
+ * const props = useTag();
+ * <Role.div {...props} />
+ * ```
+ */
+export declare const useTag: import("../utils/types.js").Hook<"div", TagOptions<"div">>;
+/**
+ * Renders a tag element inside a
+ * [`TagList`](https://ariakit.org/reference/tag-list) wrapper.
+ *
+ * The user can remove the tag by pressing `Backspace` or `Delete` keys when the
+ * tag is focused. The
+ * [`removeOnKeyPress`](https://ariakit.org/reference/tag#removeonkeypress) prop
+ * can be used to disable this behavior.
+ *
+ * When a printable key is pressed, the focus is automatically moved to the
+ * input element.
+ * @see https://ariakit.org/components/tag
+ * @example
+ * ```jsx {7-10}
+ * <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 Tag: (props: TagProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface TagOptions<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 [`TagList`](https://ariakit.org/reference/tag-list)
+     * component's context will be used.
+     */
+    store?: TagStore;
+    /**
+     * The unique value of the tag. This is automatically rendered as the tag's
+     * content if no children are provided.
+     */
+    value: string;
+    /**
+     * Defines the behavior of the `Backspace` and `Delete` keys when the tag is
+     * focused. If `true`, the tag is removed. If it's a function, it's invoked
+     * with the key event and should return a boolean.
+     * @default true
+     */
+    removeOnKeyPress?: BooleanOrCallback<KeyboardEvent<HTMLType>>;
+}
+export type TagProps<T extends ElementType = TagName> = Props<T, TagOptions<T>>;
+export {};

package/cjs/tag/utils.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _ISJGSS4Scjs = require('../__chunks/ISJGSS4S.cjs');
+require('../__chunks/AV6KTKLE.cjs');
+
+
+exports.useTouchDevice = _ISJGSS4Scjs.useTouchDevice;

package/cjs/tag/utils.d.cts

@@ -0,0 +1 @@
+export declare function useTouchDevice(): boolean;

package/cjs/tag/utils.d.ts

@@ -0,0 +1 @@
+export declare function useTouchDevice(): boolean;

package/cjs/toolbar/toolbar-container.cjs

@@ -4,10 +4,10 @@
 var _MJP4XPFZcjs = require('../__chunks/MJP4XPFZ.cjs');
 
 
-var _AJF5DT5Acjs = require('../__chunks/AJF5DT5A.cjs');
-require('../__chunks/7DQ2LBH2.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
+var _AY5J25V7cjs = require('../__chunks/AY5J25V7.cjs');
+require('../__chunks/3HMQOCLF.cjs');
 require('../__chunks/HD5AHCRI.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
 
 
@@ -38,7 +38,7 @@ var useToolbarContainer = _NGD3IQDBcjs.createHook.call(void 0,
     const context = _MVDQWSSVcjs.useToolbarContext.call(void 0, );
     store = store || context;
     props = _MJP4XPFZcjs.useCompositeContainer.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _AJF5DT5Acjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _AY5J25V7cjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-input.cjs

@@ -1,13 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _WGZQRLXVcjs = require('../__chunks/WGZQRLXV.cjs');
-
-
-var _AJF5DT5Acjs = require('../__chunks/AJF5DT5A.cjs');
-require('../__chunks/7DQ2LBH2.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
+var _AY5J25V7cjs = require('../__chunks/AY5J25V7.cjs');
+require('../__chunks/3HMQOCLF.cjs');
 require('../__chunks/HD5AHCRI.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
 
 
@@ -37,8 +34,7 @@ var useToolbarInput = _NGD3IQDBcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _MVDQWSSVcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _WGZQRLXVcjs.useCompositeInput.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _AJF5DT5Acjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _AY5J25V7cjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

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

@@ -1,5 +1,4 @@
 import type { ElementType } from "react";
-import type { CompositeInputOptions } from "../composite/composite-input.js";
 import type { Props } from "../utils/types.js";
 import type { ToolbarItemOptions } from "./toolbar-item.js";
 declare const TagName = "input";
@@ -7,6 +6,7 @@ type TagName = typeof TagName;
 /**
  * Returns props to create a `ToolbarInput` component.
  * @see https://ariakit.org/components/toolbar
+ * @deprecated Use `useToolbarItem` instead.
  * @example
  * ```jsx
  * const store = useToolbarStore();
@@ -21,6 +21,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
  * Renders a text input as a toolbar item, maintaining arrow key navigation on
  * the toolbar.
  * @see https://ariakit.org/components/toolbar
+ * @deprecated Use `<ToolbarItem render={<input />}>` instead.
  * @example
  * ```jsx {2}
  * <Toolbar>
@@ -29,7 +30,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
  * ```
  */
 export declare const ToolbarInput: (props: ToolbarInputProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T>, Omit<CompositeInputOptions<T>, "store"> {
+export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T> {
 }
 export type ToolbarInputProps<T extends ElementType = TagName> = Props<T, ToolbarInputOptions<T>>;
 export {};

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

@@ -1,5 +1,4 @@
 import type { ElementType } from "react";
-import type { CompositeInputOptions } from "../composite/composite-input.js";
 import type { Props } from "../utils/types.js";
 import type { ToolbarItemOptions } from "./toolbar-item.js";
 declare const TagName = "input";
@@ -7,6 +6,7 @@ type TagName = typeof TagName;
 /**
  * Returns props to create a `ToolbarInput` component.
  * @see https://ariakit.org/components/toolbar
+ * @deprecated Use `useToolbarItem` instead.
  * @example
  * ```jsx
  * const store = useToolbarStore();
@@ -21,6 +21,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
  * Renders a text input as a toolbar item, maintaining arrow key navigation on
  * the toolbar.
  * @see https://ariakit.org/components/toolbar
+ * @deprecated Use `<ToolbarItem render={<input />}>` instead.
  * @example
  * ```jsx {2}
  * <Toolbar>
@@ -29,7 +30,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
  * ```
  */
 export declare const ToolbarInput: (props: ToolbarInputProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T>, Omit<CompositeInputOptions<T>, "store"> {
+export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T> {
 }
 export type ToolbarInputProps<T extends ElementType = TagName> = Props<T, ToolbarInputOptions<T>>;
 export {};

package/cjs/toolbar/toolbar-item.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _AJF5DT5Acjs = require('../__chunks/AJF5DT5A.cjs');
-require('../__chunks/7DQ2LBH2.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
+var _AY5J25V7cjs = require('../__chunks/AY5J25V7.cjs');
+require('../__chunks/3HMQOCLF.cjs');
 require('../__chunks/HD5AHCRI.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/MVDQWSSV.cjs');
 require('../__chunks/VPI3EKVY.cjs');
@@ -20,4 +20,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.ToolbarItem = _AJF5DT5Acjs.ToolbarItem; exports.useToolbarItem = _AJF5DT5Acjs.useToolbarItem;
+exports.ToolbarItem = _AY5J25V7cjs.ToolbarItem; exports.useToolbarItem = _AY5J25V7cjs.useToolbarItem;

package/cjs/tooltip/tooltip.cjs

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3MKOUH5Mcjs = require('../__chunks/3MKOUH5M.cjs');
+var _GZ2NNSLVcjs = require('../__chunks/GZ2NNSLV.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/DCTXNU2X.cjs');
+require('../__chunks/N43E53E6.cjs');
 
 
-var _CWS5RZSUcjs = require('../__chunks/CWS5RZSU.cjs');
-require('../__chunks/TSEXNK3K.cjs');
-require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/37BRXQN7.cjs');
-require('../__chunks/MU7F4QWJ.cjs');
-require('../__chunks/PVYTX5U5.cjs');
-require('../__chunks/DLIQLPX4.cjs');
+var _QJDA4LG6cjs = require('../__chunks/QJDA4LG6.cjs');
+require('../__chunks/VR6GCLOV.cjs');
 require('../__chunks/UUJ5Q6IA.cjs');
 require('../__chunks/4H7FYXWQ.cjs');
+require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/JKERATCG.cjs');
+require('../__chunks/BX2QEIBH.cjs');
+require('../__chunks/MU7F4QWJ.cjs');
+require('../__chunks/6IUEXB4L.cjs');
 require('../__chunks/7YLCVXZ7.cjs');
 require('../__chunks/CXZMA435.cjs');
 require('../__chunks/7TN63K2T.cjs');
+require('../__chunks/SL55T4ZB.cjs');
 require('../__chunks/3ND7K6FF.cjs');
-require('../__chunks/6IUEXB4L.cjs');
+require('../__chunks/DLIQLPX4.cjs');
 require('../__chunks/AFPGTIIH.cjs');
 require('../__chunks/J3OG6T3B.cjs');
+require('../__chunks/2BIO7R5N.cjs');
 require('../__chunks/PE3KUHN6.cjs');
 require('../__chunks/AXNMZ6L6.cjs');
 require('../__chunks/CVD2AZE2.cjs');
-require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/R6M66EKZ.cjs');
 require('../__chunks/7CYY7U2A.cjs');
+require('../__chunks/R6M66EKZ.cjs');
 
 
 
@@ -95,7 +95,7 @@ var useTooltip = _NGD3IQDBcjs.createHook.call(void 0,
       (state) => state.type === "description" ? "tooltip" : "none"
     );
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, { role }, props);
-    props = _3MKOUH5Mcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    props = _GZ2NNSLVcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       store,
       portal,
       gutter,
@@ -124,7 +124,7 @@ var useTooltip = _NGD3IQDBcjs.createHook.call(void 0,
     return props;
   }
 );
-var Tooltip = _CWS5RZSUcjs.createDialogComponent.call(void 0, 
+var Tooltip = _QJDA4LG6cjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function Tooltip2(props) {
     const htmlProps = useTooltip(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/combobox/combobox-value/package.json

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

package/esm/__chunks/{LABIXQLW.js → 44PDY2W5.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useDialogDismiss
-} from "./JCOBPKEI.js";
+} from "./BY6P32UK.js";
 import {
   usePopoverScopedContext
 } from "./5B3U64HV.js";

package/esm/__chunks/{FYNSL2D5.js → 5H3YXAUC.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   usePopoverDisclosureArrow
-} from "./NN4HLGKS.js";
+} from "./F2RFUFO2.js";
 import {
   useSelectContext
 } from "./SYZHUNAU.js";

package/esm/__chunks/{6VDNHSLX.js → 65LF6MEO.js}

@@ -6,10 +6,10 @@ import {
 } from "./YMV43K4F.js";
 import {
   usePopover
-} from "./X3V2DT2U.js";
+} from "./6YVAEELE.js";
 import {
   createDialogComponent
-} from "./NQ4PTILT.js";
+} from "./FGHVVLPU.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext

package/esm/__chunks/{X3V2DT2U.js → 6YVAEELE.js}

@@ -2,7 +2,7 @@
 import {
   createDialogComponent,
   useDialog
-} from "./NQ4PTILT.js";
+} from "./FGHVVLPU.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext

package/esm/__chunks/{JCOBPKEI.js → BY6P32UK.js}

@@ -45,7 +45,7 @@ var useDialogDismiss = createHook(
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          strokeWidth: "1.5pt",
+          strokeWidth: 1.5,
           viewBox: "0 0 16 16",
           height: "1em",
           width: "1em",

package/esm/__chunks/{ZFEEEZVE.js → DLLQM6DZ.js}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  useTagContext
+} from "./WYDDZRWN.js";
 import {
   useCompositeStoreProps
 } from "./ZR5N62ZV.js";
@@ -9,21 +12,36 @@ import {
   useStore,
   useStoreProps
 } from "./PWUXK5IM.js";
+import {
+  useUpdateEffect
+} from "./WOWUAP42.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4R3V3JGP.js";
 
 // src/combobox/combobox-store.ts
 import * as Core from "@ariakit/core/combobox/combobox-store";
 function useComboboxStoreProps(store, update, props) {
+  useUpdateEffect(update, [props.tag]);
   useStoreProps(store, props, "value", "setValue");
   useStoreProps(store, props, "selectedValue", "setSelectedValue");
   useStoreProps(store, props, "resetValueOnHide");
   useStoreProps(store, props, "resetValueOnSelect");
-  return useCompositeStoreProps(
-    usePopoverStoreProps(store, update, props),
-    update,
-    props
+  return Object.assign(
+    useCompositeStoreProps(
+      usePopoverStoreProps(store, update, props),
+      update,
+      props
+    ),
+    { tag: props.tag }
   );
 }
 function useComboboxStore(props = {}) {
+  const tag = useTagContext();
+  props = __spreadProps(__spreadValues({}, props), {
+    tag: props.tag !== void 0 ? props.tag : tag
+  });
   const [store, update] = useStore(Core.createComboboxStore, props);
   return useComboboxStoreProps(store, update, props);
 }

package/esm/__chunks/{NN4HLGKS.js → F2RFUFO2.js}

@@ -44,7 +44,7 @@ var usePopoverDisclosureArrow = createHook(function usePopoverDisclosureArrow2(_
         stroke: "currentColor",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        strokeWidth: "1.5pt",
+        strokeWidth: 1.5,
         viewBox: "0 0 16 16",
         height: "1em",
         width: "1em",

package/esm/__chunks/{NQ4PTILT.js → FGHVVLPU.js}

@@ -1,33 +1,33 @@
 "use client";
 import {
   DialogBackdrop
-} from "./GOXKZAQI.js";
-import {
-  prependHiddenDismiss
-} from "./6GXEOXGT.js";
-import {
-  disableTree,
-  disableTreeOutside
-} from "./PTPUIM7N.js";
-import {
-  usePreventBodyScroll
-} from "./U2L67A6K.js";
+} from "./CMFBAHKI.js";
 import {
   useNestedDialogs
 } from "./HSFE2URL.js";
 import {
   useHideOnInteractOutside
 } from "./H2NVVTJB.js";
+import {
+  prependHiddenDismiss
+} from "./6GXEOXGT.js";
 import {
   isElementMarked,
   markTreeOutside
 } from "./YNKDLCEK.js";
 import {
-  createWalkTreeSnapshot
-} from "./5QL6BP6J.js";
+  disableTree,
+  disableTreeOutside
+} from "./3TEK3C5Q.js";
 import {
   supportsInert
 } from "./677M2CI3.js";
+import {
+  createWalkTreeSnapshot
+} from "./5QL6BP6J.js";
+import {
+  usePreventBodyScroll
+} from "./BC72XE6E.js";
 import {
   useFocusableContainer
 } from "./UHSH3H5I.js";
@@ -136,7 +136,8 @@ var useDialog = createHook(function useDialog2(_a) {
     autoFocusOnHide = true,
     initialFocus,
     finalFocus,
-    unmountOnHide
+    unmountOnHide,
+    unstable_treeSnapshotKey
   } = _b, props = __objRest(_b, [
     "store",
     "open",
@@ -153,7 +154,8 @@ var useDialog = createHook(function useDialog2(_a) {
     "autoFocusOnHide",
     "initialFocus",
     "finalFocus",
-    "unmountOnHide"
+    "unmountOnHide",
+    "unstable_treeSnapshotKey"
   ]);
   const context = useDialogProviderContext();
   const ref = useRef(null);
@@ -269,7 +271,7 @@ var useDialog = createHook(function useDialog2(_a) {
       return;
     const dialog = ref.current;
     return createWalkTreeSnapshot(id, [dialog]);
-  }, [id, canTakeTreeSnapshot]);
+  }, [id, canTakeTreeSnapshot, unstable_treeSnapshotKey]);
   const getPersistentElementsProp = useEvent(getPersistentElements);
   useSafeLayoutEffect(() => {
     if (!id)
@@ -297,7 +299,8 @@ var useDialog = createHook(function useDialog2(_a) {
     canTakeTreeSnapshot,
     getPersistentElementsProp,
     nestedDialogs,
-    modal
+    modal,
+    unstable_treeSnapshotKey
   ]);
   const mayAutoFocusOnShow = !!autoFocusOnShow;
   const autoFocusOnShowProp = useBooleanEvent(autoFocusOnShow);
@@ -390,6 +393,7 @@ var useDialog = createHook(function useDialog2(_a) {
     },
     [store, finalFocus, autoFocusOnHideProp]
   );
+  const focusedOnHideRef = useRef(false);
   useSafeLayoutEffect(() => {
     if (open)
       return;
@@ -398,6 +402,7 @@ var useDialog = createHook(function useDialog2(_a) {
     if (!mayAutoFocusOnHide)
       return;
     const dialog = ref.current;
+    focusedOnHideRef.current = true;
     focusOnHide(dialog);
   }, [open, hasOpened, domReady, mayAutoFocusOnHide, focusOnHide]);
   useEffect(() => {
@@ -406,7 +411,13 @@ var useDialog = createHook(function useDialog2(_a) {
     if (!mayAutoFocusOnHide)
       return;
     const dialog = ref.current;
-    return () => focusOnHide(dialog);
+    return () => {
+      if (focusedOnHideRef.current) {
+        focusedOnHideRef.current = false;
+        return;
+      }
+      focusOnHide(dialog);
+    };
   }, [hasOpened, mayAutoFocusOnHide, focusOnHide]);
   const hideOnEscapeProp = useBooleanEvent(hideOnEscape);
   useEffect(() => {

package/esm/__chunks/{2VWKZYYT.js → H5N72W37.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   usePopoverDismiss
-} from "./LABIXQLW.js";
+} from "./44PDY2W5.js";
 import {
   useHovercardScopedContext
 } from "./5YBNH7BL.js";

package/esm/__chunks/L7IM35RU.js

@@ -0,0 +1,16 @@
+"use client";
+
+// src/tag/utils.ts
+import { useEffect, useState } from "react";
+import { isTouchDevice } from "@ariakit/core/utils/platform";
+function useTouchDevice() {
+  const [touchDevice, setTouchDevice] = useState(false);
+  useEffect(() => {
+    setTouchDevice(isTouchDevice());
+  }, []);
+  return touchDevice;
+}
+
+export {
+  useTouchDevice
+};

package/esm/__chunks/{HW63KLP5.js → M354SEUF.js}

@@ -10,7 +10,7 @@ import {
 } from "./VXKKJNIF.js";
 import {
   useCompositeItem
-} from "./ONUY4D7O.js";
+} from "./VGORKDMQ.js";
 import {
   createElement,
   createHook,

package/esm/__chunks/{RAKW656I.js → Q4PZFBSW.js}

@@ -26,7 +26,7 @@ var checkmark = /* @__PURE__ */ jsx(
     stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: "1.5pt",
+    strokeWidth: 1.5,
     viewBox: "0 0 16 16",
     height: "1em",
     width: "1em",