@ariakit/react-core 0.4.10 → 0.4.12

package/esm/select/select-popover.js

@@ -1,27 +1,28 @@
 "use client";
 import {
   useSelectList
-} from "../__chunks/KHUR3XXK.js";
-import "../__chunks/DS36B3MQ.js";
+} from "../__chunks/OLHPCJXY.js";
+import "../__chunks/CWIRMIEN.js";
 import {
   useSelectProviderContext
-} from "../__chunks/KZ2S4ZC5.js";
-import "../__chunks/TW35PKTK.js";
+} from "../__chunks/SLHXTMPQ.js";
+import "../__chunks/IKLZZMLE.js";
 import "../__chunks/5VQZOHHZ.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
 import {
   usePopover
-} from "../__chunks/JS55N6L7.js";
+} from "../__chunks/GZJH7ZDI.js";
 import {
   createDialogComponent
-} from "../__chunks/TT2355LN.js";
-import "../__chunks/UQBPM777.js";
-import "../__chunks/NSFBIL2Z.js";
+} from "../__chunks/BLYP7OV6.js";
+import "../__chunks/N6SE4TDR.js";
+import "../__chunks/D7GLA236.js";
+import "../__chunks/IGR4SXG2.js";
 import "../__chunks/ESSM74HH.js";
-import "../__chunks/KB6RR6FL.js";
-import "../__chunks/T3RMEPVH.js";
-import "../__chunks/43UOHFGG.js";
+import "../__chunks/TBGPDHVR.js";
+import "../__chunks/IT6VQU5B.js";
+import "../__chunks/7V5QX4SZ.js";
 import "../__chunks/HLTQOHKZ.js";
 import "../__chunks/677M2CI3.js";
 import "../__chunks/6GXEOXGT.js";
@@ -29,30 +30,30 @@ import "../__chunks/2PGBN2Y4.js";
 import "../__chunks/63XF7ACK.js";
 import "../__chunks/AOUGVQZ3.js";
 import "../__chunks/K2ZF5NU7.js";
-import "../__chunks/YJS26JVG.js";
-import "../__chunks/HT3UEUDM.js";
+import "../__chunks/SCDU7JWG.js";
+import "../__chunks/EGBLFVR2.js";
 import "../__chunks/5M6RIVE2.js";
-import "../__chunks/UNZQGRPO.js";
-import "../__chunks/LWDIJ7XK.js";
+import "../__chunks/OJXDGVKQ.js";
+import "../__chunks/ND57YZ3V.js";
 import "../__chunks/AOQQTIBO.js";
 import "../__chunks/CZ4GFWYL.js";
-import "../__chunks/BSEL4YAF.js";
-import "../__chunks/AXRBYZQP.js";
-import "../__chunks/54MGSIOI.js";
-import "../__chunks/DU4D3UCJ.js";
-import "../__chunks/RGUP62TM.js";
-import "../__chunks/HGZKAGPL.js";
+import "../__chunks/NSKXVZEF.js";
+import "../__chunks/5HEBF2AL.js";
+import "../__chunks/COWZSPJ7.js";
+import "../__chunks/CMXOY7UW.js";
+import "../__chunks/JDEWEW7S.js";
+import "../__chunks/Z4WWVOIF.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/ILNAUGA4.js";
+import "../__chunks/2ATXICAB.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/HKOOKEDE.js";
-import "../__chunks/QYS5FHDY.js";
-import "../__chunks/KGK2TTFO.js";
-import "../__chunks/2GXGCHW6.js";
-import "../__chunks/Z32BISHQ.js";
+} from "../__chunks/7FZLUSKW.js";
+import "../__chunks/B5WJDZ55.js";
+import "../__chunks/C76P7QQC.js";
+import "../__chunks/CTKPPFRS.js";
+import "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,

package/esm/select/select-provider.js

