@ariakit/core 0.4.10 → 0.4.12

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @ariakit/core
 
+## 0.4.12
+
+- Fixed regression in [`focusShift`](https://ariakit.org/reference/composite-provider#focusshift).
+- Improved JSDocs.
+
+## 0.4.11
+
+### 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 CJS build on Next.js.
+- Fixed `getScrollingElement` to consider `overflow: clip`.
+- Improved JSDocs.
+
 ## 0.4.10
 
 ### Tabs inside animated Combobox or Select

package/cjs/__chunks/{3IVNQNIV.cjs → 7EQBAZ46.cjs}

@@ -1,5 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-var __defProp = Object.defineProperty;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;

package/cjs/__chunks/{PW36G76L.cjs → A47DWKLR.cjs}

@@ -1,23 +1,22 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _G2NIRMCLcjs = require('./G2NIRMCL.cjs');
 
-var _CCI5VM7Ecjs = require('./CCI5VM7E.cjs');
 
 
+var _GDZQUFNPcjs = require('./GDZQUFNP.cjs');
 
-var _ULSPM3Y3cjs = require('./ULSPM3Y3.cjs');
 
 
 
+var _BSLRW6E7cjs = require('./BSLRW6E7.cjs');
 
-var _3QF3ODTRcjs = require('./3QF3ODTR.cjs');
 
+var _MLCPLY2Pcjs = require('./MLCPLY2P.cjs');
 
-var _BTUHABP4cjs = require('./BTUHABP4.cjs');
 
 
-
-var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 
 // src/composite/composite-store.ts
 var NULL_ITEM = { id: null };
@@ -37,11 +36,6 @@ function getEnabledItems(items, excludeId) {
     return !item.disabled;
   });
 }
-function getOppositeOrientation(orientation) {
-  if (orientation === "vertical") return "horizontal";
-  if (orientation === "horizontal") return "vertical";
-  return;
-}
 function getItemsInRow(items, rowId) {
   return items.filter((item) => item.rowId === rowId);
 }
