@ariakit/react-core 0.4.2 → 0.4.4

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 _4XVTH6ORcjs = require('../__chunks/4XVTH6OR.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/QUHFOHHT.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 = _4XVTH6ORcjs.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 _4XVTH6ORcjs = require('../__chunks/4XVTH6OR.cjs');
 
 
 
@@ -9,10 +9,10 @@ var _LOROMCW2cjs = require('../__chunks/LOROMCW2.cjs');
 require('../__chunks/MNMEDFSM.cjs');
 
 
-var _33HTKI7Lcjs = require('../__chunks/33HTKI7L.cjs');
+var _54YZYOPAcjs = require('../__chunks/54YZYOPA.cjs');
 require('../__chunks/OHXBMXTN.cjs');
 require('../__chunks/Q6QJEXBK.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/QUHFOHHT.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 = _54YZYOPAcjs.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 = _4XVTH6ORcjs.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 _4XVTH6ORcjs = require('../__chunks/4XVTH6OR.cjs');
 require('../__chunks/LOROMCW2.cjs');
 require('../__chunks/MNMEDFSM.cjs');
 require('../__chunks/Q6QJEXBK.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/QUHFOHHT.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 = _4XVTH6ORcjs.MenuItem; exports.useMenuItem = _4XVTH6ORcjs.useMenuItem;

package/cjs/menu/menu.cjs

@@ -13,12 +13,12 @@ require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 
 
-var _3MKOUH5Mcjs = require('../__chunks/3MKOUH5M.cjs');
+var _HPNCFYQJcjs = require('../__chunks/HPNCFYQJ.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/DCTXNU2X.cjs');
+require('../__chunks/COWKMNMZ.cjs');
 
 
-var _CWS5RZSUcjs = require('../__chunks/CWS5RZSU.cjs');
+var _ZTAE5B6Wcjs = require('../__chunks/ZTAE5B6W.cjs');
 require('../__chunks/TSEXNK3K.cjs');
 require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/37BRXQN7.cjs');
@@ -171,7 +171,7 @@ var useMenu = _NGD3IQDBcjs.createHook.call(void 0, function useMenu2(_a) {
       preserveTabOrderAnchor
     }, props);
   }
-  props = _3MKOUH5Mcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _HPNCFYQJcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store,
     alwaysVisible,
     initialFocus: initialFocusRef,
@@ -228,7 +228,7 @@ var useMenu = _NGD3IQDBcjs.createHook.call(void 0, function useMenu2(_a) {
   }, props);
   return props;
 });