@@ -1,24 +1,24 @@
 "use client";
 import {
   useSelectStore
-} from "../__chunks/X5LAA6JI.js";
-import "../__chunks/DWZ7E5TJ.js";
+} from "../__chunks/Y7TEGSHG.js";
+import "../__chunks/3LH6HMTR.js";
 import {
   SelectContextProvider
-} from "../__chunks/KZ2S4ZC5.js";
-import "../__chunks/UVQLZ7T5.js";
-import "../__chunks/TCAGH6BH.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
-import "../__chunks/54MGSIOI.js";
-import "../__chunks/DU4D3UCJ.js";
-import "../__chunks/RGUP62TM.js";
-import "../__chunks/HKOOKEDE.js";
-import "../__chunks/CBC47ZYL.js";
-import "../__chunks/QYS5FHDY.js";
-import "../__chunks/KGK2TTFO.js";
-import "../__chunks/2GXGCHW6.js";
-import "../__chunks/Z32BISHQ.js";
+} from "../__chunks/SLHXTMPQ.js";
+import "../__chunks/OIB4PV4M.js";
+import "../__chunks/QZUWIJQN.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
+import "../__chunks/COWZSPJ7.js";
+import "../__chunks/CMXOY7UW.js";
+import "../__chunks/JDEWEW7S.js";
+import "../__chunks/7FZLUSKW.js";
+import "../__chunks/CO7ZDQU2.js";
+import "../__chunks/B5WJDZ55.js";
+import "../__chunks/C76P7QQC.js";
+import "../__chunks/CTKPPFRS.js";
+import "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import "../__chunks/3YLGPPWQ.js";
 

package/esm/select/select-renderer.js

@@ -1,27 +1,27 @@
 "use client";
 import {
   useCompositeRenderer
-} from "../__chunks/SLQXY5KG.js";
+} from "../__chunks/2AC4JPCN.js";
 import {
   getCollectionRendererItem,
   getCollectionRendererItemId
-} from "../__chunks/2UWK5GNE.js";
+} from "../__chunks/WTPLYM5X.js";
 import {
   useSelectContext
-} from "../__chunks/KZ2S4ZC5.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
-import "../__chunks/54MGSIOI.js";
-import "../__chunks/DU4D3UCJ.js";
-import "../__chunks/RGUP62TM.js";
+} from "../__chunks/SLHXTMPQ.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
+import "../__chunks/COWZSPJ7.js";
+import "../__chunks/CMXOY7UW.js";
+import "../__chunks/JDEWEW7S.js";
 import {
   createElement,
   forwardRef
-} from "../__chunks/HKOOKEDE.js";
+} from "../__chunks/7FZLUSKW.js";
 import {
   useStoreState
-} from "../__chunks/2GXGCHW6.js";
-import "../__chunks/Z32BISHQ.js";
+} from "../__chunks/CTKPPFRS.js";
+import "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,

package/esm/select/select-row.js

@@ -1,21 +1,21 @@
 "use client";
 import {
   useCompositeRow
-} from "../__chunks/6BE7QOX5.js";
+} from "../__chunks/BCUN2D7Y.js";
 import {
   useSelectContext
-} from "../__chunks/KZ2S4ZC5.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
-import "../__chunks/54MGSIOI.js";
-import "../__chunks/DU4D3UCJ.js";
-import "../__chunks/RGUP62TM.js";
+} from "../__chunks/SLHXTMPQ.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
+import "../__chunks/COWZSPJ7.js";
+import "../__chunks/CMXOY7UW.js";
+import "../__chunks/JDEWEW7S.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/HKOOKEDE.js";
-import "../__chunks/Z32BISHQ.js";
+} from "../__chunks/7FZLUSKW.js";
+import "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,

package/esm/select/select-separator.js

@@ -1,22 +1,22 @@
 "use client";
 import {
   useSelectContext
-} from "../__chunks/KZ2S4ZC5.js";
+} from "../__chunks/SLHXTMPQ.js";
 import {
   useCompositeSeparator
-} from "../__chunks/WEEEI3KU.js";
-import "../__chunks/LOI6GHIP.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
-import "../__chunks/54MGSIOI.js";
-import "../__chunks/DU4D3UCJ.js";
-import "../__chunks/RGUP62TM.js";
+} from "../__chunks/QGD6VM2D.js";
+import "../__chunks/33WVSQBK.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
+import "../__chunks/COWZSPJ7.js";
+import "../__chunks/CMXOY7UW.js";
+import "../__chunks/JDEWEW7S.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/HKOOKEDE.js";
-import "../__chunks/Z32BISHQ.js";
+} from "../__chunks/7FZLUSKW.js";
+import "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,

package/esm/select/select-store.js

