@ariakit/react-core 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @ariakit/react-core
 
+## 0.4.1
+
+### New `autoSelect` mode
+
+The [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop of the [`Combobox`](https://ariakit.org/reference/combobox) component now accepts a new `"always"` value:
+
+```jsx
+<Combobox autoSelect="always" />
+```
+
+When using this value, the first enabled item will automatically gain focus when the list shows up, as well as when the combobox input value changes (which is the behavior of the [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop when set to `true`).
+
+### `ComboboxItem` losing focus too early
+
+Some tweaks were made to the [`ComboboxItem`](https://ariakit.org/reference/combobox-item) component to ensure it doesn't lose focus right after a click or <kbd>Escape</kbd> keystroke when the combobox popover is animated. This should avoid an inconsistent UI as the popover plays its exit animation.
+
+### Other updates
+
+- Added [`disclosure`](https://ariakit.org/reference/use-disclosure-store#disclosure-1) property to disclosure stores.
+- Added [`blurActiveItemOnClick`](https://ariakit.org/reference/combobox#bluractiveitemonclick) prop to [`Combobox`](https://ariakit.org/reference/combobox).
+- Added [`showOnClick`](https://ariakit.org/reference/combobox#showonclick) prop to [`Combobox`](https://ariakit.org/reference/combobox).
+- Added [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress) prop to [`Combobox`](https://ariakit.org/reference/combobox).
+- Fixed [`DisclosureContent`](https://ariakit.org/reference/disclosure-content) components losing their ref value on fast refresh.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.1`
+
 ## 0.4.0
 
 This version introduces enhanced support for CSS animations and transitions, along with a few breaking changes for quite specific cases. The majority of users won't be impacted by these.

package/cjs/__chunks/{6RCPYDT6.cjs → 375RXJFL.cjs}

@@ -7,7 +7,7 @@ var _VV6WA3I6cjs = require('./VV6WA3I6.cjs');
 var _SFDUOV6Fcjs = require('./SFDUOV6F.cjs');
 
 
-var _JFOUIQSFcjs = require('./JFOUIQSF.cjs');
+var _THCBJSSMcjs = require('./THCBJSSM.cjs');
 
 
 var _QJZAESARcjs = require('./QJZAESAR.cjs');
@@ -49,7 +49,7 @@ function DialogBackdrop({
       return;
     return _VV6WA3I6cjs.markAncestor.call(void 0, backdrop2, id);
   }, [contentElement]);
-  const props = _JFOUIQSFcjs.useDisclosureContent.call(void 0, {
+  const props = _THCBJSSMcjs.useDisclosureContent.call(void 0, {
     ref,
     store: disclosure,
     role: "presentation",

package/cjs/__chunks/{OUTZPTLJ.cjs → EYTZU2B4.cjs}

@@ -7,7 +7,7 @@ var _OIGGI6DIcjs = require('./OIGGI6DI.cjs');
 var _ERFHNHONcjs = require('./ERFHNHON.cjs');
 
 
-var _ZMTZTMRScjs = require('./ZMTZTMRS.cjs');
+var _Z7QK7V4Mcjs = require('./Z7QK7V4M.cjs');
 
 
 
@@ -167,7 +167,7 @@ var useCheckbox = _Q67LZMDTcjs.createHook.call(void 0,
       onChange,
       onClick
     });
-    props = _ZMTZTMRScjs.useCommand.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
+    props = _Z7QK7V4Mcjs.useCommand.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
     return _misc.removeUndefinedValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       name: nativeCheckbox ? name : void 0,
       value: nativeCheckbox ? valueProp : void 0,

package/cjs/__chunks/{T32XRZLL.cjs → FEBBQUM7.cjs}

@@ -5,7 +5,7 @@
 var _OBT2YMBCcjs = require('./OBT2YMBC.cjs');
 
 
-var _JFOUIQSFcjs = require('./JFOUIQSF.cjs');
+var _THCBJSSMcjs = require('./THCBJSSM.cjs');
 
 
 
@@ -16,7 +16,6 @@ var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
-
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
@@ -40,22 +39,13 @@ var useComboboxList = _Q67LZMDTcjs.createHook.call(void 0,
     );
     const ref = _react.useRef.call(void 0, null);
     const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
-    const onKeyDownProp = props.onKeyDown;
-    const onKeyDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
-      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (event.key === "Escape") {
-        store == null ? void 0 : store.move(null);
-      }
-    });
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OBT2YMBCcjs.ComboboxScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const mounted = store.useState("mounted");
-    const hidden = _JFOUIQSFcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _THCBJSSMcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     const multiSelectable = store.useState(
       (state) => Array.isArray(state.selectedValue)
@@ -70,8 +60,7 @@ var useComboboxList = _Q67LZMDTcjs.createHook.call(void 0,
       "aria-multiselectable": ariaMultiSelectable
     }, props), {
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
-      style,
-      onKeyDown
+      style
     });
     return _misc.removeUndefinedValues.call(void 0, props);
   }

package/cjs/__chunks/{WUK3NG7Y.cjs → GRK5YRZL.cjs}

@@ -8,10 +8,10 @@ var _HD6KOF3Gcjs = require('./HD6KOF3G.cjs');
 var _XSRQB4KOcjs = require('./XSRQB4KO.cjs');
 
 
-var _NCXCQQBNcjs = require('./NCXCQQBN.cjs');
+var _T5YJMXLPcjs = require('./T5YJMXLP.cjs');
 
 
-var _JFOUIQSFcjs = require('./JFOUIQSF.cjs');
+var _THCBJSSMcjs = require('./THCBJSSM.cjs');
 
 
 
@@ -141,7 +141,7 @@ var useMenuList = _Q67LZMDTcjs.createHook.call(void 0,
     );
     const ariaLabelledBy = useAriaLabelledBy(_AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     const mounted = store.useState("mounted");
-    const hidden = _JFOUIQSFcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _THCBJSSMcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id,
@@ -160,7 +160,7 @@ var useMenuList = _Q67LZMDTcjs.createHook.call(void 0,
         "aria-orientation": orientation
       }, props);
     }
-    props = _NCXCQQBNcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _T5YJMXLPcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, composite }, props));
     props = _XSRQB4KOcjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }

package/cjs/__chunks/{VJIEWS6G.cjs → IFEQZXEG.cjs}

@@ -8,10 +8,10 @@ var _XSRQB4KOcjs = require('./XSRQB4KO.cjs');
 var _STYNL4LLcjs = require('./STYNL4LL.cjs');
 
 
-var _NCXCQQBNcjs = require('./NCXCQQBN.cjs');
+var _T5YJMXLPcjs = require('./T5YJMXLP.cjs');
 
 
-var _JFOUIQSFcjs = require('./JFOUIQSF.cjs');
+var _THCBJSSMcjs = require('./THCBJSSM.cjs');
 
 
 
@@ -106,7 +106,7 @@ var useSelectList = _Q67LZMDTcjs.createHook.call(void 0,
     const role = _EO6LS72Hcjs.useAttribute.call(void 0, ref, "role", props.role);
     const isCompositeRole = role === "listbox" || role === "menu" || role === "tree" || role === "grid";
     const ariaMultiSelectable = composite || isCompositeRole ? multiSelectable || void 0 : void 0;
-    const hidden = _JFOUIQSFcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _THCBJSSMcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id,
@@ -118,7 +118,7 @@ var useSelectList = _Q67LZMDTcjs.createHook.call(void 0,
       style,
       onKeyDown
     });
-    props = _NCXCQQBNcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { composite }));
+    props = _T5YJMXLPcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { composite }));
     props = _XSRQB4KOcjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }

