@ariakit/react-core 0.4.11 → 0.4.13

package/cjs/select/select.cjs

@@ -1,48 +1,47 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _LTKKWFIOcjs = require('../__chunks/LTKKWFIO.cjs');
+require('../__chunks/4RLNADFK.cjs');
+require('../__chunks/LSQ5XROE.cjs');
+require('../__chunks/QMCNFBPO.cjs');
+require('../__chunks/XHEEGBWU.cjs');
 
-var _HC4FRUT6cjs = require('../__chunks/HC4FRUT6.cjs');
-require('../__chunks/UALZQVMV.cjs');
-require('../__chunks/I4CNIETU.cjs');
-require('../__chunks/RMSWSIPT.cjs');
-require('../__chunks/X5YEYHCO.cjs');
 
+var _3MUWK7XKcjs = require('../__chunks/3MUWK7XK.cjs');
+require('../__chunks/O7N5RMXZ.cjs');
 
-var _ZM7XHBNFcjs = require('../__chunks/ZM7XHBNF.cjs');
-require('../__chunks/C6F3GNG7.cjs');
 
+var _NEZR6RYDcjs = require('../__chunks/NEZR6RYD.cjs');
 
-var _PUMYQXTDcjs = require('../__chunks/PUMYQXTD.cjs');
 
 
+var _P66OGEAYcjs = require('../__chunks/P66OGEAY.cjs');
+require('../__chunks/BBHOBWVO.cjs');
+require('../__chunks/MIBORXQW.cjs');
+require('../__chunks/2P3WACML.cjs');
+require('../__chunks/UJOJUNIC.cjs');
+require('../__chunks/5X5VM34K.cjs');
+require('../__chunks/E3JIN4WH.cjs');
+require('../__chunks/EPHIWWY3.cjs');
+require('../__chunks/XFOTDXSH.cjs');
+require('../__chunks/T3QB4FR3.cjs');
 
-var _RBHGB7EBcjs = require('../__chunks/RBHGB7EB.cjs');
-require('../__chunks/RGJOOXFU.cjs');
-require('../__chunks/BV5PE6PZ.cjs');
-require('../__chunks/3MQN464L.cjs');
-require('../__chunks/32EK4BGY.cjs');
-require('../__chunks/AMARRBCF.cjs');
-require('../__chunks/HHTQYHYL.cjs');
-require('../__chunks/7K2RM2SD.cjs');
-require('../__chunks/46DIVJOT.cjs');
-require('../__chunks/DYIDES27.cjs');
 
 
 
+var _MFAH5VLWcjs = require('../__chunks/MFAH5VLW.cjs');
 
-var _M5IWBORBcjs = require('../__chunks/M5IWBORB.cjs');
 
 
 
 
+var _TM5Y6AJUcjs = require('../__chunks/TM5Y6AJU.cjs');
+require('../__chunks/FDRJDQ5Y.cjs');
 
-var _WT6AUJWVcjs = require('../__chunks/WT6AUJWV.cjs');
-require('../__chunks/54XFMNDS.cjs');
 
 
 
-
-var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
+var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');
 
 // src/select/select.tsx
 var _array = require('@ariakit/core/utils/array');
@@ -71,7 +70,7 @@ function nextWithValue(store, next) {
     return nextItem == null ? void 0 : nextItem.id;
   };
 }