-var Menu = _CWS5RZSUcjs.createDialogComponent.call(void 0, 
+var Menu = _ZTAE5B6Wcjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function Menu2(props) {
     const htmlProps = useMenu(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/cjs/popover/popover-disclosure-arrow.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _3C4RFBCGcjs = require('../__chunks/3C4RFBCG.cjs');
+var _EYZZO5ITcjs = require('../__chunks/EYZZO5IT.cjs');
 require('../__chunks/77BAEZ2Z.cjs');
 require('../__chunks/GDEDCFNU.cjs');
 require('../__chunks/NTNMOEWE.cjs');
@@ -13,4 +13,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.PopoverDisclosureArrow = _3C4RFBCGcjs.PopoverDisclosureArrow; exports.usePopoverDisclosureArrow = _3C4RFBCGcjs.usePopoverDisclosureArrow;
+exports.PopoverDisclosureArrow = _EYZZO5ITcjs.PopoverDisclosureArrow; exports.usePopoverDisclosureArrow = _EYZZO5ITcjs.usePopoverDisclosureArrow;

package/cjs/popover/popover-dismiss.cjs

@@ -2,8 +2,8 @@
 
 
 
-var _3XXW4Y4Dcjs = require('../__chunks/3XXW4Y4D.cjs');
-require('../__chunks/HFNM6QV4.cjs');
+var _Z2VL7JHXcjs = require('../__chunks/Z2VL7JHX.cjs');
+require('../__chunks/DAOFDKV2.cjs');
 require('../__chunks/IXJIFLOA.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/77BAEZ2Z.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.PopoverDismiss = _3XXW4Y4Dcjs.PopoverDismiss; exports.usePopoverDismiss = _3XXW4Y4Dcjs.usePopoverDismiss;
+exports.PopoverDismiss = _Z2VL7JHXcjs.PopoverDismiss; exports.usePopoverDismiss = _Z2VL7JHXcjs.usePopoverDismiss;

package/cjs/popover/popover.cjs

@@ -2,8 +2,8 @@
 
 
 
-var _DCTXNU2Xcjs = require('../__chunks/DCTXNU2X.cjs');
-require('../__chunks/CWS5RZSU.cjs');
+var _COWKMNMZcjs = require('../__chunks/COWKMNMZ.cjs');
+require('../__chunks/ZTAE5B6W.cjs');
 require('../__chunks/TSEXNK3K.cjs');
 require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/37BRXQN7.cjs');
@@ -42,4 +42,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Popover = _DCTXNU2Xcjs.Popover; exports.usePopover = _DCTXNU2Xcjs.usePopover;
+exports.Popover = _COWKMNMZcjs.Popover; exports.usePopover = _COWKMNMZcjs.usePopover;

package/cjs/radio/radio.cjs

@@ -2,9 +2,9 @@
 
 
 
-var _33HTKI7Lcjs = require('../__chunks/33HTKI7L.cjs');
+var _54YZYOPAcjs = require('../__chunks/54YZYOPA.cjs');
 require('../__chunks/OHXBMXTN.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/QUHFOHHT.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 = _54YZYOPAcjs.Radio; exports.useRadio = _54YZYOPAcjs.useRadio;

package/cjs/select/select-arrow.cjs

@@ -2,8 +2,8 @@
 
 
 
-var _NZSB7HSZcjs = require('../__chunks/NZSB7HSZ.cjs');
-require('../__chunks/3C4RFBCG.cjs');
+var _LY4LCJM6cjs = require('../__chunks/LY4LCJM6.cjs');
+require('../__chunks/EYZZO5IT.cjs');
 require('../__chunks/HZDOLHRO.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
@@ -17,4 +17,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.SelectArrow = _NZSB7HSZcjs.SelectArrow; exports.useSelectArrow = _NZSB7HSZcjs.useSelectArrow;
+exports.SelectArrow = _LY4LCJM6cjs.SelectArrow; exports.useSelectArrow = _LY4LCJM6cjs.useSelectArrow;

package/cjs/select/select-item-check.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _A356CGNDcjs = require('../__chunks/A356CGND.cjs');
+var _JDCTLYQ4cjs = require('../__chunks/JDCTLYQ4.cjs');
 require('../__chunks/ERFHNHON.cjs');
 
 
@@ -32,7 +32,7 @@ var useSelectItemCheck = _NGD3IQDBcjs.createHook.call(void 0,
     var _b = _a, { store, checked } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
     const context = _react.useContext.call(void 0, _HZDOLHROcjs.SelectItemCheckedContext);
     checked = checked != null ? checked : context;
-    props = _A356CGNDcjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
+    props = _JDCTLYQ4cjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
     return props;
   }
 );

package/cjs/select/select-item.cjs

@@ -4,12 +4,12 @@
 var _Q6QJEXBKcjs = require('../__chunks/Q6QJEXBK.cjs');
 
 
+var _QUHFOHHTcjs = require('../__chunks/QUHFOHHT.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 = _QUHFOHHTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       getItem,
       preventScrollOnKeyDown

package/cjs/select/select-popover.cjs

@@ -12,10 +12,10 @@ require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 
 
-var _DCTXNU2Xcjs = require('../__chunks/DCTXNU2X.cjs');
+var _COWKMNMZcjs = require('../__chunks/COWKMNMZ.cjs');
 
 
-var _CWS5RZSUcjs = require('../__chunks/CWS5RZSU.cjs');
+var _ZTAE5B6Wcjs = require('../__chunks/ZTAE5B6W.cjs');
 require('../__chunks/TSEXNK3K.cjs');
 require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/37BRXQN7.cjs');
@@ -67,11 +67,11 @@ var useSelectPopover = _NGD3IQDBcjs.createHook.call(void 0,
     const context = _HZDOLHROcjs.useSelectProviderContext.call(void 0, );
     store = store || context;
     props = _KQJLN5EGcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _DCTXNU2Xcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _COWKMNMZcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
     return props;
   }
 );
-var SelectPopover = _CWS5RZSUcjs.createDialogComponent.call(void 0, 
+var SelectPopover = _ZTAE5B6Wcjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function SelectPopover2(props) {
     const htmlProps = useSelectPopover(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/cjs/select/select.cjs

@@ -8,16 +8,16 @@ require('../__chunks/YH42XRHR.cjs');
 require('../__chunks/IXJIFLOA.cjs');
 
 
-var _NZSB7HSZcjs = require('../__chunks/NZSB7HSZ.cjs');
-require('../__chunks/3C4RFBCG.cjs');
+var _LY4LCJM6cjs = require('../__chunks/LY4LCJM6.cjs');
+require('../__chunks/EYZZO5IT.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');
@@ -267,7 +267,7 @@ var useSelect = _NGD3IQDBcjs.createHook.call(void 0, function useSelect2(_a) {
   );
   const children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     value,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NZSB7HSZcjs.SelectArrow, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LY4LCJM6cjs.SelectArrow, {})
   ] });
   const contentElement = store.useState("contentElement");
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {

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"> {
 }

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

@@ -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"> {
 }

package/cjs/tab/tab.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _LEU3BIGCcjs = require('../__chunks/LEU3BIGC.cjs');
+var _QUHFOHHTcjs = require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 
@@ -86,14 +86,17 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
     (element) => {
       if (!(store == null ? void 0 : store.composite))
         return element;
+      const defaultProps = {
+        id,
+        store: store.composite,
+        shouldRegisterItem: selected && shouldRegisterItem,
+        render: element
+      };
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _LEU3BIGCcjs.CompositeItem,
-        {
-          id,
-          render: element,
-          store: store.composite,
-          shouldRegisterItem: selected && shouldRegisterItem
-        }
+        _QUHFOHHTcjs.CompositeItem,
+        _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, defaultProps), {
+          render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QUHFOHHTcjs.CompositeItem, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, defaultProps), { store: store.combobox })) : element
+        })
       );
     },
     [store, id, selected, shouldRegisterItem]
