@ariakit/react-core 0.4.19 → 0.4.20

package/esm/select/select-store.js

@@ -3,23 +3,22 @@ import {
   useSelectStore,
   useSelectStoreOptions,
   useSelectStoreProps
-} from "../__chunks/M6F5TFYH.js";
-import "../__chunks/RUY5BUJG.js";
-import "../__chunks/B7UTNDHN.js";
-import "../__chunks/Y2U4BRIM.js";
-import "../__chunks/T22PY7TE.js";
-import "../__chunks/AMMIPFT4.js";
-import "../__chunks/OLVWQA7U.js";
-import "../__chunks/Y67KZUMI.js";
-import "../__chunks/T2AZQXQU.js";
-import "../__chunks/ABN76PSX.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/RTNCFSKZ.js";
-import "../__chunks/5CPL3B7G.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/CZHHB4IS.js";
+import "../__chunks/6RB43CMC.js";
+import "../__chunks/VEHC2EHR.js";
+import "../__chunks/5NIUVND5.js";
+import "../__chunks/33YRLYNQ.js";
+import "../__chunks/QHXYX2YB.js";
+import "../__chunks/7P7IWEBR.js";
+import "../__chunks/MWF5B7KS.js";
+import "../__chunks/63N3TCQX.js";
+import "../__chunks/FFSBKSAM.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/Q3KUZPD7.js";
+import "../__chunks/45YOMIF3.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 export {
   useSelectStore,
   useSelectStoreOptions,

package/esm/select/select-value.js

@@ -1,19 +1,18 @@
 "use client";
 import {
   useSelectContext
-} from "../__chunks/LM7KIZUU.js";
-import "../__chunks/Y67KZUMI.js";
-import "../__chunks/T2AZQXQU.js";
-import "../__chunks/ABN76PSX.js";
-import "../__chunks/APTFW6PT.js";
+} from "../__chunks/QI6TYHPV.js";
+import "../__chunks/MWF5B7KS.js";
+import "../__chunks/63N3TCQX.js";
+import "../__chunks/FFSBKSAM.js";
+import "../__chunks/72IB6YNO.js";
 import {
   useStoreState
-} from "../__chunks/RTNCFSKZ.js";
-import "../__chunks/5CPL3B7G.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/Q3KUZPD7.js";
+import "../__chunks/45YOMIF3.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/select/select-value.tsx
 function SelectValue({

package/esm/select/select.js

@@ -1,48 +1,43 @@
 "use client";
 import {
   SelectArrow
-} from "../__chunks/FLBH5CWF.js";
+} from "../__chunks/FUK2F2YU.js";
 import {
   SelectScopedContextProvider,
   useSelectProviderContext
-} from "../__chunks/LM7KIZUU.js";
-import "../__chunks/A5NH37Z4.js";
+} from "../__chunks/QI6TYHPV.js";
+import "../__chunks/SBR6PKI6.js";
 import {
   useCompositeTypeahead
-} from "../__chunks/OYOFZOGB.js";
+} from "../__chunks/WXLNFAIL.js";
 import {
   usePopoverDisclosure
-} from "../__chunks/4I4MLMKD.js";
-import "../__chunks/HMCFFQCB.js";
-import "../__chunks/ZTXFEM5L.js";
-import "../__chunks/NMGNQVTG.js";
+} from "../__chunks/NG75I6FS.js";
+import "../__chunks/DTOLNWNF.js";
+import "../__chunks/GYHYTZZN.js";
+import "../__chunks/NJZUP4KO.js";
 import "../__chunks/5VQZOHHZ.js";
-import "../__chunks/Y67KZUMI.js";
-import "../__chunks/T2AZQXQU.js";
-import "../__chunks/ABN76PSX.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/XCKGTAUF.js";
-import "../__chunks/2W3RN7C5.js";
-import "../__chunks/OE2EFRVA.js";
+import "../__chunks/MWF5B7KS.js";
+import "../__chunks/63N3TCQX.js";
+import "../__chunks/FFSBKSAM.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/J4DPQC5Y.js";
+import "../__chunks/WJ7PHYH7.js";
+import "../__chunks/US3TW2XI.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/5CPL3B7G.js";
+import "../__chunks/45YOMIF3.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/VOQWLFSQ.js";
+} from "../__chunks/ILRXHV7V.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs,
   useWrapElement
-} from "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/select/select.tsx
 import { toArray } from "@ariakit/core/utils/array";
@@ -71,26 +66,17 @@ function nextWithValue(store, next) {
     return nextItem == null ? void 0 : nextItem.id;
   };
 }