@@ -106,7 +100,7 @@ function verticalizeItems(items) {
     for (const row of rows) {
       const item = row[i];
       if (item) {
-        verticalized.push(_3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, item), {
+        verticalized.push(_7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, item), {
           // If there's no rowId, it means that it's not a grid composite, but
           // a single row instead. So, instead of verticalizing it, that is,
           // assigning a different rowId based on the column index, we keep it
@@ -122,40 +116,40 @@ function verticalizeItems(items) {
 function createCompositeStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const collection = _CCI5VM7Ecjs.createCollectionStore.call(void 0, props);
-  const activeId = _BTUHABP4cjs.defaultValue.call(void 0, 
+  const collection = _G2NIRMCLcjs.createCollectionStore.call(void 0, props);
+  const activeId = _MLCPLY2Pcjs.defaultValue.call(void 0, 
     props.activeId,
     syncState == null ? void 0 : syncState.activeId,
     props.defaultActiveId
   );
-  const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, collection.getState()), {
+  const initialState = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, collection.getState()), {
     activeId,
-    baseElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.baseElement, null),
-    includesBaseElement: _BTUHABP4cjs.defaultValue.call(void 0, 
+    baseElement: _MLCPLY2Pcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.baseElement, null),
+    includesBaseElement: _MLCPLY2Pcjs.defaultValue.call(void 0, 
       props.includesBaseElement,
       syncState == null ? void 0 : syncState.includesBaseElement,
       activeId === null
     ),
-    moves: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.moves, 0),
-    orientation: _BTUHABP4cjs.defaultValue.call(void 0, 
+    moves: _MLCPLY2Pcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.moves, 0),
+    orientation: _MLCPLY2Pcjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,
       "both"
     ),
-    rtl: _BTUHABP4cjs.defaultValue.call(void 0, props.rtl, syncState == null ? void 0 : syncState.rtl, false),
-    virtualFocus: _BTUHABP4cjs.defaultValue.call(void 0, 
+    rtl: _MLCPLY2Pcjs.defaultValue.call(void 0, props.rtl, syncState == null ? void 0 : syncState.rtl, false),
+    virtualFocus: _MLCPLY2Pcjs.defaultValue.call(void 0, 
       props.virtualFocus,
       syncState == null ? void 0 : syncState.virtualFocus,
       false
     ),
-    focusLoop: _BTUHABP4cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, false),
-    focusWrap: _BTUHABP4cjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, false),
-    focusShift: _BTUHABP4cjs.defaultValue.call(void 0, props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
+    focusLoop: _MLCPLY2Pcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, false),
+    focusWrap: _MLCPLY2Pcjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, false),
+    focusShift: _MLCPLY2Pcjs.defaultValue.call(void 0, props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
   });
-  const composite = _3QF3ODTRcjs.createStore.call(void 0, initialState, collection, props.store);
-  _3QF3ODTRcjs.setup.call(void 0, 
+  const composite = _BSLRW6E7cjs.createStore.call(void 0, initialState, collection, props.store);
+  _BSLRW6E7cjs.setup.call(void 0, 
     composite,
-    () => _3QF3ODTRcjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
+    () => _BSLRW6E7cjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
       composite.setState("activeId", (activeId2) => {
         var _a2;
         if (activeId2 !== void 0) return activeId2;
@@ -163,40 +157,50 @@ function createCompositeStore(props = {}) {
       });
     })
   );
-  const getNextId = (items, orientation, hasNullItem, skip) => {
+  const getNextId = (direction = "next", options = {}) => {
     var _a2, _b;
-    const { activeId: activeId2, rtl, focusLoop, focusWrap, includesBaseElement } = composite.getState();
-    const isHorizontal = orientation !== "vertical";
-    const isRTL = rtl && isHorizontal;
-    const allItems = isRTL ? _ULSPM3Y3cjs.reverseArray.call(void 0, items) : items;
+    const defaultState = composite.getState();
+    const {
+      skip = 0,
+      activeId: activeId2 = defaultState.activeId,
+      focusShift = defaultState.focusShift,
+      focusLoop = defaultState.focusLoop,
+      focusWrap = defaultState.focusWrap,
+      includesBaseElement = defaultState.includesBaseElement,
+      renderedItems = defaultState.renderedItems,
+      rtl = defaultState.rtl
+    } = options;
+    const isVerticalDirection = direction === "up" || direction === "down";
+    const isNextDirection = direction === "next" || direction === "down";
+    const canReverse = isNextDirection ? rtl && !isVerticalDirection : !rtl || isVerticalDirection;
+    const canShift = focusShift && !skip;
+    let items = !isVerticalDirection ? renderedItems : _GDZQUFNPcjs.flatten2DArray.call(void 0, 
+      normalizeRows(groupItemsByRows(renderedItems), activeId2, canShift)
+    );
+    items = canReverse ? _GDZQUFNPcjs.reverseArray.call(void 0, items) : items;
+    items = isVerticalDirection ? verticalizeItems(items) : items;
     if (activeId2 == null) {
-      return (_a2 = findFirstEnabledItem(allItems)) == null ? void 0 : _a2.id;
+      return (_a2 = findFirstEnabledItem(items)) == null ? void 0 : _a2.id;
     }
-    const activeItem = allItems.find((item) => item.id === activeId2);
+    const activeItem = items.find((item) => item.id === activeId2);
     if (!activeItem) {
-      return (_b = findFirstEnabledItem(allItems)) == null ? void 0 : _b.id;
+      return (_b = findFirstEnabledItem(items)) == null ? void 0 : _b.id;
     }
-    const isGrid = !!activeItem.rowId;
-    const activeIndex = allItems.indexOf(activeItem);
-    const nextItems = allItems.slice(activeIndex + 1);
+    const isGrid = items.some((item) => item.rowId);
+    const activeIndex = items.indexOf(activeItem);
+    const nextItems = items.slice(activeIndex + 1);
     const nextItemsInRow = getItemsInRow(nextItems, activeItem.rowId);
-    if (skip !== void 0) {
+    if (skip) {
       const nextEnabledItemsInRow = getEnabledItems(nextItemsInRow, activeId2);
       const nextItem2 = nextEnabledItemsInRow.slice(skip)[0] || // If we can't find an item, just return the last one.
       nextEnabledItemsInRow[nextEnabledItemsInRow.length - 1];
       return nextItem2 == null ? void 0 : nextItem2.id;
     }
-    const oppositeOrientation = getOppositeOrientation(
-      // If it's a grid and orientation is not set, it's a next/previous call,
-      // which is inherently horizontal. up/down will call next with orientation
-      // set to vertical by default (see below on up/down methods).
-      isGrid ? orientation || "horizontal" : orientation
-    );
-    const canLoop = focusLoop && focusLoop !== oppositeOrientation;
-    const canWrap = isGrid && focusWrap && focusWrap !== oppositeOrientation;
-    hasNullItem = hasNullItem || !isGrid && canLoop && includesBaseElement;
+    const canLoop = focusLoop && (isVerticalDirection ? focusLoop !== "horizontal" : focusLoop !== "vertical");
+    const canWrap = isGrid && focusWrap && (isVerticalDirection ? focusWrap !== "horizontal" : focusWrap !== "vertical");
+    const hasNullItem = isNextDirection ? (!isGrid || isVerticalDirection) && canLoop && includesBaseElement : isVerticalDirection ? includesBaseElement : false;
     if (canLoop) {
-      const loopItems = canWrap && !hasNullItem ? allItems : getItemsInRow(allItems, activeItem.rowId);
+      const loopItems = canWrap && !hasNullItem ? items : getItemsInRow(items, activeItem.rowId);
       const sortedItems = flipItems(loopItems, activeId2, hasNullItem);
       const nextItem2 = findFirstEnabledItem(sortedItems, activeId2);
       return nextItem2 == null ? void 0 : nextItem2.id;
@@ -221,7 +225,7 @@ function createCompositeStore(props = {}) {
     }
     return nextItem == null ? void 0 : nextItem.id;
   };
-  return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, collection), composite), {
+  return _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, collection), composite), {
     setBaseElement: (element) => composite.setState("baseElement", element),
     setActiveId: (id) => composite.setState("activeId", id),
     move: (id) => {
@@ -235,58 +239,31 @@ function createCompositeStore(props = {}) {
     },
     last: () => {
       var _a2;
-      return (_a2 = findFirstEnabledItem(_ULSPM3Y3cjs.reverseArray.call(void 0, composite.getState().renderedItems))) == null ? void 0 : _a2.id;
+      return (_a2 = findFirstEnabledItem(_GDZQUFNPcjs.reverseArray.call(void 0, composite.getState().renderedItems))) == null ? void 0 : _a2.id;
     },
-    next: (skip) => {
-      const { renderedItems, orientation } = composite.getState();
-      return getNextId(renderedItems, orientation, false, skip);
+    next: (options) => {
+      if (options !== void 0 && typeof options === "number") {
+        options = { skip: options };
+      }
+      return getNextId("next", options);
     },
-    previous: (skip) => {
-      var _a2;
-      const { renderedItems, orientation, includesBaseElement } = composite.getState();
-      const isGrid = !!((_a2 = findFirstEnabledItem(renderedItems)) == null ? void 0 : _a2.rowId);
-      const hasNullItem = !isGrid && includesBaseElement;
-      return getNextId(
-        _ULSPM3Y3cjs.reverseArray.call(void 0, renderedItems),
-        orientation,
-        hasNullItem,
-        skip
-      );
+    previous: (options) => {
+      if (options !== void 0 && typeof options === "number") {
+        options = { skip: options };
+      }
+      return getNextId("previous", options);
     },
-    down: (skip) => {
-      const {
-        activeId: activeId2,
-        renderedItems,
-        focusShift,
-        focusLoop,
-        includesBaseElement
-      } = composite.getState();
-      const shouldShift = focusShift && !skip;
-      const verticalItems = verticalizeItems(
-        _ULSPM3Y3cjs.flatten2DArray.call(void 0, 
-          normalizeRows(groupItemsByRows(renderedItems), activeId2, shouldShift)
-        )
-      );
-      const canLoop = focusLoop && focusLoop !== "horizontal";
-      const hasNullItem = canLoop && includesBaseElement;
-      return getNextId(verticalItems, "vertical", hasNullItem, skip);
+    down: (options) => {
+      if (options !== void 0 && typeof options === "number") {
+        options = { skip: options };
+      }
+      return getNextId("down", options);
     },
-    up: (skip) => {
-      const { activeId: activeId2, renderedItems, focusShift, includesBaseElement } = composite.getState();
-      const shouldShift = focusShift && !skip;
-      const verticalItems = verticalizeItems(
-        _ULSPM3Y3cjs.reverseArray.call(void 0, 
-          _ULSPM3Y3cjs.flatten2DArray.call(void 0, 
-            normalizeRows(
-              groupItemsByRows(renderedItems),
-              activeId2,
-              shouldShift
-            )
-          )
-        )
-      );
-      const hasNullItem = includesBaseElement;
-      return getNextId(verticalItems, "vertical", hasNullItem, skip);
+    up: (options) => {
+      if (options !== void 0 && typeof options === "number") {
+        options = { skip: options };
+      }
+      return getNextId("up", options);
     }
   });
 }

package/cjs/__chunks/{3QF3ODTR.cjs → BSLRW6E7.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
 
@@ -7,24 +7,23 @@
 
 
 
+var _MLCPLY2Pcjs = require('./MLCPLY2P.cjs');
 
-var _BTUHABP4cjs = require('./BTUHABP4.cjs');
 
 
-
-var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 
 // src/utils/store.ts
 function getInternal(store, key) {
   const internals = store.__unstableInternals;
-  _BTUHABP4cjs.invariant.call(void 0, internals, "Invalid store");
+  _MLCPLY2Pcjs.invariant.call(void 0, internals, "Invalid store");
   return internals[key];
 }
 function createStore(initialState, ...stores) {
   let state = initialState;
   let prevStateBatch = state;
   let lastUpdate = Symbol();
-  let destroy = _BTUHABP4cjs.noop;
+  let destroy = _MLCPLY2Pcjs.noop;
   const instances = /* @__PURE__ */ new Set();
   const updatedKeys = /* @__PURE__ */ new Set();
   const setups = /* @__PURE__ */ new Set();
@@ -46,13 +45,13 @@ function createStore(initialState, ...stores) {
       destroy();
     };
     if (initialized) return maybeDestroy;
-    const desyncs = _BTUHABP4cjs.getKeys.call(void 0, state).map(
-      (key) => _BTUHABP4cjs.chain.call(void 0, 
+    const desyncs = _MLCPLY2Pcjs.getKeys.call(void 0, state).map(
+      (key) => _MLCPLY2Pcjs.chain.call(void 0, 
         ...stores.map((store) => {
           var _a;
           const storeState = (_a = store == null ? void 0 : store.getState) == null ? void 0 : _a.call(store);
           if (!storeState) return;
-          if (!_BTUHABP4cjs.hasOwnProperty.call(void 0, storeState, key)) return;
+          if (!_MLCPLY2Pcjs.hasOwnProperty.call(void 0, storeState, key)) return;
           return sync(store, [key], (state2) => {
             setState(
               key,
@@ -70,7 +69,7 @@ function createStore(initialState, ...stores) {
       teardowns.push(setup2());
     }
     const cleanups = stores.map(init);
-    destroy = _BTUHABP4cjs.chain.call(void 0, ...desyncs, ...teardowns, ...cleanups);
+    destroy = _MLCPLY2Pcjs.chain.call(void 0, ...desyncs, ...teardowns, ...cleanups);
     return maybeDestroy;
   };
   const sub = (keys, listener, set = listeners) => {
@@ -93,13 +92,13 @@ function createStore(initialState, ...stores) {
     disposables.set(listener, listener(state, prevStateBatch));
     return sub(keys, listener, batchListeners);
   };
-  const storePick = (keys) => createStore(_BTUHABP4cjs.pick.call(void 0, state, keys), finalStore);
-  const storeOmit = (keys) => createStore(_BTUHABP4cjs.omit.call(void 0, state, keys), finalStore);
+  const storePick = (keys) => createStore(_MLCPLY2Pcjs.pick.call(void 0, state, keys), finalStore);
+  const storeOmit = (keys) => createStore(_MLCPLY2Pcjs.omit.call(void 0, state, keys), finalStore);
   const getState = () => state;
   const setState = (key, value, fromStores = false) => {
     var _a;
-    if (!_BTUHABP4cjs.hasOwnProperty.call(void 0, state, key)) return;
-    const nextValue = _BTUHABP4cjs.applyState.call(void 0, value, state[key]);
+    if (!_MLCPLY2Pcjs.hasOwnProperty.call(void 0, state, key)) return;
+    const nextValue = _MLCPLY2Pcjs.applyState.call(void 0, value, state[key]);
     if (nextValue === state[key]) return;
     if (!fromStores) {
       for (const store of stores) {
@@ -107,7 +106,7 @@ function createStore(initialState, ...stores) {
       }
     }
     const prevState = state;
-    state = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, state), { [key]: nextValue });
+    state = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, state), { [key]: nextValue });
     const thisUpdate = Symbol();
     lastUpdate = thisUpdate;
     updatedKeys.add(key);
@@ -197,7 +196,7 @@ function throwOnConflictingProps(props, store) {
   if (!defaultKeys.length) return;
   const storeState = store.getState();
   const conflictingProps = defaultKeys.filter(
-    (key) => _BTUHABP4cjs.hasOwnProperty.call(void 0, storeState, key)
+    (key) => _MLCPLY2Pcjs.hasOwnProperty.call(void 0, storeState, key)
   );
   if (!conflictingProps.length) return;
   throw new Error(

package/cjs/__chunks/{H6ZQSQQL.cjs → C5P5S22J.cjs}

@@ -1,32 +1,31 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _I2G6EN27cjs = require('./I2G6EN27.cjs');
 
-var _N667HVEDcjs = require('./N667HVED.cjs');
 
 
 
 
+var _BSLRW6E7cjs = require('./BSLRW6E7.cjs');
 
-var _3QF3ODTRcjs = require('./3QF3ODTR.cjs');
 
+var _MLCPLY2Pcjs = require('./MLCPLY2P.cjs');
 
-var _BTUHABP4cjs = require('./BTUHABP4.cjs');
 
 
 
-
-var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 
 // src/popover/popover-store.ts
 function createPopoverStore(_a = {}) {
   var _b = _a, {
     popover: otherPopover
-  } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
+  } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
     "popover"
   ]);
-  const store = _3QF3ODTRcjs.mergeStore.call(void 0, 
+  const store = _BSLRW6E7cjs.mergeStore.call(void 0, 
     props.store,
-    _3QF3ODTRcjs.omit.call(void 0, otherPopover, [
+    _BSLRW6E7cjs.omit.call(void 0, otherPopover, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -34,24 +33,24 @@ function createPopoverStore(_a = {}) {
       "disclosureElement"
     ])
   );
-  _3QF3ODTRcjs.throwOnConflictingProps.call(void 0, props, store);
+  _BSLRW6E7cjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store == null ? void 0 : store.getState();
-  const dialog = _N667HVEDcjs.createDialogStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), { store }));
-  const placement = _BTUHABP4cjs.defaultValue.call(void 0, 
+  const dialog = _I2G6EN27cjs.createDialogStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), { store }));
+  const placement = _MLCPLY2Pcjs.defaultValue.call(void 0, 
     props.placement,
     syncState == null ? void 0 : syncState.placement,
     "bottom"
   );
-  const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, dialog.getState()), {
+  const initialState = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, dialog.getState()), {
     placement,
     currentPlacement: placement,
-    anchorElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.anchorElement, null),
-    popoverElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.popoverElement, null),
-    arrowElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.arrowElement, null),
+    anchorElement: _MLCPLY2Pcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.anchorElement, null),
+    popoverElement: _MLCPLY2Pcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.popoverElement, null),
+    arrowElement: _MLCPLY2Pcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.arrowElement, null),
     rendered: Symbol("rendered")
   });
-  const popover = _3QF3ODTRcjs.createStore.call(void 0, initialState, dialog, store);
-  return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, dialog), popover), {
+  const popover = _BSLRW6E7cjs.createStore.call(void 0, initialState, dialog, store);
+  return _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, dialog), popover), {
     setAnchorElement: (element) => popover.setState("anchorElement", element),
     setPopoverElement: (element) => popover.setState("popoverElement", element),
     setArrowElement: (element) => popover.setState("arrowElement", element),

package/cjs/__chunks/FGGZELG7.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _A47DWKLRcjs = require('./A47DWKLR.cjs');
+
+
+var _BSLRW6E7cjs = require('./BSLRW6E7.cjs');
+
+
+var _MLCPLY2Pcjs = require('./MLCPLY2P.cjs');
+
+
+
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
+
+// src/menubar/menubar-store.ts
+function createMenubarStore(props = {}) {
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const composite = _A47DWKLRcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
+    orientation: _MLCPLY2Pcjs.defaultValue.call(void 0, 
+      props.orientation,
+      syncState == null ? void 0 : syncState.orientation,
+      "horizontal"
+    ),
+    focusLoop: _MLCPLY2Pcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
+  }));
+  const initialState = _7EQBAZ46cjs.__spreadValues.call(void 0, {}, composite.getState());
+  const menubar = _BSLRW6E7cjs.createStore.call(void 0, initialState, composite, props.store);
+  return _7EQBAZ46cjs.__spreadValues.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, composite), menubar);
+}
+
+
+
+exports.createMenubarStore = createMenubarStore;

