@ariakit/react-core 0.1.5 → 0.1.7

package/cjs/select/select-row.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _TZSSCEPYcjs = require('../__chunks/TZSSCEPY.cjs');
+var _3BSEASERcjs = require('../__chunks/3BSEASER.cjs');
 
 
 var _RCGSDYWJcjs = require('../__chunks/RCGSDYWJ.cjs');
@@ -9,16 +9,21 @@ require('../__chunks/NVMBKFRB.cjs');
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/select/select-row.ts
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
-var useSelectRow = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, ...props }) => {
+var useSelectRow = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _react.useContext.call(void 0, _RCGSDYWJcjs.SelectContext);
     store = store || context;
     _misc.invariant.call(void 0, 
@@ -28,14 +33,14 @@ var useSelectRow = _UYIFJ7U3cjs.createHook.call(void 0,
     const contentElement = store.useState("contentElement");
     const popupRole = _dom.getPopupRole.call(void 0, contentElement);
     const role = popupRole === "grid" ? "row" : "presentation";
-    props = { role, ...props };
-    props = _TZSSCEPYcjs.useCompositeRow.call(void 0, { store, ...props });
+    props = _6455U47Tcjs.__spreadValues.call(void 0, { role }, props);
+    props = _3BSEASERcjs.useCompositeRow.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var SelectRow = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+var SelectRow = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectRow(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectRow.displayName = "SelectRow";

package/cjs/select/select-separator.cjs

@@ -1,25 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _IZT4J627cjs = require('../__chunks/IZT4J627.cjs');
-require('../__chunks/ET6BKYQA.cjs');
+var _IVDDGJWUcjs = require('../__chunks/IVDDGJWU.cjs');
+require('../__chunks/H4HQSH5N.cjs');
 require('../__chunks/NVMBKFRB.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/6455U47T.cjs');
 
 // src/select/select-separator.ts
-var useSelectSeparator = _UYIFJ7U3cjs.createHook.call(void 0, 
+var useSelectSeparator = _7NAIPZYNcjs.createHook.call(void 0, 
   (props) => {
-    props = _IZT4J627cjs.useCompositeSeparator.call(void 0, props);
+    props = _IVDDGJWUcjs.useCompositeSeparator.call(void 0, props);
     return props;
   }
 );
-var SelectSeparator = _UYIFJ7U3cjs.createComponent.call(void 0, 
+var SelectSeparator = _7NAIPZYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useSelectSeparator(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "hr", htmlProps);
+    return _7NAIPZYNcjs.createElement.call(void 0, "hr", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/select/select-store.cjs

@@ -1,39 +1,39 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _EZLBMRYScjs = require('../__chunks/EZLBMRYS.cjs');
-require('../__chunks/KPYDIKOY.cjs');
+var _EXKBMUPCcjs = require('../__chunks/EXKBMUPC.cjs');
+require('../__chunks/KZLZWIJN.cjs');
 
 
 
-var _BJ6S3SB5cjs = require('../__chunks/BJ6S3SB5.cjs');
-require('../__chunks/FJEN5XPE.cjs');
-require('../__chunks/EQUPHBKX.cjs');
+var _AUDANYMJcjs = require('../__chunks/AUDANYMJ.cjs');
+require('../__chunks/RD47UJK7.cjs');
+require('../__chunks/P7TWEJ6I.cjs');
 
 
 
-var _TQ3ZXPQLcjs = require('../__chunks/TQ3ZXPQL.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+var _F7HVNVHQcjs = require('../__chunks/F7HVNVHQ.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/select/select-store.ts
 var _selectstore = require('@ariakit/core/select/select-store'); var Core = _interopRequireWildcard(_selectstore);
 function useSelectStoreOptions(props) {
-  return {
-    ..._EZLBMRYScjs.useCompositeStoreOptions.call(void 0, props),
-    ..._BJ6S3SB5cjs.usePopoverStoreOptions.call(void 0, props)
-  };
+  return _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, _EXKBMUPCcjs.useCompositeStoreOptions.call(void 0, props)), _AUDANYMJcjs.usePopoverStoreOptions.call(void 0, props));
 }
 function useSelectStoreProps(store, props) {
-  store = _EZLBMRYScjs.useCompositeStoreProps.call(void 0, store, props);
-  store = _BJ6S3SB5cjs.usePopoverStoreProps.call(void 0, store, props);
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  store = _EXKBMUPCcjs.useCompositeStoreProps.call(void 0, store, props);
+  store = _AUDANYMJcjs.usePopoverStoreProps.call(void 0, store, props);
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useSelectStore(props = {}) {
   const options = useSelectStoreOptions(props);
-  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
-    () => Core.createSelectStore({ ...props, ...options })
+  const store = _F7HVNVHQcjs.useStore.call(void 0, 
+    () => Core.createSelectStore(_6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useSelectStoreProps(store, props);
 }

package/cjs/select/select.cjs

@@ -1,41 +1,47 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _LICOAFSXcjs = require('../__chunks/LICOAFSX.cjs');
-require('../__chunks/22VQR3WC.cjs');
-require('../__chunks/VSKE43XZ.cjs');
-require('../__chunks/GTWUFHVO.cjs');
+var _OV363CW6cjs = require('../__chunks/OV363CW6.cjs');
+require('../__chunks/WUH43WQ5.cjs');
+require('../__chunks/GE4P5OCB.cjs');
+require('../__chunks/2DVMVYK2.cjs');
 
 
-var _VXIYZJTUcjs = require('../__chunks/VXIYZJTU.cjs');
-require('../__chunks/QTUC5TMJ.cjs');
+var _ZA4H6SFXcjs = require('../__chunks/ZA4H6SFX.cjs');
+require('../__chunks/ISPZN54T.cjs');
 
 
-var _W2ODSL37cjs = require('../__chunks/W2ODSL37.cjs');
+var _HVQRVCAScjs = require('../__chunks/HVQRVCAS.cjs');
 
 
 var _RCGSDYWJcjs = require('../__chunks/RCGSDYWJ.cjs');
 require('../__chunks/W5PBA4D6.cjs');
-require('../__chunks/BJTWNJAP.cjs');
-require('../__chunks/EWCMH6G3.cjs');
-require('../__chunks/6622YWGR.cjs');
-require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/CCVWD45Y.cjs');
+require('../__chunks/DASOL6J2.cjs');
+require('../__chunks/KLZID3QO.cjs');
+require('../__chunks/NVBNDB5B.cjs');
+require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/NVMBKFRB.cjs');
 
 
-var _DGBC5VB4cjs = require('../__chunks/DGBC5VB4.cjs');
+var _QTPUX3NMcjs = require('../__chunks/QTPUX3NM.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
 
 
 
 
 
-var _5QY4WCTRcjs = require('../__chunks/5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/select/select.tsx
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
@@ -60,32 +66,42 @@ function nextWithValue(store, next) {
       if (nextItem === firstItem)
         break;
     }
-    return _optionalChain([nextItem, 'optionalAccess', _ => _.id]);
+    return nextItem == null ? void 0 : nextItem.id;
   };
 }
-var useSelect = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({
-    store,
-    name,
-    form,
-    required,
-    showOnKeyDown = true,
-    moveOnKeyDown = true,
-    toggleOnClick = false,
-    toggleOnPress = !toggleOnClick,
-    ...props
-  }) => {
+var useSelect = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, {
+      store,
+      name,
+      form,
+      required,
+      showOnKeyDown = true,
+      moveOnKeyDown = true,
+      toggleOnClick = false,
+      toggleOnPress = !toggleOnClick
+    } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
+      "store",
+      "name",
+      "form",
+      "required",
+      "showOnKeyDown",
+      "moveOnKeyDown",
+      "toggleOnClick",
+      "toggleOnPress"
+    ]);
     toggleOnPress = toggleOnClick ? false : toggleOnPress;
     const onKeyDownProp = props.onKeyDown;
-    const showOnKeyDownProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, showOnKeyDown);
-    const moveOnKeyDownProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, moveOnKeyDown);
-    const toggleOnPressProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, toggleOnPress);
+    const showOnKeyDownProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, showOnKeyDown);
+    const moveOnKeyDownProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, moveOnKeyDown);
+    const toggleOnPressProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, toggleOnPress);
     const placement = store.useState("placement");
     const dir = placement.split("-")[0];
     const value = store.useState("value");
     const multiSelectable = Array.isArray(value);
-    const onKeyDown = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-      _optionalChain([onKeyDownProp, 'optionalCall', _2 => _2(event)]);
+    const onKeyDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+      var _a2;
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
       const { orientation, items: items2, activeId } = store.getState();
@@ -97,9 +113,9 @@ var useSelect = _UYIFJ7U3cjs.createHook.call(void 0,
       }
       const isVertical = orientation !== "horizontal";
       const isHorizontal = orientation !== "vertical";
-      const isGrid = !!_optionalChain([items2, 'access', _3 => _3.find, 'call', _4 => _4(
+      const isGrid = !!((_a2 = items2.find(
         (item) => !item.disabled && item.value != null
-      ), 'optionalAccess', _5 => _5.rowId]);
+      )) == null ? void 0 : _a2.rowId);
       const moveKeyMap = {
         ArrowUp: (isGrid || isVertical) && nextWithValue(store, store.up),
         ArrowRight: (isGrid || isHorizontal) && nextWithValue(store, store.next),
@@ -128,8 +144,8 @@ var useSelect = _UYIFJ7U3cjs.createHook.call(void 0,
       }
     });
     const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-      _optionalChain([onMouseDownProp, 'optionalCall', _6 => _6(event)]);
+    const onMouseDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+      onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       if (event.defaultPrevented)
         return;
       if (event.button)
@@ -144,7 +160,7 @@ var useSelect = _UYIFJ7U3cjs.createHook.call(void 0,
         store.toggle();
       });
     });
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RCGSDYWJcjs.SelectContext.Provider, { value: store, children: element }),
       [store]
