@ariakit/react-core 0.4.3 → 0.4.5

package/CHANGELOG.md

@@ -1,5 +1,63 @@
 # @ariakit/react-core
 
+## 0.4.5
+
+### Multi-selectable Combobox with inline autocomplete
+
+When rendering a [Multi-selectable Combobox](https://ariakit.org/examples/combobox-multiple) with the [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete) prop set to `"inline"` or `"both"`, the completion string will no longer be inserted into the input upon deselecting an item. This is because the completion string generally represents an addition action, whereas deselecting an item is a removal action.
+
+### Other updates
+
+- Added new experimental Tag components.
+- Updated [`Combobox`](https://ariakit.org/reference/combobox) to no longer use `ReactDOM.flushSync` when updating the value.
+- Added new [`resetValueOnSelect`](https://ariakit.org/reference/combobox-item#resetvalueonselect) prop to [`ComboboxItem`](https://ariakit.org/reference/combobox-item).
+- Added new [`resetValue`](https://ariakit.org/reference/use-combobox-store#resetvalue) method to combobox store.
+- Added experimental `ComboboxValue` component.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.5`
+
+## 0.4.4
+
+### Combobox `autoFocusOnHide` behavior
+
+Previously, the [`autoFocusOnHide`](https://ariakit.org/reference/combobox-popover#autofocusonhide) feature on [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover) was turned off by default. Most of the time, this didn't have any practical impact because the combobox input element was already focused when the popover was hidden.
+
+Now, this feature is enabled by default and should work consistently even when [`virtualFocus`](https://ariakit.org/reference/combobox-provider#virtualfocus) is set to `false`.
+
+### Better SVG strokes
+
+The `strokeWidth` property on SVG elements rendered by [`CheckboxCheck`](https://ariakit.org/reference/checkbox-check), [`ComboboxCancel`](https://ariakit.org/reference/combobox-cancel), [`ComboboxDisclosure`](https://ariakit.org/reference/combobox-disclosure), [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss), [`HovercardDisclosure`](https://ariakit.org/reference/hovercard-disclosure), [`PopoverDisclosureArrow`](https://ariakit.org/reference/popover-disclosure-arrow), and all components that use any of these now defaults to `1.5px` instead of `1.5pt`. This should make the strokes slightly thinner.
+
+Remember, you can always override the SVG element rendered by these components by rendering custom `children`.
+
+### Minimum value length to show combobox options
+
+A new [`showMinLength`](https://ariakit.org/reference/combobox#showminlength) prop has been added to the [`Combobox`](https://ariakit.org/reference/combobox) component. This prop lets you set the minimum length of the value before the combobox options appear. The default value is `0`.
+
+```jsx
+<Combobox showMinLength={2} />
+```
+
+Previously, achieving this behavior required combining three separate props: [`showOnChange`](https://ariakit.org/reference/combobox#showonchange), [`showOnClick`](https://ariakit.org/reference/combobox#showonclick), and [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress). We've added this prop to simplify this common task.
+
+These props continue to work as expected as they can be used to customize the behavior for each distinct event.
+
+### Rendering composite items as input elements
+
+We've added the ability to render [`CompositeItem`](https://ariakit.org/reference/composite-item) as an input element using the [`render`](https://ariakit.org/reference/composite-item#render) prop:
+
+```jsx
+<CompositeItem render={<input />} />
+```
+
+Before, you could only do this with the experimental `CompositeInput` component. Now, this functionality is integrated directly into the [`CompositeItem`](https://ariakit.org/reference/composite-item) component.
+
+### Other updates
+
+- Fixed [`Dialog`](https://ariakit.org/reference/dialog) calling [`autoFocusOnHide`](https://ariakit.org/reference/dialog#autofocusonhide) twice.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.4`
+
 ## 0.4.3
 
 - Fixed TypeScript types for `ref`.

package/cjs/__chunks/{7DQ2LBH2.cjs → 3HMQOCLF.cjs}

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _U4NXCMZ3cjs = require('./U4NXCMZ3.cjs');
+var _HD5AHCRIcjs = require('./HD5AHCRI.cjs');
 
 
-var _HD5AHCRIcjs = require('./HD5AHCRI.cjs');
+var _U4NXCMZ3cjs = require('./U4NXCMZ3.cjs');
+
 
 
 
@@ -44,6 +45,9 @@ var _react = require('react');
 
 
 
+
+
+
 var _dom = require('@ariakit/core/utils/dom');
 var _events = require('@ariakit/core/utils/events');
 
@@ -53,9 +57,7 @@ var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "button";
 function isEditableElement(element) {
-  if (element.isContentEditable)
-    return true;
-  if (_dom.isTextField.call(void 0, element))
+  if (_dom.isTextbox.call(void 0, element))
     return true;
   return element.tagName === "INPUT" && !_dom.isButton.call(void 0, element);
 }
@@ -217,6 +219,9 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
         return;
       const { virtualFocus: virtualFocus2, baseElement: baseElement2 } = store.getState();
       store.setActiveId(id);
+      if (_dom.isTextbox.call(void 0, event.currentTarget)) {
+        _6ZZYUFPWcjs.selectTextField.call(void 0, event.currentTarget);
+      }
       if (!virtualFocus2)
         return;
       if (!_events.isSelfTarget.call(void 0, event))
@@ -303,6 +308,19 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
       };
       const action = keyMap[event.key];
       if (action) {
+        if (_dom.isTextbox.call(void 0, currentTarget)) {
+          const selection = _dom.getTextboxSelection.call(void 0, currentTarget);
+          const isLeft = isHorizontal && event.key === "ArrowLeft";
+          const isRight = isHorizontal && event.key === "ArrowRight";
+          const isUp = isVertical && event.key === "ArrowUp";
+          const isDown = isVertical && event.key === "ArrowDown";
+          if (isRight || isDown) {
+            const { length: valueLength } = _dom.getTextboxValue.call(void 0, currentTarget);
+            if (selection.end !== valueLength)
+              return;
+          } else if ((isLeft || isUp) && selection.start !== 0)
+            return;
+        }
         const nextId = action();
         if (preventScrollOnKeyDownProp(event) || nextId !== void 0) {
           if (!moveOnKeyPressProp(event))

package/cjs/__chunks/{AJF5DT5A.cjs → AY5J25V7.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _7DQ2LBH2cjs = require('./7DQ2LBH2.cjs');
+var _3HMQOCLFcjs = require('./3HMQOCLF.cjs');
 
 
 var _MVDQWSSVcjs = require('./MVDQWSSV.cjs');
@@ -23,7 +23,7 @@ var useToolbarItem = _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 = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _3HMQOCLFcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{HFNM6QV4.cjs → DAOFDKV2.cjs}

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

package/cjs/__chunks/{GYHP7IYG.cjs → DFXPO2ED.cjs}

@@ -10,7 +10,7 @@ var _MNMEDFSMcjs = require('./MNMEDFSM.cjs');
 var _Q6QJEXBKcjs = require('./Q6QJEXBK.cjs');
 
 
-var _7DQ2LBH2cjs = require('./7DQ2LBH2.cjs');
+var _3HMQOCLFcjs = require('./3HMQOCLF.cjs');
 
 
 
@@ -112,7 +112,7 @@ var useMenuItem = _NGD3IQDBcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _3HMQOCLFcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       preventScrollOnKeyDown
     }, props));

package/cjs/__chunks/{3C4RFBCG.cjs → EYZZO5IT.cjs}

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

package/cjs/__chunks/{3MKOUH5M.cjs → GZ2NNSLV.cjs}

@@ -6,10 +6,10 @@
 var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
 
-var _DCTXNU2Xcjs = require('./DCTXNU2X.cjs');
+var _N43E53E6cjs = require('./N43E53E6.cjs');
 
 
-var _CWS5RZSUcjs = require('./CWS5RZSU.cjs');
+var _QJDA4LG6cjs = require('./QJDA4LG6.cjs');
 
 
 
@@ -284,7 +284,7 @@ var useHovercard = _NGD3IQDBcjs.createHook.call(void 0,
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _DCTXNU2Xcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _N43E53E6cjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -305,7 +305,7 @@ var useHovercard = _NGD3IQDBcjs.createHook.call(void 0,
     return props;
   }
 );
-var Hovercard = _CWS5RZSUcjs.createDialogComponent.call(void 0, 
+var Hovercard = _QJDA4LG6cjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function Hovercard2(props) {
     const htmlProps = useHovercard(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/cjs/__chunks/ISJGSS4S.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/tag/utils.ts
+var _react = require('react');
+var _platform = require('@ariakit/core/utils/platform');
+function useTouchDevice() {
+  const [touchDevice, setTouchDevice] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    setTouchDevice(_platform.isTouchDevice.call(void 0, ));
+  }, []);
+  return touchDevice;
+}
+
+
+
+exports.useTouchDevice = useTouchDevice;

package/cjs/__chunks/{A356CGND.cjs → JDCTLYQ4.cjs}

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

package/cjs/__chunks/{T5BWR4CB.cjs → KDTFHBKU.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3XXW4Y4Dcjs = require('./3XXW4Y4D.cjs');
+var _Z2VL7JHXcjs = require('./Z2VL7JHX.cjs');
 
 
 var _XRPBWSUIcjs = require('./XRPBWSUI.cjs');
@@ -22,7 +22,7 @@ var useHovercardDismiss = _NGD3IQDBcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _XRPBWSUIcjs.useHovercardScopedContext.call(void 0, );
     store = store || context;
-    props = _3XXW4Y4Dcjs.usePopoverDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _Z2VL7JHXcjs.usePopoverDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{NZSB7HSZ.cjs → LY4LCJM6.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3C4RFBCGcjs = require('./3C4RFBCG.cjs');
+var _EYZZO5ITcjs = require('./EYZZO5IT.cjs');
 
 
 var _HZDOLHROcjs = require('./HZDOLHRO.cjs');
@@ -22,7 +22,7 @@ var useSelectArrow = _NGD3IQDBcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _HZDOLHROcjs.useSelectContext.call(void 0, );
     store = store || context;
-    props = _3C4RFBCGcjs.usePopoverDisclosureArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _EYZZO5ITcjs.usePopoverDisclosureArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{DCTXNU2X.cjs → N43E53E6.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _CWS5RZSUcjs = require('./CWS5RZSU.cjs');
+var _QJDA4LG6cjs = require('./QJDA4LG6.cjs');
 
 
 
@@ -355,7 +355,7 @@ var usePopover = _NGD3IQDBcjs.createHook.call(void 0,
         position: "relative"
       }, props.style)
     });
-    props = _CWS5RZSUcjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _QJDA4LG6cjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -368,7 +368,7 @@ var usePopover = _NGD3IQDBcjs.createHook.call(void 0,
     return props;
   }
 );
-var Popover = _CWS5RZSUcjs.createDialogComponent.call(void 0, 
+var Popover = _QJDA4LG6cjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function Popover2(props) {
     const htmlProps = usePopover(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/cjs/__chunks/{IHFGURUM.cjs → NRPEUNJB.cjs}

@@ -4,7 +4,7 @@
 var _OHXBMXTNcjs = require('./OHXBMXTN.cjs');
 
 
-var _7DQ2LBH2cjs = require('./7DQ2LBH2.cjs');
+var _3HMQOCLFcjs = require('./3HMQOCLF.cjs');
 
 
 
@@ -147,7 +147,7 @@ var useRadio = _NGD3IQDBcjs.createHook.call(void 0, function useRadio2(_a) {
     onClick,
     onFocus
   });
-  props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _3HMQOCLFcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store,
     clickOnEnter: !nativeRadio
   }, props));

package/cjs/__chunks/PVLZGFP6.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+var _VPI3EKVYcjs = require('./VPI3EKVY.cjs');
+
+
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+
+// src/tag/tag-context.tsx
+var _react = require('react');
+var TagValueContext = _react.createContext.call(void 0, null);
+var TagRemoveIdContext = _react.createContext.call(void 0, 
+  null
+);
+var ctx = _NGD3IQDBcjs.createStoreContext.call(void 0, 
+  [_VPI3EKVYcjs.CompositeContextProvider],
+  [_VPI3EKVYcjs.CompositeScopedContextProvider]
+);
+var useTagContext = ctx.useContext;
+var useTagScopedContext = ctx.useScopedContext;
+var useTagProviderContext = ctx.useProviderContext;
+var TagContextProvider = ctx.ContextProvider;
+var TagScopedContextProvider = ctx.ScopedContextProvider;
+
+
+
+
+
+
+
+
+
+exports.TagValueContext = TagValueContext; exports.TagRemoveIdContext = TagRemoveIdContext; exports.useTagContext = useTagContext; exports.useTagScopedContext = useTagScopedContext; exports.useTagProviderContext = useTagProviderContext; exports.TagContextProvider = TagContextProvider; exports.TagScopedContextProvider = TagScopedContextProvider;

package/cjs/__chunks/{CWS5RZSU.cjs → QJDA4LG6.cjs}

@@ -1,33 +1,33 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TSEXNK3Kcjs = require('./TSEXNK3K.cjs');
+var _VR6GCLOVcjs = require('./VR6GCLOV.cjs');
 
 
-var _JF225FQ5cjs = require('./JF225FQ5.cjs');
+var _UUJ5Q6IAcjs = require('./UUJ5Q6IA.cjs');
 
 
+var _4H7FYXWQcjs = require('./4H7FYXWQ.cjs');
 
-var _37BRXQN7cjs = require('./37BRXQN7.cjs');
 
+var _JF225FQ5cjs = require('./JF225FQ5.cjs');
 
-var _PVYTX5U5cjs = require('./PVYTX5U5.cjs');
 
 
-var _UUJ5Q6IAcjs = require('./UUJ5Q6IA.cjs');
+var _JKERATCGcjs = require('./JKERATCG.cjs');
 
 
-var _4H7FYXWQcjs = require('./4H7FYXWQ.cjs');
 
+var _BX2QEIBHcjs = require('./BX2QEIBH.cjs');
 
 
-var _JKERATCGcjs = require('./JKERATCG.cjs');
+var _6IUEXB4Lcjs = require('./6IUEXB4L.cjs');
 
 
 var _CXZMA435cjs = require('./CXZMA435.cjs');
 
 
-var _6IUEXB4Lcjs = require('./6IUEXB4L.cjs');
+var _SL55T4ZBcjs = require('./SL55T4ZB.cjs');
 
 
 var _AFPGTIIHcjs = require('./AFPGTIIH.cjs');
@@ -136,7 +136,8 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     autoFocusOnHide = true,
     initialFocus,
     finalFocus,
-    unmountOnHide
+    unmountOnHide,
+    unstable_treeSnapshotKey
   } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
     "store",
     "open",
@@ -153,7 +154,8 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     "autoFocusOnHide",
     "initialFocus",
     "finalFocus",
-    "unmountOnHide"
+    "unmountOnHide",
+    "unstable_treeSnapshotKey"
   ]);
   const context = _GDEDCFNUcjs.useDialogProviderContext.call(void 0, );
   const ref = _react.useRef.call(void 0, null);