package/cjs/__chunks/{MLHQHZEA.cjs → J3NZDY4L.cjs}

@@ -10,7 +10,7 @@ var _GAHLF3OIcjs = require('./GAHLF3OI.cjs');
 var _JAG4YGQZcjs = require('./JAG4YGQZ.cjs');
 
 
-var _QWP2WC6Ecjs = require('./QWP2WC6E.cjs');
+var _VYKATRVCcjs = require('./VYKATRVC.cjs');
 
 
 
@@ -112,7 +112,7 @@ var useMenuItem = _Q67LZMDTcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _QWP2WC6Ecjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _VYKATRVCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       preventScrollOnKeyDown
     }, props));

package/cjs/__chunks/{YHNU4DBC.cjs → JJH3U4MG.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _6RCPYDT6cjs = require('./6RCPYDT6.cjs');
+var _375RXJFLcjs = require('./375RXJFL.cjs');
 
 
 
@@ -40,7 +40,7 @@ var _BBRNIJWOcjs = require('./BBRNIJWO.cjs');
 
 
 
-var _JFOUIQSFcjs = require('./JFOUIQSF.cjs');
+var _THCBJSSMcjs = require('./THCBJSSM.cjs');
 
 
 
@@ -49,7 +49,7 @@ var _JFOUIQSFcjs = require('./JFOUIQSF.cjs');
 var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
 
 
-var _5QD55NKLcjs = require('./5QD55NKL.cjs');
+var _XRZ2L7EAcjs = require('./XRZ2L7EA.cjs');
 
 
 
@@ -185,7 +185,7 @@ var useDialog = _Q67LZMDTcjs.createHook.call(void 0, function useDialog2(_a) {
   const open = store.useState("open");
   const mounted = store.useState("mounted");
   const contentElement = store.useState("contentElement");
-  const hidden = _JFOUIQSFcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
+  const hidden = _THCBJSSMcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
   _344F3DYOcjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
   _JVDUGICDcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
   const { wrapElement, nestedDialogs } = _5ZOCN23Xcjs.useNestedDialogs.call(void 0, store);
@@ -461,7 +461,7 @@ var useDialog = _Q67LZMDTcjs.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, 
-          _6RCPYDT6cjs.DialogBackdrop,
+          _375RXJFLcjs.DialogBackdrop,
           {
             store,
             backdrop,
@@ -494,8 +494,8 @@ var useDialog = _Q67LZMDTcjs.createHook.call(void 0, function useDialog2(_a) {
   props = _5SRODZ4Bcjs.useFocusableContainer.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     autoFocusOnShow: autoFocusEnabled
   }));
-  props = _JFOUIQSFcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-  props = _5QD55NKLcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { focusable }));
+  props = _THCBJSSMcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  props = _XRZ2L7EAcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { focusable }));
   props = _BBRNIJWOcjs.usePortal.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
   return props;
 });