@@ -158,7 +174,10 @@ var useSelect = _UYIFJ7U3cjs.createHook.call(void 0,
         return;
       setAutofill(false);
     }, [value]);
-    const labelId = store.useState((state) => _optionalChain([state, 'access', _7 => _7.labelElement, 'optionalAccess', _8 => _8.id]));
+    const labelId = store.useState((state) => {
+      var _a2;
+      return (_a2 = state.labelElement) == null ? void 0 : _a2.id;
+    });
     const label = props["aria-label"];
     const labelledBy = props["aria-labelledby"] || labelId;
     const items = store.useState("items");
@@ -167,14 +186,14 @@ var useSelect = _UYIFJ7U3cjs.createHook.call(void 0,
       () => [...new Set(items.map((i) => i.value).filter((v) => v != null))],
       [items]
     );
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
       props,
       (element) => {
         if (!name)
           return element;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _DGBC5VB4cjs.VisuallyHidden,
+            _QTPUX3NMcjs.VisuallyHidden,
             {
               as: "select",
               tabIndex: -1,
@@ -186,7 +205,10 @@ var useSelect = _UYIFJ7U3cjs.createHook.call(void 0,
               required,
               value,
               multiple: multiSelectable,
-              onFocus: () => _optionalChain([store, 'access', _9 => _9.getState, 'call', _10 => _10(), 'access', _11 => _11.selectElement, 'optionalAccess', _12 => _12.focus, 'call', _13 => _13()]),
+              onFocus: () => {
+                var _a2;
+                return (_a2 = store.getState().selectElement) == null ? void 0 : _a2.focus();
+              },
               onChange: (event) => {
                 nativeSelectChangedRef.current = true;
                 setAutofill(true);
@@ -214,30 +236,30 @@ var useSelect = _UYIFJ7U3cjs.createHook.call(void 0,
     );
     const children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       value,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VXIYZJTUcjs.SelectArrow, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZA4H6SFXcjs.SelectArrow, {})
     ] });
     const contentElement = store.useState("contentElement");