@@ -186,7 +188,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
   const mounted = store.useState("mounted");
   const contentElement = store.useState("contentElement");
   const hidden = _7CYY7U2Acjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
-  _PVYTX5U5cjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
+  _SL55T4ZBcjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
   _4H7FYXWQcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
   const { wrapElement, nestedDialogs } = _UUJ5Q6IAcjs.useNestedDialogs.call(void 0, store);
   props = _TW3SFX4Ccjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
@@ -259,7 +261,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     const dialog = ref.current;
     if (!dialog)
       return;
-    return _37BRXQN7cjs.disableTree.call(void 0, dialog);
+    return _BX2QEIBHcjs.disableTree.call(void 0, dialog);
   }, [open, mounted, domReady]);
   const canTakeTreeSnapshot = open && domReady;
   _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
@@ -269,7 +271,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
       return;
     const dialog = ref.current;
     return _CXZMA435cjs.createWalkTreeSnapshot.call(void 0, id, [dialog]);
-  }, [id, canTakeTreeSnapshot]);
+  }, [id, canTakeTreeSnapshot, unstable_treeSnapshotKey]);
   const getPersistentElementsProp = _TW3SFX4Ccjs.useEvent.call(void 0, getPersistentElements);
   _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
     if (!id)
@@ -287,7 +289,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     if (modal) {
       return _misc.chain.call(void 0, 
         _JKERATCGcjs.markTreeOutside.call(void 0, id, allElements),
-        _37BRXQN7cjs.disableTreeOutside.call(void 0, id, allElements)
+        _BX2QEIBHcjs.disableTreeOutside.call(void 0, id, allElements)
       );
     }
     return _JKERATCGcjs.markTreeOutside.call(void 0, id, [disclosureElement, ...allElements]);
