@ariakit/react-core 0.4.23 → 0.4.25

package/CHANGELOG.md

@@ -1,5 +1,104 @@
 # @ariakit/react-core
 
+## 0.4.25
+
+### Renamed `offscreenBehavior` to `offscreenMode`
+
+**BREAKING** if you're using the `offscreenBehavior` prop on collection or composite item offscreen components.
+
+The `offscreenBehavior` prop has been renamed to `offscreenMode` for consistency.
+
+Before:
+
+```tsx
+<ComboboxItem offscreenBehavior="lazy" />
+```
+
+After:
+
+```tsx
+<ComboboxItem offscreenMode="lazy" />
+```
+
+### Clicking outside no longer restores focus to the disclosure element
+
+[`Dialog`](https://ariakit.com/reference/dialog) and components that extend it (such as [`Menu`](https://ariakit.com/reference/menu) and [`Popover`](https://ariakit.com/reference/popover)) no longer restore focus to the disclosure element when the dialog is closed by clicking or right-clicking outside. This aligns with native HTML `<dialog>` and `popover` behavior where trigger buttons don't receive focus when you interact outside.
+
+Focus is still restored normally when the dialog is closed by other means, such as pressing Escape, selecting a menu item, or calling `store.hide()` programmatically. In these cases the disclosure element is now focused with default browser scrolling instead of `preventScroll`.
+
+### Improved Safari focus behavior for buttons, checkboxes, and radio buttons
+
+On Safari, buttons, checkboxes, and radio buttons don't receive focus on mousedown like other browsers. Previously, this was handled by manually focusing the element in a `mousedown` handler. Now, an explicit `tabIndex` attribute is set on these elements in Safari, which causes the browser to focus them natively. This results in more predictable focus behavior and fewer timing-sensitive workarounds.
+
+### Other updates
+
+- Fixed a race condition in [`Dialog`](https://ariakit.org/reference/dialog) where the deferred auto-focus could steal focus from the disclosure element after the dialog was closed.
+- Fixed [`formStore.setError()`](https://ariakit.org/reference/use-form-store#seterror) and [`formStore.setFieldTouched()`](https://ariakit.org/reference/use-form-store#setfieldtouched) failing to set values on nested array field paths such as `items.0.name`.
+- Fixed [`SelectItem`](https://ariakit.com/reference/select-item) store item `children` property reflecting the [`value`](https://ariakit.com/reference/select-item#value) prop instead of the actual rendered text content.
+- Fixed [`MenuButton`](https://ariakit.com/reference/menu-button) to preserve [`accessibleWhenDisabled`](https://ariakit.com/reference/menu-button#accessiblewhendisabled) behavior when composed with a rendered [`Button`](https://ariakit.com/reference/button).
+- Fixed [`Menu`](https://ariakit.org/reference/menu) with [`modal`](https://ariakit.org/reference/menu#modal) and [`getPersistentElements`](https://ariakit.org/reference/menu#getpersistentelements) so focusing a persistent [`MenuButton`](https://ariakit.org/reference/menu-button) doesn't immediately move focus back to the menu.
+- Fixed `useMetadataProps` overwriting parent metadata with `undefined` when the child doesn't provide an explicit value.
+- Fixed [`TabPanel`](https://ariakit.com/reference/tab-panel) not re-evaluating tabbable children when the panel becomes visible.
+- Fixed components not dropping their internal `aria-labelledby` when `aria-label` is passed.
+- Updated dependencies: `@ariakit/core@0.4.19`
+
+## 0.4.24
+
+This release improves React combobox and form reliability, including preserved combobox input and popover scroll position during result updates, more predictable focus behavior after filtering selects on iOS Safari, proper isolation of [`FormRadio`](https://ariakit.org/reference/form-radio) groups inside nested composite widgets, safer handling of explicitly undefined [`id`](https://ariakit.org/reference/select-item#id) props, and better generic typing for [`CheckboxProvider`](https://ariakit.org/reference/checkbox-provider) wrappers.
+
+### Improved `CheckboxProvider` generic typing
+
+This fixes TypeScript errors when wrapping [`CheckboxProvider`](https://ariakit.org/reference/checkbox-provider) in generic React components. Controlled and uncontrolled checkbox group wrappers now type-check correctly without requiring non-null assertions on values such as `defaultValue`.
+
+Before, generic wrappers often needed a non-null assertion to satisfy the provider props:
+
+```tsx {15}
+interface CheckboxCardGridProps<T extends string | number> extends Pick<
+  Ariakit.CheckboxProviderProps<T>,
+  "value" | "setValue" | "defaultValue"
+> {}
+
+function CheckboxCardGrid<T extends string | number>({
+  value,
+  setValue,
+  defaultValue,
+}: CheckboxCardGridProps<T>) {
+  return (
+    <CheckboxProvider
+      value={value}
+      setValue={setValue}
+      defaultValue={defaultValue!}
+    />
+  );
+}
+```
+
+Now the same wrapper can type-check without the workaround:
+
+```tsx {4}
+<CheckboxProvider
+  value={value}
+  setValue={setValue}
+  defaultValue={defaultValue}
+/>
+```
+
+### Fixed `Combobox` input scroll position resetting
+
+When a [`Combobox`](https://ariakit.org/reference/combobox) input's text overflowed its width, the input's horizontal scroll position reset to the beginning each time the results changed. This happened because the virtual focus mechanism briefly moved DOM focus to the active item and back when [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) was enabled, causing browsers to reset the input's internal `scrollLeft`.
+
+The scroll position is now preserved across these focus transitions.
+
+### Fixed `FormRadio` registering to ancestor composite stores
+
+[`FormRadio`](https://ariakit.org/reference/form-radio) items nested inside components like [`TabPanel`](https://ariakit.org/reference/tab-panel) were incorrectly registering to the tab store, causing arrow keys in the tab list to navigate to radio items instead of other tabs. [`FormRadioGroup`](https://ariakit.org/reference/form-radio-group) now resets the composite context for its children, preventing form radio items from being picked up by unrelated parent stores.
+
+### Other updates
+
+- Fixed [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover) scroll position resetting when items change in multi-select mode (e.g., during infinite scroll).
+- Fixed [`SelectItem`](https://ariakit.org/reference/select-item) stealing focus from the combobox input when the selected item reappears after filtering, which dismissed the keyboard on iOS Safari.
+- Fixed components crashing with "Maximum call stack size exceeded" when the [`id`](https://ariakit.org/reference/select-item#id) prop is explicitly passed as `undefined`.
+
 ## 0.4.23
 
 - Fixed [`ComboboxDisclosure`](https://ariakit.org/reference/combobox-disclosure) so pressing Escape closes [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover) when the popover starts open and the [`Combobox`](https://ariakit.org/reference/combobox) input is auto-focused.

package/cjs/__chunks/{ETUTZY4G.cjs → 2HCTOR45.cjs}

@@ -1,20 +1,20 @@
 "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; } }
 
-var _CZKPX6W7cjs = require('./CZKPX6W7.cjs');
+var _MLKK6UGOcjs = require('./MLKK6UGO.cjs');
 
 
 
-var _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 // src/tag/tag-store.ts
 var _tagstore = require('@ariakit/core/tag/tag-store'); var Core = _interopRequireWildcard(_tagstore);
 function useTagStoreProps(store, update, props) {
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "values", "setValues");
-  return _CZKPX6W7cjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "values", "setValues");
+  return _MLKK6UGOcjs.useCompositeStoreProps.call(void 0, store, update, props);
 }
 function useTagStore(props = {}) {
-  const [store, update] = _YY2UXBEBcjs.useStore.call(void 0, Core.createTagStore, props);
+  const [store, update] = _FH6HQ5JNcjs.useStore.call(void 0, Core.createTagStore, props);
   return useTagStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{5AGCRCKV.cjs → 2UJOY5ZF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/dialog/utils/use-root-dialog.ts
 var _dom = require('@ariakit/core/utils/dom');
@@ -12,7 +12,7 @@ function useRootDialog({
   contentElement,
   enabled
 }) {
-  const [updated, retry] = _KGFTRA3Ccjs.useForceUpdate.call(void 0, );
+  const [updated, retry] = _3BSDKDKDcjs.useForceUpdate.call(void 0, );
   const isRootDialog = _react.useCallback.call(void 0, () => {
     if (!enabled) return false;
     if (!contentElement) return false;

package/cjs/__chunks/{MIBORXQW.cjs → 2XVCJUVB.cjs}

@@ -50,7 +50,7 @@ function selectTextField(element, collapseToEnd = false) {
     }
   }
 }
-var FOCUS_SILENTLY = Symbol("FOCUS_SILENTLY");
+var FOCUS_SILENTLY = /* @__PURE__ */ Symbol("FOCUS_SILENTLY");
 function focusSilently(element) {
   element[FOCUS_SILENTLY] = true;
   element.focus({ preventScroll: true });

package/cjs/__chunks/{KGFTRA3C.cjs → 3BSDKDKD.cjs}

@@ -187,6 +187,7 @@ function useWrapElement(props, callback, deps = []) {
       }
       return callback(element);
     },
+    // oxlint-disable-next-line exhaustive-deps
     [...deps, props.wrapElement]
   );
   return { ...props, wrapElement };
@@ -200,8 +201,12 @@ function usePortalRef(portalProp = false, portalRefProp) {
 function useMetadataProps(props, key, value) {
   const parent = props.onLoadedMetadataCapture;
   const onLoadedMetadataCapture = _react.useMemo.call(void 0, () => {
-    return Object.assign(() => {
-    }, { ...parent, [key]: value });
+    return Object.assign(
+      () => {
+      },
+      parent,
+      ...value !== void 0 ? [{ [key]: value }] : []
+    );
   }, [parent, key, value]);
   return [parent == null ? void 0 : parent[key], { onLoadedMetadataCapture }];
 }

package/cjs/__chunks/{ZCQQLDPK.cjs → 4TGUMNHN.cjs}

@@ -1,26 +1,29 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _WJN3C6NMcjs = require('./WJN3C6NM.cjs');
+var _5OZ7J4C2cjs = require('./5OZ7J4C2.cjs');
 
 
-var _26FZXC26cjs = require('./26FZXC26.cjs');
+var _VRR6XSK3cjs = require('./VRR6XSK3.cjs');
 
 
-var _YTQONGS5cjs = require('./YTQONGS5.cjs');
+var _6E4BBKC4cjs = require('./6E4BBKC4.cjs');
 
 
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
+
+
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/menubar/menubar.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useMenubar = _743QABRAcjs.createHook.call(void 0, 
+var useMenubar = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useMenubar2({
     store: storeProp,
     composite = true,
@@ -30,21 +33,22 @@ var useMenubar = _743QABRAcjs.createHook.call(void 0,
     rtl,
     ...props
   }) {
-    const context = _WJN3C6NMcjs.useMenubarProviderContext.call(void 0, );
+    const context = _5OZ7J4C2cjs.useMenubarProviderContext.call(void 0, );
     storeProp = storeProp || context;
-    const store = _26FZXC26cjs.useMenubarStore.call(void 0, {
+    const store = _VRR6XSK3cjs.useMenubarStore.call(void 0, {
       store: storeProp,
       orientation: orientationProp,
       virtualFocus,
       focusLoop,
       rtl
     });
-    const orientation = store.useState(
+    const orientation = _FH6HQ5JNcjs.useStoreState.call(void 0, 
+      store,
       (state) => !composite || state.orientation === "both" ? void 0 : state.orientation
     );
-    props = _KGFTRA3Ccjs.useWrapElement.call(void 0, 
+    props = _3BSDKDKDcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WJN3C6NMcjs.MenubarScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5OZ7J4C2cjs.MenubarScopedContextProvider, { value: store, children: element }),
       [store]
     );
     if (composite) {
@@ -54,13 +58,13 @@ var useMenubar = _743QABRAcjs.createHook.call(void 0,
         ...props
       };
     }
-    props = _YTQONGS5cjs.useComposite.call(void 0, { store, composite, ...props });
+    props = _6E4BBKC4cjs.useComposite.call(void 0, { store, composite, ...props });
     return props;
   }
 );
-var Menubar = _743QABRAcjs.forwardRef.call(void 0, function Menubar2(props) {
+var Menubar = _PTOCUU2Dcjs.forwardRef.call(void 0, function Menubar2(props) {
   const htmlProps = useMenubar(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{KHJERDK3.cjs → 55GZX7VJ.cjs}

@@ -3,17 +3,17 @@
 var _UI5KWBYVcjs = require('./UI5KWBYV.cjs');
 
 
-var _VGI2PE2Bcjs = require('./VGI2PE2B.cjs');
+var _MXP46NZ2cjs = require('./MXP46NZ2.cjs');
 
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 
 var _XMDZRF6Ycjs = require('./XMDZRF6Y.cjs');
@@ -51,7 +51,7 @@ function queueFocus(element) {
     element == null ? void 0 : element.focus();
   });
 }
-var usePortal = _743QABRAcjs.createHook.call(void 0, function usePortal2({
+var usePortal = _PTOCUU2Dcjs.createHook.call(void 0, function usePortal2({
   preserveTabOrder,
   preserveTabOrderAnchor,
   portalElement,
@@ -60,7 +60,7 @@ var usePortal = _743QABRAcjs.createHook.call(void 0, function usePortal2({
   ...props
 }) {
   const ref = _react.useRef.call(void 0, null);
-  const refProp = _KGFTRA3Ccjs.useMergeRefs.call(void 0, ref, props.ref);
+  const refProp = _3BSDKDKDcjs.useMergeRefs.call(void 0, ref, props.ref);
   const context = _react.useContext.call(void 0, _UI5KWBYVcjs.PortalContext);
   const [portalNode, setPortalNode] = _react.useState.call(void 0, null);
   const [anchorPortalNode, setAnchorPortalNode] = _react.useState.call(void 0, 
@@ -70,7 +70,7 @@ var usePortal = _743QABRAcjs.createHook.call(void 0, function usePortal2({
   const innerBeforeRef = _react.useRef.call(void 0, null);
   const innerAfterRef = _react.useRef.call(void 0, null);
   const outerAfterRef = _react.useRef.call(void 0, null);
-  _KGFTRA3Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  _3BSDKDKDcjs.useSafeLayoutEffect.call(void 0, () => {
     const element = ref.current;
     if (!element || !portal) {
       setPortalNode(null);
@@ -97,7 +97,7 @@ var usePortal = _743QABRAcjs.createHook.call(void 0, function usePortal2({
       _XMDZRF6Ycjs.setRef.call(void 0, portalRef, null);
     };
   }, [portal, portalElement, context, portalRef]);
-  _KGFTRA3Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  _3BSDKDKDcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!portal) return;
     if (!preserveTabOrder) return;
     if (!preserveTabOrderAnchor) return;
@@ -134,7 +134,7 @@ var usePortal = _743QABRAcjs.createHook.call(void 0, function usePortal2({
       portalNode.removeEventListener("focusout", onFocus, true);
     };
   }, [portalNode, preserveTabOrder]);
-  props = _KGFTRA3Ccjs.useWrapElement.call(void 0, 
+  props = _3BSDKDKDcjs.useWrapElement.call(void 0, 
     props,
     (element) => {
       element = // While the portal node is not in the DOM, we need to pass the
@@ -155,7 +155,7 @@ var usePortal = _743QABRAcjs.createHook.call(void 0, function usePortal2({
       }
       element = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _VGI2PE2Bcjs.FocusTrap,
+          _MXP46NZ2cjs.FocusTrap,
           {
             ref: innerBeforeRef,
             "data-focus-trap": props.id,
@@ -171,7 +171,7 @@ var usePortal = _743QABRAcjs.createHook.call(void 0, function usePortal2({
         ),
         element,
         preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _VGI2PE2Bcjs.FocusTrap,
+          _MXP46NZ2cjs.FocusTrap,
           {
             ref: innerAfterRef,
             "data-focus-trap": props.id,
@@ -191,7 +191,7 @@ var usePortal = _743QABRAcjs.createHook.call(void 0, function usePortal2({
       }
       let preserveTabOrderElement = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _VGI2PE2Bcjs.FocusTrap,
+          _MXP46NZ2cjs.FocusTrap,
           {
             ref: outerBeforeRef,
             "data-focus-trap": props.id,
@@ -210,7 +210,7 @@ var usePortal = _743QABRAcjs.createHook.call(void 0, function usePortal2({
         // add margin to the element when setting gap on a parent element.
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-owns": portalNode == null ? void 0 : portalNode.id, style: { position: "fixed" } }),
         preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _VGI2PE2Bcjs.FocusTrap,
+          _MXP46NZ2cjs.FocusTrap,
           {
             ref: outerAfterRef,
             "data-focus-trap": props.id,
@@ -252,9 +252,9 @@ var usePortal = _743QABRAcjs.createHook.call(void 0, function usePortal2({
   };
   return props;
 });
-var Portal = _743QABRAcjs.forwardRef.call(void 0, function Portal2(props) {
+var Portal = _PTOCUU2Dcjs.forwardRef.call(void 0, function Portal2(props) {
   const htmlProps = usePortal(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{H2FXMMBN.cjs → 55HRZINU.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5AGCRCKVcjs = require('./5AGCRCKV.cjs');
+var _2UJOY5ZFcjs = require('./2UJOY5ZF.cjs');
 
 
 
@@ -17,7 +17,7 @@ function getPaddingProperty(documentElement) {
   return scrollbarX ? "paddingLeft" : "paddingRight";
 }
 function usePreventBodyScroll(contentElement, contentId, enabled) {
-  const isRootDialog = _5AGCRCKVcjs.useRootDialog.call(void 0, {
+  const isRootDialog = _2UJOY5ZFcjs.useRootDialog.call(void 0, {
     attribute: "data-dialog-prevent-body-scroll",
     contentElement,
     contentId,

package/cjs/__chunks/{OU7YN4Y6.cjs → 56IW3LDC.cjs}

@@ -1,20 +1,20 @@
 "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; } }
 
-var _CZKPX6W7cjs = require('./CZKPX6W7.cjs');
+var _MLKK6UGOcjs = require('./MLKK6UGO.cjs');
 
 
 
-var _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 // src/radio/radio-store.ts
 var _radiostore = require('@ariakit/core/radio/radio-store'); var Core = _interopRequireWildcard(_radiostore);
 function useRadioStoreProps(store, update, props) {
-  store = _CZKPX6W7cjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  store = _MLKK6UGOcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useRadioStore(props = {}) {
-  const [store, update] = _YY2UXBEBcjs.useStore.call(void 0, Core.createRadioStore, props);
+  const [store, update] = _FH6HQ5JNcjs.useStore.call(void 0, Core.createRadioStore, props);
   return useRadioStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{ZCFQZKRS.cjs → 5BTJAKB4.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _JJQSOPYIcjs = require('./JJQSOPYI.cjs');
+var _XXF5DFSGcjs = require('./XXF5DFSG.cjs');
 
 
-var _WJN3C6NMcjs = require('./WJN3C6NM.cjs');
+var _5OZ7J4C2cjs = require('./5OZ7J4C2.cjs');
 
 
-var _ALTUQCI3cjs = require('./ALTUQCI3.cjs');
+var _ZQYY7DF3cjs = require('./ZQYY7DF3.cjs');
 
 
-var _WS3AS5PBcjs = require('./WS3AS5PB.cjs');
+var _QWIBF3KBcjs = require('./QWIBF3KB.cjs');
 
 
-var _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/menu/menu-item.tsx
 var _dom = require('@ariakit/core/utils/dom');
@@ -47,7 +47,7 @@ function menuHasFocus(baseElement, items, currentTarget) {
   if (_focus.hasFocusWithin.call(void 0, expandedMenu)) return true;
   return !!expandedMenu.querySelector("[role=menuitem][aria-expanded=true]");
 }
-var useMenuItem = _743QABRAcjs.createHook.call(void 0, 
+var useMenuItem = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useMenuItem2({
     store,
     hideOnClick = true,
@@ -56,18 +56,18 @@ var useMenuItem = _743QABRAcjs.createHook.call(void 0,
     blurOnHoverEnd,
     ...props
   }) {
-    const menuContext = _JJQSOPYIcjs.useMenuScopedContext.call(void 0, true);
-    const menubarContext = _WJN3C6NMcjs.useMenubarScopedContext.call(void 0, );
+    const menuContext = _XXF5DFSGcjs.useMenuScopedContext.call(void 0, true);
+    const menubarContext = _5OZ7J4C2cjs.useMenubarScopedContext.call(void 0, );
     store = store || menuContext || menubarContext;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
     );
     const onClickProp = props.onClick;
-    const hideOnClickProp = _KGFTRA3Ccjs.useBooleanEvent.call(void 0, hideOnClick);
+    const hideOnClickProp = _3BSDKDKDcjs.useBooleanEvent.call(void 0, hideOnClick);
     const hideMenu = "hideAll" in store ? store.hideAll : void 0;
     const isWithinMenu = !!hideMenu;
-    const onClick = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const onClick = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented) return;
       if (_events.isDownloading.call(void 0, event)) return;
@@ -78,7 +78,7 @@ var useMenuItem = _743QABRAcjs.createHook.call(void 0,
       if (!hideOnClickProp(event)) return;
       hideMenu();
     });
-    const contentElement = _YY2UXBEBcjs.useStoreState.call(void 0, 
+    const contentElement = _FH6HQ5JNcjs.useStoreState.call(void 0, 
       store,
       (state) => "contentElement" in state ? state.contentElement : null
     );
@@ -88,12 +88,12 @@ var useMenuItem = _743QABRAcjs.createHook.call(void 0,
       ...props,
       onClick
     };
-    props = _WS3AS5PBcjs.useCompositeItem.call(void 0, {
+    props = _QWIBF3KBcjs.useCompositeItem.call(void 0, {
       store,
       preventScrollOnKeyDown,
       ...props
     });
-    props = _ALTUQCI3cjs.useCompositeHover.call(void 0, {
+    props = _ZQYY7DF3cjs.useCompositeHover.call(void 0, {
       store,
       ...props,
       focusOnHover(event) {
@@ -126,10 +126,10 @@ var useMenuItem = _743QABRAcjs.createHook.call(void 0,
     return props;
   }
 );
-var MenuItem = _743QABRAcjs.memo.call(void 0, 
-  _743QABRAcjs.forwardRef.call(void 0, function MenuItem2(props) {
+var MenuItem = _PTOCUU2Dcjs.memo.call(void 0, 
+  _PTOCUU2Dcjs.forwardRef.call(void 0, function MenuItem2(props) {
     const htmlProps = useMenuItem(props);
-    return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+    return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{LITMCKMJ.cjs → 5F7H6NQV.cjs}

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _AI6VIQ5Fcjs = require('./AI6VIQ5F.cjs');
+var _EXYNE2GEcjs = require('./EXYNE2GE.cjs');
 
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 // src/hovercard/hovercard-heading.tsx
 var TagName = "h1";
-var useHovercardHeading = _743QABRAcjs.createHook.call(void 0, 
+var useHovercardHeading = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useHovercardHeading2(props) {
-    props = _AI6VIQ5Fcjs.usePopoverHeading.call(void 0, props);
+    props = _EXYNE2GEcjs.usePopoverHeading.call(void 0, props);
     return props;
   }
 );
-var HovercardHeading = _743QABRAcjs.forwardRef.call(void 0, function HovercardHeading2(props) {
+var HovercardHeading = _PTOCUU2Dcjs.forwardRef.call(void 0, function HovercardHeading2(props) {
   const htmlProps = useHovercardHeading(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{QHTB3O7V.cjs → 5FW7ADLF.cjs}

@@ -5,7 +5,7 @@ var _IRJEBRAWcjs = require('./IRJEBRAW.cjs');
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 // src/checkbox/checkbox-check.tsx
 var _misc = require('@ariakit/core/utils/misc');
@@ -36,7 +36,7 @@ function getChildren(props) {
   }
   return null;
 }
-var useCheckboxCheck = _743QABRAcjs.createHook.call(void 0, 
+var useCheckboxCheck = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useCheckboxCheck2({ store, checked, ...props }) {
     const context = _react.useContext.call(void 0, _IRJEBRAWcjs.CheckboxCheckedContext);
     checked = checked != null ? checked : context;
@@ -55,9 +55,9 @@ var useCheckboxCheck = _743QABRAcjs.createHook.call(void 0,
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var CheckboxCheck = _743QABRAcjs.forwardRef.call(void 0, function CheckboxCheck2(props) {
+var CheckboxCheck = _PTOCUU2Dcjs.forwardRef.call(void 0, function CheckboxCheck2(props) {
   const htmlProps = useCheckboxCheck(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{K5XITHE3.cjs → 5KYY6256.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _WJN3C6NMcjs = require('./WJN3C6NM.cjs');
+var _5OZ7J4C2cjs = require('./5OZ7J4C2.cjs');
 
 
-var _26FZXC26cjs = require('./26FZXC26.cjs');
+var _VRR6XSK3cjs = require('./VRR6XSK3.cjs');
 
 // src/menubar/menubar-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function MenubarProvider(props = {}) {
-  const store = _26FZXC26cjs.useMenubarStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WJN3C6NMcjs.MenubarContextProvider, { value: store, children: props.children });
+  const store = _VRR6XSK3cjs.useMenubarStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5OZ7J4C2cjs.MenubarContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/__chunks/{ZPT6IQKO.cjs → 5MLKOK3F.cjs}

@@ -2,11 +2,11 @@
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 // src/visually-hidden/visually-hidden.tsx
 var TagName = "span";
-var useVisuallyHidden = _743QABRAcjs.createHook.call(void 0, 
+var useVisuallyHidden = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useVisuallyHidden2(props) {
     props = {
       ...props,
@@ -26,9 +26,9 @@ var useVisuallyHidden = _743QABRAcjs.createHook.call(void 0,
     return props;
   }
 );
-var VisuallyHidden = _743QABRAcjs.forwardRef.call(void 0, function VisuallyHidden2(props) {
+var VisuallyHidden = _PTOCUU2Dcjs.forwardRef.call(void 0, function VisuallyHidden2(props) {
   const htmlProps = useVisuallyHidden(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{WJN3C6NM.cjs → 5OZ7J4C2.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _WI7QXQL7cjs = require('./WI7QXQL7.cjs');
+var _UCZW3OGHcjs = require('./UCZW3OGH.cjs');
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 // src/menubar/menubar-context.tsx
 var _react = require('react');
-var menubar = _743QABRAcjs.createStoreContext.call(void 0, 
-  [_WI7QXQL7cjs.CompositeContextProvider],
-  [_WI7QXQL7cjs.CompositeScopedContextProvider]
+var menubar = _PTOCUU2Dcjs.createStoreContext.call(void 0, 
+  [_UCZW3OGHcjs.CompositeContextProvider],
+  [_UCZW3OGHcjs.CompositeScopedContextProvider]
 );
 var useMenubarContext = menubar.useContext;
 var useMenubarScopedContext = menubar.useScopedContext;