package/cjs/__chunks/{QLWAGBAQ.cjs → G2MFLTB2.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
 
@@ -6,61 +6,60 @@
 
 
 
+var _BSLRW6E7cjs = require('./BSLRW6E7.cjs');
 
-var _3QF3ODTRcjs = require('./3QF3ODTR.cjs');
 
+var _MLCPLY2Pcjs = require('./MLCPLY2P.cjs');
 
-var _BTUHABP4cjs = require('./BTUHABP4.cjs');
 
 
-
-var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 
 // src/disclosure/disclosure-store.ts
 function createDisclosureStore(props = {}) {
-  const store = _3QF3ODTRcjs.mergeStore.call(void 0, 
+  const store = _BSLRW6E7cjs.mergeStore.call(void 0, 
     props.store,
-    _3QF3ODTRcjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
+    _BSLRW6E7cjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
   );
-  _3QF3ODTRcjs.throwOnConflictingProps.call(void 0, props, store);
+  _BSLRW6E7cjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store == null ? void 0 : store.getState();
-  const open = _BTUHABP4cjs.defaultValue.call(void 0, 
+  const open = _MLCPLY2Pcjs.defaultValue.call(void 0, 
     props.open,
     syncState == null ? void 0 : syncState.open,
     props.defaultOpen,
     false
   );
-  const animated = _BTUHABP4cjs.defaultValue.call(void 0, props.animated, syncState == null ? void 0 : syncState.animated, false);
+  const animated = _MLCPLY2Pcjs.defaultValue.call(void 0, props.animated, syncState == null ? void 0 : syncState.animated, false);
   const initialState = {
     open,
     animated,
     animating: !!animated && open,
     mounted: open,
-    contentElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.contentElement, null),
-    disclosureElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.disclosureElement, null)
+    contentElement: _MLCPLY2Pcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.contentElement, null),
+    disclosureElement: _MLCPLY2Pcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.disclosureElement, null)
   };
