@ariakit/react-core 0.2.11 → 0.2.12

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ariakit/react-core
 
+## 0.2.12
+
+### Patch Changes
+
+- Fixed `CompositeItem` not being tabbable before hydration. ([#2601](https://github.com/ariakit/ariakit/pull/2601))
+
 ## 0.2.11
 
 ### Patch Changes

package/cjs/__chunks/{ZALBSXHW.cjs → AU2JPBQE.cjs}

@@ -160,6 +160,7 @@ var useCompositeItem = _CWY2PHPRcjs.createHook.call(void 0,
       "aria-setsize",
       "aria-posinset"
     ]);
+    var _a2;
     const context = _react.useContext.call(void 0, _5VOPA6D3cjs.CompositeContext);
     store = store || context;
     const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
@@ -301,8 +302,8 @@ var useCompositeItem = _CWY2PHPRcjs.createHook.call(void 0,
       [providerValue]
     );
     const isActiveItem = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
-    const role = useRole(ref, props);
     const virtualFocus = _BEGWNNXKcjs.useStoreState.call(void 0, store, "virtualFocus");
+    const role = useRole(ref, props);
     let ariaSelected;
     if (isActiveItem) {
       if (requiresAriaSelected(role)) {
@@ -311,10 +312,6 @@ var useCompositeItem = _CWY2PHPRcjs.createHook.call(void 0,
         ariaSelected = true;
       }
     }
-    const shouldTabIndex = _BEGWNNXKcjs.useStoreState.call(void 0, 
-      store,
-      (state) => !(store == null ? void 0 : store.item(id)) || !state.virtualFocus && isActiveItem
-    );
     const ariaSetSize = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
       if (ariaSetSizeProp != null)
         return ariaSetSizeProp;
@@ -336,13 +333,18 @@ var useCompositeItem = _CWY2PHPRcjs.createHook.call(void 0,
       );
       return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
     });
+    const isTabbable = (_a2 = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
+      if (!state.renderedItems.length)
+        return true;
+      return !state.virtualFocus && state.activeId === id;
+    })) != null ? _a2 : true;
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       id,
       "aria-selected": ariaSelected,
       "data-active-item": isActiveItem ? "" : void 0
     }, props), {
       ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref),
-      tabIndex: shouldTabIndex !== false ? props.tabIndex : -1,
+      tabIndex: isTabbable ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,
       onKeyDown

package/cjs/__chunks/{54R7ZGEM.cjs → BJRJETRD.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZALBSXHWcjs = require('./ZALBSXHW.cjs');
+var _AU2JPBQEcjs = require('./AU2JPBQE.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 var useToolbarItem = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _ZALBSXHWcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _AU2JPBQEcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{CE6EGWEH.cjs → HZ3BY4NC.cjs}

@@ -10,7 +10,7 @@ var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
 var _WWIZUBSBcjs = require('./WWIZUBSB.cjs');
 
 
-var _ZALBSXHWcjs = require('./ZALBSXHW.cjs');
+var _AU2JPBQEcjs = require('./AU2JPBQE.cjs');
 
 
 
@@ -85,7 +85,7 @@ var useMenuItem = _CWY2PHPRcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _ZALBSXHWcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
+    props = _AU2JPBQEcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
     props = _WWIZUBSBcjs.useCompositeHover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store
     }, props), {

package/cjs/__chunks/{3CDRK2UT.cjs → X3SZBNVV.cjs}

@@ -3,7 +3,7 @@
 var _7JKSDWVFcjs = require('./7JKSDWVF.cjs');
 
 
-var _ZALBSXHWcjs = require('./ZALBSXHW.cjs');
+var _AU2JPBQEcjs = require('./AU2JPBQE.cjs');
 
 
 
@@ -112,7 +112,7 @@ var useRadio = _CWY2PHPRcjs.createHook.call(void 0,
       onClick,
       onFocus
     });