@@ -297,7 +299,8 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     canTakeTreeSnapshot,
     getPersistentElementsProp,
     nestedDialogs,
-    modal
+    modal,
+    unstable_treeSnapshotKey
   ]);
   const mayAutoFocusOnShow = !!autoFocusOnShow;
   const autoFocusOnShowProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, autoFocusOnShow);
@@ -390,6 +393,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     },
     [store, finalFocus, autoFocusOnHideProp]
   );
+  const focusedOnHideRef = _react.useRef.call(void 0, false);
   _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
     if (open)
       return;
@@ -398,6 +402,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     if (!mayAutoFocusOnHide)
       return;
     const dialog = ref.current;
+    focusedOnHideRef.current = true;
     focusOnHide(dialog);
   }, [open, hasOpened, domReady, mayAutoFocusOnHide, focusOnHide]);
   _react.useEffect.call(void 0, () => {
@@ -406,7 +411,13 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, 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 = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, hideOnEscape);
   _react.useEffect.call(void 0, () => {
@@ -461,7 +472,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
         return element;
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _TSEXNK3Kcjs.DialogBackdrop,
+          _VR6GCLOVcjs.DialogBackdrop,
           {
             store,
             backdrop,

package/cjs/__chunks/{NDVZ37O3.cjs → RG6U7KAS.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
+var _PVLZGFP6cjs = require('./PVLZGFP6.cjs');
+
+
 var _4H5ZMMOIcjs = require('./4H5ZMMOI.cjs');
 
 
@@ -10,20 +13,35 @@ var _6RJSKW2Ccjs = require('./6RJSKW2C.cjs');
 
 var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
 
+
+var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
 // src/combobox/combobox-store.ts
 var _comboboxstore = require('@ariakit/core/combobox/combobox-store'); var Core = _interopRequireWildcard(_comboboxstore);
 function useComboboxStoreProps(store, update, props) {
+  _TW3SFX4Ccjs.useUpdateEffect.call(void 0, update, [props.tag]);
   _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "selectedValue", "setSelectedValue");
   _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "resetValueOnHide");
   _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "resetValueOnSelect");
-  return _4H5ZMMOIcjs.useCompositeStoreProps.call(void 0, 
-    _6RJSKW2Ccjs.usePopoverStoreProps.call(void 0, store, update, props),
-    update,
-    props
+  return Object.assign(
+    _4H5ZMMOIcjs.useCompositeStoreProps.call(void 0, 
+      _6RJSKW2Ccjs.usePopoverStoreProps.call(void 0, store, update, props),
+      update,
+      props
+    ),
+    { tag: props.tag }
   );
 }
 function useComboboxStore(props = {}) {
+  const tag = _PVLZGFP6cjs.useTagContext.call(void 0, );
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    tag: props.tag !== void 0 ? props.tag : tag
+  });
   const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createComboboxStore, props);
   return useComboboxStoreProps(store, update, props);
 }

