@ariakit/react-core 0.4.10 → 0.4.12

package/CHANGELOG.md

@@ -1,5 +1,75 @@
 # @ariakit/react-core
 
+## 0.4.12
+
+### Tab panels with scroll restoration
+
+Ariakit now supports scroll restoration for the [`TabPanel`](https://ariakit.org/reference/tab-panel) component. This allows you to control whether and how the scroll position is restored when switching tabs.
+
+To enable scroll restoration, use the new [`scrollRestoration`](https://ariakit.org/reference/tab-panel#scrollrestoration) prop:
+
+```jsx
+// Restores the scroll position of the tab panel element when switching tabs
+<TabPanel scrollRestoration />
+```
+
+By default, the scroll position is restored when switching tabs. You can set it to `"reset"` to return the scroll position to the top of the tab panel when changing tabs. Use the [`scrollElement`](https://ariakit.org/reference/tab-panel#scrollelement) prop to specify a different scrollable element:
+
+```jsx
+// Resets the scroll position of a different scrollable element
+<div className="overflow-auto">
+  <TabPanel
+    scrollRestoration="reset"
+    scrollElement={(panel) => panel.parentElement}
+  />
+</div>
+```
+
+### Full height dialogs and on-screen virtual keyboards
+
+A new [`--dialog-viewport-height`](https://ariakit.org/guide/styling#--dialog-viewport-height) CSS variable has been added to the [Dialog](https://ariakit.org/components/dialog) component. This variable exposes the height of the visual viewport, considering the space taken by virtual keyboards on mobile devices. Use this CSS variable when you have input fields in your dialog to ensure it always fits within the visual viewport:
+
+```css
+.dialog {
+  max-height: var(--dialog-viewport-height, 100dvh);
+}
+```
+
+### Overriding composite state for specific methods
+
+The [`next`](https://ariakit.org/reference/use-composite-store#next), [`previous`](https://ariakit.org/reference/use-composite-store#previous), [`up`](https://ariakit.org/reference/use-composite-store#up), and [`down`](https://ariakit.org/reference/use-composite-store#down) methods of the [composite store](https://ariakit.org/reference/use-composite-store) now accept an object as the first argument to override the composite state for that specific method. For example, you can pass a different [`activeId`](https://ariakit.org/reference/use-composite-store#activeId) value to the [`next`](https://ariakit.org/reference/use-composite-store#next) method so it returns the next item based on that value rather than the current active item in the composite store:
+
+```js
+const store = useCompositeStore({ defaultActiveId: "item1" });
+const item3 = store.next({ activeId: "item2" });
+```
+
+It's important to note that the composite state is not modified when using this feature. The state passed to these methods is used solely for that specific method call.
+
+### Other updates
+
+- Fixed the ability to <kbd>Tab</kbd> out of a nested [Menu](https://ariakit.org/components/menu) within a modal [Dialog](https://ariakit.org/components/dialog).
+- Fixed CJS build on Next.js.
+- Enhanced performance on [Dialog](https://ariakit.org/components/dialog) backdrops.
+- Updated the `useAttribute` hook to handle cases when the attribute is removed from the element.
+- Fixed [`Tab`](https://ariakit.org/reference/tab) to pass the [`rowId`](https://ariakit.org/reference/tab#rowid) prop when used with other composite widgets.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.11`
+
+## 0.4.11
+
+### Tabs inside animated Combobox or Select
+
+When rendering [Tab](https://ariakit.org/components/tab) inside [Combobox](https://ariakit.org/components/combobox) or [Select](https://ariakit.org/components/select), it now waits for the closing animation to finish before restoring the tab with the selected item. This should prevent an inconsistent UI where the tab is restored immediately while the content is still animating out. See [Select with Combobox and Tabs](https://ariakit.org/examples/select-combobox-tab).
+
+### Other updates
+
+- Updated [Combobox](https://ariakit.org/components/combobox) to immediately reset the [`activeId`](https://ariakit.org/reference/use-combobox-store#activeid) upon closing the popover.
+- Removed delay when applying the [`data-focus-visible`](https://ariakit.org/guide/styling#data-focus-visible) attribute.
+- Fixed mouse down on [`MenuButton`](https://ariakit.org/reference/menu-button) hiding the menu on Safari.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.10`
+
 ## 0.4.10
 
 - Fixed a regression introduced in `v0.4.8` that set the default value of the [`accessibleWhenDisabled`](https://ariakit.org/reference/tab#accessiblewhendisabled) prop to `false` on [`Tab`](https://ariakit.org/reference/tab).

package/cjs/__chunks/{SDBASOGF.cjs → 2BYHFNPP.cjs}

@@ -1,18 +1,17 @@
-"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";
+"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 _VZG3Q4VAcjs = require('./VZG3Q4VA.cjs');
 
-var _C55AGIGAcjs = require('./C55AGIGA.cjs');
 
-
-var _DMH7HONVcjs = require('./DMH7HONV.cjs');
+var _Y7UE4JBRcjs = require('./Y7UE4JBR.cjs');
 
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreProps(store, update, props) {
-  return _C55AGIGAcjs.useDisclosureStoreProps.call(void 0, store, update, props);
+  return _VZG3Q4VAcjs.useDisclosureStoreProps.call(void 0, store, update, props);
 }
 function useDialogStore(props = {}) {
-  const [store, update] = _DMH7HONVcjs.useStore.call(void 0, Core.createDialogStore, props);
+  const [store, update] = _Y7UE4JBRcjs.useStore.call(void 0, Core.createDialogStore, props);
   return useDialogStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{LSIE3AZT.cjs → 2JLI27ZJ.cjs}

@@ -1,66 +1,66 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _7ZBP2RUNcjs = require('./7ZBP2RUN.cjs');
 
-var _5KP7SROCcjs = require('./5KP7SROC.cjs');
 
 
+var _2XWRXJTWcjs = require('./2XWRXJTW.cjs');
 
-var _OZFFK5VScjs = require('./OZFFK5VS.cjs');
 
+var _HOK4HLECcjs = require('./HOK4HLEC.cjs');
 
-var _67WF5W26cjs = require('./67WF5W26.cjs');
 
+var _UGPAREOWcjs = require('./UGPAREOW.cjs');
 
-var _TJR4NN4Vcjs = require('./TJR4NN4V.cjs');
 
+var _CWQPJ74Pcjs = require('./CWQPJ74P.cjs');
 
-var _DRV5RKI2cjs = require('./DRV5RKI2.cjs');
 
+var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
 
-var _6IUEXB4Lcjs = require('./6IUEXB4L.cjs');
 
+var _W32FX7DMcjs = require('./W32FX7DM.cjs');
 
-var _JF225FQ5cjs = require('./JF225FQ5.cjs');
 
 
+var _WWQLUY5Wcjs = require('./WWQLUY5W.cjs');
 
-var _MUQXBDURcjs = require('./MUQXBDUR.cjs');
 
+var _YVOQ2BCBcjs = require('./YVOQ2BCB.cjs');
 
-var _OVBWMHNOcjs = require('./OVBWMHNO.cjs');
 
+var _5UGU5HIQcjs = require('./5UGU5HIQ.cjs');
 
-var _4S6ECZOGcjs = require('./4S6ECZOG.cjs');
 
+var _L634CRNJcjs = require('./L634CRNJ.cjs');
 
-var _FAFAXYUEcjs = require('./FAFAXYUE.cjs');
 
+var _GAIXLTBNcjs = require('./GAIXLTBN.cjs');
 
-var _QMBTS2OCcjs = require('./QMBTS2OC.cjs');
 
 
+var _WFEIS2SRcjs = require('./WFEIS2SR.cjs');
 
-var _VRPZ4HD5cjs = require('./VRPZ4HD5.cjs');
 
 
 
 
+var _E3JIN4WHcjs = require('./E3JIN4WH.cjs');
 
-var _HHTQYHYLcjs = require('./HHTQYHYL.cjs');
 
+var _XFOTDXSHcjs = require('./XFOTDXSH.cjs');
 
-var _YGEHBXGAcjs = require('./YGEHBXGA.cjs');
 
 
 
+var _MFAH5VLWcjs = require('./MFAH5VLW.cjs');
 
-var _M5IWBORBcjs = require('./M5IWBORB.cjs');
 
+var _2BYHFNPPcjs = require('./2BYHFNPP.cjs');
 
-var _SDBASOGFcjs = require('./SDBASOGF.cjs');
 
+var _Y7UE4JBRcjs = require('./Y7UE4JBR.cjs');
 
-var _DMH7HONVcjs = require('./DMH7HONV.cjs');
 
 
 
@@ -68,13 +68,12 @@ var _DMH7HONVcjs = require('./DMH7HONV.cjs');
 
 
 
+var _TM5Y6AJUcjs = require('./TM5Y6AJU.cjs');
 
-var _WT6AUJWVcjs = require('./WT6AUJWV.cjs');
 
 
 
-
-var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 
 // src/dialog/dialog.tsx
 
@@ -82,6 +81,7 @@ var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
 
 
 
+
 var _dom = require('@ariakit/core/utils/dom');
 
 
@@ -112,7 +112,7 @@ function getElementFromProp(prop, focusable = false) {
   if (focusable) return _focus.isFocusable.call(void 0, element) ? element : null;
   return element;
 }
-var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
+var useDialog = _MFAH5VLWcjs.createHook.call(void 0, function useDialog2(_a) {
   var _b = _a, {
     store: storeProp,
     open: openProp,
@@ -131,7 +131,7 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
     finalFocus,
     unmountOnHide,
     unstable_treeSnapshotKey
-  } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
+  } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
     "store",
     "open",
     "onClose",
@@ -150,9 +150,9 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
     "unmountOnHide",
     "unstable_treeSnapshotKey"
   ]);
-  const context = _HHTQYHYLcjs.useDialogProviderContext.call(void 0, );
+  const context = _E3JIN4WHcjs.useDialogProviderContext.call(void 0, );
   const ref = _react.useRef.call(void 0, null);
-  const store = _SDBASOGFcjs.useDialogStore.call(void 0, {
+  const store = _2BYHFNPPcjs.useDialogStore.call(void 0, {
     store: storeProp || context,
     open: openProp,
     setOpen(open2) {
@@ -168,21 +168,22 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
       store.setOpen(true);
     }
   });
-  const { portalRef, domReady } = _WT6AUJWVcjs.usePortalRef.call(void 0, portal, props.portalRef);
+  const { portalRef, domReady } = _TM5Y6AJUcjs.usePortalRef.call(void 0, portal, props.portalRef);
   const preserveTabOrderProp = props.preserveTabOrder;
-  const preserveTabOrder = store.useState(
+  const preserveTabOrder = _Y7UE4JBRcjs.useStoreState.call(void 0, 
+    store,
     (state) => preserveTabOrderProp && !modal && state.mounted
   );
-  const id = _WT6AUJWVcjs.useId.call(void 0, props.id);
-  const open = store.useState("open");
-  const mounted = store.useState("mounted");
-  const contentElement = store.useState("contentElement");
-  const hidden = _VRPZ4HD5cjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
-  _67WF5W26cjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
-  _DRV5RKI2cjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
-  const { wrapElement, nestedDialogs } = _TJR4NN4Vcjs.useNestedDialogs.call(void 0, store);
-  props = _WT6AUJWVcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
-  _WT6AUJWVcjs.useSafeLayoutEffect.call(void 0, () => {
+  const id = _TM5Y6AJUcjs.useId.call(void 0, props.id);
+  const open = _Y7UE4JBRcjs.useStoreState.call(void 0, store, "open");
+  const mounted = _Y7UE4JBRcjs.useStoreState.call(void 0, store, "mounted");
+  const contentElement = _Y7UE4JBRcjs.useStoreState.call(void 0, store, "contentElement");
+  const hidden = _WFEIS2SRcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
+  _HOK4HLECcjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
+  _CWQPJ74Pcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
+  const { wrapElement, nestedDialogs } = _UGPAREOWcjs.useNestedDialogs.call(void 0, store);
+  props = _TM5Y6AJUcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
+  _TM5Y6AJUcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!open) return;
     const dialog = ref.current;
     const activeElement = _dom.getActiveElement.call(void 0, dialog, true);
@@ -216,6 +217,24 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
       };
     }, [store, mounted]);
   }
+  _react.useEffect.call(void 0, () => {
+    if (!mounted) return;
+    if (!domReady) return;
+    const dialog = ref.current;
+    if (!dialog) return;
+    const win = _dom.getWindow.call(void 0, dialog);
+    const viewport = win.visualViewport || win;
+    const setViewportHeight = () => {
+      var _a2, _b2;
+      const height = (_b2 = (_a2 = win.visualViewport) == null ? void 0 : _a2.height) != null ? _b2 : win.innerHeight;
+      dialog.style.setProperty("--dialog-viewport-height", `${height}px`);
+    };
+    setViewportHeight();
+    viewport.addEventListener("resize", setViewportHeight);
+    return () => {
+      viewport.removeEventListener("resize", setViewportHeight);
+    };
+  }, [mounted, domReady]);
   _react.useEffect.call(void 0, () => {
     if (!modal) return;
     if (!mounted) return;
@@ -224,26 +243,26 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
     if (!dialog) return;
     const existingDismiss = dialog.querySelector("[data-dialog-dismiss]");
     if (existingDismiss) return;
-    return _JF225FQ5cjs.prependHiddenDismiss.call(void 0, dialog, store.hide);
+    return _W32FX7DMcjs.prependHiddenDismiss.call(void 0, dialog, store.hide);
   }, [store, modal, mounted, domReady]);
-  _WT6AUJWVcjs.useSafeLayoutEffect.call(void 0, () => {
-    if (!_6IUEXB4Lcjs.supportsInert.call(void 0, )) return;
+  _TM5Y6AJUcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!_56NPFF7Pcjs.supportsInert.call(void 0, )) return;
     if (open) return;
     if (!mounted) return;
     if (!domReady) return;
     const dialog = ref.current;
     if (!dialog) return;
-    return _OZFFK5VScjs.disableTree.call(void 0, dialog);
+    return _2XWRXJTWcjs.disableTree.call(void 0, dialog);
   }, [open, mounted, domReady]);
   const canTakeTreeSnapshot = open && domReady;
-  _WT6AUJWVcjs.useSafeLayoutEffect.call(void 0, () => {
+  _TM5Y6AJUcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!id) return;
     if (!canTakeTreeSnapshot) return;
     const dialog = ref.current;
-    return _OVBWMHNOcjs.createWalkTreeSnapshot.call(void 0, id, [dialog]);
+    return _YVOQ2BCBcjs.createWalkTreeSnapshot.call(void 0, id, [dialog]);
   }, [id, canTakeTreeSnapshot, unstable_treeSnapshotKey]);
-  const getPersistentElementsProp = _WT6AUJWVcjs.useEvent.call(void 0, getPersistentElements);
-  _WT6AUJWVcjs.useSafeLayoutEffect.call(void 0, () => {
+  const getPersistentElementsProp = _TM5Y6AJUcjs.useEvent.call(void 0, getPersistentElements);
+  _TM5Y6AJUcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!id) return;
     if (!canTakeTreeSnapshot) return;
     const { disclosureElement } = store.getState();
@@ -256,11 +275,11 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
     ];
     if (modal) {
       return _misc.chain.call(void 0, 
-        _MUQXBDURcjs.markTreeOutside.call(void 0, id, allElements),
-        _OZFFK5VScjs.disableTreeOutside.call(void 0, id, allElements)
+        _WWQLUY5Wcjs.markTreeOutside.call(void 0, id, allElements),
+        _2XWRXJTWcjs.disableTreeOutside.call(void 0, id, allElements)
       );
     }
-    return _MUQXBDURcjs.markTreeOutside.call(void 0, id, [disclosureElement, ...allElements]);
+    return _WWQLUY5Wcjs.markTreeOutside.call(void 0, id, [disclosureElement, ...allElements]);
   }, [
     id,
     store,
@@ -271,7 +290,7 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
     unstable_treeSnapshotKey
   ]);
   const mayAutoFocusOnShow = !!autoFocusOnShow;
-  const autoFocusOnShowProp = _WT6AUJWVcjs.useBooleanEvent.call(void 0, autoFocusOnShow);
+  const autoFocusOnShowProp = _TM5Y6AJUcjs.useBooleanEvent.call(void 0, autoFocusOnShow);
   const [autoFocusEnabled, setAutoFocusEnabled] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (!open) return;
@@ -309,7 +328,7 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
     autoFocusOnShowProp
   ]);
   const mayAutoFocusOnHide = !!autoFocusOnHide;
-  const autoFocusOnHideProp = _WT6AUJWVcjs.useBooleanEvent.call(void 0, autoFocusOnHide);
+  const autoFocusOnHideProp = _TM5Y6AJUcjs.useBooleanEvent.call(void 0, autoFocusOnHide);
   const [hasOpened, setHasOpened] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (!open) return;
@@ -352,7 +371,7 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
     [store, finalFocus, autoFocusOnHideProp]
   );
   const focusedOnHideRef = _react.useRef.call(void 0, false);
-  _WT6AUJWVcjs.useSafeLayoutEffect.call(void 0, () => {
+  _TM5Y6AJUcjs.useSafeLayoutEffect.call(void 0, () => {
     if (open) return;
     if (!hasOpened) return;
     if (!mayAutoFocusOnHide) return;
@@ -372,7 +391,7 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
       focusOnHide(dialog);
     };
   }, [hasOpened, mayAutoFocusOnHide, focusOnHide]);
-  const hideOnEscapeProp = _WT6AUJWVcjs.useBooleanEvent.call(void 0, hideOnEscape);
+  const hideOnEscapeProp = _TM5Y6AJUcjs.useBooleanEvent.call(void 0, hideOnEscape);
   _react.useEffect.call(void 0, () => {
     if (!domReady) return;
     if (!mounted) return;
@@ -381,7 +400,7 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
       if (event.defaultPrevented) return;
       const dialog = ref.current;
       if (!dialog) return;
-      if (_MUQXBDURcjs.isElementMarked.call(void 0, dialog)) return;
+      if (_WWQLUY5Wcjs.isElementMarked.call(void 0, dialog)) return;
       const target = event.target;
       if (!target) return;
       const { disclosureElement } = store.getState();
@@ -398,20 +417,20 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
     };
     return _events.addGlobalEventListener.call(void 0, "keydown", onKeyDown, true);
   }, [store, domReady, mounted, hideOnEscapeProp]);
-  props = _WT6AUJWVcjs.useWrapElement.call(void 0, 
+  props = _TM5Y6AJUcjs.useWrapElement.call(void 0, 
     props,
-    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FAFAXYUEcjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _L634CRNJcjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
     [modal]
   );
   const hiddenProp = props.hidden;
   const alwaysVisible = props.alwaysVisible;
-  props = _WT6AUJWVcjs.useWrapElement.call(void 0, 
+  props = _TM5Y6AJUcjs.useWrapElement.call(void 0, 
     props,
     (element) => {
       if (!backdrop) return element;
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _5KP7SROCcjs.DialogBackdrop,
+          _7ZBP2RUNcjs.DialogBackdrop,
           {
             store,
             backdrop,
@@ -426,12 +445,12 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
   );
   const [headingId, setHeadingId] = _react.useState.call(void 0, );
   const [descriptionId, setDescriptionId] = _react.useState.call(void 0, );
-  props = _WT6AUJWVcjs.useWrapElement.call(void 0, 
+  props = _TM5Y6AJUcjs.useWrapElement.call(void 0, 
     props,
-    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HHTQYHYLcjs.DialogScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HHTQYHYLcjs.DialogHeadingContext.Provider, { value: setHeadingId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HHTQYHYLcjs.DialogDescriptionContext.Provider, { value: setDescriptionId, children: element }) }) }),
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _E3JIN4WHcjs.DialogScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _E3JIN4WHcjs.DialogHeadingContext.Provider, { value: setHeadingId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _E3JIN4WHcjs.DialogDescriptionContext.Provider, { value: setDescriptionId, children: element }) }) }),
     [store]
   );
-  props = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {
+  props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
     id,
     "data-dialog": "",
     role: "dialog",
@@ -439,34 +458,34 @@ var useDialog = _M5IWBORBcjs.createHook.call(void 0, function useDialog2(_a) {
     "aria-labelledby": headingId,
     "aria-describedby": descriptionId
   }, props), {
-    ref: _WT6AUJWVcjs.useMergeRefs.call(void 0, ref, props.ref)
+    ref: _TM5Y6AJUcjs.useMergeRefs.call(void 0, ref, props.ref)
   });
-  props = _4S6ECZOGcjs.useFocusableContainer.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
+  props = _5UGU5HIQcjs.useFocusableContainer.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
     autoFocusOnShow: autoFocusEnabled
   }));