-    props = {
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       role: "combobox",
       "aria-autocomplete": "none",
       "aria-labelledby": labelId,
       "aria-haspopup": _dom.getPopupRole.call(void 0, contentElement, "listbox"),
       "data-autofill": autofill ? "" : void 0,
       "data-name": name,
-      children,
-      ...props,
-      ref: _5QY4WCTRcjs.useForkRef.call(void 0, store.setSelectElement, props.ref),
+      children
+    }, props), {
+      ref: _NREUHWTUcjs.useForkRef.call(void 0, store.setSelectElement, props.ref),
       onKeyDown,
       onMouseDown
-    };
-    props = _LICOAFSXcjs.usePopoverDisclosure.call(void 0, { store, toggleOnClick, ...props });
-    props = _W2ODSL37cjs.useCompositeTypeahead.call(void 0, { store, ...props });
+    });
+    props = _OV363CW6cjs.usePopoverDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, toggleOnClick }, props));
+    props = _HVQRVCAScjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var Select = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+var Select = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelect(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "button", htmlProps);
+  return _7NAIPZYNcjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Select.displayName = "Select";

package/cjs/separator/separator.cjs

@@ -1,9 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ET6BKYQAcjs = require('../__chunks/ET6BKYQA.cjs');
-require('../__chunks/UYIFJ7U3.cjs');
+var _H4HQSH5Ncjs = require('../__chunks/H4HQSH5N.cjs');
+require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Separator = _ET6BKYQAcjs.Separator; exports.useSeparator = _ET6BKYQAcjs.useSeparator;
+exports.Separator = _H4HQSH5Ncjs.Separator; exports.useSeparator = _H4HQSH5Ncjs.useSeparator;