@@ -2,21 +2,21 @@
 import {
   useSelectStore,
   useSelectStoreProps
-} from "../__chunks/X5LAA6JI.js";
-import "../__chunks/DWZ7E5TJ.js";
-import "../__chunks/UVQLZ7T5.js";
-import "../__chunks/TCAGH6BH.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
-import "../__chunks/54MGSIOI.js";
-import "../__chunks/DU4D3UCJ.js";
-import "../__chunks/RGUP62TM.js";
-import "../__chunks/HKOOKEDE.js";
-import "../__chunks/CBC47ZYL.js";
-import "../__chunks/QYS5FHDY.js";
-import "../__chunks/KGK2TTFO.js";
-import "../__chunks/2GXGCHW6.js";
-import "../__chunks/Z32BISHQ.js";
+} from "../__chunks/Y7TEGSHG.js";
+import "../__chunks/3LH6HMTR.js";
+import "../__chunks/OIB4PV4M.js";
+import "../__chunks/QZUWIJQN.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
+import "../__chunks/COWZSPJ7.js";
+import "../__chunks/CMXOY7UW.js";
+import "../__chunks/JDEWEW7S.js";
+import "../__chunks/7FZLUSKW.js";
+import "../__chunks/CO7ZDQU2.js";
+import "../__chunks/B5WJDZ55.js";
+import "../__chunks/C76P7QQC.js";
+import "../__chunks/CTKPPFRS.js";
+import "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import "../__chunks/3YLGPPWQ.js";
 export {

package/esm/select/select-value.js

@@ -1,17 +1,17 @@
 "use client";
 import {
   useSelectContext
-} from "../__chunks/KZ2S4ZC5.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
-import "../__chunks/54MGSIOI.js";
-import "../__chunks/DU4D3UCJ.js";
-import "../__chunks/RGUP62TM.js";
-import "../__chunks/HKOOKEDE.js";
+} from "../__chunks/SLHXTMPQ.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
+import "../__chunks/COWZSPJ7.js";
+import "../__chunks/CMXOY7UW.js";
+import "../__chunks/JDEWEW7S.js";
+import "../__chunks/7FZLUSKW.js";
 import {
   useStoreState
-} from "../__chunks/2GXGCHW6.js";
-import "../__chunks/Z32BISHQ.js";
+} from "../__chunks/CTKPPFRS.js";
+import "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import "../__chunks/3YLGPPWQ.js";
 

package/esm/select/select.js

@@ -1,42 +1,42 @@
 "use client";
 import {
   usePopoverDisclosure
-} from "../__chunks/IZAFJHVY.js";
-import "../__chunks/KCVNYWKF.js";
-import "../__chunks/O3TNZQBF.js";
-import "../__chunks/74NFH3UH.js";
-import "../__chunks/3R3N43YO.js";
+} from "../__chunks/QE62MSCL.js";
+import "../__chunks/35RDKJF6.js";
+import "../__chunks/RM6VCCZ7.js";
+import "../__chunks/NWYOIOBE.js";
+import "../__chunks/JOBHIYEN.js";
 import {
   SelectArrow
-} from "../__chunks/2UJDTHC7.js";
-import "../__chunks/CAGM4AEJ.js";
+} from "../__chunks/R7IT6RIP.js";
+import "../__chunks/A7OBCLOL.js";
 import {
   useCompositeTypeahead
-} from "../__chunks/DS36B3MQ.js";
+} from "../__chunks/CWIRMIEN.js";
 import {
   SelectScopedContextProvider,
   useSelectProviderContext
-} from "../__chunks/KZ2S4ZC5.js";
-import "../__chunks/NAXN2XAB.js";
+} from "../__chunks/SLHXTMPQ.js";
+import "../__chunks/ZHUQ44XA.js";
 import "../__chunks/5VQZOHHZ.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
-import "../__chunks/54MGSIOI.js";
-import "../__chunks/DU4D3UCJ.js";
-import "../__chunks/RGUP62TM.js";
-import "../__chunks/HGZKAGPL.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
+import "../__chunks/COWZSPJ7.js";
+import "../__chunks/CMXOY7UW.js";
+import "../__chunks/JDEWEW7S.js";
+import "../__chunks/Z4WWVOIF.js";
 import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/HKOOKEDE.js";
+} from "../__chunks/7FZLUSKW.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs,
   useWrapElement
-} from "../__chunks/Z32BISHQ.js";
+} from "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,

package/esm/separator/separator.js

@@ -2,9 +2,9 @@
 import {
   Separator,
   useSeparator
-} from "../__chunks/LOI6GHIP.js";
-import "../__chunks/HKOOKEDE.js";
-import "../__chunks/Z32BISHQ.js";
+} from "../__chunks/33WVSQBK.js";
+import "../__chunks/7FZLUSKW.js";
+import "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import "../__chunks/3YLGPPWQ.js";
 export {

package/esm/tab/tab-context.js

@@ -5,11 +5,11 @@ import {
   useTabContext,
   useTabProviderContext,
   useTabScopedContext
-} from "../__chunks/TNITL632.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
-import "../__chunks/HKOOKEDE.js";
-import "../__chunks/Z32BISHQ.js";
+} from "../__chunks/BSRZWVZO.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
+import "../__chunks/7FZLUSKW.js";
+import "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import "../__chunks/3YLGPPWQ.js";
 export {

package/esm/tab/tab-list.js

@@ -2,23 +2,23 @@
 import {
   TabScopedContextProvider,
   useTabProviderContext
-} from "../__chunks/TNITL632.js";
+} from "../__chunks/BSRZWVZO.js";
 import {
   useComposite
-} from "../__chunks/TW35PKTK.js";
+} from "../__chunks/IKLZZMLE.js";
 import "../__chunks/5VQZOHHZ.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
