@ariakit/react 0.4.27 → 0.4.29

package/cjs/__chunks/{C4NVIV6V.cjs → CRPG37KH.cjs}

@@ -1,32 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _IHVFJGGNcjs = require('./IHVFJGGN.cjs');
+var _D6USTXKAcjs = require('./D6USTXKA.cjs');
 
 
-var _FHQ5DVYQcjs = require('./FHQ5DVYQ.cjs');
+var _FNYFMCD7cjs = require('./FNYFMCD7.cjs');
 
 
 
 
-var _NMUCJYMRcjs = require('./NMUCJYMR.cjs');
+var _US2XYAXEcjs = require('./US2XYAXE.cjs');
 
 
 
-var _SQ72MZ63cjs = require('./SQ72MZ63.cjs');
+var _ZPWE3FTFcjs = require('./ZPWE3FTF.cjs');
 
 
 
-var _L2IFVMDUcjs = require('./L2IFVMDU.cjs');
+var _2WBRQ3I7cjs = require('./2WBRQ3I7.cjs');
 
 
-var _GUB6WHB6cjs = require('./GUB6WHB6.cjs');
+var _VUISVT3Vcjs = require('./VUISVT3V.cjs');
 
 
-var _XPQIHUQ7cjs = require('./XPQIHUQ7.cjs');
+var _42GL4LKIcjs = require('./42GL4LKI.cjs');
 
 
 
-var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
+var _WYI5CKPVcjs = require('./WYI5CKPV.cjs');
 
 
 
@@ -37,10 +37,10 @@ var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
 
 
 
-var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
 
 
-var _NG34QRI6cjs = require('./NG34QRI6.cjs');
+var _BTARPES4cjs = require('./BTARPES4.cjs');
 
 
 
@@ -58,10 +58,10 @@ var _NG34QRI6cjs = require('./NG34QRI6.cjs');
 
 
 
-var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
 
 // ../ariakit-react-components/dist/tab/tab-context.js
-var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, [_L2IFVMDUcjs.CompositeContextProvider], [_L2IFVMDUcjs.CompositeScopedContextProvider]);
+var ctx = _JBOLBTVUcjs.createStoreContext.call(void 0, [_2WBRQ3I7cjs.CompositeContextProvider], [_2WBRQ3I7cjs.CompositeScopedContextProvider]);
 var useTabContext = ctx.useContext;
 var useTabScopedContext = ctx.useScopedContext;
 var useTabProviderContext = ctx.useProviderContext;
