@ariakit/react-core 0.4.18 → 0.4.20

package/esm/__chunks/{W5BTY3ZG.js → T7IYZ6JK.js}

@@ -2,43 +2,37 @@
 import {
   MenuScopedContextProvider,
   useMenuProviderContext
-} from "./4QTMCR75.js";
+} from "./SPU3NB66.js";
 import {
   useCompositeTypeahead
-} from "./OYOFZOGB.js";
+} from "./WXLNFAIL.js";
 import {
   isHidden
-} from "./K4R5DNTX.js";
+} from "./HAX24JB7.js";
 import {
   useComposite
-} from "./NSTBQJLB.js";
+} from "./E7PWFDGB.js";
 import {
   useStoreState
-} from "./RTNCFSKZ.js";
+} from "./Q3KUZPD7.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useEvent,
   useId,
   useMergeRefs,
   useWrapElement
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/menu/menu-list.tsx
 import { invariant } from "@ariakit/core/utils/misc";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
-function useAriaLabelledBy(_a) {
-  var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+function useAriaLabelledBy({ store, ...props }) {
   const [id, setId] = useState(void 0);
   const label = props["aria-label"];
   const disclosureElement = useStoreState(store, "disclosureElement");
@@ -58,8 +52,7 @@ function useAriaLabelledBy(_a) {
   return id;
 }
 var useMenuList = createHook(
-  function useMenuList2(_a) {
-    var _b = _a, { store, alwaysVisible, composite } = _b, props = __objRest(_b, ["store", "alwaysVisible", "composite"]);
+  function useMenuList2({ store, alwaysVisible, composite, ...props }) {
     const context = useMenuProviderContext();
     store = store || context;
     invariant(
@@ -132,29 +125,30 @@ var useMenuList = createHook(
       (element) => /* @__PURE__ */ jsx(MenuScopedContextProvider, { value: store, children: element }),
       [store]
     );
-    const ariaLabelledBy = useAriaLabelledBy(__spreadValues({ store }, props));
+    const ariaLabelledBy = useAriaLabelledBy({ store, ...props });
     const mounted = store.useState("mounted");
     const hidden = isHidden(mounted, props.hidden, alwaysVisible);
-    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
-    props = __spreadProps(__spreadValues({
+    const style = hidden ? { ...props.style, display: "none" } : props.style;
+    props = {
       id,
       "aria-labelledby": ariaLabelledBy,
-      hidden
-    }, props), {
+      hidden,
+      ...props,
       ref: useMergeRefs(id ? store.setContentElement : null, props.ref),
       style,
       onKeyDown
-    });
+    };
     const hasCombobox = !!store.combobox;
     composite = composite != null ? composite : !hasCombobox;
     if (composite) {
-      props = __spreadValues({
+      props = {
         role: "menu",
-        "aria-orientation": orientation
-      }, props);
+        "aria-orientation": orientation,
+        ...props
+      };
     }
-    props = useComposite(__spreadValues({ store, composite }, props));
-    props = useCompositeTypeahead(__spreadValues({ store, typeahead: !hasCombobox }, props));
+    props = useComposite({ store, composite, ...props });
+    props = useCompositeTypeahead({ store, typeahead: !hasCombobox, ...props });
     return props;
   }
 );

package/esm/__chunks/{QHZCZ35Y.js → TCFLKON2.js}

@@ -1,29 +1,24 @@
 "use client";
 import {
   useToolbarContext
-} from "./RRHVJAMQ.js";
+} from "./UFQNG5D2.js";
 import {
   useCompositeItem
-} from "./SBSPVDDI.js";
+} from "./FIT2LC3L.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./VOQWLFSQ.js";
-import {
-  __objRest,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./ILRXHV7V.js";
 
 // src/toolbar/toolbar-item.tsx
 var TagName = "button";
 var useToolbarItem = createHook(
-  function useToolbarItem2(_a) {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+  function useToolbarItem2({ store, ...props }) {
     const context = useToolbarContext();
     store = store || context;
-    props = useCompositeItem(__spreadValues({ store }, props));
+    props = useCompositeItem({ store, ...props });
     return props;
   }
 );

package/esm/__chunks/{JUCYQ5OS.js → TGNQMQ45.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./APTFW6PT.js";
+} from "./72IB6YNO.js";
 import {
   createStoreContext
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 
 // src/menubar/menubar-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{BV5PFOXH.js → TGQLWSI3.js}

@@ -1,30 +1,26 @@
 "use client";
 import {
   useMenuContext
-} from "./4QTMCR75.js";
+} from "./SPU3NB66.js";
 import {
   useMenubarContext
-} from "./JUCYQ5OS.js";
+} from "./TGNQMQ45.js";
 import {
   useHovercardStoreProps
-} from "./GVVKDT6A.js";
+} from "./IAC2O6VC.js";
 import {
   useCompositeStoreProps
-} from "./B7UTNDHN.js";
+} from "./VEHC2EHR.js";
 import {
   useComboboxProviderContext
-} from "./OLVWQA7U.js";
+} from "./7P7IWEBR.js";
 import {
   useStore,
   useStoreProps
-} from "./RTNCFSKZ.js";
+} from "./Q3KUZPD7.js";
 import {
   useUpdateEffect
-} from "./5GGHRIN3.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/menu/menu-store.ts
 import * as Core from "@ariakit/core/menu/menu-store";