-  const disclosure = _3QF3ODTRcjs.createStore.call(void 0, initialState, store);
-  _3QF3ODTRcjs.setup.call(void 0, 
+  const disclosure = _BSLRW6E7cjs.createStore.call(void 0, initialState, store);
+  _BSLRW6E7cjs.setup.call(void 0, 
     disclosure,
-    () => _3QF3ODTRcjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
+    () => _BSLRW6E7cjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
       if (state.animated) return;
       disclosure.setState("animating", false);
     })
   );
-  _3QF3ODTRcjs.setup.call(void 0, 
+  _BSLRW6E7cjs.setup.call(void 0, 
     disclosure,
-    () => _3QF3ODTRcjs.subscribe.call(void 0, disclosure, ["open"], () => {
+    () => _BSLRW6E7cjs.subscribe.call(void 0, disclosure, ["open"], () => {
       if (!disclosure.getState().animated) return;
       disclosure.setState("animating", true);
     })
   );
-  _3QF3ODTRcjs.setup.call(void 0, 
+  _BSLRW6E7cjs.setup.call(void 0, 
     disclosure,
-    () => _3QF3ODTRcjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
+    () => _BSLRW6E7cjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
       disclosure.setState("mounted", state.open || state.animating);
     })
   );
-  return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, disclosure), {
+  return _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, disclosure), {
     disclosure: props.disclosure,
     setOpen: (value) => disclosure.setState("open", value),
     show: () => disclosure.setState("open", true),