package/cjs/__chunks/{5W6JBMZ4.cjs → KKTRLNQK.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _QWP2WC6Ecjs = require('./QWP2WC6E.cjs');
+var _VYKATRVCcjs = require('./VYKATRVC.cjs');
 
 
 var _VNRUW2L6cjs = require('./VNRUW2L6.cjs');
@@ -23,7 +23,7 @@ var useToolbarItem = _Q67LZMDTcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _VNRUW2L6cjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _QWP2WC6Ecjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _VYKATRVCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{ID5QP4WT.cjs → LM5EDRV3.cjs}

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

package/cjs/__chunks/{MMDU7VRJ.cjs → M7WN4XJH.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _ZMTZTMRScjs = require('./ZMTZTMRS.cjs');
+var _Z7QK7V4Mcjs = require('./Z7QK7V4M.cjs');
 
 
 
@@ -37,7 +37,7 @@ var useButton = _Q67LZMDTcjs.createHook.call(void 0,
     }, props), {
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    props = _ZMTZTMRScjs.useCommand.call(void 0, props);
+    props = _Z7QK7V4Mcjs.useCommand.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{RGJCGG4P.cjs → NWGQLRRK.cjs}

@@ -4,7 +4,7 @@
 var _43LZBXXJcjs = require('./43LZBXXJ.cjs');
 
 
-var _QWP2WC6Ecjs = require('./QWP2WC6E.cjs');
+var _VYKATRVCcjs = require('./VYKATRVC.cjs');
 
 
 
@@ -147,7 +147,7 @@ var useRadio = _Q67LZMDTcjs.createHook.call(void 0, function useRadio2(_a) {
     onClick,
     onFocus
   });
-  props = _QWP2WC6Ecjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _VYKATRVCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store,
     clickOnEnter: !nativeRadio
   }, props));

