@ariakit/react-core 0.3.10 → 0.3.12

package/CHANGELOG.md

@@ -1,5 +1,66 @@
 # @ariakit/react-core
 
+## 0.3.12
+
+- The auto-select feature on [Combobox](https://ariakit.org/components/combobox) now resets with each keystroke.
+- Fixed [`Combobox`](https://ariakit.org/reference/combobox) with the [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop calling `onFocus` with every input change.
+- Fixed [`Hovercard`](https://ariakit.org/reference/hovercard) flickering when used with shadow DOM.
+- Fixed [`Select`](https://ariakit.org/reference/select) with [`Combobox`](https://ariakit.org/reference/combobox) scroll jumping when opening using keyboard navigation.
+- Fixed [`CompositeItem`](https://ariakit.org/reference/composite-item) triggering blur on focus.
+- Fixed [`ComboboxItem`](https://ariakit.org/reference/combobox-item) not triggering the `onClick` event when the item is partially visible.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.3.10`
+
+## 0.3.11
+
+### Modal Combobox
+
+The [Combobox](https://ariakit.org/component/combobox) components now support the [`modal`](https://ariakit.org/reference/combobox-popover#modal) prop on [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover).
+
+When a modal combobox is expanded, users can interact with and tab through all the combobox controls, including [`Combobox`](https://ariakit.org/reference/combobox), [`ComboboxDisclosure`](https://ariakit.org/reference/combobox-disclosure), and [`ComboboxCancel`](https://ariakit.org/reference/combobox-cancel), even if they're rendered outside the popover. The rest of the page will be inert.
+
+### Controlling the auto-select functionality of Combobox
+
+The [`Combobox`](https://ariakit.org/reference/combobox) component now includes a new [`getAutoSelectId`](https://ariakit.org/reference/combobox#getautoselectid) prop. This allows you to specify the [`ComboboxItem`](https://ariakit.org/reference/combobox-item) that should be auto-selected if the [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop is `true`.
+
+By default, the first _enabled_ item is auto-selected. Now you can customize this behavior by returning the id of another item from [`getAutoSelectId`](https://ariakit.org/reference/combobox#getautoselectid):
+
+```jsx
+<Combobox
+  autoSelect
+  getAutoSelectId={(items) => {
+    // Auto select the first enabled item with a value
+    const item = items.find((item) => {
+      if (item.disabled) return false;
+      if (!item.value) return false;
+      return true;
+    });
+    return item?.id;
+  }}
+/>
+```
+
+### Styling Combobox without an active descendant
+
+The [`Combobox`](https://ariakit.org/reference/combobox) component now includes a [`data-active-item`](https://ariakit.org/guide/styling#data-active-item) attribute when it's the only active item in the composite widget. In other words, when no [`ComboboxItem`](https://ariakit.org/reference/combobox-item) is active and the focus is solely on the combobox input.
+
+You can use this as a CSS selector to style the combobox differently, providing additional affordance to users who pressed <kbd>↑</kbd> on the first item or <kbd>↓</kbd> on the last item. This action would place both virtual and actual DOM focus on the combobox input.
+
+```css
+.combobox[data-active-item] {
+  outline-width: 2px;
+}
+```
+
+### Other updates
+
+- Fixed [`useTabStore`](https://ariakit.org/reference/use-tab-store) return value not updating its own reference.
+- Fixed keyboard navigation on [Combobox](https://ariakit.org/components/combobox) when the content element is a grid.
+- Fixed [`ComboboxDisclosure`](https://ariakit.org/reference/combobox-disclosure) to update its `aria-expanded` attribute when the combobox expands.
+- Fixed `Maximum update depth exceeded` warning when rendering multiple collection items on the page.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.3.9`
+
 ## 0.3.10
 
 ### Overwriting `aria-selected` value on `ComboboxItem`

package/cjs/__chunks/{SANV4XBF.cjs → 23HLSVKM.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TTMCZ7ZNcjs = require('./TTMCZ7ZN.cjs');
+var _IO6J4PANcjs = require('./IO6J4PAN.cjs');
 
 
 var _LYIGAIJFcjs = require('./LYIGAIJF.cjs');
@@ -21,7 +21,7 @@ var useToolbarItem = _RNZNGEL4cjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _LYIGAIJFcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _TTMCZ7ZNcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _IO6J4PANcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{GF6NWLKX.cjs → 3XQOWQTT.cjs}

@@ -1,11 +1,14 @@
 "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 _N6CR2VNNcjs = require('./N6CR2VNN.cjs');
+var _LUL2YWZ3cjs = require('./LUL2YWZ3.cjs');
 
 
 
-var _B233QVZEcjs = require('./B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
+
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
@@ -15,14 +18,15 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 var _react = require('react');
 var _tabstore = require('@ariakit/core/tab/tab-store'); var Core = _interopRequireWildcard(_tabstore);
 function useTabStoreProps(store, update, props) {
-  store = _N6CR2VNNcjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
-  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
-  const [panels] = _B233QVZEcjs.useStore.call(void 0, () => store.panels, {});
-  return _react.useMemo.call(void 0, () => _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, store), { panels }), []);
+  store = _LUL2YWZ3cjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
+  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "selectOnMove");
+  const [panels, updatePanels] = _OLOZ5JT2cjs.useStore.call(void 0, () => store.panels, {});
+  _EO6LS72Hcjs.useUpdateEffect.call(void 0, updatePanels, [store, updatePanels]);
+  return _react.useMemo.call(void 0, () => _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, store), { panels }), [store, panels]);
 }
 function useTabStore(props = {}) {
-  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createTabStore, props);
+  const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createTabStore, props);
   return useTabStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{Y22E2GCT.cjs → 4VMHQGZH.cjs}

@@ -1,22 +1,22 @@
 "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 _XDTEICF5cjs = require('./XDTEICF5.cjs');
+var _OZ4FTKEHcjs = require('./OZ4FTKEH.cjs');
 
 
 
-var _B233QVZEcjs = require('./B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 
 // src/tooltip/tooltip-store.ts
 var _tooltipstore = require('@ariakit/core/tooltip/tooltip-store'); var Core = _interopRequireWildcard(_tooltipstore);
 function useTooltipStoreProps(store, update, props) {
-  store = _XDTEICF5cjs.useHovercardStoreProps.call(void 0, store, update, props);
-  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "type");
-  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "skipTimeout");
+  store = _OZ4FTKEHcjs.useHovercardStoreProps.call(void 0, store, update, props);
+  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "type");
+  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "skipTimeout");
   return store;
 }
 function useTooltipStore(props = {}) {
-  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createTooltipStore, props);
+  const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createTooltipStore, props);
   return useTooltipStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{T5G6DLC6.cjs → 6LVRCU4J.cjs}

@@ -8,7 +8,7 @@ var _BZTDJIVTcjs = require('./BZTDJIVT.cjs');
 var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _B233QVZEcjs = require('./B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 
 
 
@@ -306,7 +306,7 @@ function useCollectionRenderer(_a) {
   var _a2, _b2;
   const context = _BZTDJIVTcjs.useCollectionContext.call(void 0, );
   store = store || context;
-  const items = _B233QVZEcjs.useStoreState.call(void 0, 
+  const items = _OLOZ5JT2cjs.useStoreState.call(void 0, 
     store,
     (state) => itemsProp != null ? itemsProp : state == null ? void 0 : state.items
   );

package/cjs/__chunks/{FQZOOWMH.cjs → 6PUZ4NWR.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _RV3PHHWMcjs = require('./RV3PHHWM.cjs');
+var _6ZZYUFPWcjs = require('./6ZZYUFPW.cjs');
 
 
 var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
@@ -66,7 +66,7 @@ function getSameInitialItems(items, char, activeId) {
   if (chars !== char && itemTextStartsWith(activeItem, chars))
     return items;
   chars = char;
-  return _RV3PHHWMcjs.flipItems.call(void 0, 
+  return _6ZZYUFPWcjs.flipItems.call(void 0, 
     items.filter((item) => itemTextStartsWith(item, chars)),
     activeId
   ).filter((item) => item.id !== activeId);

package/cjs/__chunks/{RV3PHHWM.cjs → 6ZZYUFPW.cjs}

@@ -56,7 +56,7 @@ function selectTextField(element, collapseToEnd = false) {
 var FOCUS_SILENTLY = Symbol("FOCUS_SILENTLY");
 function focusSilently(element) {
   element[FOCUS_SILENTLY] = true;
-  element.focus();
+  element.focus({ preventScroll: true });
 }
 function silentlyFocused(element) {
   const isSilentlyFocused = element[FOCUS_SILENTLY];

package/cjs/__chunks/{2GETDAIQ.cjs → 7HJPL3H2.cjs}

@@ -6,10 +6,10 @@
 var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
 
-var _NVHGMKAEcjs = require('./NVHGMKAE.cjs');
+var _KDG57VZVcjs = require('./KDG57VZV.cjs');
 
 
-var _36QK2QLEcjs = require('./36QK2QLE.cjs');
+var _EKB76T2Ucjs = require('./EKB76T2U.cjs');
 
 
 
@@ -153,7 +153,7 @@ var useHovercard = _RNZNGEL4cjs.createHook.call(void 0,
           return;
         const { anchorElement, hideTimeout, timeout } = store.getState();
         const enterPoint = enterPointRef.current;
-        const target = event.target;
+        const [target] = event.composedPath();
         const anchor = anchorElement;
         if (isMovingOnHovercard(target, element, anchor, nestedHovercards)) {
           enterPointRef.current = target && anchor && _dom.contains.call(void 0, anchor, target) ? _KXQOQQ5Bcjs.getEventPoint.call(void 0, event) : null;
@@ -283,7 +283,7 @@ var useHovercard = _RNZNGEL4cjs.createHook.call(void 0,
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _NVHGMKAEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _KDG57VZVcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -304,7 +304,7 @@ var useHovercard = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var Hovercard = _36QK2QLEcjs.createDialogComponent.call(void 0, 
+var Hovercard = _EKB76T2Ucjs.createDialogComponent.call(void 0, 
   _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useHovercard(props);
     return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);

package/cjs/__chunks/{KQUC6RXT.cjs → BBS4RP44.cjs}

@@ -15,7 +15,7 @@ var _DAJUUBUIcjs = require('./DAJUUBUI.cjs');
 var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _B233QVZEcjs = require('./B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 
 
 
@@ -67,7 +67,7 @@ var useCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
     const context = _63UPRTFZcjs.useCheckboxContext.call(void 0, );
     store = store || context;
     const [_checked, setChecked] = _react.useState.call(void 0, defaultChecked != null ? defaultChecked : false);
-    const checked = _B233QVZEcjs.useStoreState.call(void 0, store, (state) => {
+    const checked = _OLOZ5JT2cjs.useStoreState.call(void 0, store, (state) => {
       if (checkedProp !== void 0)
         return checkedProp;
       if ((state == null ? void 0 : state.value) === void 0)

package/cjs/__chunks/{DKOWT2IJ.cjs → CDNJPIEG.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _B233QVZEcjs = require('./B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -11,11 +11,11 @@ var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 var _collectionstore = require('@ariakit/core/collection/collection-store'); var Core = _interopRequireWildcard(_collectionstore);
 function useCollectionStoreProps(store, update, props) {
   _EO6LS72Hcjs.useUpdateEffect.call(void 0, update, [props.store]);
-  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
-  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createCollectionStore, props);
+  const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createCollectionStore, props);
   return useCollectionStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{47RLIVET.cjs → CFKRWKZR.cjs}

@@ -1,28 +1,28 @@
 "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 _N6CR2VNNcjs = require('./N6CR2VNN.cjs');
+var _LUL2YWZ3cjs = require('./LUL2YWZ3.cjs');
 
 
-var _7BPAESN3cjs = require('./7BPAESN3.cjs');
+var _NRGWVSB5cjs = require('./NRGWVSB5.cjs');
 
 
 
-var _B233QVZEcjs = require('./B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 
 // src/combobox/combobox-store.ts
 var _comboboxstore = require('@ariakit/core/combobox/combobox-store'); var Core = _interopRequireWildcard(_comboboxstore);
 function useComboboxStoreProps(store, update, props) {
-  store = _7BPAESN3cjs.usePopoverStoreProps.call(void 0, store, update, props);
-  store = _N6CR2VNNcjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
-  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "selectedValue", "setSelectedValue");
-  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "resetValueOnHide");
-  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "resetValueOnSelect");
+  store = _NRGWVSB5cjs.usePopoverStoreProps.call(void 0, store, update, props);
+  store = _LUL2YWZ3cjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "selectedValue", "setSelectedValue");
+  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "resetValueOnHide");
+  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "resetValueOnSelect");
   return store;
 }
 function useComboboxStore(props = {}) {
-  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createComboboxStore, props);
+  const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createComboboxStore, props);
   return useComboboxStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{V6LYK7WK.cjs → CGIHR7QS.cjs}

@@ -10,14 +10,14 @@ var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
 var _3WCBE6SUcjs = require('./3WCBE6SU.cjs');
 
 
-var _N6CR2VNNcjs = require('./N6CR2VNN.cjs');
+var _LUL2YWZ3cjs = require('./LUL2YWZ3.cjs');
 
 
-var _XDTEICF5cjs = require('./XDTEICF5.cjs');
+var _OZ4FTKEHcjs = require('./OZ4FTKEH.cjs');
 
 
 
-var _B233QVZEcjs = require('./B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -30,9 +30,9 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 var _menustore = require('@ariakit/core/menu/menu-store'); var Core = _interopRequireWildcard(_menustore);
 function useMenuStoreProps(store, update, props) {
   _EO6LS72Hcjs.useUpdateEffect.call(void 0, update, [props.combobox, props.parent, props.menubar]);
-  store = _N6CR2VNNcjs.useCompositeStoreProps.call(void 0, store, update, props);
-  store = _XDTEICF5cjs.useHovercardStoreProps.call(void 0, store, update, props);
-  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "values", "setValues");
+  store = _LUL2YWZ3cjs.useCompositeStoreProps.call(void 0, store, update, props);
+  store = _OZ4FTKEHcjs.useHovercardStoreProps.call(void 0, store, update, props);
+  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "values", "setValues");
   return Object.assign(store, {
     combobox: props.combobox,
     parent: props.parent,
@@ -48,7 +48,7 @@ function useMenuStore(props = {}) {
     menubar: props.menubar !== void 0 ? props.menubar : menubar,
     combobox: props.combobox !== void 0 ? props.combobox : combobox
   });
-  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createMenuStore, props);
+  const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createMenuStore, props);
   return useMenuStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{LO3RECOD.cjs → D4TG5DM4.cjs}

@@ -5,7 +5,7 @@
 var _3WCBE6SUcjs = require('./3WCBE6SU.cjs');
 
 
-var _TD5MOASJcjs = require('./TD5MOASJ.cjs');
+var _YPVQYY4Jcjs = require('./YPVQYY4J.cjs');
 
 
 var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
@@ -89,7 +89,7 @@ var useComboboxList = _RNZNGEL4cjs.createHook.call(void 0,
       [store]
     );
     const mounted = store.useState("mounted");
-    const hidden = _TD5MOASJcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _YPVQYY4Jcjs.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)

package/cjs/__chunks/{36QK2QLE.cjs → EKB76T2U.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _RTT4XR27cjs = require('./RTT4XR27.cjs');
+var _WZ3DRKGPcjs = require('./WZ3DRKGP.cjs');
 
 
 
@@ -37,7 +37,7 @@ var _65LGW5LYcjs = require('./65LGW5LY.cjs');
 
 
 
-var _TD5MOASJcjs = require('./TD5MOASJ.cjs');
+var _YPVQYY4Jcjs = require('./YPVQYY4J.cjs');
 
 
 
@@ -54,10 +54,10 @@ var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
 var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _HRKRTCJCcjs = require('./HRKRTCJC.cjs');
+var _W5LJEMLBcjs = require('./W5LJEMLB.cjs');
 
 
-var _B233QVZEcjs = require('./B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 
 
 
@@ -156,7 +156,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
     ]);
     const context = _F2A2ZQDBcjs.useDialogProviderContext.call(void 0, );
     const ref = _react.useRef.call(void 0, null);
-    const store = _HRKRTCJCcjs.useDialogStore.call(void 0, {
+    const store = _W5LJEMLBcjs.useDialogStore.call(void 0, {
       store: storeProp || context,
       open: openProp,
       setOpen(open2) {
@@ -184,7 +184,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const contentElement = store.useState("contentElement");
-    const hidden = _TD5MOASJcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
+    const hidden = _YPVQYY4Jcjs.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);
@@ -468,7 +468,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
           return element;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _RTT4XR27cjs.DialogBackdrop,
+            _WZ3DRKGPcjs.DialogBackdrop,
             {
               store,
               backdrop,
@@ -502,7 +502,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
     props = _7566TIRWcjs.useFocusableContainer.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       autoFocusOnShow: autoFocusEnabled
     }));
-    props = _TD5MOASJcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _YPVQYY4Jcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     props = _Z3GCTNW4cjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { focusable }));
     props = _65LGW5LYcjs.usePortal.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
     return props;
@@ -512,7 +512,7 @@ function createDialogComponent(Component, useProviderContext = _F2A2ZQDBcjs.useD
   return _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const context = useProviderContext();
     const store = props.store || context;
-    const mounted = _B233QVZEcjs.useStoreState.call(void 0, 
+    const mounted = _OLOZ5JT2cjs.useStoreState.call(void 0, 
       store,
       (state) => !props.unmountOnHide || (state == null ? void 0 : state.mounted) || !!props.open
     );

package/cjs/__chunks/{7KFYPSJO.cjs → EUHOCOY2.cjs}

@@ -1,18 +1,18 @@
 "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 _N6CR2VNNcjs = require('./N6CR2VNN.cjs');
+var _LUL2YWZ3cjs = require('./LUL2YWZ3.cjs');
 
 
-var _B233QVZEcjs = require('./B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 
 // src/menubar/menubar-store.ts
 var _menubarstore = require('@ariakit/core/menubar/menubar-store'); var Core = _interopRequireWildcard(_menubarstore);
 function useMenubarStoreProps(store, update, props) {
-  return _N6CR2VNNcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  return _LUL2YWZ3cjs.useCompositeStoreProps.call(void 0, store, update, props);
 }
 function useMenubarStore(props = {}) {
-  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createMenubarStore, props);
+  const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createMenubarStore, props);
   return useMenubarStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{PHZJAGWK.cjs → G2ZXRZ2R.cjs}

@@ -4,7 +4,7 @@
 var _HEEQY4DZcjs = require('./HEEQY4DZ.cjs');
 
 
-var _TTMCZ7ZNcjs = require('./TTMCZ7ZN.cjs');
+var _IO6J4PANcjs = require('./IO6J4PAN.cjs');
 
 
 
@@ -12,7 +12,7 @@ var _TTMCZ7ZNcjs = require('./TTMCZ7ZN.cjs');
 var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _B233QVZEcjs = require('./B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 
 
 
@@ -47,7 +47,7 @@ var useRadio = _RNZNGEL4cjs.createHook.call(void 0,
     store = store || context;
     const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
-    const isChecked = _B233QVZEcjs.useStoreState.call(void 0, 
+    const isChecked = _OLOZ5JT2cjs.useStoreState.call(void 0, 
       store,
       (state) => checked != null ? checked : getIsChecked(value, state == null ? void 0 : state.value)
     );
@@ -133,7 +133,7 @@ var useRadio = _RNZNGEL4cjs.createHook.call(void 0,
       onClick,
       onFocus
     });
-    props = _TTMCZ7ZNcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
+    props = _IO6J4PANcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
     return _AV6KTKLEcjs.__spreadValues.call(void 0, {
       name: nativeRadio ? name : void 0,
       value: nativeRadio ? value : void 0,