@ariakit/react-core 0.3.5 → 0.3.7

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # @ariakit/react-core
 
+## 0.3.7
+
+### Expanding Menubar
+
+The [Menubar](https://ariakit.org/components/menubar) component will now only expand if there's another menu already expanded in the same menubar.
+
+### Internal data attribute changes
+
+Just like the change in v0.3.6 that removed the `data-command` and `data-disclosure` attributes from elements, this update stops the `data-composite-hover` attribute from infiltrating composite item elements in the DOM. We're mentioning this in the changelog as some users might have snapshot tests that require updating.
+
+### Other updates
+
+- Fixed `setSelectionRange` error when used with [unsupported](https://html.spec.whatwg.org/multipage/input.html#concept-input-apply) input types.
+- Fixed [`MenuButton`](https://ariakit.org/reference/menu-button) with [`showOnHover`](https://ariakit.org/reference/menu-button#showonhover) not updating the `activeId` state when hovered.
+- Updated [`onFocusVisible`](https://ariakit.org/reference/focusable#onfocusvisible) element type on [`Focusable`](https://ariakit.org/reference/focusable) from `Element` to `HTMLElement`.
+- Updated dependencies: `@ariakit/core@0.3.6`
+
+## 0.3.6
+
+### Data attributes for duplicate components
+
+The internal logic that identifies duplicate components has been refined. This implies that some internal `data-*` attributes will no longer seep into the rendered DOM elements. If you're doing snapshot tests on the DOM generated by Ariakit components, you should see the `data-command` and `data-disclosure` attributes removed.
+
+### Multiple disclosure and anchor elements
+
+The `disclosureElement` and `anchorElement` states on [Disclosure](https://ariakit.org/components/disclosure), [Popover](https://ariakit.org/components/popover), and [Menu](https://ariakit.org/components/menu), along with related components, are now set only upon interaction.
+
+This change enables us to support multiple disclosure/anchor elements for the same `contentElement` (typically the popup element) when triggered by hover or focus.
+
+### Expanding Menubar with focus
+
+Adjacent [`Menu`](https://ariakit.org/reference/menu) popups will now open when the focus moves through [`MenuItem`](https://ariakit.org/reference/menu-item) elements in a [Menubar](https://ariakit.org/components/menubar). Before, they would only open when another [`Menu`](https://ariakit.org/reference/menu) was already visible.
+
+### Maintaining Popover tab order
+
+[`Popover`](https://ariakit.org/reference/popover) and related components now automatically set the new [`preserveTabOrderAnchor`](https://ariakit.org/reference/portal#preservetaborderanchor) prop as the disclosure element.
+
+This ensures that, when the [`portal`](https://ariakit.org/reference/popover#portal) prop is enabled, the tab order will be preserved from the disclosure to the content element even when the [`Popover`](https://ariakit.org/reference/popover) component is rendered in a different location in the React tree.
+
+### New Menubar components
+
+This version introduces a new [Menubar](https://ariakit.org/components/menubar) module that can be used without the [`MenubarProvider`](https://ariakit.org/reference/menubar-provider) wrapper.
+
+### Other updates
+
+- Fixed [Hovercard](https://ariakit.org/components/hovercard) when used with multiple [`HovercardAnchor`](https://ariakit.org/reference/hovercard-anchor) elements.
+- Added new [`preserveTabOrderAnchor`](https://ariakit.org/reference/portal#preservetaborderanchor) prop to [`Portal`](https://ariakit.org/reference/portal) and related components.
+- Added new [`tabbable`](https://ariakit.org/reference/composite-item#tabbable) prop to [`CompositeItem`](https://ariakit.org/reference/composite-item) and related components.
+- Added new [`blurOnHoverEnd`](https://ariakit.org/reference/composite-hover#bluronhoverend) prop to [`CompositeHover`](https://ariakit.org/reference/composite-hover) and related components.
+- Updated dependencies: `@ariakit/core@0.3.5`
+
 ## 0.3.5
 
 ### Patch Changes

package/cjs/__chunks/{BRJSETQA.cjs → 23LJEFHI.cjs}

@@ -1,23 +1,23 @@
 "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 _IE75SSVLcjs = require('./IE75SSVL.cjs');
+var _65GJIQK5cjs = require('./65GJIQK5.cjs');
 
 
 
-var _WLJVTO7Acjs = require('./WLJVTO7A.cjs');
+var _OALXXRFMcjs = require('./OALXXRFM.cjs');
 
 // src/hovercard/hovercard-store.ts
 var _hovercardstore = require('@ariakit/core/hovercard/hovercard-store'); var Core = _interopRequireWildcard(_hovercardstore);
 function useHovercardStoreProps(store, update, props) {
-  store = _IE75SSVLcjs.usePopoverStoreProps.call(void 0, store, update, props);
-  _WLJVTO7Acjs.useStoreProps.call(void 0, store, props, "timeout");
-  _WLJVTO7Acjs.useStoreProps.call(void 0, store, props, "showTimeout");
-  _WLJVTO7Acjs.useStoreProps.call(void 0, store, props, "hideTimeout");
+  store = _65GJIQK5cjs.usePopoverStoreProps.call(void 0, store, update, props);
+  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "timeout");
+  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "showTimeout");
+  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "hideTimeout");
   return store;
 }
 function useHovercardStore(props = {}) {
-  const [store, update] = _WLJVTO7Acjs.useStore.call(void 0, Core.createHovercardStore, props);
+  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createHovercardStore, props);
   return useHovercardStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{5NKFHQZ2.cjs → 2KDFQUU7.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _4NC3T4TVcjs = require('./4NC3T4TV.cjs');
+var _KSAZE5E2cjs = require('./KSAZE5E2.cjs');
 
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/composite/composite-group.ts
-var useCompositeGroup = _VKYTJKYNcjs.createHook.call(void 0, 
+var useCompositeGroup = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _4NC3T4TVcjs.useGroup.call(void 0, props);
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    props = _KSAZE5E2cjs.useGroup.call(void 0, props);
     return props;
   }
 );
-var CompositeGroup = _VKYTJKYNcjs.createComponent.call(void 0, 
+var CompositeGroup = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeGroup(props);
-    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{M3F5A3H5.cjs → 2WCJJQSK.cjs}

@@ -2,20 +2,20 @@
 
 
 
-var _FQGSRSYDcjs = require('./FQGSRSYD.cjs');
+var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
 
 
 
-var _KZA6P235cjs = require('./KZA6P235.cjs');
+var _UVBBMANLcjs = require('./UVBBMANL.cjs');
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 // src/select/select-context.tsx
 var _react = require('react');
-var ctx = _VKYTJKYNcjs.createStoreContext.call(void 0, 
-  [_KZA6P235cjs.PopoverContextProvider, _FQGSRSYDcjs.CompositeContextProvider],
-  [_KZA6P235cjs.PopoverScopedContextProvider, _FQGSRSYDcjs.CompositeScopedContextProvider]
+var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, 
+  [_UVBBMANLcjs.PopoverContextProvider, _UZNYSPKPcjs.CompositeContextProvider],
+  [_UVBBMANLcjs.PopoverScopedContextProvider, _UZNYSPKPcjs.CompositeScopedContextProvider]
 );
 var useSelectContext = ctx.useContext;
 var useSelectScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{PRN5A3P4.cjs → 344F3DYO.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
+var _KREY6HXDcjs = require('./KREY6HXD.cjs');
 
-var _V24PR4PWcjs = require('./V24PR4PW.cjs');
 
 
-var _POBIUXYKcjs = require('./POBIUXYK.cjs');
+var _V24PR4PWcjs = require('./V24PR4PW.cjs');
 
 // src/dialog/utils/use-prevent-body-scroll.ts
 var _react = require('react');
@@ -18,7 +18,7 @@ function getPaddingProperty(documentElement) {
   return scrollbarX ? "paddingLeft" : "paddingRight";
 }
 function usePreventBodyScroll(contentElement, contentId, enabled) {
-  const isRootDialog = _POBIUXYKcjs.useRootDialog.call(void 0, {
+  const isRootDialog = _KREY6HXDcjs.useRootDialog.call(void 0, {
     attribute: "data-dialog-prevent-body-scroll",
     contentElement,
     contentId,

package/cjs/__chunks/{AX6LOJFX.cjs → 35LC5W3M.cjs}

@@ -1,41 +1,40 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _ORT5QOHHcjs = require('./ORT5QOHH.cjs');
+var _3W6FH6JKcjs = require('./3W6FH6JK.cjs');
 
 
-var _7ARL6QHNcjs = require('./7ARL6QHN.cjs');
+var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
 
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/hovercard/hovercard-anchor.ts
 var _react = require('react');
 var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
-var useHovercardAnchor = _VKYTJKYNcjs.createHook.call(void 0, 
+var useHovercardAnchor = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, showOnHover = true } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store", "showOnHover"]);
-    const context = _ORT5QOHHcjs.useHovercardProviderContext.call(void 0, );
+    var _b = _a, { store, showOnHover = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "showOnHover"]);
+    const context = _3W6FH6JKcjs.useHovercardProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component."
     );
-    const mounted = store.useState("mounted");
     const disabled = _misc.disabledFromProps.call(void 0, props);
     const showTimeoutRef = _react.useRef.call(void 0, 0);
     _react.useEffect.call(void 0, () => () => window.clearTimeout(showTimeoutRef.current), []);
@@ -54,52 +53,62 @@ var useHovercardAnchor = _VKYTJKYNcjs.createHook.call(void 0,
       return _events.addGlobalEventListener.call(void 0, "mouseleave", onMouseLeave, true);
     }, [store]);
     const onMouseMoveProp = props.onMouseMove;
-    const showOnHoverProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, showOnHover);
-    const isMouseMoving = _JTVNRMACcjs.useIsMouseMoving.call(void 0, );
-    const onMouseMove = _JTVNRMACcjs.useEvent.call(void 0, 
+    const showOnHoverProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnHover);
+    const isMouseMoving = _EO6LS72Hcjs.useIsMouseMoving.call(void 0, );
+    const onMouseMove = _EO6LS72Hcjs.useEvent.call(void 0, 
       (event) => {
-        store == null ? void 0 : store.setAnchorElement(event.currentTarget);
         onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
         if (disabled)
           return;
+        if (!store)
+          return;
         if (event.defaultPrevented)
           return;
         if (showTimeoutRef.current)
           return;
         if (!isMouseMoving())
           return;
-        if (!store)
-          return;
         if (!showOnHoverProp(event))
           return;
+        const element = event.currentTarget;
+        store.setAnchorElement(element);
+        store.setDisclosureElement(element);
         const { showTimeout, timeout } = store.getState();
         showTimeoutRef.current = window.setTimeout(() => {
           showTimeoutRef.current = 0;
           if (!isMouseMoving())
             return;
+          store == null ? void 0 : store.setAnchorElement(element);
           store == null ? void 0 : store.show();
+          queueMicrotask(() => {
+            store == null ? void 0 : store.setDisclosureElement(element);
+          });
         }, showTimeout != null ? showTimeout : timeout);
       }
     );
-    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _JTVNRMACcjs.useMergeRefs.call(void 0, 
-        store.setAnchorElement,
-        // We need to set the anchor element as the hovercard disclosure
-        // disclosure element only when the hovercard is shown so it doesn't get
-        // assigned an arbitrary element by the dialog component.
-        mounted ? store.setDisclosureElement : void 0,
-        props.ref
-      ),
+    const ref = _react.useCallback.call(void 0, 
+      (element) => {
+        if (!store)
+          return;
+        const { anchorElement } = store.getState();
+        if (anchorElement == null ? void 0 : anchorElement.isConnected)
+          return;
+        store.setAnchorElement(element);
+      },
+      [store]
+    );
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onMouseMove
     });
-    props = _7ARL6QHNcjs.useFocusable.call(void 0, props);
+    props = _Z3GCTNW4cjs.useFocusable.call(void 0, props);
     return props;
   }
 );
-var HovercardAnchor = _VKYTJKYNcjs.createComponent.call(void 0, 
+var HovercardAnchor = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useHovercardAnchor(props);
-    return _VKYTJKYNcjs.createElement.call(void 0, "a", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "a", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/3QW6ELTG.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _UVBBMANLcjs = require('./UVBBMANL.cjs');
+
+
+
+
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/popover/popover-anchor.ts
+var usePopoverAnchor = _RNZNGEL4cjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _UVBBMANLcjs.usePopoverProviderContext.call(void 0, );
+    store = store || context;
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, store == null ? void 0 : store.setAnchorElement, props.ref)
+    });
+    return props;
+  }
+);
+var PopoverAnchor = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+  const htmlProps = usePopoverAnchor(props);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  PopoverAnchor.displayName = "PopoverAnchor";
+}
+
+
+
+
+exports.usePopoverAnchor = usePopoverAnchor; exports.PopoverAnchor = PopoverAnchor;

package/cjs/__chunks/{ORT5QOHH.cjs → 3W6FH6JK.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _KZA6P235cjs = require('./KZA6P235.cjs');
+var _UVBBMANLcjs = require('./UVBBMANL.cjs');
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 // src/hovercard/hovercard-context.tsx
-var ctx = _VKYTJKYNcjs.createStoreContext.call(void 0, 
-  [_KZA6P235cjs.PopoverContextProvider],
-  [_KZA6P235cjs.PopoverScopedContextProvider]
+var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, 
+  [_UVBBMANLcjs.PopoverContextProvider],
+  [_UVBBMANLcjs.PopoverScopedContextProvider]
 );
 var useHovercardContext = ctx.useContext;
 var useHovercardScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{QXQFY7FW.cjs → 5GQV7KPQ.cjs}

@@ -2,20 +2,20 @@
 
 
 
-var _WLJVTO7Acjs = require('./WLJVTO7A.cjs');
+var _OALXXRFMcjs = require('./OALXXRFM.cjs');
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 // src/checkbox/checkbox-store.ts
 var _checkboxstore = require('@ariakit/core/checkbox/checkbox-store'); var Core = _interopRequireWildcard(_checkboxstore);
 function useCheckboxStoreProps(store, update, props) {
-  _JTVNRMACcjs.useUpdateEffect.call(void 0, update, [props.store]);
-  _WLJVTO7Acjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _EO6LS72Hcjs.useUpdateEffect.call(void 0, update, [props.store]);
+  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const [store, update] = _WLJVTO7Acjs.useStore.call(void 0, Core.createCheckboxStore, props);
+  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createCheckboxStore, props);
   return useCheckboxStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{TRPJVP5K.cjs → 5T425W4R.cjs}

@@ -1,21 +1,21 @@
 "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 _U74DRAW2cjs = require('./U74DRAW2.cjs');
+var _A5RWZSX7cjs = require('./A5RWZSX7.cjs');
 
 
 
-var _WLJVTO7Acjs = require('./WLJVTO7A.cjs');
+var _OALXXRFMcjs = require('./OALXXRFM.cjs');
 
 // src/radio/radio-store.ts
 var _radiostore = require('@ariakit/core/radio/radio-store'); var Core = _interopRequireWildcard(_radiostore);
 function useRadioStoreProps(store, update, props) {
-  store = _U74DRAW2cjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _WLJVTO7Acjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  store = _A5RWZSX7cjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useRadioStore(props = {}) {
-  const [store, update] = _WLJVTO7Acjs.useStore.call(void 0, Core.createRadioStore, props);
+  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createRadioStore, props);
   return useRadioStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{XCM6Y3AX.cjs → 5UTRYT6E.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _F7HB6RYGcjs = require('./F7HB6RYG.cjs');
+var _DAJUUBUIcjs = require('./DAJUUBUI.cjs');
 
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/button/button.ts
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
-var useButton = _VKYTJKYNcjs.createHook.call(void 0, (props) => {
+var useButton = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
   const ref = _react.useRef.call(void 0, null);
-  const tagName = _JTVNRMACcjs.useTagName.call(void 0, ref, props.as || "button");
+  const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, props.as || "button");
   const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
     () => !!tagName && _dom.isButton.call(void 0, { tagName, type: props.type })
   );
@@ -30,17 +30,17 @@ var useButton = _VKYTJKYNcjs.createHook.call(void 0, (props) => {
       return;
     setIsNativeButton(_dom.isButton.call(void 0, ref.current));
   }, []);
-  props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     role: !isNativeButton && tagName !== "a" ? "button" : void 0
   }, props), {
-    ref: _JTVNRMACcjs.useMergeRefs.call(void 0, ref, props.ref)
+    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
   });
-  props = _F7HB6RYGcjs.useCommand.call(void 0, props);
+  props = _DAJUUBUIcjs.useCommand.call(void 0, props);
   return props;
 });
-var Button = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
+var Button = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useButton(props);
-  return _VKYTJKYNcjs.createElement.call(void 0, "button", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Button.displayName = "Button";

package/cjs/__chunks/{D5XLZTLO.cjs → 5ZOCN23X.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 // src/dialog/utils/use-nested-dialogs.tsx
 
@@ -28,7 +28,7 @@ function useNestedDialogs(store) {
     },
     [context]
   );
-  _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
     return _store.sync.call(void 0, store, ["open", "contentElement"], (state) => {
       var _a;
       if (!state.open)

package/cjs/__chunks/{6QAZTNB3.cjs → 62JWM3VQ.cjs}

@@ -1,42 +1,42 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _QKKT6RXXcjs = require('./QKKT6RXX.cjs');
+var _F2A2ZQDBcjs = require('./F2A2ZQDB.cjs');
 
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/dialog/dialog-description.ts
 var _react = require('react');
-var useDialogDescription = _VKYTJKYNcjs.createHook.call(void 0, 
+var useDialogDescription = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const setDescriptionId = _react.useContext.call(void 0, _QKKT6RXXcjs.DialogDescriptionContext);
-    const id = _JTVNRMACcjs.useId.call(void 0, props.id);
-    _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const setDescriptionId = _react.useContext.call(void 0, _F2A2ZQDBcjs.DialogDescriptionContext);
+    const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
+    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
       setDescriptionId == null ? void 0 : setDescriptionId(id);
       return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
     }, [setDescriptionId, id]);
-    props = _WYXAWBLEcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id
     }, props);
     return props;
   }
 );
-var DialogDescription = _VKYTJKYNcjs.createComponent.call(void 0, 
+var DialogDescription = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useDialogDescription(props);
-    return _VKYTJKYNcjs.createElement.call(void 0, "p", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "p", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{KU7YLZWT.cjs → 63UPRTFZ.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 // src/checkbox/checkbox-context.tsx
-var ctx = _VKYTJKYNcjs.createStoreContext.call(void 0, );
+var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, );
 var useCheckboxContext = ctx.useContext;
 var useCheckboxScopedContext = ctx.useScopedContext;
 var useCheckboxProviderContext = ctx.useProviderContext;

package/cjs/__chunks/{IE75SSVL.cjs → 65GJIQK5.cjs}

@@ -1,25 +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 _QQNI2PXZcjs = require('./QQNI2PXZ.cjs');
+var _X3I2WFGCcjs = require('./X3I2WFGC.cjs');
 
 
 
-var _WLJVTO7Acjs = require('./WLJVTO7A.cjs');
+var _OALXXRFMcjs = require('./OALXXRFM.cjs');
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 // src/popover/popover-store.ts
 var _popoverstore = require('@ariakit/core/popover/popover-store'); var Core = _interopRequireWildcard(_popoverstore);
 function usePopoverStoreProps(store, update, props) {
-  _JTVNRMACcjs.useUpdateEffect.call(void 0, update, [props.popover]);
-  store = _QQNI2PXZcjs.useDialogStoreProps.call(void 0, store, update, props);
-  _WLJVTO7Acjs.useStoreProps.call(void 0, store, props, "placement");
+  _EO6LS72Hcjs.useUpdateEffect.call(void 0, update, [props.popover]);
+  store = _X3I2WFGCcjs.useDialogStoreProps.call(void 0, store, update, props);
+  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "placement");
   return store;
 }
 function usePopoverStore(props = {}) {
-  const [store, update] = _WLJVTO7Acjs.useStore.call(void 0, Core.createPopoverStore, props);
+  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createPopoverStore, props);
   return usePopoverStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{G3CEEQUP.cjs → 7566TIRW.cjs}

@@ -6,20 +6,20 @@ var _75KXQZJXcjs = require('./75KXQZJX.cjs');
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/focusable/focusable-container.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var useFocusableContainer = _VKYTJKYNcjs.createHook.call(void 0, 
+var useFocusableContainer = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { autoFocusOnShow = true } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["autoFocusOnShow"]);
-    props = _JTVNRMACcjs.useWrapElement.call(void 0, 
+    var _b = _a, { autoFocusOnShow = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["autoFocusOnShow"]);
+    props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _75KXQZJXcjs.FocusableContext.Provider, { value: autoFocusOnShow, children: element }),
       [autoFocusOnShow]
@@ -27,10 +27,10 @@ var useFocusableContainer = _VKYTJKYNcjs.createHook.call(void 0,
     return props;
   }
 );
-var FocusableContainer = _VKYTJKYNcjs.createComponent.call(void 0, 
+var FocusableContainer = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useFocusableContainer(props);
-    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {