@ariakit/react-core 0.4.2 → 0.4.3

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @ariakit/react-core
 
+## 0.4.3
+
+- Fixed TypeScript types for `ref`.
+- Fixed [`CompositeItem`](https://ariakit.org/reference/composite-item) occasionally failing to set the [`activeId`](https://ariakit.org/reference/use-composite-store#activeid) state on focus.
+- Fixed [`unmountOnHide`](https://ariakit.org/reference/tab-panel#unmountonhide) prop not working on [`TabPanel`](https://ariakit.org/reference/tab-panel) without [`tabId`](https://ariakit.org/reference/tab-panel#tabid).
+- Fixed regression in `v0.4.2` that caused nested tabs to stop working.
+- Added new [`combobox`](https://ariakit.org/reference/tab-provider#combobox) property to tab store.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.3`
+
 ## 0.4.2
 
 ### Tooltip behavior improvements

package/cjs/__chunks/{LEU3BIGC.cjs → 7DQ2LBH2.cjs}

@@ -213,12 +213,10 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
         return;
       if (!store)
         return;
-      const { activeId, virtualFocus: virtualFocus2, baseElement: baseElement2 } = store.getState();
       if (targetIsAnotherItem(event, store))
         return;
-      if (activeId !== id) {
-        store.setActiveId(id);
-      }
+      const { virtualFocus: virtualFocus2, baseElement: baseElement2 } = store.getState();
+      store.setActiveId(id);
       if (!virtualFocus2)
         return;
       if (!_events.isSelfTarget.call(void 0, event))

package/cjs/__chunks/{OGH323OW.cjs → AJF5DT5A.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LEU3BIGCcjs = require('./LEU3BIGC.cjs');
+var _7DQ2LBH2cjs = require('./7DQ2LBH2.cjs');
 
 
 var _MVDQWSSVcjs = require('./MVDQWSSV.cjs');
@@ -23,7 +23,7 @@ var useToolbarItem = _NGD3IQDBcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _MVDQWSSVcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{2ZW7KXDM.cjs → GYHP7IYG.cjs}

@@ -10,7 +10,7 @@ var _MNMEDFSMcjs = require('./MNMEDFSM.cjs');
 var _Q6QJEXBKcjs = require('./Q6QJEXBK.cjs');
 
 
-var _LEU3BIGCcjs = require('./LEU3BIGC.cjs');
+var _7DQ2LBH2cjs = require('./7DQ2LBH2.cjs');
 
 
 
@@ -112,7 +112,7 @@ var useMenuItem = _NGD3IQDBcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       preventScrollOnKeyDown
     }, props));

package/cjs/__chunks/{33HTKI7L.cjs → IHFGURUM.cjs}

@@ -4,7 +4,7 @@
 var _OHXBMXTNcjs = require('./OHXBMXTN.cjs');
 
 
-var _LEU3BIGCcjs = require('./LEU3BIGC.cjs');
+var _7DQ2LBH2cjs = require('./7DQ2LBH2.cjs');
 
 
 
@@ -147,7 +147,7 @@ var useRadio = _NGD3IQDBcjs.createHook.call(void 0, function useRadio2(_a) {
     onClick,
     onFocus
   });
-  props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store,
     clickOnEnter: !nativeRadio
   }, props));

package/cjs/__chunks/{RKBJS357.cjs → YOQXFS4U.cjs}

@@ -1,10 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _4H5ZMMOIcjs = require('./4H5ZMMOI.cjs');
+var _2IJSEADJcjs = require('./2IJSEADJ.cjs');
+
 
+var _HZDOLHROcjs = require('./HZDOLHRO.cjs');
 
-var _VPI3EKVYcjs = require('./VPI3EKVY.cjs');
+
+var _4H5ZMMOIcjs = require('./4H5ZMMOI.cjs');
 
 
 