-var useSelect = createHook(function useSelect2(_a) {
-  var _b = _a, {
-    store,
-    name,
-    form,
-    required,
-    showOnKeyDown = true,
-    moveOnKeyDown = true,
-    toggleOnPress = true,
-    toggleOnClick = toggleOnPress
-  } = _b, props = __objRest(_b, [
-    "store",
-    "name",
-    "form",
-    "required",
-    "showOnKeyDown",
-    "moveOnKeyDown",
-    "toggleOnPress",
-    "toggleOnClick"
-  ]);
+var useSelect = createHook(function useSelect2({
+  store,
+  name,
+  form,
+  required,
+  showOnKeyDown = true,
+  moveOnKeyDown = true,
+  toggleOnPress = true,
+  toggleOnClick = toggleOnPress,
+  ...props
+}) {
   const context = useSelectProviderContext();
   store = store || context;
   invariant(
@@ -105,14 +91,14 @@ var useSelect = createHook(function useSelect2(_a) {
   const value = store.useState("value");
   const multiSelectable = Array.isArray(value);
   const onKeyDown = useEvent((event) => {
-    var _a2;
+    var _a;
     onKeyDownProp == null ? void 0 : onKeyDownProp(event);
     if (event.defaultPrevented) return;
     if (!store) return;
     const { orientation, items: items2, activeId } = store.getState();
     const isVertical = orientation !== "horizontal";
     const isHorizontal = orientation !== "vertical";
-    const isGrid = !!((_a2 = items2.find((item) => !item.disabled && item.value != null)) == null ? void 0 : _a2.rowId);
+    const isGrid = !!((_a = items2.find((item) => !item.disabled && item.value != null)) == null ? void 0 : _a.rowId);
     const moveKeyMap = {
       ArrowUp: (isGrid || isVertical) && nextWithValue(store, store.up),
       ArrowRight: (isGrid || isHorizontal) && nextWithValue(store, store.next),
@@ -154,8 +140,8 @@ var useSelect = createHook(function useSelect2(_a) {
     setAutofill(false);
   }, [value]);
   const labelId = store.useState((state) => {
-    var _a2;
-    return (_a2 = state.labelElement) == null ? void 0 : _a2.id;
+    var _a;
+    return (_a = state.labelElement) == null ? void 0 : _a.id;
   });
   const label = props["aria-label"];
   const labelledBy = props["aria-labelledby"] || labelId;
@@ -196,8 +182,8 @@ var useSelect = createHook(function useSelect2(_a) {
             value,
             multiple: multiSelectable,
             onFocus: () => {
-              var _a2;
-              return (_a2 = store == null ? void 0 : store.getState().selectElement) == null ? void 0 : _a2.focus();
+              var _a;
+              return (_a = store == null ? void 0 : store.getState().selectElement) == null ? void 0 : _a.focus();
             },
             onChange: (event) => {
               nativeSelectChangedRef.current = true;
@@ -237,20 +223,20 @@ var useSelect = createHook(function useSelect2(_a) {
     /* @__PURE__ */ jsx(SelectArrow, {})
   ] });
   const contentElement = store.useState("contentElement");
-  props = __spreadProps(__spreadValues({
+  props = {
     role: "combobox",
     "aria-autocomplete": "none",
     "aria-labelledby": labelId,
     "aria-haspopup": getPopupRole(contentElement, "listbox"),
     "data-autofill": autofill || void 0,
     "data-name": name,
-    children
-  }, props), {
+    children,
+    ...props,
     ref: useMergeRefs(store.setSelectElement, props.ref),
     onKeyDown
-  });
-  props = usePopoverDisclosure(__spreadValues({ store, toggleOnClick }, props));
-  props = useCompositeTypeahead(__spreadValues({ store }, props));
+  };
+  props = usePopoverDisclosure({ store, toggleOnClick, ...props });
+  props = useCompositeTypeahead({ store, ...props });
   return props;
 });
 var Select = forwardRef(function Select2(props) {

package/esm/separator/separator.js

@@ -2,11 +2,10 @@
 import {
   Separator,
   useSeparator
-} from "../__chunks/IZKKKUS7.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/NNCMNDHI.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 export {
   Separator,
   useSeparator

package/esm/tab/tab-context.js

@@ -5,13 +5,12 @@ import {
   useTabContext,
   useTabProviderContext,
   useTabScopedContext
-} from "../__chunks/QGC5LOGZ.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/5CPL3B7G.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/T3X6WUOS.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/45YOMIF3.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 export {
   TabContextProvider,
   TabScopedContextProvider,

package/esm/tab/tab-list.js

@@ -2,36 +2,31 @@
 import {
   TabScopedContextProvider,
   useTabProviderContext
-} from "../__chunks/QGC5LOGZ.js";
+} from "../__chunks/T3X6WUOS.js";
 import {
   useComposite
-} from "../__chunks/NSTBQJLB.js";
+} from "../__chunks/E7PWFDGB.js";
 import "../__chunks/5VQZOHHZ.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/OE2EFRVA.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/US3TW2XI.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/5CPL3B7G.js";
+import "../__chunks/45YOMIF3.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/VOQWLFSQ.js";
+} from "../__chunks/ILRXHV7V.js";
 import {
   useWrapElement
-} from "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import {
-  __objRest,
-  __spreadValues
-} from "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/tab/tab-list.tsx
 import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 var useTabList = createHook(
-  function useTabList2(_a) {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+  function useTabList2({ store, ...props }) {
     const context = useTabProviderContext();
     store = store || context;
     invariant(
@@ -47,15 +42,17 @@ var useTabList = createHook(
       [store]
     );
     if (store.composite) {
-      props = __spreadValues({
-        focusable: false
-      }, props);
+      props = {
+        focusable: false,
+        ...props
+      };
     }
-    props = __spreadValues({
+    props = {
       role: "tablist",
-      "aria-orientation": orientation
-    }, props);
-    props = useComposite(__spreadValues({ store }, props));
+      "aria-orientation": orientation,
+      ...props
+    };
+    props = useComposite({ store, ...props });
     return props;
   }
 );

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

@@ -112,7 +112,7 @@ export interface TabPanelOptions<T extends ElementType = TagName> extends Focusa
      * />
      * ```
      */
-    scrollElement?: HTMLElement | RefObject<HTMLElement> | ((panel: HTMLElement) => HTMLElement | null);
+    scrollElement?: HTMLElement | RefObject<HTMLElement | null> | ((panel: HTMLElement) => HTMLElement | null);
 }
 export type TabPanelProps<T extends ElementType = TagName> = Props<T, TabPanelOptions<T>>;
 export {};

package/esm/tab/tab-panel.js

@@ -2,44 +2,39 @@
 import {
   TabScopedContextProvider,
   useTabProviderContext
-} from "../__chunks/QGC5LOGZ.js";
+} from "../__chunks/T3X6WUOS.js";
 import {
   useDisclosureContent
-} from "../__chunks/K4R5DNTX.js";
+} from "../__chunks/HAX24JB7.js";
 import {
   useDisclosureStore
-} from "../__chunks/T22PY7TE.js";
+} from "../__chunks/33YRLYNQ.js";
 import {
   useCollectionItem
-} from "../__chunks/Y62RTBST.js";
-import "../__chunks/T2AZQXQU.js";
-import "../__chunks/ABN76PSX.js";
-import "../__chunks/APTFW6PT.js";
+} from "../__chunks/DTXGDDAC.js";
+import "../__chunks/63N3TCQX.js";
+import "../__chunks/FFSBKSAM.js";
+import "../__chunks/72IB6YNO.js";
 import {
   useFocusable
-} from "../__chunks/OE2EFRVA.js";
+} from "../__chunks/US3TW2XI.js";
 import "../__chunks/SWN3JYXT.js";
 import {
   useStoreState
-} from "../__chunks/RTNCFSKZ.js";
-import "../__chunks/5CPL3B7G.js";
+} from "../__chunks/Q3KUZPD7.js";
+import "../__chunks/45YOMIF3.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/VOQWLFSQ.js";
+} from "../__chunks/ILRXHV7V.js";
 import {
   useEvent,
   useId,
   useMergeRefs,
   useWrapElement
-} from "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/tab/tab-panel.tsx
 import { getAllTabbableIn } from "@ariakit/core/utils/focus";
@@ -48,22 +43,15 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 var useTabPanel = createHook(
-  function useTabPanel2(_a) {
-    var _b = _a, {
-      store,
-      unmountOnHide,
-      tabId: tabIdProp,
-      getItem: getItemProp,
-      scrollRestoration,
-      scrollElement
-    } = _b, props = __objRest(_b, [
-      "store",
-      "unmountOnHide",
-      "tabId",
-      "getItem",
-      "scrollRestoration",
-      "scrollElement"
-    ]);
+  function useTabPanel2({
+    store,
+    unmountOnHide,
+    tabId: tabIdProp,
+    getItem: getItemProp,
+    scrollRestoration,
+    scrollElement,
+    ...props
+  }) {
     const context = useTabProviderContext();
     store = store || context;
     invariant(
@@ -75,8 +63,8 @@ var useTabPanel = createHook(
     const tabId = useStoreState(
       store.panels,
       () => {
-        var _a2;
-        return tabIdProp || ((_a2 = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a2.tabId);
+        var _a;
+        return tabIdProp || ((_a = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a.tabId);
       }
     );
     const open = useStoreState(
@@ -101,7 +89,7 @@ var useTabPanel = createHook(
       return scrollElement;
     });
     useEffect(() => {
-      var _a2, _b2;
+      var _a, _b;
       if (!scrollRestoration) return;
       if (!mounted) return;
       const element = getScrollElement();
@@ -112,7 +100,7 @@ var useTabPanel = createHook(
       }
       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);
+      element.scroll((_a = position == null ? void 0 : position.x) != null ? _a : 0, (_b = position == null ? void 0 : position.y) != null ? _b : 0);
       const onScroll = () => {
         scrollPositionRef.current.set(tabId, {
           x: element.scrollLeft,
@@ -133,7 +121,7 @@ var useTabPanel = createHook(
     }, []);
     const getItem = useCallback(
       (item) => {
-        const nextItem = __spreadProps(__spreadValues({}, item), { id: id || item.id, tabId: tabIdProp });
+        const nextItem = { ...item, id: id || item.id, tabId: tabIdProp };
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -165,22 +153,23 @@ var useTabPanel = createHook(
       (element) => /* @__PURE__ */ jsx(TabScopedContextProvider, { value: store, children: element }),
       [store]
     );
-    props = __spreadProps(__spreadValues({
+    props = {
       id,
       role: "tabpanel",
-      "aria-labelledby": tabId || void 0
-    }, props), {
+      "aria-labelledby": tabId || void 0,
+      ...props,
       children: unmountOnHide && !mounted ? null : props.children,
       ref: useMergeRefs(ref, props.ref),
       onKeyDown
-    });
-    props = useFocusable(__spreadValues({
+    };
+    props = useFocusable({
       // 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 = useDisclosureContent(__spreadValues({ store: disclosure }, props));
-    props = useCollectionItem(__spreadProps(__spreadValues({ store: store.panels }, props), { getItem }));
+      focusable: !store.composite && !hasTabbableChildren,
+      ...props
+    });
+    props = useDisclosureContent({ store: disclosure, ...props });
+    props = useCollectionItem({ store: store.panels, ...props, getItem });
     return props;
   }
 );

package/esm/tab/tab-provider.js

@@ -1,24 +1,23 @@
 "use client";
 import {
   useTabStore
-} from "../__chunks/7XCHEDST.js";
+} from "../__chunks/KBWOFRCQ.js";
 import {
   TabContextProvider
-} from "../__chunks/QGC5LOGZ.js";
-import "../__chunks/LM7KIZUU.js";
-import "../__chunks/B7UTNDHN.js";
-import "../__chunks/AMMIPFT4.js";
-import "../__chunks/OLVWQA7U.js";
-import "../__chunks/Y67KZUMI.js";
-import "../__chunks/T2AZQXQU.js";
-import "../__chunks/ABN76PSX.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/RTNCFSKZ.js";
-import "../__chunks/5CPL3B7G.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/T3X6WUOS.js";
+import "../__chunks/QI6TYHPV.js";
+import "../__chunks/VEHC2EHR.js";
+import "../__chunks/QHXYX2YB.js";
+import "../__chunks/7P7IWEBR.js";
+import "../__chunks/MWF5B7KS.js";
+import "../__chunks/63N3TCQX.js";
+import "../__chunks/FFSBKSAM.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/Q3KUZPD7.js";
+import "../__chunks/45YOMIF3.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/tab/tab-provider.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/tab/tab-store.js

@@ -2,21 +2,20 @@
 import {
   useTabStore,
   useTabStoreProps
-} from "../__chunks/7XCHEDST.js";
-import "../__chunks/LM7KIZUU.js";
-import "../__chunks/B7UTNDHN.js";
-import "../__chunks/AMMIPFT4.js";
-import "../__chunks/OLVWQA7U.js";
-import "../__chunks/Y67KZUMI.js";
-import "../__chunks/T2AZQXQU.js";
-import "../__chunks/ABN76PSX.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/RTNCFSKZ.js";
-import "../__chunks/5CPL3B7G.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/KBWOFRCQ.js";
+import "../__chunks/QI6TYHPV.js";
+import "../__chunks/VEHC2EHR.js";
+import "../__chunks/QHXYX2YB.js";
+import "../__chunks/7P7IWEBR.js";
+import "../__chunks/MWF5B7KS.js";
+import "../__chunks/63N3TCQX.js";
+import "../__chunks/FFSBKSAM.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/Q3KUZPD7.js";
+import "../__chunks/45YOMIF3.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 export {
   useTabStore,
   useTabStoreProps