@@ -48,11 +44,12 @@ function useMenuStore(props = {}) {
   const parent = useMenuContext();
   const menubar = useMenubarContext();
   const combobox = useComboboxProviderContext();
-  props = __spreadProps(__spreadValues({}, props), {
+  props = {
+    ...props,
     parent: props.parent !== void 0 ? props.parent : parent,
     menubar: props.menubar !== void 0 ? props.menubar : menubar,
     combobox: props.combobox !== void 0 ? props.combobox : combobox
-  });
+  };
   const [store, update] = useStore(Core.createMenuStore, props);
   return useMenuStoreProps(store, update, props);
 }

package/esm/__chunks/{RRHVJAMQ.js → UFQNG5D2.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./APTFW6PT.js";
+} from "./72IB6YNO.js";
 import {
   createStoreContext
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 
 // src/toolbar/toolbar-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{LC6GJMGV.js → UG4JNWMY.js}

@@ -6,19 +6,15 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useWrapElement
-} from "./5GGHRIN3.js";
-import {
-  __objRest
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/focusable/focusable-container.tsx
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
-var useFocusableContainer = createHook(function useFocusableContainer2(_a) {
-  var _b = _a, { autoFocusOnShow = true } = _b, props = __objRest(_b, ["autoFocusOnShow"]);
+var useFocusableContainer = createHook(function useFocusableContainer2({ autoFocusOnShow = true, ...props }) {
   props = useWrapElement(
     props,
     (element) => /* @__PURE__ */ jsx(FocusableContext.Provider, { value: autoFocusOnShow, children: element }),

package/esm/__chunks/{OE2EFRVA.js → US3TW2XI.js}

@@ -6,17 +6,12 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useEvent,
   useMergeRefs,
   useTagName
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/focusable/focusable.tsx
 import { isButton } from "@ariakit/core/utils/dom";
@@ -142,18 +137,13 @@ function onGlobalKeyDown(event) {
   isKeyboardModality = true;
 }
 var useFocusable = createHook(
-  function useFocusable2(_a) {
-    var _b = _a, {
-      focusable = true,
-      accessibleWhenDisabled,
-      autoFocus,
-      onFocusVisible
-    } = _b, props = __objRest(_b, [
-      "focusable",
-      "accessibleWhenDisabled",
-      "autoFocus",
-      "onFocusVisible"
-    ]);
+  function useFocusable2({
+    focusable = true,
+    accessibleWhenDisabled,
+    autoFocus,
+    onFocusVisible,
+    ...props
+  }) {
     const ref = useRef(null);
     useEffect(() => {
       if (!focusable) return;
@@ -307,15 +297,15 @@ var useFocusable = createHook(
     const styleProp = props.style;
     const style = useMemo(() => {
       if (trulyDisabled) {
-        return __spreadValues({ pointerEvents: "none" }, styleProp);
+        return { pointerEvents: "none", ...styleProp };
       }
       return styleProp;
     }, [trulyDisabled, styleProp]);
-    props = __spreadProps(__spreadValues({
+    props = {
       "data-focus-visible": focusable && focusVisible || void 0,
       "data-autofocus": autoFocus || void 0,
-      "aria-disabled": disabled || void 0
-    }, props), {
+      "aria-disabled": disabled || void 0,
+      ...props,
       ref: useMergeRefs(ref, autoFocusRef, props.ref),
       style,
       tabIndex: getTabIndex(
@@ -335,7 +325,7 @@ var useFocusable = createHook(
       onKeyDownCapture,
       onFocusCapture,
       onBlur
-    });
+    };
     return removeUndefinedValues(props);
   }
 );

package/esm/__chunks/{B7UTNDHN.js → VEHC2EHR.js}

@@ -1,23 +1,20 @@
 "use client";
 import {
   useCollectionStoreProps
-} from "./AMMIPFT4.js";
+} from "./QHXYX2YB.js";
 import {
   useStore,
   useStoreProps
-} from "./RTNCFSKZ.js";
+} from "./Q3KUZPD7.js";
 import {
   useId
-} from "./5GGHRIN3.js";
-import {
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/composite/composite-store.ts
 import * as Core from "@ariakit/core/composite/composite-store";
 function useCompositeStoreOptions(props) {
   const id = useId(props.id);
-  return __spreadValues({ id }, props);
+  return { id, ...props };
 }
 function useCompositeStoreProps(store, update, props) {
   store = useCollectionStoreProps(store, update, props);

package/esm/__chunks/{2W3RN7C5.js → WJ7PHYH7.js}

@@ -1,22 +1,17 @@
 "use client";
 import {
   useFocusable
-} from "./OE2EFRVA.js";
+} from "./US3TW2XI.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useEvent,
   useMergeRefs,
   useMetadataProps
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/command/command.tsx
 import { isButton, isTextField } from "@ariakit/core/utils/dom";
@@ -42,8 +37,7 @@ function isNativeClick(event) {
 }
 var symbol = Symbol("command");
 var useCommand = createHook(
-  function useCommand2(_a) {
-    var _b = _a, { clickOnEnter = true, clickOnSpace = true } = _b, props = __objRest(_b, ["clickOnEnter", "clickOnSpace"]);
+  function useCommand2({ clickOnEnter = true, clickOnSpace = true, ...props }) {
     const ref = useRef(null);
     const [isNativeButton, setIsNativeButton] = useState(false);
     useEffect(() => {
@@ -77,7 +71,7 @@ var useCommand = createHook(
         if (isEnter) {
           if (!nativeClick) {
             event.preventDefault();
-            const _a2 = event, { view } = _a2, eventInit = __objRest(_a2, ["view"]);
+            const { view, ...eventInit } = event;
             const click = () => fireClickEvent(element, eventInit);
             if (isFirefox()) {
               queueBeforeEvent(element, "keyup", click);
@@ -108,19 +102,20 @@ var useCommand = createHook(
           event.preventDefault();
           setActive(false);
           const element = event.currentTarget;
-          const _a2 = event, { view } = _a2, eventInit = __objRest(_a2, ["view"]);
+          const { view, ...eventInit } = event;
           queueMicrotask(() => fireClickEvent(element, eventInit));
         }
       }
     });
-    props = __spreadProps(__spreadValues(__spreadValues({
+    props = {
       "data-active": active || void 0,
-      type: isNativeButton ? "button" : void 0
-    }, metadataProps), props), {
+      type: isNativeButton ? "button" : void 0,
+      ...metadataProps,
+      ...props,
       ref: useMergeRefs(ref, props.ref),
       onKeyDown,
       onKeyUp
-    });
+    };
     props = useFocusable(props);
     return props;
   }

package/esm/__chunks/{L3J7PHFC.js → WVT277Z4.js}

@@ -2,10 +2,10 @@
 import {
   HovercardContextProvider,
   HovercardScopedContextProvider
-} from "./7Z7JH52O.js";
+} from "./2WDBOH5E.js";
 import {
   createStoreContext
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 
 // src/tooltip/tooltip-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{OYOFZOGB.js → WXLNFAIL.js}

@@ -4,20 +4,15 @@ import {
 } from "./5VQZOHHZ.js";
 import {
   useCompositeContext
-} from "./APTFW6PT.js";
+} from "./72IB6YNO.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useEvent
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/composite/composite-typeahead.tsx
 import {
@@ -75,8 +70,7 @@ function getSameInitialItems(items, char, activeId) {
     activeId
   ).filter((item) => item.id !== activeId);
 }
-var useCompositeTypeahead = createHook(function useCompositeTypeahead2(_a) {
-  var _b = _a, { store, typeahead = true } = _b, props = __objRest(_b, ["store", "typeahead"]);
+var useCompositeTypeahead = createHook(function useCompositeTypeahead2({ store, typeahead = true, ...props }) {
   const context = useCompositeContext();
   store = store || context;
   invariant(
@@ -123,9 +117,10 @@ var useCompositeTypeahead = createHook(function useCompositeTypeahead2(_a) {
       clearChars();
     }
   });
-  props = __spreadProps(__spreadValues({}, props), {
+  props = {
+    ...props,
     onKeyDownCapture
-  });
+  };
   return removeUndefinedValues(props);
 });
 var CompositeTypeahead = forwardRef(function CompositeTypeahead2(props) {

package/esm/__chunks/{WWSIOBO5.js → X7HYMZWR.js}

@@ -2,33 +2,28 @@
 import {
   SelectItemCheckedContext,
   useSelectScopedContext
-} from "./LM7KIZUU.js";
+} from "./QI6TYHPV.js";
 import {
   useCompositeHover
-} from "./IABE5EV2.js";
+} from "./RIJYZEV5.js";
 import {
   useCompositeItem
-} from "./SBSPVDDI.js";
+} from "./FIT2LC3L.js";
 import {
   useStoreStateObject
-} from "./RTNCFSKZ.js";
+} from "./Q3KUZPD7.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useBooleanEvent,
   useEvent,
   useId,
   useWrapElement
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/select/select-item.tsx
 import { getPopupItemRole } from "@ariakit/core/utils/dom";
@@ -46,25 +41,17 @@ function isSelected(storeValue, itemValue) {
   return storeValue === itemValue;
 }
 var useSelectItem = createHook(
-  function useSelectItem2(_a) {
-    var _b = _a, {
-      store,
-      value,
-      getItem: getItemProp,
-      hideOnClick,
-      setValueOnClick = value != null,
-      preventScrollOnKeyDown = true,
-      focusOnHover = true
-    } = _b, props = __objRest(_b, [
-      "store",
-      "value",
-      "getItem",
-      "hideOnClick",
-      "setValueOnClick",
-      "preventScrollOnKeyDown",
-      "focusOnHover"
-    ]);
-    var _a2;
+  function useSelectItem2({
+    store,
+    value,
+    getItem: getItemProp,
+    hideOnClick,
+    setValueOnClick = value != null,
+    preventScrollOnKeyDown = true,
+    focusOnHover = true,
+    ...props
+  }) {
+    var _a;
     const context = useSelectScopedContext();
     store = store || context;
     invariant(
@@ -95,10 +82,11 @@ var useSelectItem = createHook(
     });
     const getItem = useCallback(
       (item) => {
-        const nextItem = __spreadProps(__spreadValues({}, item), {
+        const nextItem = {
+          ...item,
           value: disabled ? void 0 : value,
           children: value
-        });
+        };
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -133,24 +121,25 @@ var useSelectItem = createHook(
       (element) => /* @__PURE__ */ jsx(SelectItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }),
       [selected]
     );
-    props = __spreadProps(__spreadValues({
+    props = {
       id,
       role: getPopupItemRole(listElement),
       "aria-selected": selected,
-      children: value
-    }, props), {
-      autoFocus: (_a2 = props.autoFocus) != null ? _a2 : autoFocus,
+      children: value,
+      ...props,
+      autoFocus: (_a = props.autoFocus) != null ? _a : autoFocus,
       onClick
-    });
-    props = useCompositeItem(__spreadValues({
+    };
+    props = useCompositeItem({
       store,
       getItem,
-      preventScrollOnKeyDown
-    }, props));
+      preventScrollOnKeyDown,
+      ...props
+    });
     const focusOnHoverProp = useBooleanEvent(focusOnHover);
-    props = useCompositeHover(__spreadProps(__spreadValues({
-      store
-    }, props), {
+    props = useCompositeHover({
+      store,
+      ...props,
       // We have to disable focusOnHover when the popup is closed, otherwise
       // the active item will change to null (the container) when the popup is
       // closed by clicking on an item.
@@ -159,7 +148,7 @@ var useSelectItem = createHook(
         const state = store == null ? void 0 : store.getState();
         return !!(state == null ? void 0 : state.open);
       }
-    }));
+    });
     return props;
   }
 );