@@ -21,7 +24,7 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 var _react = require('react');
 var _tabstore = require('@ariakit/core/tab/tab-store'); var Core = _interopRequireWildcard(_tabstore);
 function useTabStoreProps(store, update, props) {
-  _TW3SFX4Ccjs.useUpdateEffect.call(void 0, update, [props.composite]);
+  _TW3SFX4Ccjs.useUpdateEffect.call(void 0, update, [props.composite, props.combobox]);
   store = _4H5ZMMOIcjs.useCompositeStoreProps.call(void 0, store, update, props);
   _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
   _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
@@ -29,13 +32,15 @@ function useTabStoreProps(store, update, props) {
   _TW3SFX4Ccjs.useUpdateEffect.call(void 0, updatePanels, [store, updatePanels]);
   return Object.assign(
     _react.useMemo.call(void 0, () => _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, store), { panels }), [store, panels]),
-    { composite: props.composite }
+    { composite: props.composite, combobox: props.combobox }
   );
 }
 function useTabStore(props = {}) {
-  const composite = _VPI3EKVYcjs.useCompositeContext.call(void 0, );
+  const combobox = _2IJSEADJcjs.useComboboxContext.call(void 0, );
+  const composite = _HZDOLHROcjs.useSelectContext.call(void 0, ) || combobox;
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
-    composite: props.composite !== void 0 ? props.composite : composite
+    composite: props.composite !== void 0 ? props.composite : composite,
+    combobox: props.combobox !== void 0 ? props.combobox : combobox
   });
   const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createTabStore, props);
   return useTabStoreProps(store, update, props);

package/cjs/collection/collection-renderer.d.cts

@@ -49,7 +49,9 @@ declare function getItem<T extends Item = any>(items: Items<T>, index: number):
 export declare function useCollectionRenderer<T extends Item = any>({ store, items: itemsProp, initialItems, gap, itemSize, estimatedItemSize, overscan: overscanProp, orientation: orientationProp, padding, paddingStart, paddingEnd, persistentIndices, renderOnScroll, renderOnResize, children: renderItem, ...props }: CollectionRendererProps<T>): {
     children: ReactNode[];
     wrapElement?: import("../utils/types.js").WrapElement | undefined;
-    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }> | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;

package/cjs/collection/collection-renderer.d.ts

@@ -49,7 +49,9 @@ declare function getItem<T extends Item = any>(items: Items<T>, index: number):
 export declare function useCollectionRenderer<T extends Item = any>({ store, items: itemsProp, initialItems, gap, itemSize, estimatedItemSize, overscan: overscanProp, orientation: orientationProp, padding, paddingStart, paddingEnd, persistentIndices, renderOnScroll, renderOnResize, children: renderItem, ...props }: CollectionRendererProps<T>): {
     children: ReactNode[];
     wrapElement?: import("../utils/types.js").WrapElement | undefined;
-    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }> | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;

package/cjs/combobox/combobox-cancel.cjs

@@ -2,10 +2,10 @@
 
 
 var _IXJIFLOAcjs = require('../__chunks/IXJIFLOA.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 
 
 var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 require('../__chunks/77BAEZ2Z.cjs');

package/cjs/combobox/combobox-disclosure.cjs

@@ -4,10 +4,10 @@
 var _BSEVPIKOcjs = require('../__chunks/BSEVPIKO.cjs');
 require('../__chunks/27SIFUY3.cjs');
 require('../__chunks/IXJIFLOA.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 
 
 var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 require('../__chunks/77BAEZ2Z.cjs');

package/cjs/combobox/combobox-item.cjs

@@ -4,14 +4,14 @@
 var _Q6QJEXBKcjs = require('../__chunks/Q6QJEXBK.cjs');
 
 
+var _7DQ2LBH2cjs = require('../__chunks/7DQ2LBH2.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 
 
 
-var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 
 
-var _LEU3BIGCcjs = require('../__chunks/LEU3BIGC.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/VPI3EKVY.cjs');
@@ -181,7 +181,7 @@ var useComboboxItem = _NGD3IQDBcjs.createHook.call(void 0,
       onKeyDown
     });
     const moveOnKeyPressProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,

package/cjs/combobox/combobox-row.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+var _GZY6WVTScjs = require('../__chunks/GZY6WVTS.cjs');
 
 
-var _GZY6WVTScjs = require('../__chunks/GZY6WVTS.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 require('../__chunks/77BAEZ2Z.cjs');

package/cjs/composite/composite-item.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _LEU3BIGCcjs = require('../__chunks/LEU3BIGC.cjs');
+var _7DQ2LBH2cjs = require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeItem = _LEU3BIGCcjs.CompositeItem; exports.useCompositeItem = _LEU3BIGCcjs.useCompositeItem;
+exports.CompositeItem = _7DQ2LBH2cjs.CompositeItem; exports.useCompositeItem = _7DQ2LBH2cjs.useCompositeItem;

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

@@ -8,7 +8,7 @@ require('../__chunks/YH42XRHR.cjs');
 require('../__chunks/IXJIFLOA.cjs');
 
 
-var _LEU3BIGCcjs = require('../__chunks/LEU3BIGC.cjs');
+var _7DQ2LBH2cjs = require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -70,7 +70,7 @@ var useCompositeOverflowDisclosure = _NGD3IQDBcjs.createHook.call(void 0, functi
     onFocus,
     onBlur
   });
-  props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
+  props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
   props = _K6TBX2ZBcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });

package/cjs/composite/composite-renderer.d.cts

@@ -18,7 +18,9 @@ type ItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = Collec
 export declare function useCompositeRenderer<T extends Item = any>({ store, orientation: orientationProp, persistentIndices: persistentIndicesProp, children: renderItem, "aria-setsize": ariaSetSize, "aria-posinset": ariaPosInSet, ...props }: CompositeRendererProps<T>): {
     children: ReactNode[];
     wrapElement?: import("../utils/types.js").WrapElement | undefined;
-    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }> | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;

package/cjs/composite/composite-renderer.d.ts

@@ -18,7 +18,9 @@ type ItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = Collec
 export declare function useCompositeRenderer<T extends Item = any>({ store, orientation: orientationProp, persistentIndices: persistentIndicesProp, children: renderItem, "aria-setsize": ariaSetSize, "aria-posinset": ariaPosInSet, ...props }: CompositeRendererProps<T>): {
     children: ReactNode[];
     wrapElement?: import("../utils/types.js").WrapElement | undefined;
-    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }> | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;

package/cjs/form/form-radio.cjs

@@ -7,9 +7,9 @@ var _2QZ7O3V4cjs = require('../__chunks/2QZ7O3V4.cjs');
 var _LYRG3ZBJcjs = require('../__chunks/LYRG3ZBJ.cjs');
 
 
-var _33HTKI7Lcjs = require('../__chunks/33HTKI7L.cjs');
+var _IHFGURUMcjs = require('../__chunks/IHFGURUM.cjs');
 require('../__chunks/OHXBMXTN.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -62,7 +62,7 @@ var useFormRadio = _NGD3IQDBcjs.createHook.call(void 0,
       checked,
       onChange
     });
-    props = _33HTKI7Lcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
+    props = _IHFGURUMcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
     props = _2QZ7O3V4cjs.useFormControl.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       name,

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

@@ -8,14 +8,14 @@ var _HSEGVHBOcjs = require('../__chunks/HSEGVHBO.cjs');
 require('../__chunks/OJEHURDS.cjs');
 
 
-var _2ZW7KXDMcjs = require('../__chunks/2ZW7KXDM.cjs');
+var _GYHP7IYGcjs = require('../__chunks/GYHP7IYG.cjs');
 
 
 var _LOROMCW2cjs = require('../__chunks/LOROMCW2.cjs');
 require('../__chunks/MNMEDFSM.cjs');
 require('../__chunks/Q6QJEXBK.cjs');
 require('../__chunks/ERFHNHON.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -138,7 +138,7 @@ var useMenuItemCheckbox = _NGD3IQDBcjs.createHook.call(void 0,
       value,
       checked
     }, props));
-    props = _2ZW7KXDMcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _GYHP7IYGcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );

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

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _2ZW7KXDMcjs = require('../__chunks/2ZW7KXDM.cjs');
+var _GYHP7IYGcjs = require('../__chunks/GYHP7IYG.cjs');
 
 
 
@@ -9,10 +9,10 @@ var _LOROMCW2cjs = require('../__chunks/LOROMCW2.cjs');
 require('../__chunks/MNMEDFSM.cjs');
 
 
-var _33HTKI7Lcjs = require('../__chunks/33HTKI7L.cjs');
+var _IHFGURUMcjs = require('../__chunks/IHFGURUM.cjs');
 require('../__chunks/OHXBMXTN.cjs');
 require('../__chunks/Q6QJEXBK.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -98,7 +98,7 @@ var useMenuItemRadio = _NGD3IQDBcjs.createHook.call(void 0,
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       role: "menuitemradio"
     }, props);
-    props = _33HTKI7Lcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _IHFGURUMcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       name,
       value,
       checked: isChecked,
@@ -112,7 +112,7 @@ var useMenuItemRadio = _NGD3IQDBcjs.createHook.call(void 0,
         });
       }
     }, props));
-    props = _2ZW7KXDMcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _GYHP7IYGcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );

package/cjs/menu/menu-item.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _2ZW7KXDMcjs = require('../__chunks/2ZW7KXDM.cjs');
+var _GYHP7IYGcjs = require('../__chunks/GYHP7IYG.cjs');
 require('../__chunks/LOROMCW2.cjs');
 require('../__chunks/MNMEDFSM.cjs');
 require('../__chunks/Q6QJEXBK.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -26,4 +26,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.MenuItem = _2ZW7KXDMcjs.MenuItem; exports.useMenuItem = _2ZW7KXDMcjs.useMenuItem;
+exports.MenuItem = _GYHP7IYGcjs.MenuItem; exports.useMenuItem = _GYHP7IYGcjs.useMenuItem;

package/cjs/radio/radio.cjs

@@ -2,9 +2,9 @@
 
 
 
-var _33HTKI7Lcjs = require('../__chunks/33HTKI7L.cjs');
+var _IHFGURUMcjs = require('../__chunks/IHFGURUM.cjs');
 require('../__chunks/OHXBMXTN.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -20,4 +20,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Radio = _33HTKI7Lcjs.Radio; exports.useRadio = _33HTKI7Lcjs.useRadio;
+exports.Radio = _IHFGURUMcjs.Radio; exports.useRadio = _IHFGURUMcjs.useRadio;

package/cjs/select/select-item.cjs

@@ -4,12 +4,12 @@
 var _Q6QJEXBKcjs = require('../__chunks/Q6QJEXBK.cjs');
 
 
+var _7DQ2LBH2cjs = require('../__chunks/7DQ2LBH2.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 
-var _HZDOLHROcjs = require('../__chunks/HZDOLHRO.cjs');
 
 
-var _LEU3BIGCcjs = require('../__chunks/LEU3BIGC.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
+var _HZDOLHROcjs = require('../__chunks/HZDOLHRO.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/VPI3EKVY.cjs');
@@ -154,7 +154,7 @@ var useSelectItem = _NGD3IQDBcjs.createHook.call(void 0,
       autoFocus: (_a2 = props.autoFocus) != null ? _a2 : autoFocus,
       onClick
     });
-    props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       getItem,
       preventScrollOnKeyDown

package/cjs/select/select.cjs

@@ -13,11 +13,11 @@ require('../__chunks/3C4RFBCG.cjs');
 
 
 var _4LPJTV22cjs = require('../__chunks/4LPJTV22.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 
 
 
 var _HZDOLHROcjs = require('../__chunks/HZDOLHRO.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');

package/cjs/tab/tab-panel.cjs

@@ -124,27 +124,17 @@ var useTabPanel = _NGD3IQDBcjs.createHook.call(void 0,
     const open = store.useState(
       (state) => !!tabId && state.selectedId === tabId
     );
+    const disclosure = _N6YOHUBIcjs.useDisclosureStore.call(void 0, { open });
+    const mounted = disclosure.useState("mounted");
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id,
       role: "tabpanel",
       "aria-labelledby": tabId || void 0
     }, props), {
+      children: unmountOnHide && !mounted ? null : props.children,
       ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, ref, props.ref),
       onKeyDown
     });
-    const disclosure = _N6YOHUBIcjs.useDisclosureStore.call(void 0, { open });
-    const mounted = disclosure.useState("mounted");
-    props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
-      props,
-      (element) => {
-        if (!unmountOnHide)
-          return element;
-        if (!mounted)
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, {});
-        return element;
-      },
-      [unmountOnHide, mounted]
-    );
     props = _FHRIPOYFcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.

package/cjs/tab/tab-provider.cjs

@@ -1,7 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _RKBJS357cjs = require('../__chunks/RKBJS357.cjs');
+var _YOQXFS4Ucjs = require('../__chunks/YOQXFS4U.cjs');
+require('../__chunks/2IJSEADJ.cjs');
+require('../__chunks/HZDOLHRO.cjs');
 
 
 var _5CAFC273cjs = require('../__chunks/5CAFC273.cjs');
@@ -9,6 +11,9 @@ require('../__chunks/4H5ZMMOI.cjs');
 require('../__chunks/Q7DU7FP7.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
 require('../__chunks/NGD3IQDB.cjs');
 require('../__chunks/GXMZA6DT.cjs');
 require('../__chunks/TW3SFX4C.cjs');
@@ -18,7 +23,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/tab/tab-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function TabProvider(props = {}) {
-  const store = _RKBJS357cjs.useTabStore.call(void 0, props);
+  const store = _YOQXFS4Ucjs.useTabStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5CAFC273cjs.TabContextProvider, { value: store, children: props.children });
 }
 

package/cjs/tab/tab-store.cjs