-import "../__chunks/HGZKAGPL.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
+import "../__chunks/Z4WWVOIF.js";
 import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/HKOOKEDE.js";
+} from "../__chunks/7FZLUSKW.js";
 import {
   useWrapElement
-} from "../__chunks/Z32BISHQ.js";
+} from "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,

package/esm/tab/tab-panel.d.ts

@@ -1,4 +1,4 @@
-import type { ElementType } from "react";
+import type { ElementType, RefObject } from "react";
 import type { CollectionItemOptions } from "../collection/collection-item.tsx";
 import type { DisclosureContentOptions } from "../disclosure/disclosure-content.tsx";
 import type { FocusableOptions } from "../focusable/focusable.tsx";
@@ -73,6 +73,44 @@ export interface TabPanelOptions<T extends ElementType = TagName> extends Focusa
      *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     tabId?: string | null;
+    /**
+     * Manages the scrolling behavior of the tab panel when it is hidden and then
+     * shown again.
+     *
+     * This is especially useful when using a single tab panel for multiple tabs,
+     * where you dynamically change the
+     * [`tabId`](https://ariakit.org/reference/tab-panel#tabid) prop and the
+     * panel's children, which would otherwise retain the current scroll position
+     * when switching tabs.
+     *
+     * When set to `true`, the component will save the scroll position and restore
+     * it when the panel is shown again. When set to `"reset"`, the scroll
+     * position will reset to the top when the panel is displayed again.
+     *
+     * The default scroll element is the tab panel itself. To scroll a different
+     * element, use the
+     * [`scrollElement`](https://ariakit.org/reference/tab-panel#scrollelement)
+     * prop.
+     * @default false
+     */
+    scrollRestoration?: boolean | "reset";
+    /**
+     * When using the
+     * [`scrollRestoration`](https://ariakit.org/reference/tab-panel#scrollrestoration)
+     * prop, the tab panel element serves as the default scroll element. You can
+     * use this prop to designate a different element for scrolling.
+     *
+     * If a function is provided, it will be called with the tab panel element as
+     * an argument. The function should return the element to scroll.
+     * @example
+     * ```jsx
+     * <TabPanel
+     *   scrollRestoration
+     *   scrollElement={(panel) => panel.querySelector(".scrollable")}
+     * />
+     * ```
+     */
+    scrollElement?: HTMLElement | RefObject<HTMLElement> | ((panel: HTMLElement) => HTMLElement | null);
 }
 export type TabPanelProps<T extends ElementType = TagName> = Props<T, TabPanelOptions<T>>;
 export {};

package/esm/tab/tab-panel.js

@@ -2,36 +2,38 @@
 import {
   TabScopedContextProvider,
   useTabProviderContext
-} from "../__chunks/TNITL632.js";
+} from "../__chunks/BSRZWVZO.js";
 import {
   useCollectionItem
-} from "../__chunks/PLQDTVXM.js";
-import "../__chunks/WENSINUV.js";
-import "../__chunks/FMYQNSCK.js";
+} from "../__chunks/SZHY72KI.js";
+import "../__chunks/APGXEJ2Q.js";
+import "../__chunks/G4PVPWEW.js";
 import {
   useDisclosureContent
-} from "../__chunks/BSEL4YAF.js";
-import "../__chunks/DU4D3UCJ.js";
-import "../__chunks/RGUP62TM.js";
+} from "../__chunks/NSKXVZEF.js";
+import "../__chunks/CMXOY7UW.js";
+import "../__chunks/JDEWEW7S.js";
 import {
   useFocusable
-} from "../__chunks/HGZKAGPL.js";
+} from "../__chunks/Z4WWVOIF.js";
 import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/HKOOKEDE.js";
+} from "../__chunks/7FZLUSKW.js";
 import {
   useDisclosureStore
-} from "../__chunks/KGK2TTFO.js";
-import "../__chunks/2GXGCHW6.js";
+} from "../__chunks/C76P7QQC.js";
+import {
+  useStoreState
+} from "../__chunks/CTKPPFRS.js";
 import {
   useEvent,
   useId,
   useMergeRefs,
   useWrapElement
-} from "../__chunks/Z32BISHQ.js";
+} from "../__chunks/HNHAUIIY.js";
 import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,