package/cjs/tab/tab-context.cjs

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _HRWXWXMEcjs = require('../__chunks/HRWXWXME.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 exports.TabContext = _HRWXWXMEcjs.TabContext;

package/cjs/tab/tab-list.cjs

@@ -3,42 +3,47 @@
 var _HRWXWXMEcjs = require('../__chunks/HRWXWXME.cjs');
 
 
-var _GV5LATA3cjs = require('../__chunks/GV5LATA3.cjs');
-require('../__chunks/6622YWGR.cjs');
-require('../__chunks/44UMDBZE.cjs');
+var _5I6IQHKQcjs = require('../__chunks/5I6IQHKQ.cjs');
+require('../__chunks/KLZID3QO.cjs');
+require('../__chunks/NVBNDB5B.cjs');
+require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/NVMBKFRB.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
 
 
-var _5QY4WCTRcjs = require('../__chunks/5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/tab/tab-list.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var useTabList = _UYIFJ7U3cjs.createHook.call(void 0, ({ store, ...props }) => {
+var useTabList = _7NAIPZYNcjs.createHook.call(void 0, (_a) => {
+  var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
   const orientation = store.useState(
     (state) => state.orientation === "both" ? void 0 : state.orientation
   );
-  props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+  props = _NREUHWTUcjs.useWrapElement.call(void 0, 
     props,
     (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HRWXWXMEcjs.TabContext.Provider, { value: store, children: element }),
     [store]
   );
-  props = {
+  props = _6455U47Tcjs.__spreadValues.call(void 0, {
     role: "tablist",
-    "aria-orientation": orientation,
-    ...props
-  };
-  props = _GV5LATA3cjs.useComposite.call(void 0, { store, ...props });
+    "aria-orientation": orientation
+  }, props);
+  props = _5I6IQHKQcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });
-var TabList = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+var TabList = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useTabList(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   TabList.displayName = "TabList";

package/cjs/tab/tab-panel.cjs

@@ -1,35 +1,42 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _NKZKDBARcjs = require('../__chunks/NKZKDBAR.cjs');
+var _3FTPSHLHcjs = require('../__chunks/3FTPSHLH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
-var _44UMDBZEcjs = require('../__chunks/44UMDBZE.cjs');
+var _NVBNDB5Bcjs = require('../__chunks/NVBNDB5B.cjs');
+require('../__chunks/LHHW5ZQP.cjs');
 
 
-var _SWSQUGVGcjs = require('../__chunks/SWSQUGVG.cjs');
+var _EM2PMFEWcjs = require('../__chunks/EM2PMFEW.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
 
 
-var _EQUPHBKXcjs = require('../__chunks/EQUPHBKX.cjs');
-require('../__chunks/TQ3ZXPQL.cjs');
+var _P7TWEJ6Icjs = require('../__chunks/P7TWEJ6I.cjs');
+require('../__chunks/F7HVNVHQ.cjs');
 
 
 
-var _5QY4WCTRcjs = require('../__chunks/5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/tab/tab-panel.ts
 var _react = require('react');
 var _focus = require('@ariakit/core/utils/focus');
-var useTabPanel = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, tabId: tabIdProp, getItem: getItemProp, ...props }) => {
+var useTabPanel = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store, tabId: tabIdProp, getItem: getItemProp } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "tabId", "getItem"]);
     const ref = _react.useRef.call(void 0, null);
-    const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
+    const id = _NREUHWTUcjs.useId.call(void 0, props.id);
     const [hasTabbableChildren, setHasTabbableChildren] = _react.useState.call(void 0, false);
     _react.useEffect.call(void 0, () => {
       const element = ref.current;
@@ -40,7 +47,7 @@ var useTabPanel = _UYIFJ7U3cjs.createHook.call(void 0,
     }, []);
     const getItem = _react.useCallback.call(void 0, 
       (item) => {
-        const nextItem = { ...item, id: id || item.id, tabId: tabIdProp };
+        const nextItem = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, item), { id: id || item.id, tabId: tabIdProp });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -49,28 +56,31 @@ var useTabPanel = _UYIFJ7U3cjs.createHook.call(void 0,
       [id, tabIdProp, getItemProp]
     );
     const tabId = store.panels.useState(
-      () => tabIdProp || _optionalChain([store, 'access', _ => _.panels, 'access', _2 => _2.item, 'call', _3 => _3(id), 'optionalAccess', _4 => _4.tabId])
+      () => {
+        var _a2;
+        return tabIdProp || ((_a2 = store.panels.item(id)) == null ? void 0 : _a2.tabId);
+      }
     );
     const open = store.useState(
       (state) => !!tabId && state.selectedId === tabId
     );
-    props = {
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       id,
       role: "tabpanel",
-      "aria-labelledby": tabId || void 0,
-      ...props,
-      ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref)
-    };
-    const disclosure = _EQUPHBKXcjs.useDisclosureStore.call(void 0, { open });
-    props = _44UMDBZEcjs.useFocusable.call(void 0, { focusable: !hasTabbableChildren, ...props });
-    props = _SWSQUGVGcjs.useDisclosureContent.call(void 0, { store: disclosure, ...props });
-    props = _NKZKDBARcjs.useCollectionItem.call(void 0, { store: store.panels, ...props, getItem });
+      "aria-labelledby": tabId || void 0
+    }, props), {
+      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref)
+    });
+    const disclosure = _P7TWEJ6Icjs.useDisclosureStore.call(void 0, { open });
+    props = _NVBNDB5Bcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { focusable: !hasTabbableChildren }, props));
+    props = _EM2PMFEWcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store: disclosure }, props));
+    props = _3FTPSHLHcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store: store.panels }, props), { getItem }));
     return props;
   }
 );