-var useSelect = _M5IWBORBcjs.createHook.call(void 0, function useSelect2(_a) {
+var useSelect = _MFAH5VLWcjs.createHook.call(void 0, function useSelect2(_a) {
   var _b = _a, {
     store,
     name,
@@ -81,7 +80,7 @@ var useSelect = _M5IWBORBcjs.createHook.call(void 0, function useSelect2(_a) {
     moveOnKeyDown = true,
     toggleOnPress = true,
     toggleOnClick = toggleOnPress
-  } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
+  } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
     "store",
     "name",
     "form",
@@ -91,20 +90,20 @@ var useSelect = _M5IWBORBcjs.createHook.call(void 0, function useSelect2(_a) {
     "toggleOnPress",
     "toggleOnClick"
   ]);
-  const context = _RBHGB7EBcjs.useSelectProviderContext.call(void 0, );
+  const context = _P66OGEAYcjs.useSelectProviderContext.call(void 0, );
   store = store || context;
   _misc.invariant.call(void 0, 
     store,
     process.env.NODE_ENV !== "production" && "Select must receive a `store` prop or be wrapped in a SelectProvider component."
   );
   const onKeyDownProp = props.onKeyDown;
-  const showOnKeyDownProp = _WT6AUJWVcjs.useBooleanEvent.call(void 0, showOnKeyDown);
-  const moveOnKeyDownProp = _WT6AUJWVcjs.useBooleanEvent.call(void 0, moveOnKeyDown);
+  const showOnKeyDownProp = _TM5Y6AJUcjs.useBooleanEvent.call(void 0, showOnKeyDown);
+  const moveOnKeyDownProp = _TM5Y6AJUcjs.useBooleanEvent.call(void 0, moveOnKeyDown);
   const placement = store.useState("placement");
   const dir = placement.split("-")[0];
   const value = store.useState("value");
   const multiSelectable = Array.isArray(value);
-  const onKeyDown = _WT6AUJWVcjs.useEvent.call(void 0, (event) => {
+  const onKeyDown = _TM5Y6AJUcjs.useEvent.call(void 0, (event) => {
     var _a2;
     onKeyDownProp == null ? void 0 : onKeyDownProp(event);
     if (event.defaultPrevented) return;
@@ -140,9 +139,9 @@ var useSelect = _M5IWBORBcjs.createHook.call(void 0, function useSelect2(_a) {
       _events.queueBeforeEvent.call(void 0, event.currentTarget, "keyup", store.show);
     }
   });
-  props = _WT6AUJWVcjs.useWrapElement.call(void 0, 
+  props = _TM5Y6AJUcjs.useWrapElement.call(void 0, 
     props,
-    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RBHGB7EBcjs.SelectScopedContextProvider, { value: store, children: element }),
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _P66OGEAYcjs.SelectScopedContextProvider, { value: store, children: element }),
     [store]
   );
   const [autofill, setAutofill] = _react.useState.call(void 0, false);
@@ -166,7 +165,7 @@ var useSelect = _M5IWBORBcjs.createHook.call(void 0, function useSelect2(_a) {
   const values = _react.useMemo.call(void 0, () => {
     return [...new Set(items == null ? void 0 : items.map((i) => i.value).filter((v) => v != null))];
   }, [items]);
-  props = _WT6AUJWVcjs.useWrapElement.call(void 0, 
+  props = _TM5Y6AJUcjs.useWrapElement.call(void 0, 
     props,
     (element) => {
       if (!name) return element;
@@ -232,10 +231,10 @@ var useSelect = _M5IWBORBcjs.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, _ZM7XHBNFcjs.SelectArrow, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3MUWK7XKcjs.SelectArrow, {})
   ] });
   const contentElement = store.useState("contentElement");
-  props = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {
+  props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
     role: "combobox",
     "aria-autocomplete": "none",
     "aria-labelledby": labelId,
@@ -244,16 +243,16 @@ var useSelect = _M5IWBORBcjs.createHook.call(void 0, function useSelect2(_a) {
     "data-name": name,
     children
   }, props), {
-    ref: _WT6AUJWVcjs.useMergeRefs.call(void 0, store.setSelectElement, props.ref),
+    ref: _TM5Y6AJUcjs.useMergeRefs.call(void 0, store.setSelectElement, props.ref),
     onKeyDown
   });
-  props = _HC4FRUT6cjs.usePopoverDisclosure.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { store, toggleOnClick }, props));
-  props = _PUMYQXTDcjs.useCompositeTypeahead.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { store }, props));
+  props = _LTKKWFIOcjs.usePopoverDisclosure.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, toggleOnClick }, props));
+  props = _NEZR6RYDcjs.useCompositeTypeahead.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });
-var Select = _M5IWBORBcjs.forwardRef.call(void 0, function Select2(props) {
+var Select = _MFAH5VLWcjs.forwardRef.call(void 0, function Select2(props) {
   const htmlProps = useSelect(props);
-  return _M5IWBORBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _MFAH5VLWcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/separator/separator.cjs

@@ -1,13 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+var _EVB266LVcjs = require('../__chunks/EVB266LV.cjs');
+require('../__chunks/MFAH5VLW.cjs');
+require('../__chunks/TM5Y6AJU.cjs');
+require('../__chunks/FDRJDQ5Y.cjs');
+require('../__chunks/7EQBAZ46.cjs');
 
-var _7HGGYTZOcjs = require('../__chunks/7HGGYTZO.cjs');
-require('../__chunks/M5IWBORB.cjs');
-require('../__chunks/WT6AUJWV.cjs');
-require('../__chunks/54XFMNDS.cjs');
-require('../__chunks/3IVNQNIV.cjs');
 
 
-
-exports.Separator = _7HGGYTZOcjs.Separator; exports.useSeparator = _7HGGYTZOcjs.useSeparator;
+exports.Separator = _EVB266LVcjs.Separator; exports.useSeparator = _EVB266LVcjs.useSeparator;

package/cjs/tab/tab-context.cjs

@@ -1,21 +1,20 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
 
 
 
+var _JXWSXYURcjs = require('../__chunks/JXWSXYUR.cjs');
+require('../__chunks/2P3WACML.cjs');
+require('../__chunks/UJOJUNIC.cjs');
+require('../__chunks/MFAH5VLW.cjs');
+require('../__chunks/TM5Y6AJU.cjs');
+require('../__chunks/FDRJDQ5Y.cjs');
+require('../__chunks/7EQBAZ46.cjs');
 
-var _PSYRVXCOcjs = require('../__chunks/PSYRVXCO.cjs');
-require('../__chunks/3MQN464L.cjs');
-require('../__chunks/32EK4BGY.cjs');
-require('../__chunks/M5IWBORB.cjs');
-require('../__chunks/WT6AUJWV.cjs');
-require('../__chunks/54XFMNDS.cjs');
-require('../__chunks/3IVNQNIV.cjs');
 
 
 
 
 
-
-exports.TabContextProvider = _PSYRVXCOcjs.TabContextProvider; exports.TabScopedContextProvider = _PSYRVXCOcjs.TabScopedContextProvider; exports.useTabContext = _PSYRVXCOcjs.useTabContext; exports.useTabProviderContext = _PSYRVXCOcjs.useTabProviderContext; exports.useTabScopedContext = _PSYRVXCOcjs.useTabScopedContext;
+exports.TabContextProvider = _JXWSXYURcjs.TabContextProvider; exports.TabScopedContextProvider = _JXWSXYURcjs.TabScopedContextProvider; exports.useTabContext = _JXWSXYURcjs.useTabContext; exports.useTabProviderContext = _JXWSXYURcjs.useTabProviderContext; exports.useTabScopedContext = _JXWSXYURcjs.useTabScopedContext;

package/cjs/tab/tab-list.cjs

@@ -1,38 +1,37 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+var _JXWSXYURcjs = require('../__chunks/JXWSXYUR.cjs');
 
-var _PSYRVXCOcjs = require('../__chunks/PSYRVXCO.cjs');
 
+var _BUKUAI2Fcjs = require('../__chunks/BUKUAI2F.cjs');
+require('../__chunks/MIBORXQW.cjs');
+require('../__chunks/2P3WACML.cjs');
+require('../__chunks/UJOJUNIC.cjs');
+require('../__chunks/XFOTDXSH.cjs');
+require('../__chunks/T3QB4FR3.cjs');
 
-var _PXR5PBE2cjs = require('../__chunks/PXR5PBE2.cjs');
-require('../__chunks/BV5PE6PZ.cjs');
-require('../__chunks/3MQN464L.cjs');
-require('../__chunks/32EK4BGY.cjs');
-require('../__chunks/46DIVJOT.cjs');
-require('../__chunks/DYIDES27.cjs');
 
 
 
+var _MFAH5VLWcjs = require('../__chunks/MFAH5VLW.cjs');
 
-var _M5IWBORBcjs = require('../__chunks/M5IWBORB.cjs');
 
+var _TM5Y6AJUcjs = require('../__chunks/TM5Y6AJU.cjs');
+require('../__chunks/FDRJDQ5Y.cjs');
 
-var _WT6AUJWVcjs = require('../__chunks/WT6AUJWV.cjs');
-require('../__chunks/54XFMNDS.cjs');
 
 
-
-var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
+var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');
 
 // src/tab/tab-list.tsx
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useTabList = _M5IWBORBcjs.createHook.call(void 0, 
+var useTabList = _MFAH5VLWcjs.createHook.call(void 0, 
   function useTabList2(_a) {
-    var _b = _a, { store } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _PSYRVXCOcjs.useTabProviderContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _JXWSXYURcjs.useTabProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -41,27 +40,27 @@ var useTabList = _M5IWBORBcjs.createHook.call(void 0,
     const orientation = store.useState(
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
-    props = _WT6AUJWVcjs.useWrapElement.call(void 0, 
+    props = _TM5Y6AJUcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PSYRVXCOcjs.TabScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _JXWSXYURcjs.TabScopedContextProvider, { value: store, children: element }),
       [store]
     );
     if (store.composite) {
-      props = _3IVNQNIVcjs.__spreadValues.call(void 0, {
+      props = _7EQBAZ46cjs.__spreadValues.call(void 0, {
         focusable: false
       }, props);
     }
-    props = _3IVNQNIVcjs.__spreadValues.call(void 0, {
+    props = _7EQBAZ46cjs.__spreadValues.call(void 0, {
       role: "tablist",
       "aria-orientation": orientation
     }, props);
-    props = _PXR5PBE2cjs.useComposite.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { store }, props));
+    props = _BUKUAI2Fcjs.useComposite.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var TabList = _M5IWBORBcjs.forwardRef.call(void 0, function TabList2(props) {
+var TabList = _MFAH5VLWcjs.forwardRef.call(void 0, function TabList2(props) {
   const htmlProps = useTabList(props);
-  return _M5IWBORBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _MFAH5VLWcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/tab/tab-panel.cjs

@@ -1,72 +1,128 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+var _JXWSXYURcjs = require('../__chunks/JXWSXYUR.cjs');
 
-var _PSYRVXCOcjs = require('../__chunks/PSYRVXCO.cjs');
 
+var _EPRWVKECcjs = require('../__chunks/EPRWVKEC.cjs');
+require('../__chunks/2P3WACML.cjs');
+require('../__chunks/UJOJUNIC.cjs');
 
-var _RRCMCI3Icjs = require('../__chunks/RRCMCI3I.cjs');
-require('../__chunks/3MQN464L.cjs');
-require('../__chunks/32EK4BGY.cjs');
 
+var _DLUVLUIWcjs = require('../__chunks/DLUVLUIW.cjs');
+require('../__chunks/E3JIN4WH.cjs');
+require('../__chunks/EPHIWWY3.cjs');
 
-var _VRPZ4HD5cjs = require('../__chunks/VRPZ4HD5.cjs');
-require('../__chunks/HHTQYHYL.cjs');
-require('../__chunks/7K2RM2SD.cjs');
 
+var _XFOTDXSHcjs = require('../__chunks/XFOTDXSH.cjs');
+require('../__chunks/T3QB4FR3.cjs');
 
-var _46DIVJOTcjs = require('../__chunks/46DIVJOT.cjs');
-require('../__chunks/DYIDES27.cjs');
 
 
 
+var _MFAH5VLWcjs = require('../__chunks/MFAH5VLW.cjs');
 
-var _M5IWBORBcjs = require('../__chunks/M5IWBORB.cjs');
 
+var _VZG3Q4VAcjs = require('../__chunks/VZG3Q4VA.cjs');
 
-var _C55AGIGAcjs = require('../__chunks/C55AGIGA.cjs');
-require('../__chunks/DMH7HONV.cjs');
 
+var _Y7UE4JBRcjs = require('../__chunks/Y7UE4JBR.cjs');
 
 
 
 
-var _WT6AUJWVcjs = require('../__chunks/WT6AUJWV.cjs');
-require('../__chunks/54XFMNDS.cjs');
 
+var _TM5Y6AJUcjs = require('../__chunks/TM5Y6AJU.cjs');
+require('../__chunks/FDRJDQ5Y.cjs');
 
 
 
-var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
+
+var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');
 
 // src/tab/tab-panel.tsx
-var _tabstore = require('@ariakit/core/tab/tab-store');
 var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useTabPanel = _M5IWBORBcjs.createHook.call(void 0, 
+var useTabPanel = _MFAH5VLWcjs.createHook.call(void 0, 
   function useTabPanel2(_a) {
     var _b = _a, {
       store,
       unmountOnHide,
       tabId: tabIdProp,
-      getItem: getItemProp
-    } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
+      getItem: getItemProp,
+      scrollRestoration,
+      scrollElement
+    } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
       "store",
       "unmountOnHide",
       "tabId",
-      "getItem"
+      "getItem",
+      "scrollRestoration",
+      "scrollElement"
     ]);
-    const context = _PSYRVXCOcjs.useTabProviderContext.call(void 0, );
+    const context = _JXWSXYURcjs.useTabProviderContext.call(void 0, );
     store = store || context;
     _misc.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 = _WT6AUJWVcjs.useId.call(void 0, props.id);
+    const id = _TM5Y6AJUcjs.useId.call(void 0, props.id);
+    const tabId = _Y7UE4JBRcjs.useStoreState.call(void 0, 
+      store.panels,
+      () => {
+        var _a2;
+        return tabIdProp || ((_a2 = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a2.tabId);
+      }
+    );
+    const open = _Y7UE4JBRcjs.useStoreState.call(void 0, 
+      store,
+      (state) => !!tabId && state.selectedId === tabId
+    );
+    const disclosure = _VZG3Q4VAcjs.useDisclosureStore.call(void 0, { open });
+    const mounted = _Y7UE4JBRcjs.useStoreState.call(void 0, disclosure, "mounted");
+    const scrollPositionRef = _react.useRef.call(void 0, 
+      /* @__PURE__ */ new Map()
+    );
+    const getScrollElement = _TM5Y6AJUcjs.useEvent.call(void 0, () => {
+      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;
+    });
+    _react.useEffect.call(void 0, () => {
+      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] = _react.useState.call(void 0, false);
     _react.useEffect.call(void 0, () => {
       const element = ref.current;
@@ -76,7 +132,7 @@ var useTabPanel = _M5IWBORBcjs.createHook.call(void 0,
     }, []);
     const getItem = _react.useCallback.call(void 0, 
       (item) => {
-        const nextItem = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, item), { id: id || item.id, tabId: tabIdProp });
+        const nextItem = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, item), { id: id || item.id, tabId: tabIdProp });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -85,64 +141,51 @@ var useTabPanel = _M5IWBORBcjs.createHook.call(void 0,
       [id, tabIdProp, getItemProp]
     );
     const onKeyDownProp = props.onKeyDown;
-    const onKeyDown = _WT6AUJWVcjs.useEvent.call(void 0, (event) => {
+    const onKeyDown = _TM5Y6AJUcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented) return;
       if (!(store == null ? void 0 : store.composite)) return;
-      const state = store.getState();
-      const tab = _tabstore.createTabStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, 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);
     });
-    props = _WT6AUJWVcjs.useWrapElement.call(void 0, 
+    props = _TM5Y6AJUcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PSYRVXCOcjs.TabScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _JXWSXYURcjs.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 = _C55AGIGAcjs.useDisclosureStore.call(void 0, { open });
-    const mounted = disclosure.useState("mounted");
-    props = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {
+    props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       id,
       role: "tabpanel",
       "aria-labelledby": tabId || void 0
     }, props), {
       children: unmountOnHide && !mounted ? null : props.children,
-      ref: _WT6AUJWVcjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _TM5Y6AJUcjs.useMergeRefs.call(void 0, ref, props.ref),
       onKeyDown
     });
-    props = _46DIVJOTcjs.useFocusable.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {
+    props = _XFOTDXSHcjs.useFocusable.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.
       focusable: !store.composite && !hasTabbableChildren
     }, props));
-    props = _VRPZ4HD5cjs.useDisclosureContent.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { store: disclosure }, props));
-    props = _RRCMCI3Icjs.useCollectionItem.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { store: store.panels }, props), { getItem }));
+    props = _DLUVLUIWcjs.useDisclosureContent.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store: disclosure }, props));
+    props = _EPRWVKECcjs.useCollectionItem.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store: store.panels }, props), { getItem }));
     return props;
   }
 );
-var TabPanel = _M5IWBORBcjs.forwardRef.call(void 0, function TabPanel2(props) {
+var TabPanel = _MFAH5VLWcjs.forwardRef.call(void 0, function TabPanel2(props) {
   const htmlProps = useTabPanel(props);
-  return _M5IWBORBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _MFAH5VLWcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

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

@@ -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/cjs/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 {};