package/cjs/__chunks/YWAHOWYE.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _4H5ZMMOIcjs = require('./4H5ZMMOI.cjs');
+
+
+
+var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
+
+// src/tag/tag-store.ts
+var _tagstore = require('@ariakit/core/tag/tag-store'); var Core = _interopRequireWildcard(_tagstore);
+function useTagStoreProps(store, update, props) {
+  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "values", "setValues");
+  return _4H5ZMMOIcjs.useCompositeStoreProps.call(void 0, store, update, props);
+}
+function useTagStore(props = {}) {
+  const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createTagStore, props);
+  return useTagStoreProps(store, update, props);
+}
+
+
+
+
+exports.useTagStoreProps = useTagStoreProps; exports.useTagStore = useTagStore;

package/cjs/__chunks/{3XXW4Y4D.cjs → Z2VL7JHX.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _HFNM6QV4cjs = require('./HFNM6QV4.cjs');
+var _DAOFDKV2cjs = require('./DAOFDKV2.cjs');
 
 
 var _77BAEZ2Zcjs = require('./77BAEZ2Z.cjs');
@@ -22,7 +22,7 @@ var usePopoverDismiss = _NGD3IQDBcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _77BAEZ2Zcjs.usePopoverScopedContext.call(void 0, );
     store = store || context;
-    props = _HFNM6QV4cjs.useDialogDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _DAOFDKV2cjs.useDialogDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/checkbox/checkbox-check.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _A356CGNDcjs = require('../__chunks/A356CGND.cjs');
+var _JDCTLYQ4cjs = require('../__chunks/JDCTLYQ4.cjs');
 require('../__chunks/ERFHNHON.cjs');
 require('../__chunks/NGD3IQDB.cjs');
 require('../__chunks/TW3SFX4C.cjs');
@@ -11,4 +11,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CheckboxCheck = _A356CGNDcjs.CheckboxCheck; exports.useCheckboxCheck = _A356CGNDcjs.useCheckboxCheck;
+exports.CheckboxCheck = _JDCTLYQ4cjs.CheckboxCheck; exports.useCheckboxCheck = _JDCTLYQ4cjs.useCheckboxCheck;

package/cjs/collection/collection-renderer.d.cts

@@ -296,9 +296,7 @@ export declare function useCollectionRenderer<T extends Item = any>({ store, ite
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;

package/cjs/collection/collection-renderer.d.ts

@@ -296,9 +296,7 @@ export declare function useCollectionRenderer<T extends Item = any>({ store, ite
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;