@@ -2,11 +2,16 @@
 
 
 
-var _RKBJS357cjs = require('../__chunks/RKBJS357.cjs');
+var _YOQXFS4Ucjs = require('../__chunks/YOQXFS4U.cjs');
+require('../__chunks/2IJSEADJ.cjs');
+require('../__chunks/HZDOLHRO.cjs');
 require('../__chunks/4H5ZMMOI.cjs');
 require('../__chunks/Q7DU7FP7.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
 require('../__chunks/NGD3IQDB.cjs');
 require('../__chunks/GXMZA6DT.cjs');
 require('../__chunks/TW3SFX4C.cjs');
@@ -15,4 +20,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useTabStore = _RKBJS357cjs.useTabStore; exports.useTabStoreProps = _RKBJS357cjs.useTabStoreProps;
+exports.useTabStore = _YOQXFS4Ucjs.useTabStore; exports.useTabStoreProps = _YOQXFS4Ucjs.useTabStoreProps;

package/cjs/tab/tab-store.d.cts

@@ -1,4 +1,5 @@
 import * as Core from "@ariakit/core/tab/tab-store";
+import type { ComboboxStore } from "../combobox/combobox-store.js";
 import type { CompositeStore, CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { Store } from "../utils/store.js";
 export declare function useTabStoreProps<T extends Core.TabStore>(store: T, update: () => void, props: TabStoreProps): T & {
@@ -11,6 +12,7 @@ export declare function useTabStoreProps<T extends Core.TabStore>(store: T, upda
     };
 } & {
     composite: CompositeStore<import("../composite/composite-store.js").CompositeStoreItem> | null | undefined;
+    combobox: ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | null | undefined;
 };
 /**
  * Creates a tab store to control the state of
@@ -33,10 +35,10 @@ export interface TabStoreItem extends Core.TabStoreItem {
 }
 export interface TabStoreState extends Core.TabStoreState, CompositeStoreState<TabStoreItem> {
 }
-export interface TabStoreFunctions extends Pick<TabStoreOptions, "composite">, Omit<Core.TabStoreFunctions, "panels" | "composite">, CompositeStoreFunctions<TabStoreItem> {
+export interface TabStoreFunctions extends Pick<TabStoreOptions, "composite" | "combobox">, Omit<Core.TabStoreFunctions, "panels" | "composite" | "combobox">, CompositeStoreFunctions<TabStoreItem> {
     panels: Store<Core.TabStoreFunctions["panels"]>;
 }
-export interface TabStoreOptions extends Omit<Core.TabStoreOptions, "composite">, CompositeStoreOptions<TabStoreItem> {
+export interface TabStoreOptions extends Omit<Core.TabStoreOptions, "composite" | "combobox">, CompositeStoreOptions<TabStoreItem> {
     /**
      * Function that will be called when the
      * [`selectedId`](https://ariakit.org/reference/tab-provider#selectedid) state
@@ -48,14 +50,27 @@ export interface TabStoreOptions extends Omit<Core.TabStoreOptions, "composite">
     setSelectedId?: (selectedId: TabStoreState["selectedId"]) => void;
     /**
      * A reference to another [composite
-     * store](https://ariakit.org/reference/use-composite-store). It's
-     * automatically set when rendering tabs within another composite widget like
-     * [Combobox](https://ariakit.org/components/combobox) or
+     * store](https://ariakit.org/reference/use-composite-store). This is
+     * automatically set when rendering tabs as part of another composite widget,
+     * such as [Combobox](https://ariakit.org/components/combobox) or
      * [Select](https://ariakit.org/components/select).
+     *
+     * Live examples:
+     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      */
     composite?: CompositeStore | null;
+    /**
+     * A reference to a [combobox
+     * store](https://ariakit.org/reference/use-combobox-store). This is
+     * automatically set when rendering tabs inside a
+     * [Combobox](https://ariakit.org/components/combobox).
+     *
+     * Live examples:
+     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     */
+    combobox?: ComboboxStore | null;
 }
-export interface TabStoreProps extends TabStoreOptions, Omit<Core.TabStoreProps, "composite"> {
+export interface TabStoreProps extends TabStoreOptions, Omit<Core.TabStoreProps, "composite" | "combobox"> {
 }
-export interface TabStore extends TabStoreFunctions, Omit<Store<Core.TabStore>, "panels" | "composite"> {
+export interface TabStore extends TabStoreFunctions, Omit<Store<Core.TabStore>, "panels" | "composite" | "combobox"> {
 }