-var TabPanel = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+var TabPanel = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useTabPanel(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   TabPanel.displayName = "TabPanel";

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

@@ -40,6 +40,9 @@ export interface TabPanelOptions<T extends As = "div"> extends FocusableOptions<
     /**
      * The id of the tab that controls this panel. By default, this value will
      * be inferred based on the order of the tabs and the panels.
+     *
+     * Live examples:
+     * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
      */
     tabId?: string | null;
 }

package/cjs/tab/tab-store.cjs

@@ -1,31 +1,35 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _EZLBMRYScjs = require('../__chunks/EZLBMRYS.cjs');
-require('../__chunks/KPYDIKOY.cjs');
+var _EXKBMUPCcjs = require('../__chunks/EXKBMUPC.cjs');
+require('../__chunks/KZLZWIJN.cjs');
 
 
 
-var _TQ3ZXPQLcjs = require('../__chunks/TQ3ZXPQL.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+var _F7HVNVHQcjs = require('../__chunks/F7HVNVHQ.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/tab/tab-store.ts
 var _react = require('react');
 var _tabstore = require('@ariakit/core/tab/tab-store'); var Core = _interopRequireWildcard(_tabstore);
 function useTabStoreOptions(props) {
-  return _EZLBMRYScjs.useCompositeStoreOptions.call(void 0, props);
+  return _EXKBMUPCcjs.useCompositeStoreOptions.call(void 0, props);
 }
 function useTabStoreProps(store, props) {
-  store = _EZLBMRYScjs.useCompositeStoreProps.call(void 0, store, props);
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
-  const panels = _TQ3ZXPQLcjs.useStore.call(void 0, () => store.panels);
-  return _react.useMemo.call(void 0, () => ({ ...store, panels }), []);
+  store = _EXKBMUPCcjs.useCompositeStoreProps.call(void 0, store, props);
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
+  const panels = _F7HVNVHQcjs.useStore.call(void 0, () => store.panels);
+  return _react.useMemo.call(void 0, () => _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, store), { panels }), []);
 }
 function useTabStore(props = {}) {
   const options = useTabStoreOptions(props);
-  const store = _TQ3ZXPQLcjs.useStore.call(void 0, () => Core.createTabStore({ ...props, ...options }));
+  const store = _F7HVNVHQcjs.useStore.call(void 0, () => Core.createTabStore(_6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), options)));
   return useTabStoreProps(store, props);
 }