@@ -72,14 +72,14 @@ var TabScopedContextProvider = ctx.ScopedContextProvider;
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "button";
-var useTab = _QAUJZR6Ycjs.createHook.call(void 0, function useTab2({ store, getItem: getItemProp, ...props }) {
+var useTab = _JBOLBTVUcjs.createHook.call(void 0, function useTab2({ store, getItem: getItemProp, ...props }) {
   var _a;
   const context = useTabScopedContext();
   store = store || context;
-  _QAUJZR6Ycjs.invariant.call(void 0, store, "Tab must be wrapped in a TabList component.");
-  const defaultId = _QAUJZR6Ycjs.useId.call(void 0, );
+  _JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component.");
+  const defaultId = _JBOLBTVUcjs.useId.call(void 0, );
   const id = props.id || defaultId;
-  const dimmed = _QAUJZR6Ycjs.disabledFromProps.call(void 0, props);
+  const dimmed = _JBOLBTVUcjs.disabledFromProps.call(void 0, props);
   const getItem = _react.useCallback.call(void 0, (item) => {
     const nextItem = {
       ...item,
@@ -89,22 +89,22 @@ var useTab = _QAUJZR6Ycjs.createHook.call(void 0, function useTab2({ store, getI
     return nextItem;
   }, [dimmed, getItemProp]);
   const onClickProp = props.onClick;
-  const onClick = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+  const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
     onClickProp == null ? void 0 : onClickProp(event);
     if (event.defaultPrevented) return;
     store == null ? void 0 : store.setSelectedId(id);
   });
-  const panelId = _D4HCGWOUcjs.useStoreState.call(void 0, store.panels, (state) => {
+  const panelId = _FHPV2Q7Ccjs.useStoreState.call(void 0, store.panels, (state) => {
     var _a2;
     return (_a2 = state.items.find((item) => item.tabId === id)) == null ? void 0 : _a2.id;
   });
   const shouldRegisterItem = defaultId ? props.shouldRegisterItem : false;
-  const isActive = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => !!id && state.activeId === id);
-  const selected = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => !!id && state.selectedId === id);
-  const hasActiveItem = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => !!store.item(state.activeId));
+  const isActive = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => !!id && state.activeId === id);
+  const selected = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => !!id && state.selectedId === id);
+  const hasActiveItem = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => !!store.item(state.activeId));
   const canRegisterComposedItem = isActive || selected && !hasActiveItem;
   const accessibleWhenDisabled = selected || ((_a = props.accessibleWhenDisabled) != null ? _a : true);
-  if (_D4HCGWOUcjs.useStoreState.call(void 0, store.combobox || store.composite, "virtualFocus")) props = {
+  if (_FHPV2Q7Ccjs.useStoreState.call(void 0, store.combobox || store.composite, "virtualFocus")) props = {
     ...props,
     tabIndex: -1
   };
@@ -127,16 +127,16 @@ var useTab = _QAUJZR6Ycjs.createHook.call(void 0, function useTab2({ store, getI
     };
     props = {
       ...props,
-      render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SQ72MZ63cjs.CompositeItem, {
+      render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZPWE3FTFcjs.CompositeItem, {
         ...defaultProps,
-        render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SQ72MZ63cjs.CompositeItem, {
+        render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZPWE3FTFcjs.CompositeItem, {
           ...defaultProps,
           store: store.combobox
         }) : defaultProps.render
       })
     };
   }
-  props = _SQ72MZ63cjs.useCompositeItem.call(void 0, {
+  props = _ZPWE3FTFcjs.useCompositeItem.call(void 0, {
     store,
     ...props,
     accessibleWhenDisabled,
@@ -145,19 +145,19 @@ var useTab = _QAUJZR6Ycjs.createHook.call(void 0, function useTab2({ store, getI
   });
   return props;
 });
-var Tab = _QAUJZR6Ycjs.memo.call(void 0, _QAUJZR6Ycjs.forwardRef.call(void 0, function Tab2(props) {
-  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useTab(props));
+var Tab = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function Tab2(props) {
+  return _JBOLBTVUcjs.createElement.call(void 0, TagName, useTab(props));
 }));
 
 // ../ariakit-react-components/dist/tab/tab-list.js
 
 var TagName2 = "div";
-var useTabList = _QAUJZR6Ycjs.createHook.call(void 0, function useTabList2({ store, ...props }) {
+var useTabList = _JBOLBTVUcjs.createHook.call(void 0, function useTabList2({ store, ...props }) {
   const context = useTabProviderContext();
   store = store || context;
-  _QAUJZR6Ycjs.invariant.call(void 0, store, "TabList must receive a `store` prop or be wrapped in a TabProvider component.");
-  const orientation = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => state.orientation === "both" ? void 0 : state.orientation);
-  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabScopedContextProvider, {
+  _JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "TabList must receive a `store` prop or be wrapped in a TabProvider component.");
+  const orientation = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.orientation === "both" ? void 0 : state.orientation);
+  props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabScopedContextProvider, {
     value: store,
     children: element
   }), [store]);
@@ -170,34 +170,34 @@ var useTabList = _QAUJZR6Ycjs.createHook.call(void 0, function useTabList2({ sto
     "aria-orientation": orientation,
     ...props
   };
-  props = _NMUCJYMRcjs.useComposite.call(void 0, {
+  props = _US2XYAXEcjs.useComposite.call(void 0, {
     store,
     ...props
   });
   return props;
 });
-var TabList = _QAUJZR6Ycjs.forwardRef.call(void 0, function TabList2(props) {
-  return _QAUJZR6Ycjs.createElement.call(void 0, TagName2, useTabList(props));
+var TabList = _JBOLBTVUcjs.forwardRef.call(void 0, function TabList2(props) {
+  return _JBOLBTVUcjs.createElement.call(void 0, TagName2, useTabList(props));
 });
 
 // ../ariakit-react-components/dist/tab/tab-panel.js
 
 
 var TagName3 = "div";
-var useTabPanel = _QAUJZR6Ycjs.createHook.call(void 0, function useTabPanel2({ store, unmountOnHide, tabId: tabIdProp, getItem: getItemProp, scrollRestoration, scrollElement, ...props }) {
+var useTabPanel = _JBOLBTVUcjs.createHook.call(void 0, function useTabPanel2({ store, unmountOnHide, tabId: tabIdProp, getItem: getItemProp, scrollRestoration, scrollElement, ...props }) {
   const context = useTabProviderContext();
   store = store || context;
-  _QAUJZR6Ycjs.invariant.call(void 0, store, "TabPanel must receive a `store` prop or be wrapped in a TabProvider component.");
+  _JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component.");
   const ref = _react.useRef.call(void 0, null);
-  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
-  const tabId = _D4HCGWOUcjs.useStoreState.call(void 0, store.panels, () => {
+  const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
+  const tabId = _FHPV2Q7Ccjs.useStoreState.call(void 0, store.panels, () => {
     var _a;
     return tabIdProp || ((_a = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a.tabId);
   });
-  const disclosure = _7M4GY5DScjs.useDisclosureStore.call(void 0, { open: _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => !!tabId && state.selectedId === tabId) });
-  const mounted = _D4HCGWOUcjs.useStoreState.call(void 0, disclosure, "mounted");
+  const disclosure = _WYI5CKPVcjs.useDisclosureStore.call(void 0, { open: _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => !!tabId && state.selectedId === tabId) });
+  const mounted = _FHPV2Q7Ccjs.useStoreState.call(void 0, disclosure, "mounted");
   const scrollPositionRef = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
-  const getScrollElement = _QAUJZR6Ycjs.useEvent.call(void 0, () => {
+  const getScrollElement = _JBOLBTVUcjs.useEvent.call(void 0, () => {
     const panelElement = ref.current;
     if (!panelElement) return null;
     if (!scrollElement) return panelElement;
@@ -232,15 +232,14 @@ var useTabPanel = _QAUJZR6Ycjs.createHook.call(void 0, function useTabPanel2({ s
     scrollRestoration,
     mounted,
     tabId,
-    getScrollElement,
-    store
+    getScrollElement
   ]);
   const [hasTabbableChildren, setHasTabbableChildren] = _react.useState.call(void 0, false);
-  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+  _JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!mounted) return;
     const element = ref.current;
     if (!element) return;
-    setHasTabbableChildren(!!_QAUJZR6Ycjs.getAllTabbableIn.call(void 0, element).length);
+    setHasTabbableChildren(!!_JBOLBTVUcjs.getAllTabbableIn.call(void 0, element).length);
   }, [mounted]);
   const getItem = _react.useCallback.call(void 0, (item) => {
     const nextItem = {
@@ -256,7 +255,7 @@ var useTabPanel = _QAUJZR6Ycjs.createHook.call(void 0, function useTabPanel2({ s
     getItemProp
   ]);
   const onKeyDownProp = props.onKeyDown;
-  const onKeyDown = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+  const onKeyDown = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
     onKeyDownProp == null ? void 0 : onKeyDownProp(event);
     if (event.defaultPrevented) return;
     if (!(store == null ? void 0 : store.composite)) return;
@@ -273,7 +272,7 @@ var useTabPanel = _QAUJZR6Ycjs.createHook.call(void 0, function useTabPanel2({ s
     event.preventDefault();
     store.move(nextId);
   });
-  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabScopedContextProvider, {
+  props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabScopedContextProvider, {
     value: store,
     children: element
   }), [store]);
@@ -283,32 +282,48 @@ var useTabPanel = _QAUJZR6Ycjs.createHook.call(void 0, function useTabPanel2({ s
     ...props,
     id,
     children: unmountOnHide && !mounted ? null : props.children,
-    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, ref, props.ref),
+    ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, ref, props.ref),
     onKeyDown
   };
-  props = _NG34QRI6cjs.useFocusable.call(void 0, {
+  props = _BTARPES4cjs.useFocusable.call(void 0, {
     focusable: !store.composite && !hasTabbableChildren,
     ...props
   });
-  props = _7M4GY5DScjs.useDisclosureContent.call(void 0, {
+  props = _WYI5CKPVcjs.useDisclosureContent.call(void 0, {
     store: disclosure,
     ...props
   });
-  props = _GUB6WHB6cjs.useCollectionItem.call(void 0, {
+  props = _VUISVT3Vcjs.useCollectionItem.call(void 0, {
     store: store.panels,
     ...props,
     getItem
   });
   return props;
 });
-var TabPanel = _QAUJZR6Ycjs.forwardRef.call(void 0, function TabPanel2(props) {
-  return _QAUJZR6Ycjs.createElement.call(void 0, TagName3, useTabPanel(props));
+var TabPanel = _JBOLBTVUcjs.forwardRef.call(void 0, function TabPanel2(props) {
+  return _JBOLBTVUcjs.createElement.call(void 0, TagName3, useTabPanel(props));
 });
 
 // ../ariakit-react-components/dist/tab/tab-store.js
 
 
 // ../ariakit-components/dist/tab/tab-store.js
+function getFocusedTab(items) {
+  var _a, _b;
+  const activeElement = (_b = (_a = items[0]) == null ? void 0 : _a.element) == null ? void 0 : _b.ownerDocument.activeElement;
+  if (!activeElement) return;
+  return items.find((item) => item.element === activeElement);
+}
+function getTabById(items, id) {
+  if (id == null) return;
+  return items.find((item) => item.id === id);
+}
+function isEnabledTab(item) {
+  if (!item) return false;
+  if (item.disabled) return false;
+  if (item.dimmed) return false;
+  return true;
+}
 function createTabStore({ composite: parentComposite, combobox, ...props } = {}) {
   const independentKeys = [
     "items",
@@ -322,54 +337,59 @@ function createTabStore({ composite: parentComposite, combobox, ...props } = {})
     "focusShift",
     "focusWrap"
   ];
-  const store = _D4HCGWOUcjs.mergeStore.call(void 0, props.store, _D4HCGWOUcjs.omit.call(void 0, parentComposite, independentKeys), _D4HCGWOUcjs.omit.call(void 0, combobox, independentKeys));
+  const store = _FHPV2Q7Ccjs.mergeStore.call(void 0, props.store, _FHPV2Q7Ccjs.omit.call(void 0, parentComposite, independentKeys), _FHPV2Q7Ccjs.omit.call(void 0, combobox, independentKeys));
   const syncState = store == null ? void 0 : store.getState();
-  const composite = _NMUCJYMRcjs.createCompositeStore.call(void 0, {
+  const composite = _US2XYAXEcjs.createCompositeStore.call(void 0, {
     ...props,
     store,
-    includesBaseElement: _QAUJZR6Ycjs.defaultValue.call(void 0, props.includesBaseElement, syncState == null ? void 0 : syncState.includesBaseElement, false),
-    orientation: _QAUJZR6Ycjs.defaultValue.call(void 0, props.orientation, syncState == null ? void 0 : syncState.orientation, "horizontal"),
-    focusLoop: _QAUJZR6Ycjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
+    includesBaseElement: _JBOLBTVUcjs.defaultValue.call(void 0, props.includesBaseElement, syncState == null ? void 0 : syncState.includesBaseElement, false),
+    orientation: _JBOLBTVUcjs.defaultValue.call(void 0, props.orientation, syncState == null ? void 0 : syncState.orientation, "horizontal"),
+    focusLoop: _JBOLBTVUcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   });
-  const panels = _XPQIHUQ7cjs.createCollectionStore.call(void 0, );
-  const tab = _D4HCGWOUcjs.createStore.call(void 0, {
+  const panels = _42GL4LKIcjs.createCollectionStore.call(void 0, );
+  const tab = _FHPV2Q7Ccjs.createStore.call(void 0, {
     ...composite.getState(),
-    selectedId: _QAUJZR6Ycjs.defaultValue.call(void 0, props.selectedId, syncState == null ? void 0 : syncState.selectedId, props.defaultSelectedId),
-    selectOnMove: _QAUJZR6Ycjs.defaultValue.call(void 0, props.selectOnMove, syncState == null ? void 0 : syncState.selectOnMove, true)
+    selectedId: _JBOLBTVUcjs.defaultValue.call(void 0, props.selectedId, syncState == null ? void 0 : syncState.selectedId, props.defaultSelectedId),
+    selectOnMove: _JBOLBTVUcjs.defaultValue.call(void 0, props.selectOnMove, syncState == null ? void 0 : syncState.selectOnMove, true)
   }, composite, store);
-  _D4HCGWOUcjs.setup.call(void 0, tab, () => _D4HCGWOUcjs.sync.call(void 0, tab, ["moves"], () => {
+  _FHPV2Q7Ccjs.setup.call(void 0, tab, () => _FHPV2Q7Ccjs.sync.call(void 0, tab, ["moves"], () => {
     const { activeId, selectOnMove } = tab.getState();
     if (!selectOnMove) return;
     if (!activeId) return;
     const tabItem = composite.item(activeId);
-    if (!tabItem) return;
-    if (tabItem.dimmed) return;
-    if (tabItem.disabled) return;
+    if (!isEnabledTab(tabItem)) return;
     tab.setState("selectedId", tabItem.id);
   }));
   let syncActiveId = true;
-  _D4HCGWOUcjs.setup.call(void 0, tab, () => _D4HCGWOUcjs.batch.call(void 0, tab, ["selectedId"], (state, prev) => {
+  _FHPV2Q7Ccjs.setup.call(void 0, tab, () => _FHPV2Q7Ccjs.batch.call(void 0, tab, ["selectedId"], (state, prev) => {
     if (!syncActiveId) {
       syncActiveId = true;
       return;
     }
     if (parentComposite && state.selectedId === prev.selectedId) return;
+    const { activeId, renderedItems } = tab.getState();
+    const focusedTab = getFocusedTab(renderedItems);
+    const selectedTab = getTabById(renderedItems, state.selectedId);
+    if (focusedTab && isEnabledTab(selectedTab) && activeId !== selectedTab.id) {
+      composite.move(selectedTab.id);
+      return;
+    }
     tab.setState("activeId", state.selectedId);
   }));
-  _D4HCGWOUcjs.setup.call(void 0, tab, () => _D4HCGWOUcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
+  _FHPV2Q7Ccjs.setup.call(void 0, tab, () => _FHPV2Q7Ccjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
     if (state.selectedId !== void 0) return;
     const { activeId, renderedItems } = tab.getState();
     const tabItem = composite.item(activeId);
-    if (tabItem && !tabItem.disabled && !tabItem.dimmed) tab.setState("selectedId", tabItem.id);
+    if (isEnabledTab(tabItem)) tab.setState("selectedId", tabItem.id);
     else {
-      const tabItem2 = renderedItems.find((item) => !item.disabled && !item.dimmed);
+      const tabItem2 = renderedItems.find(isEnabledTab);
       tab.setState("selectedId", tabItem2 == null ? void 0 : tabItem2.id);
     }
   }));
-  _D4HCGWOUcjs.setup.call(void 0, tab, () => _D4HCGWOUcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
+  _FHPV2Q7Ccjs.setup.call(void 0, tab, () => _FHPV2Q7Ccjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
     const tabs = state.renderedItems;
     if (!tabs.length) return;
-    return _D4HCGWOUcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
+    return _FHPV2Q7Ccjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
       const items = state2.renderedItems;
       if (!items.some((panel) => !panel.tabId)) return;
       items.forEach((panel, i) => {
@@ -384,7 +404,7 @@ function createTabStore({ composite: parentComposite, combobox, ...props } = {})
     });
   }));
   let selectedIdFromSelectedValue = null;
-  _D4HCGWOUcjs.setup.call(void 0, tab, () => {
+  _FHPV2Q7Ccjs.setup.call(void 0, tab, () => {
     const backupSelectedId = () => {
       selectedIdFromSelectedValue = tab.getState().selectedId;
     };
@@ -392,9 +412,9 @@ function createTabStore({ composite: parentComposite, combobox, ...props } = {})
       syncActiveId = false;
       tab.setState("selectedId", selectedIdFromSelectedValue);
     };
-    if (parentComposite && "setSelectElement" in parentComposite) return _QAUJZR6Ycjs.chain.call(void 0, _D4HCGWOUcjs.sync.call(void 0, parentComposite, ["value"], backupSelectedId), _D4HCGWOUcjs.sync.call(void 0, parentComposite, ["mounted"], restoreSelectedId));
+    if (parentComposite && "setSelectElement" in parentComposite) return _JBOLBTVUcjs.chain.call(void 0, _FHPV2Q7Ccjs.sync.call(void 0, parentComposite, ["value"], backupSelectedId), _FHPV2Q7Ccjs.sync.call(void 0, parentComposite, ["mounted"], restoreSelectedId));
     if (!combobox) return;
-    return _QAUJZR6Ycjs.chain.call(void 0, _D4HCGWOUcjs.sync.call(void 0, combobox, ["selectedValue"], backupSelectedId), _D4HCGWOUcjs.sync.call(void 0, combobox, ["mounted"], restoreSelectedId));
+    return _JBOLBTVUcjs.chain.call(void 0, _FHPV2Q7Ccjs.sync.call(void 0, combobox, ["selectedValue"], backupSelectedId), _FHPV2Q7Ccjs.sync.call(void 0, combobox, ["mounted"], restoreSelectedId));
   });
   return {
     ...composite,
@@ -410,12 +430,12 @@ function createTabStore({ composite: parentComposite, combobox, ...props } = {})
 
 // ../ariakit-react-components/dist/tab/tab-store.js
 function useTabStoreProps(store, update, props) {
-  _QAUJZR6Ycjs.useUpdateEffect.call(void 0, update, [props.composite, props.combobox]);
-  store = _NMUCJYMRcjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
-  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
-  const [panels, updatePanels] = _D4HCGWOUcjs.useStore.call(void 0, () => store.panels, {});
-  _QAUJZR6Ycjs.useUpdateEffect.call(void 0, updatePanels, [store, updatePanels]);
+  _JBOLBTVUcjs.useUpdateEffect.call(void 0, update, [props.composite, props.combobox]);
+  store = _US2XYAXEcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
+  _FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "selectOnMove");
+  const [panels, updatePanels] = _FHPV2Q7Ccjs.useStore.call(void 0, () => store.panels, {});
+  _JBOLBTVUcjs.useUpdateEffect.call(void 0, updatePanels, [store, updatePanels]);
   return Object.assign(_react.useMemo.call(void 0, () => ({
     ...store,
     panels
@@ -425,14 +445,14 @@ function useTabStoreProps(store, update, props) {
   });
 }
 function useTabStore(props = {}) {
-  const combobox = _FHQ5DVYQcjs.useComboboxContext.call(void 0, );
-  const composite = _IHVFJGGNcjs.useSelectContext.call(void 0, ) || combobox;
+  const combobox = _FNYFMCD7cjs.useComboboxContext.call(void 0, );
+  const composite = _D6USTXKAcjs.useSelectContext.call(void 0, ) || combobox;
   props = {
     ...props,
     composite: props.composite !== void 0 ? props.composite : composite,
     combobox: props.combobox !== void 0 ? props.combobox : combobox
   };
-  const [store, update] = _D4HCGWOUcjs.useStore.call(void 0, createTabStore, props);
+  const [store, update] = _FHPV2Q7Ccjs.useStore.call(void 0, createTabStore, props);
   return useTabStoreProps(store, update, props);
 }