-    props = _ZALBSXHWcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
+    props = _AU2JPBQEcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
     return _72I2GWXFcjs.__spreadValues.call(void 0, {
       value: nativeRadio ? value : void 0,
       checked: isChecked

package/cjs/combobox/combobox-item.cjs

@@ -7,7 +7,7 @@ var _2WZVSPAIcjs = require('../__chunks/2WZVSPAI.cjs');
 var _WWIZUBSBcjs = require('../__chunks/WWIZUBSB.cjs');
 
 
-var _ZALBSXHWcjs = require('../__chunks/ZALBSXHW.cjs');
+var _AU2JPBQEcjs = require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -126,7 +126,7 @@ var useComboboxItem = _CWY2PHPRcjs.createHook.call(void 0,
       onKeyDown
     });
     const moveOnKeyPressProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    props = _ZALBSXHWcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _AU2JPBQEcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,

package/cjs/composite/composite-item.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ZALBSXHWcjs = require('../__chunks/ZALBSXHW.cjs');
+var _AU2JPBQEcjs = require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -17,4 +17,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.CompositeItem = _ZALBSXHWcjs.CompositeItem; exports.useCompositeItem = _ZALBSXHWcjs.useCompositeItem;
+exports.CompositeItem = _AU2JPBQEcjs.CompositeItem; exports.useCompositeItem = _AU2JPBQEcjs.useCompositeItem;

package/cjs/composite/composite-overflow-disclosure.cjs

@@ -7,7 +7,7 @@ require('../__chunks/NXDHPYNQ.cjs');
 require('../__chunks/6MKUVCEN.cjs');
 
 
-var _ZALBSXHWcjs = require('../__chunks/ZALBSXHW.cjs');
+var _AU2JPBQEcjs = require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -65,7 +65,7 @@ var useCompositeOverflowDisclosure = _CWY2PHPRcjs.createHook.call(void 0, (_a) =
     onFocus,
     onBlur
   });
-  props = _ZALBSXHWcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
+  props = _AU2JPBQEcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
   props = _UVTMAR7Ncjs.usePopoverDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });

package/cjs/form/form-radio.cjs

@@ -6,9 +6,9 @@ var _VBRBBWCPcjs = require('../__chunks/VBRBBWCP.cjs');
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _3CDRK2UTcjs = require('../__chunks/3CDRK2UT.cjs');
+var _X3SZBNVVcjs = require('../__chunks/X3SZBNVV.cjs');
 require('../__chunks/7JKSDWVF.cjs');
-require('../__chunks/ZALBSXHW.cjs');
+require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -60,7 +60,7 @@ var useFormRadio = _CWY2PHPRcjs.createHook.call(void 0,
       checked,
       onChange
     });
-    props = _3CDRK2UTcjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { value }, props));
+    props = _X3SZBNVVcjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { value }, props));
     props = _VBRBBWCPcjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       name,

package/cjs/menu/menu-item-checkbox.cjs

@@ -6,14 +6,14 @@ var _FLQEWPZRcjs = require('../__chunks/FLQEWPZR.cjs');
 var _HSS2CWT5cjs = require('../__chunks/HSS2CWT5.cjs');
 
 
-var _CE6EGWEHcjs = require('../__chunks/CE6EGWEH.cjs');
+var _HZ3BY4NCcjs = require('../__chunks/HZ3BY4NC.cjs');
 require('../__chunks/KFXK3MNI.cjs');
 
 
 var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
 require('../__chunks/WWIZUBSB.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/ZALBSXHW.cjs');
+require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -54,7 +54,7 @@ var useMenuItemCheckbox = _CWY2PHPRcjs.createHook.call(void 0,
       role: "menuitemcheckbox"
     }, props);
     props = _FLQEWPZRcjs.useCheckbox.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store: checkboxStore, checked }, props));
-    props = _CE6EGWEHcjs.useMenuItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _HZ3BY4NCcjs.useMenuItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );

package/cjs/menu/menu-item-radio.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CE6EGWEHcjs = require('../__chunks/CE6EGWEH.cjs');
+var _HZ3BY4NCcjs = require('../__chunks/HZ3BY4NC.cjs');
 require('../__chunks/KFXK3MNI.cjs');
 
 
@@ -9,9 +9,9 @@ var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
 require('../__chunks/WWIZUBSB.cjs');
 
 
-var _3CDRK2UTcjs = require('../__chunks/3CDRK2UT.cjs');
+var _X3SZBNVVcjs = require('../__chunks/X3SZBNVV.cjs');
 require('../__chunks/7JKSDWVF.cjs');
-require('../__chunks/ZALBSXHW.cjs');
+require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -72,7 +72,7 @@ var useMenuItemRadio = _CWY2PHPRcjs.createHook.call(void 0,
     props = _72I2GWXFcjs.__spreadValues.call(void 0, {
       role: "menuitemradio"
     }, props);
-    props = _3CDRK2UTcjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _X3SZBNVVcjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       value,
       checked: isChecked,
       onChange: (event) => {
@@ -82,7 +82,7 @@ var useMenuItemRadio = _CWY2PHPRcjs.createHook.call(void 0,
         store == null ? void 0 : store.setValue(name, value);
       }
     }, props));
-    props = _CE6EGWEHcjs.useMenuItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _HZ3BY4NCcjs.useMenuItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );

package/cjs/menu/menu-item.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _CE6EGWEHcjs = require('../__chunks/CE6EGWEH.cjs');
+var _HZ3BY4NCcjs = require('../__chunks/HZ3BY4NC.cjs');
 require('../__chunks/KFXK3MNI.cjs');
 require('../__chunks/MPFAD3UK.cjs');
 require('../__chunks/WWIZUBSB.cjs');
-require('../__chunks/ZALBSXHW.cjs');
+require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -21,4 +21,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.MenuItem = _CE6EGWEHcjs.MenuItem; exports.useMenuItem = _CE6EGWEHcjs.useMenuItem;
+exports.MenuItem = _HZ3BY4NCcjs.MenuItem; exports.useMenuItem = _HZ3BY4NCcjs.useMenuItem;

package/cjs/radio/radio.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _3CDRK2UTcjs = require('../__chunks/3CDRK2UT.cjs');
+var _X3SZBNVVcjs = require('../__chunks/X3SZBNVV.cjs');
 require('../__chunks/7JKSDWVF.cjs');
-require('../__chunks/ZALBSXHW.cjs');
+require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -19,4 +19,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Radio = _3CDRK2UTcjs.Radio; exports.useRadio = _3CDRK2UTcjs.useRadio;
+exports.Radio = _X3SZBNVVcjs.Radio; exports.useRadio = _X3SZBNVVcjs.useRadio;

package/cjs/select/select-item.cjs

@@ -7,7 +7,7 @@ var _WWIZUBSBcjs = require('../__chunks/WWIZUBSB.cjs');
 var _RCGSDYWJcjs = require('../__chunks/RCGSDYWJ.cjs');
 
 
-var _ZALBSXHWcjs = require('../__chunks/ZALBSXHW.cjs');
+var _AU2JPBQEcjs = require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -148,7 +148,7 @@ var useSelectItem = _CWY2PHPRcjs.createHook.call(void 0,
       autoFocus: (_a2 = props.autoFocus) != null ? _a2 : autoFocus,
       onClick
     });
-    props = _ZALBSXHWcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _AU2JPBQEcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       getItem,
       preventScrollOnKeyDown

package/cjs/tab/tab.cjs

@@ -3,7 +3,7 @@
 var _HRWXWXMEcjs = require('../__chunks/HRWXWXME.cjs');
 
 
-var _ZALBSXHWcjs = require('../__chunks/ZALBSXHW.cjs');
+var _AU2JPBQEcjs = require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -83,7 +83,7 @@ var useTab = _CWY2PHPRcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _ZALBSXHWcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _AU2JPBQEcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       accessibleWhenDisabled,

package/cjs/toolbar/toolbar-container.cjs

@@ -3,8 +3,8 @@
 var _IXZRUZTMcjs = require('../__chunks/IXZRUZTM.cjs');
 
 
-var _54R7ZGEMcjs = require('../__chunks/54R7ZGEM.cjs');
-require('../__chunks/ZALBSXHW.cjs');
+var _BJRJETRDcjs = require('../__chunks/BJRJETRD.cjs');
+require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -30,7 +30,7 @@ var useToolbarContainer = _CWY2PHPRcjs.createHook.call(void 0,
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
     props = _IXZRUZTMcjs.useCompositeContainer.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
-    props = _54R7ZGEMcjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _BJRJETRDcjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-input.cjs

@@ -3,8 +3,8 @@
 var _GTZQOSRGcjs = require('../__chunks/GTZQOSRG.cjs');
 
 
-var _54R7ZGEMcjs = require('../__chunks/54R7ZGEM.cjs');
-require('../__chunks/ZALBSXHW.cjs');
+var _BJRJETRDcjs = require('../__chunks/BJRJETRD.cjs');
+require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -30,7 +30,7 @@ var useToolbarInput = _CWY2PHPRcjs.createHook.call(void 0,
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
     props = _GTZQOSRGcjs.useCompositeInput.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
-    props = _54R7ZGEMcjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _BJRJETRDcjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-item.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _54R7ZGEMcjs = require('../__chunks/54R7ZGEM.cjs');
-require('../__chunks/ZALBSXHW.cjs');
+var _BJRJETRDcjs = require('../__chunks/BJRJETRD.cjs');
+require('../__chunks/AU2JPBQE.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.ToolbarItem = _54R7ZGEMcjs.ToolbarItem; exports.useToolbarItem = _54R7ZGEMcjs.useToolbarItem;
+exports.ToolbarItem = _BJRJETRDcjs.ToolbarItem; exports.useToolbarItem = _BJRJETRDcjs.useToolbarItem;