@@ -106,7 +109,7 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
   }, props), {
     onClick
   });
-  props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _QUHFOHHTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store
   }, props), {
     accessibleWhenDisabled,

package/cjs/toolbar/toolbar-container.cjs

@@ -4,8 +4,8 @@
 var _MJP4XPFZcjs = require('../__chunks/MJP4XPFZ.cjs');
 
 
-var _OGH323OWcjs = require('../__chunks/OGH323OW.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+var _YO7LLGVAcjs = require('../__chunks/YO7LLGVA.cjs');
+require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -38,7 +38,7 @@ var useToolbarContainer = _NGD3IQDBcjs.createHook.call(void 0,
     const context = _MVDQWSSVcjs.useToolbarContext.call(void 0, );
     store = store || context;
     props = _MJP4XPFZcjs.useCompositeContainer.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _OGH323OWcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _YO7LLGVAcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-input.cjs

@@ -1,11 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _WGZQRLXVcjs = require('../__chunks/WGZQRLXV.cjs');
-
-
-var _OGH323OWcjs = require('../__chunks/OGH323OW.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+var _YO7LLGVAcjs = require('../__chunks/YO7LLGVA.cjs');
+require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -37,8 +34,7 @@ var useToolbarInput = _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 = _WGZQRLXVcjs.useCompositeInput.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _OGH323OWcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _YO7LLGVAcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-input.d.cts

@@ -1,5 +1,4 @@
 import type { ElementType } from "react";
-import type { CompositeInputOptions } from "../composite/composite-input.js";
 import type { Props } from "../utils/types.js";
 import type { ToolbarItemOptions } from "./toolbar-item.js";
 declare const TagName = "input";
@@ -7,6 +6,7 @@ type TagName = typeof TagName;
 /**
  * Returns props to create a `ToolbarInput` component.
  * @see https://ariakit.org/components/toolbar
+ * @deprecated Use `useToolbarItem` instead.
  * @example
  * ```jsx
  * const store = useToolbarStore();
@@ -21,6 +21,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
  * Renders a text input as a toolbar item, maintaining arrow key navigation on
  * the toolbar.
  * @see https://ariakit.org/components/toolbar
+ * @deprecated Use `<ToolbarItem render={<input />}>` instead.
  * @example
  * ```jsx {2}
  * <Toolbar>
@@ -29,7 +30,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
  * ```
  */
 export declare const ToolbarInput: (props: ToolbarInputProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T>, Omit<CompositeInputOptions<T>, "store"> {
+export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T> {
 }
 export type ToolbarInputProps<T extends ElementType = TagName> = Props<T, ToolbarInputOptions<T>>;
 export {};