package/cjs/__chunks/{K5V42RR6.cjs → PIZ222UU.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _JH5Y3M4Vcjs = require('./JH5Y3M4V.cjs');
+var _QCQVRINHcjs = require('./QCQVRINH.cjs');
 
 
 var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
@@ -32,7 +32,7 @@ var useDialogDisclosure = _Q67LZMDTcjs.createHook.call(void 0,
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "aria-haspopup": _dom.getPopupRole.call(void 0, contentElement, "dialog")
     }, props);
-    props = _JH5Y3M4Vcjs.useDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _QCQVRINHcjs.useDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{6U7MUWYL.cjs → PQ4VU6KG.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TTVVUWIYcjs = require('./TTVVUWIY.cjs');
+var _Z3JYZ4IWcjs = require('./Z3JYZ4IW.cjs');
 
 
 var _M5PQIWTWcjs = require('./M5PQIWTW.cjs');
@@ -22,7 +22,7 @@ var useHovercardDismiss = _Q67LZMDTcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _M5PQIWTWcjs.useHovercardScopedContext.call(void 0, );
     store = store || context;
-    props = _TTVVUWIYcjs.usePopoverDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _Z3JYZ4IWcjs.usePopoverDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{JH5Y3M4V.cjs → QCQVRINH.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MMDU7VRJcjs = require('./MMDU7VRJ.cjs');
+var _M7WN4XJHcjs = require('./M7WN4XJH.cjs');
 
 
 var _XRJBC7H7cjs = require('./XRJBC7H7.cjs');
@@ -70,7 +70,7 @@ var useDisclosure = _Q67LZMDTcjs.createHook.call(void 0,
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onClick
     });
-    props = _MMDU7VRJcjs.useButton.call(void 0, props);
+    props = _M7WN4XJHcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{3PW624M3.cjs → QUSHM3AR.cjs}

@@ -8,7 +8,7 @@ var _GAHLF3OIcjs = require('./GAHLF3OI.cjs');
 var _EUHOCOY2cjs = require('./EUHOCOY2.cjs');
 
 
-var _NCXCQQBNcjs = require('./NCXCQQBN.cjs');
+var _T5YJMXLPcjs = require('./T5YJMXLP.cjs');
 
 
 
@@ -65,7 +65,7 @@ var useMenubar = _Q67LZMDTcjs.createHook.call(void 0,
         "aria-orientation": orientation
       }, props);
     }
-    props = _NCXCQQBNcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _T5YJMXLPcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, composite }, props));
     return props;
   }
 );

package/cjs/__chunks/{NCXCQQBN.cjs → T5YJMXLP.cjs}

@@ -12,7 +12,7 @@ var _6ZZYUFPWcjs = require('./6ZZYUFPW.cjs');
 var _4XFLDG56cjs = require('./4XFLDG56.cjs');
 
 
-var _5QD55NKLcjs = require('./5QD55NKL.cjs');
+var _XRZ2L7EAcjs = require('./XRZ2L7EA.cjs');
 
 
 
@@ -347,7 +347,7 @@ var useComposite = _Q67LZMDTcjs.createHook.call(void 0,
     const focusable = store.useState(
       (state) => composite && (state.virtualFocus || state.activeId === null)
     );
-    props = _5QD55NKLcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { focusable }, props));
+    props = _XRZ2L7EAcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { focusable }, props));
     return props;
   }
 );

