@ariakit/core 0.4.11 → 0.4.12

package/CHANGELOG.md

@@ -1,10 +1,15 @@
 # @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:
+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" });

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

@@ -177,7 +177,7 @@ function createCompositeStore(props = {}) {
     let items = !isVerticalDirection ? renderedItems : _GDZQUFNPcjs.flatten2DArray.call(void 0, 
       normalizeRows(groupItemsByRows(renderedItems), activeId2, canShift)
     );
-    items = canReverse ? _GDZQUFNPcjs.reverseArray.call(void 0, renderedItems) : renderedItems;
+    items = canReverse ? _GDZQUFNPcjs.reverseArray.call(void 0, items) : items;
     items = isVerticalDirection ? verticalizeItems(items) : items;
     if (activeId2 == null) {
       return (_a2 = findFirstEnabledItem(items)) == null ? void 0 : _a2.id;

package/cjs/__chunks/{LLZO7SOB.cjs → FGGZELG7.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W3GMUKTUcjs = require('./W3GMUKTU.cjs');
+var _A47DWKLRcjs = require('./A47DWKLR.cjs');
 
 
 var _BSLRW6E7cjs = require('./BSLRW6E7.cjs');
@@ -16,7 +16,7 @@ var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 function createMenubarStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const composite = _W3GMUKTUcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
+  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,

package/cjs/combobox/combobox-store.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W3GMUKTUcjs = require('../__chunks/W3GMUKTU.cjs');
+var _A47DWKLRcjs = require('../__chunks/A47DWKLR.cjs');
 require('../__chunks/G2NIRMCL.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 
@@ -50,7 +50,7 @@ function createComboboxStore(_a = {}) {
     props.defaultActiveId,
     null
   );
-  const composite = _W3GMUKTUcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _A47DWKLRcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
     activeId,
     includesBaseElement: _MLCPLY2Pcjs.defaultValue.call(void 0, 
       props.includesBaseElement,

package/cjs/composite/composite-store.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W3GMUKTUcjs = require('../__chunks/W3GMUKTU.cjs');
+var _A47DWKLRcjs = require('../__chunks/A47DWKLR.cjs');
 require('../__chunks/G2NIRMCL.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 require('../__chunks/BSLRW6E7.cjs');
@@ -9,4 +9,4 @@ require('../__chunks/WCFMOJKV.cjs');
 require('../__chunks/7EQBAZ46.cjs');
 
 
-exports.createCompositeStore = _W3GMUKTUcjs.createCompositeStore;
+exports.createCompositeStore = _A47DWKLRcjs.createCompositeStore;

package/cjs/menu/menu-bar-store.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _LLZO7SOBcjs = require('../__chunks/LLZO7SOB.cjs');
-require('../__chunks/W3GMUKTU.cjs');
+var _FGGZELG7cjs = require('../__chunks/FGGZELG7.cjs');
+require('../__chunks/A47DWKLR.cjs');
 require('../__chunks/G2NIRMCL.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 require('../__chunks/BSLRW6E7.cjs');
@@ -11,7 +11,7 @@ require('../__chunks/7EQBAZ46.cjs');
 
 // src/menu/menu-bar-store.ts
 function createMenuBarStore(props = {}) {
-  return _LLZO7SOBcjs.createMenubarStore.call(void 0, props);
+  return _FGGZELG7cjs.createMenubarStore.call(void 0, props);
 }
 
 

package/cjs/menu/menu-store.cjs

@@ -3,7 +3,7 @@
 var _LSC6QXJ7cjs = require('../__chunks/LSC6QXJ7.cjs');
 
 
-var _W3GMUKTUcjs = require('../__chunks/W3GMUKTU.cjs');
+var _A47DWKLRcjs = require('../__chunks/A47DWKLR.cjs');
 require('../__chunks/G2NIRMCL.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 require('../__chunks/C5P5S22J.cjs');
@@ -54,7 +54,7 @@ function createMenuStore(_a = {}) {
   );
   _BSLRW6E7cjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store.getState();
-  const composite = _W3GMUKTUcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _A47DWKLRcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
     store,
     orientation: _MLCPLY2Pcjs.defaultValue.call(void 0, 
       props.orientation,

package/cjs/menubar/menubar-store.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _LLZO7SOBcjs = require('../__chunks/LLZO7SOB.cjs');
-require('../__chunks/W3GMUKTU.cjs');
+var _FGGZELG7cjs = require('../__chunks/FGGZELG7.cjs');
+require('../__chunks/A47DWKLR.cjs');
 require('../__chunks/G2NIRMCL.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 require('../__chunks/BSLRW6E7.cjs');
@@ -10,4 +10,4 @@ require('../__chunks/WCFMOJKV.cjs');
 require('../__chunks/7EQBAZ46.cjs');
 
 
-exports.createMenubarStore = _LLZO7SOBcjs.createMenubarStore;
+exports.createMenubarStore = _FGGZELG7cjs.createMenubarStore;

package/cjs/radio/radio-store.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W3GMUKTUcjs = require('../__chunks/W3GMUKTU.cjs');
+var _A47DWKLRcjs = require('../__chunks/A47DWKLR.cjs');
 require('../__chunks/G2NIRMCL.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 
@@ -21,7 +21,7 @@ function createRadioStore(_a = {}) {
   var props = _7EQBAZ46cjs.__objRest.call(void 0, _a, []);
   var _a2;
   const syncState = (_a2 = props.store) == null ? void 0 : _a2.getState();
-  const composite = _W3GMUKTUcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _A47DWKLRcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
     focusLoop: _MLCPLY2Pcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   }));
   const initialState = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, composite.getState()), {

package/cjs/select/select-store.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W3GMUKTUcjs = require('../__chunks/W3GMUKTU.cjs');
+var _A47DWKLRcjs = require('../__chunks/A47DWKLR.cjs');
 require('../__chunks/G2NIRMCL.cjs');
 
 
@@ -52,7 +52,7 @@ function createSelectStore(_a = {}) {
   );
   _BSLRW6E7cjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store.getState();
-  const composite = _W3GMUKTUcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _A47DWKLRcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
     store,
     virtualFocus: _MLCPLY2Pcjs.defaultValue.call(void 0, 
       props.virtualFocus,

package/cjs/tab/tab-store.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W3GMUKTUcjs = require('../__chunks/W3GMUKTU.cjs');
+var _A47DWKLRcjs = require('../__chunks/A47DWKLR.cjs');
 
 
 var _G2NIRMCLcjs = require('../__chunks/G2NIRMCL.cjs');
@@ -51,7 +51,7 @@ function createTabStore(_a = {}) {
     _BSLRW6E7cjs.omit.call(void 0, combobox, independentKeys)
   );
   const syncState = store == null ? void 0 : store.getState();
-  const composite = _W3GMUKTUcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _A47DWKLRcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
     store,
     // We need to explicitly set the default value of `includesBaseElement` to
     // `false` since we don't want the composite store to default it to `true`

package/cjs/tag/tag-store.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W3GMUKTUcjs = require('../__chunks/W3GMUKTU.cjs');
+var _A47DWKLRcjs = require('../__chunks/A47DWKLR.cjs');
 require('../__chunks/G2NIRMCL.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 
@@ -25,7 +25,7 @@ var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');
 function createTagStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const composite = _W3GMUKTUcjs.createCompositeStore.call(void 0, props);
+  const composite = _A47DWKLRcjs.createCompositeStore.call(void 0, props);
   const initialState = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, composite.getState()), {
     inputElement: _MLCPLY2Pcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.inputElement, null),
     labelElement: _MLCPLY2Pcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.labelElement, null),

package/cjs/toolbar/toolbar-store.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W3GMUKTUcjs = require('../__chunks/W3GMUKTU.cjs');
+var _A47DWKLRcjs = require('../__chunks/A47DWKLR.cjs');
 require('../__chunks/G2NIRMCL.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 require('../__chunks/BSLRW6E7.cjs');
@@ -17,7 +17,7 @@ var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');
 function createToolbarStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  return _W3GMUKTUcjs.createCompositeStore.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
+  return _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,

package/esm/__chunks/{7IJEP35G.js → IJ6VFLJG.js}

@@ -178,7 +178,7 @@ function createCompositeStore(props = {}) {
     let items = !isVerticalDirection ? renderedItems : flatten2DArray(
       normalizeRows(groupItemsByRows(renderedItems), activeId2, canShift)
     );
-    items = canReverse ? reverseArray(renderedItems) : renderedItems;
+    items = canReverse ? reverseArray(items) : items;
     items = isVerticalDirection ? verticalizeItems(items) : items;
     if (activeId2 == null) {
       return (_a2 = findFirstEnabledItem(items)) == null ? void 0 : _a2.id;

package/esm/__chunks/{YKFX5MNB.js → S22RJCNX.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createCompositeStore
-} from "./7IJEP35G.js";
+} from "./IJ6VFLJG.js";
 import {
   createStore
 } from "./EQQLU3CG.js";

package/esm/combobox/combobox-store.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/7IJEP35G.js";
+} from "../__chunks/IJ6VFLJG.js";
 import "../__chunks/7DTP4AQO.js";
 import "../__chunks/7PRQYBBV.js";
 import {

package/esm/composite/composite-store.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/7IJEP35G.js";
+} from "../__chunks/IJ6VFLJG.js";
 import "../__chunks/7DTP4AQO.js";
 import "../__chunks/7PRQYBBV.js";
 import "../__chunks/EQQLU3CG.js";

package/esm/menu/menu-bar-store.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/YKFX5MNB.js";
-import "../__chunks/7IJEP35G.js";
+} from "../__chunks/S22RJCNX.js";
+import "../__chunks/IJ6VFLJG.js";
 import "../__chunks/7DTP4AQO.js";
 import "../__chunks/7PRQYBBV.js";
 import "../__chunks/EQQLU3CG.js";

package/esm/menu/menu-store.js

@@ -4,7 +4,7 @@ import {
 } from "../__chunks/EACLTACN.js";
 import {
   createCompositeStore
-} from "../__chunks/7IJEP35G.js";
+} from "../__chunks/IJ6VFLJG.js";
 import "../__chunks/7DTP4AQO.js";
 import "../__chunks/7PRQYBBV.js";
 import "../__chunks/3UYWTADI.js";

package/esm/menubar/menubar-store.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/YKFX5MNB.js";
-import "../__chunks/7IJEP35G.js";
+} from "../__chunks/S22RJCNX.js";
+import "../__chunks/IJ6VFLJG.js";
 import "../__chunks/7DTP4AQO.js";
 import "../__chunks/7PRQYBBV.js";
 import "../__chunks/EQQLU3CG.js";

package/esm/radio/radio-store.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/7IJEP35G.js";
+} from "../__chunks/IJ6VFLJG.js";
 import "../__chunks/7DTP4AQO.js";
 import "../__chunks/7PRQYBBV.js";
 import {

package/esm/select/select-store.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/7IJEP35G.js";
+} from "../__chunks/IJ6VFLJG.js";
 import "../__chunks/7DTP4AQO.js";
 import {
   toArray

package/esm/tab/tab-store.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/7IJEP35G.js";
+} from "../__chunks/IJ6VFLJG.js";
 import {
   createCollectionStore
 } from "../__chunks/7DTP4AQO.js";

package/esm/tag/tag-store.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/7IJEP35G.js";
+} from "../__chunks/IJ6VFLJG.js";
 import "../__chunks/7DTP4AQO.js";
 import "../__chunks/7PRQYBBV.js";
 import {

package/esm/toolbar/toolbar-store.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/7IJEP35G.js";
+} from "../__chunks/IJ6VFLJG.js";
 import "../__chunks/7DTP4AQO.js";
 import "../__chunks/7PRQYBBV.js";
 import "../__chunks/EQQLU3CG.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/core",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "description": "Ariakit core",
   "sideEffects": false,
   "license": "MIT",