@@ -40,7 +42,6 @@ import {
 } from "../__chunks/3YLGPPWQ.js";
 
 // src/tab/tab-panel.tsx
-import { createTabStore } from "@ariakit/core/tab/tab-store";
 import { getAllTabbableIn } from "@ariakit/core/utils/focus";
 import { invariant } from "@ariakit/core/utils/misc";
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -52,12 +53,16 @@ var useTabPanel = createHook(
       store,
       unmountOnHide,
       tabId: tabIdProp,
-      getItem: getItemProp
+      getItem: getItemProp,
+      scrollRestoration,
+      scrollElement
     } = _b, props = __objRest(_b, [
       "store",
       "unmountOnHide",
       "tabId",
-      "getItem"
+      "getItem",
+      "scrollRestoration",
+      "scrollElement"
     ]);
     const context = useTabProviderContext();
     store = store || context;
@@ -67,6 +72,58 @@ var useTabPanel = createHook(
     );
     const ref = useRef(null);
     const id = useId(props.id);
+    const tabId = useStoreState(
+      store.panels,
+      () => {
+        var _a2;
+        return tabIdProp || ((_a2 = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a2.tabId);
+      }
+    );
+    const open = useStoreState(
+      store,
+      (state) => !!tabId && state.selectedId === tabId
+    );
+    const disclosure = useDisclosureStore({ open });
+    const mounted = useStoreState(disclosure, "mounted");
+    const scrollPositionRef = useRef(
+      /* @__PURE__ */ new Map()
+    );
+    const getScrollElement = useEvent(() => {
+      const panelElement = ref.current;
+      if (!panelElement) return null;
+      if (!scrollElement) return panelElement;
+      if (typeof scrollElement === "function") {
+        return scrollElement(panelElement);
+      }
+      if ("current" in scrollElement) {
+        return scrollElement.current;
+      }
+      return scrollElement;
+    });
+    useEffect(() => {
+      var _a2, _b2;
+      if (!scrollRestoration) return;
+      if (!mounted) return;
+      const element = getScrollElement();
+      if (!element) return;
+      if (scrollRestoration === "reset") {
+        element.scroll(0, 0);
+        return;
+      }
+      if (!tabId) return;
+      const position = scrollPositionRef.current.get(tabId);
+      element.scroll((_a2 = position == null ? void 0 : position.x) != null ? _a2 : 0, (_b2 = position == null ? void 0 : position.y) != null ? _b2 : 0);
+      const onScroll = () => {
+        scrollPositionRef.current.set(tabId, {
+          x: element.scrollLeft,
+          y: element.scrollTop
+        });
+      };
+      element.addEventListener("scroll", onScroll);
+      return () => {
+        element.removeEventListener("scroll", onScroll);
+      };
+    }, [scrollRestoration, mounted, tabId, getScrollElement, store]);
     const [hasTabbableChildren, setHasTabbableChildren] = useState(false);
     useEffect(() => {
       const element = ref.current;
@@ -89,18 +146,16 @@ var useTabPanel = createHook(
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented) return;
       if (!(store == null ? void 0 : store.composite)) return;
-      const state = store.getState();
-      const tab = createTabStore(__spreadProps(__spreadValues({}, state), { activeId: state.selectedId }));
-      tab.setState("renderedItems", state.renderedItems);
       const keyMap = {
-        ArrowLeft: tab.previous,
-        ArrowRight: tab.next,
-        Home: tab.first,
-        End: tab.last
+        ArrowLeft: store.previous,
+        ArrowRight: store.next,
+        Home: store.first,
+        End: store.last
       };
       const action = keyMap[event.key];
       if (!action) return;
-      const nextId = action();
+      const { selectedId } = store.getState();
+      const nextId = action({ activeId: selectedId });
       if (!nextId) return;
       event.preventDefault();
       store.move(nextId);
@@ -110,17 +165,6 @@ var useTabPanel = createHook(
       (element) => /* @__PURE__ */ jsx(TabScopedContextProvider, { value: store, children: element }),
       [store]
     );
-    const tabId = store.panels.useState(
-      () => {
-        var _a2;
-        return tabIdProp || ((_a2 = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a2.tabId);
-      }
-    );
-    const open = store.useState(
-      (state) => !!tabId && state.selectedId === tabId
-    );
-    const disclosure = useDisclosureStore({ open });
-    const mounted = disclosure.useState("mounted");
     props = __spreadProps(__spreadValues({
       id,
       role: "tabpanel",