-  props = _VRPZ4HD5cjs.useDisclosureContent.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { store }, props));
-  props = _YGEHBXGAcjs.useFocusable.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), { focusable }));
-  props = _QMBTS2OCcjs.usePortal.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
+  props = _WFEIS2SRcjs.useDisclosureContent.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
+  props = _XFOTDXSHcjs.useFocusable.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), { focusable }));
+  props = _GAIXLTBNcjs.usePortal.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
   return props;
 });
-function createDialogComponent(Component, useProviderContext = _HHTQYHYLcjs.useDialogProviderContext) {
-  return _M5IWBORBcjs.forwardRef.call(void 0, function DialogComponent(props) {
+function createDialogComponent(Component, useProviderContext = _E3JIN4WHcjs.useDialogProviderContext) {
+  return _MFAH5VLWcjs.forwardRef.call(void 0, function DialogComponent(props) {
     const context = useProviderContext();
     const store = props.store || context;
-    const mounted = _DMH7HONVcjs.useStoreState.call(void 0, 
+    const mounted = _Y7UE4JBRcjs.useStoreState.call(void 0, 
       store,
       (state) => !props.unmountOnHide || (state == null ? void 0 : state.mounted) || !!props.open
     );
     if (!mounted) return null;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props));
   });
 }
 var Dialog = createDialogComponent(
-  _M5IWBORBcjs.forwardRef.call(void 0, function Dialog2(props) {
+  _MFAH5VLWcjs.forwardRef.call(void 0, function Dialog2(props) {
     const htmlProps = useDialog(props);
-    return _M5IWBORBcjs.createElement.call(void 0, TagName, htmlProps);
+    return _MFAH5VLWcjs.createElement.call(void 0, TagName, htmlProps);
   }),
-  _HHTQYHYLcjs.useDialogProviderContext
+  _E3JIN4WHcjs.useDialogProviderContext
 );
 
 

package/cjs/__chunks/{WAXJ4YD7.cjs → 2NDXHG2M.cjs}

@@ -1,36 +1,35 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+var _FKDBPJ3Jcjs = require('./FKDBPJ3J.cjs');
 
-var _TTVWSMCCcjs = require('./TTVWSMCC.cjs');
 
+var _NEZR6RYDcjs = require('./NEZR6RYD.cjs');
 
-var _PUMYQXTDcjs = require('./PUMYQXTD.cjs');
 
+var _BUKUAI2Fcjs = require('./BUKUAI2F.cjs');
 
-var _VPKU3AVXcjs = require('./VPKU3AVX.cjs');
 
+var _WFEIS2SRcjs = require('./WFEIS2SR.cjs');
 
-var _VRPZ4HD5cjs = require('./VRPZ4HD5.cjs');
 
 
 
+var _MFAH5VLWcjs = require('./MFAH5VLW.cjs');
 
-var _M5IWBORBcjs = require('./M5IWBORB.cjs');
 
+var _Y7UE4JBRcjs = require('./Y7UE4JBR.cjs');
 
-var _DMH7HONVcjs = require('./DMH7HONV.cjs');
 
 
 
 
+var _TM5Y6AJUcjs = require('./TM5Y6AJU.cjs');
 
-var _WT6AUJWVcjs = require('./WT6AUJWV.cjs');
 
 
 
-
-var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 
 // src/menu/menu-list.tsx
 var _misc = require('@ariakit/core/utils/misc');
@@ -38,11 +37,11 @@ var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
 function useAriaLabelledBy(_a) {
-  var _b = _a, { store } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, ["store"]);
+  var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
   const [id, setId] = _react.useState.call(void 0, void 0);
   const label = props["aria-label"];
-  const disclosureElement = _DMH7HONVcjs.useStoreState.call(void 0, store, "disclosureElement");
-  const contentElement = _DMH7HONVcjs.useStoreState.call(void 0, store, "contentElement");
+  const disclosureElement = _Y7UE4JBRcjs.useStoreState.call(void 0, store, "disclosureElement");
+  const contentElement = _Y7UE4JBRcjs.useStoreState.call(void 0, store, "contentElement");
   _react.useEffect.call(void 0, () => {
     const disclosure = disclosureElement;
     if (!disclosure) return;
@@ -57,10 +56,10 @@ function useAriaLabelledBy(_a) {
   }, [label, disclosureElement, contentElement]);
   return id;
 }
-var useMenuList = _M5IWBORBcjs.createHook.call(void 0, 
+var useMenuList = _MFAH5VLWcjs.createHook.call(void 0, 
   function useMenuList2(_a) {
-    var _b = _a, { store, alwaysVisible, composite } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible", "composite"]);
-    const context = _TTVWSMCCcjs.useMenuProviderContext.call(void 0, );
+    var _b = _a, { store, alwaysVisible, composite } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store", "alwaysVisible", "composite"]);
+    const context = _FKDBPJ3Jcjs.useMenuProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -69,7 +68,7 @@ var useMenuList = _M5IWBORBcjs.createHook.call(void 0,
     const parentMenu = store.parent;
     const parentMenubar = store.menubar;
     const hasParentMenu = !!parentMenu;
-    const id = _WT6AUJWVcjs.useId.call(void 0, props.id);
+    const id = _TM5Y6AJUcjs.useId.call(void 0, props.id);
     const onKeyDownProp = props.onKeyDown;
     const dir = store.useState(
       (state) => state.placement.split("-")[0]
@@ -78,11 +77,11 @@ var useMenuList = _M5IWBORBcjs.createHook.call(void 0,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
-    const isMenubarHorizontal = _DMH7HONVcjs.useStoreState.call(void 0, 
+    const isMenubarHorizontal = _Y7UE4JBRcjs.useStoreState.call(void 0, 
       parentMenubar,
       (state) => !!state && state.orientation !== "vertical"
     );
-    const onKeyDown = _WT6AUJWVcjs.useEvent.call(void 0, (event) => {
+    const onKeyDown = _TM5Y6AJUcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented) return;
       if (hasParentMenu || parentMenubar && !isHorizontal) {
@@ -127,40 +126,40 @@ var useMenuList = _M5IWBORBcjs.createHook.call(void 0,
         }
       }
     });
-    props = _WT6AUJWVcjs.useWrapElement.call(void 0, 
+    props = _TM5Y6AJUcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TTVWSMCCcjs.MenuScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FKDBPJ3Jcjs.MenuScopedContextProvider, { value: store, children: element }),
       [store]
     );
-    const ariaLabelledBy = useAriaLabelledBy(_3IVNQNIVcjs.__spreadValues.call(void 0, { store }, props));
+    const ariaLabelledBy = useAriaLabelledBy(_7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
     const mounted = store.useState("mounted");
-    const hidden = _VRPZ4HD5cjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
-    const style = hidden ? _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
-    props = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {
+    const hidden = _WFEIS2SRcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const style = hidden ? _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
+    props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       id,
       "aria-labelledby": ariaLabelledBy,
       hidden
     }, props), {
-      ref: _WT6AUJWVcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, props.ref),
+      ref: _TM5Y6AJUcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, props.ref),
       style,
       onKeyDown
     });
     const hasCombobox = !!store.combobox;
     composite = composite != null ? composite : !hasCombobox;
     if (composite) {
-      props = _3IVNQNIVcjs.__spreadValues.call(void 0, {
+      props = _7EQBAZ46cjs.__spreadValues.call(void 0, {
         role: "menu",
         "aria-orientation": orientation
       }, props);
     }
-    props = _VPKU3AVXcjs.useComposite.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { store, composite }, props));
-    props = _PUMYQXTDcjs.useCompositeTypeahead.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
+    props = _BUKUAI2Fcjs.useComposite.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _NEZR6RYDcjs.useCompositeTypeahead.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }
 );
-var MenuList = _M5IWBORBcjs.forwardRef.call(void 0, function MenuList2(props) {
+var MenuList = _MFAH5VLWcjs.forwardRef.call(void 0, function MenuList2(props) {
   const htmlProps = useMenuList(props);
-  return _M5IWBORBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _MFAH5VLWcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{3MQN464L.cjs → 2P3WACML.cjs}

@@ -1,17 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+var _UJOJUNICcjs = require('./UJOJUNIC.cjs');
 
-var _32EK4BGYcjs = require('./32EK4BGY.cjs');
 
-
-var _M5IWBORBcjs = require('./M5IWBORB.cjs');
+var _MFAH5VLWcjs = require('./MFAH5VLW.cjs');
 
 // src/composite/composite-context.tsx
 var _react = require('react');
-var ctx = _M5IWBORBcjs.createStoreContext.call(void 0, 
-  [_32EK4BGYcjs.CollectionContextProvider],
-  [_32EK4BGYcjs.CollectionScopedContextProvider]
+var ctx = _MFAH5VLWcjs.createStoreContext.call(void 0, 
+  [_UJOJUNICcjs.CollectionContextProvider],
+  [_UJOJUNICcjs.CollectionScopedContextProvider]
 );
 var useCompositeContext = ctx.useContext;
 var useCompositeScopedContext = ctx.useScopedContext;