package/cjs/__chunks/{JFOUIQSF.cjs → THCBJSSM.cjs}

@@ -61,6 +61,7 @@ var useDisclosureContent = _Q67LZMDTcjs.createHook.call(void 0, function useDisc
     store,
     process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
   );
+  const ref = _react.useRef.call(void 0, null);
   const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
   const [transition, setTransition] = _react.useState.call(void 0, null);
   const open = store.useState("open");
@@ -68,6 +69,11 @@ var useDisclosureContent = _Q67LZMDTcjs.createHook.call(void 0, function useDisc
   const animated = store.useState("animated");
   const contentElement = store.useState("contentElement");
   const otherElement = _OLOZ5JT2cjs.useStoreState.call(void 0, store.disclosure, "contentElement");
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!ref.current)
+      return;
+    store == null ? void 0 : store.setContentElement(ref.current);
+  }, [store]);
   _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
     let previousAnimated;
     store == null ? void 0 : store.setState("animated", (animated2) => {
@@ -152,7 +158,12 @@ var useDisclosureContent = _Q67LZMDTcjs.createHook.call(void 0, function useDisc
     [store]
   );
   const hidden = isHidden(mounted, props.hidden, alwaysVisible);
-  const style = hidden ? _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
+  const styleProp = props.style;
+  const style = _react.useMemo.call(void 0, () => {
+    if (hidden)
+      return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, styleProp), { display: "none" });
+    return styleProp;
+  }, [hidden, styleProp]);
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     id,
     "data-open": open || void 0,
@@ -160,7 +171,7 @@ var useDisclosureContent = _Q67LZMDTcjs.createHook.call(void 0, function useDisc
     "data-leave": transition === "leave" || void 0,
     hidden
   }, props), {
-    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, props.ref),
+    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
     style
   });
   return _misc.removeUndefinedValues.call(void 0, props);

package/cjs/__chunks/{QWP2WC6E.cjs → VYKATRVC.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _ZMTZTMRScjs = require('./ZMTZTMRS.cjs');
+var _Z7QK7V4Mcjs = require('./Z7QK7V4M.cjs');
 
 
 var _XWCNZ2IPcjs = require('./XWCNZ2IP.cjs');
@@ -386,7 +386,7 @@ var useCompositeItem = _Q67LZMDTcjs.createHook.call(void 0,
       onBlurCapture,
       onKeyDown
     });
-    props = _ZMTZTMRScjs.useCommand.call(void 0, props);
+    props = _Z7QK7V4Mcjs.useCommand.call(void 0, props);
     props = _XWCNZ2IPcjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {

package/cjs/__chunks/{YEAKVHCK.cjs → W6FESCVU.cjs}

@@ -4,7 +4,7 @@
 var _M5PQIWTWcjs = require('./M5PQIWTW.cjs');
 
 
-var _5QD55NKLcjs = require('./5QD55NKL.cjs');
+var _XRZ2L7EAcjs = require('./XRZ2L7EA.cjs');
 
 
 
@@ -106,7 +106,7 @@ var useHovercardAnchor = _Q67LZMDTcjs.createHook.call(void 0,
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onMouseMove
     });
-    props = _5QD55NKLcjs.useFocusable.call(void 0, props);
+    props = _XRZ2L7EAcjs.useFocusable.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{PR3MIXQD.cjs → WH5VAOIH.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _K5V42RR6cjs = require('./K5V42RR6.cjs');
+var _PIZ222UUcjs = require('./PIZ222UU.cjs');
 
 
 var _O45NLQRZcjs = require('./O45NLQRZ.cjs');
@@ -50,7 +50,7 @@ var usePopoverDisclosure = _Q67LZMDTcjs.createHook.call(void 0, function usePopo
     onClick
   });
   props = _O45NLQRZcjs.usePopoverAnchor.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-  props = _K5V42RR6cjs.useDialogDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  props = _PIZ222UUcjs.useDialogDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });
 var PopoverDisclosure = _Q67LZMDTcjs.forwardRef.call(void 0, function PopoverDisclosure2(props) {

package/cjs/__chunks/{2FVHSC23.cjs → X3FFBMDH.cjs}

@@ -6,10 +6,10 @@
 var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
 
-var _ID5QP4WTcjs = require('./ID5QP4WT.cjs');
+var _LM5EDRV3cjs = require('./LM5EDRV3.cjs');
 
 
-var _YHNU4DBCcjs = require('./YHNU4DBC.cjs');
+var _JJH3U4MGcjs = require('./JJH3U4MG.cjs');
 
 
 
@@ -284,7 +284,7 @@ var useHovercard = _Q67LZMDTcjs.createHook.call(void 0,
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _ID5QP4WTcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _LM5EDRV3cjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -305,7 +305,7 @@ var useHovercard = _Q67LZMDTcjs.createHook.call(void 0,
     return props;
   }
 );
-var Hovercard = _YHNU4DBCcjs.createDialogComponent.call(void 0, 
+var Hovercard = _JJH3U4MGcjs.createDialogComponent.call(void 0, 
   _Q67LZMDTcjs.forwardRef.call(void 0, function Hovercard2(props) {
     const htmlProps = useHovercard(props);
     return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);

package/cjs/__chunks/{LTD4F7TZ.cjs → X3YXQESW.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MMDU7VRJcjs = require('./MMDU7VRJ.cjs');
+var _M7WN4XJHcjs = require('./M7WN4XJH.cjs');
 
 
 var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
@@ -63,7 +63,7 @@ var useDialogDismiss = _Q67LZMDTcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _MMDU7VRJcjs.useButton.call(void 0, props);
+    props = _M7WN4XJHcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{5QD55NKL.cjs → XRZ2L7EA.cjs}

@@ -333,12 +333,13 @@ var useFocusable = _Q67LZMDTcjs.createHook.call(void 0,
     const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref);
     const nativeTabbable = focusable && isNativeTabbable(tagName);
     const supportsDisabled = focusable && supportsDisabledAttribute(tagName);
+    const styleProp = props.style;
     const style = _react.useMemo.call(void 0, () => {
       if (trulyDisabled) {
-        return _AV6KTKLEcjs.__spreadValues.call(void 0, { pointerEvents: "none" }, props.style);
+        return _AV6KTKLEcjs.__spreadValues.call(void 0, { pointerEvents: "none" }, styleProp);
       }
-      return props.style;
-    }, [trulyDisabled, props.style]);
+      return styleProp;
+    }, [trulyDisabled, styleProp]);
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "data-focus-visible": focusable && focusVisible || void 0,
       "data-autofocus": autoFocus || void 0,

package/cjs/__chunks/{TTVVUWIY.cjs → Z3JYZ4IW.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LTD4F7TZcjs = require('./LTD4F7TZ.cjs');
+var _X3YXQESWcjs = require('./X3YXQESW.cjs');
 
 
 var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
@@ -22,7 +22,7 @@ var usePopoverDismiss = _Q67LZMDTcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _FNVFJ5AFcjs.usePopoverScopedContext.call(void 0, );
     store = store || context;
-    props = _LTD4F7TZcjs.useDialogDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _X3YXQESWcjs.useDialogDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{ZMTZTMRS.cjs → Z7QK7V4M.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5QD55NKLcjs = require('./5QD55NKL.cjs');
+var _XRZ2L7EAcjs = require('./XRZ2L7EA.cjs');
 
 
 
@@ -138,7 +138,7 @@ var useCommand = _Q67LZMDTcjs.createHook.call(void 0,
       onKeyDown,
       onKeyUp
     });
-    props = _5QD55NKLcjs.useFocusable.call(void 0, props);
+    props = _XRZ2L7EAcjs.useFocusable.call(void 0, props);
     return props;
   }
 );