@ariakit/react-core 0.4.19 → 0.4.20

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;
   }
 );

package/esm/__chunks/{2V4AOF6Q.js → XCQREBNJ.js}

@@ -2,46 +2,35 @@
 import {
   MenubarScopedContextProvider,
   useMenubarProviderContext
-} from "./JUCYQ5OS.js";
+} from "./TGNQMQ45.js";
 import {
   useMenubarStore
-} from "./NXIITQH7.js";
+} from "./DYQBER5T.js";
 import {
   useComposite
-} from "./NSTBQJLB.js";
+} from "./E7PWFDGB.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useWrapElement
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/menubar/menubar.tsx
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 var useMenubar = createHook(
-  function useMenubar2(_a) {
-    var _b = _a, {
-      store: storeProp,
-      composite = true,
-      orientation: orientationProp,
-      virtualFocus,
-      focusLoop,
-      rtl
-    } = _b, props = __objRest(_b, [
-      "store",
-      "composite",
-      "orientation",
-      "virtualFocus",
-      "focusLoop",
-      "rtl"
-    ]);
+  function useMenubar2({
+    store: storeProp,
+    composite = true,
+    orientation: orientationProp,
+    virtualFocus,
+    focusLoop,
+    rtl,
+    ...props
+  }) {
     const context = useMenubarProviderContext();
     storeProp = storeProp || context;
     const store = useMenubarStore({
@@ -60,12 +49,13 @@ var useMenubar = createHook(
       [store]
     );
     if (composite) {
-      props = __spreadValues({
+      props = {
         role: "menubar",
-        "aria-orientation": orientation
-      }, props);
+        "aria-orientation": orientation,
+        ...props
+      };
     }
-    props = useComposite(__spreadValues({ store, composite }, props));
+    props = useComposite({ store, composite, ...props });
     return props;
   }
 );

package/esm/__chunks/{WWPIG7YG.js → XEN5OWJF.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 
 // src/checkbox/checkbox-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{W2VQMCQN.js → XW7L7ASO.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./B7UTNDHN.js";
+} from "./VEHC2EHR.js";
 import {
   useStore
-} from "./RTNCFSKZ.js";
+} from "./Q3KUZPD7.js";
 
 // src/toolbar/toolbar-store.ts
 import * as Core from "@ariakit/core/toolbar/toolbar-store";

package/esm/__chunks/{JZEJYXOQ.js → Y7OMCS5T.js}

@@ -7,18 +7,14 @@ import {
 } from "./3NDVDEB4.js";
 import {
   isSafariFocusAncestor
-} from "./OE2EFRVA.js";
+} from "./US3TW2XI.js";
 import {
   useStoreState
-} from "./RTNCFSKZ.js";
+} from "./Q3KUZPD7.js";
 import {
   useEvent,
   useSafeLayoutEffect
-} from "./5GGHRIN3.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/dialog/utils/use-hide-on-interact-outside.ts
 import { contains, getDocument, isVisible } from "@ariakit/core/utils/dom";
@@ -97,7 +93,8 @@ function useHideOnInteractOutside(store, hideOnInteractOutside, domReady) {
   const open = useStoreState(store, "open");
   const previousMouseDownRef = usePreviousMouseDownRef(open);
   const props = { store, domReady, capture: true };
-  useEventOutside(__spreadProps(__spreadValues({}, props), {
+  useEventOutside({
+    ...props,
     type: "click",
     listener: (event) => {
       const { contentElement } = store.getState();
@@ -108,8 +105,9 @@ function useHideOnInteractOutside(store, hideOnInteractOutside, domReady) {
       if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
       store.hide();
     }
-  }));
-  useEventOutside(__spreadProps(__spreadValues({}, props), {
+  });
+  useEventOutside({
+    ...props,
     type: "focusin",
     listener: (event) => {
       const { contentElement } = store.getState();
@@ -118,14 +116,15 @@ function useHideOnInteractOutside(store, hideOnInteractOutside, domReady) {
       if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
       store.hide();
     }
-  }));
-  useEventOutside(__spreadProps(__spreadValues({}, props), {
+  });
+  useEventOutside({
+    ...props,
     type: "contextmenu",
     listener: (event) => {
       if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
       store.hide();
     }
-  }));
+  });
 }
 
 export {

package/esm/__chunks/{SK3NAZA3.js → YXGXYGQX.js}

@@ -1,7 +1,4 @@
 "use client";
-import {
-  __spreadValues
-} from "./3YLGPPWQ.js";
 
 // src/utils/misc.ts
 import { hasOwnProperty } from "@ariakit/core/utils/misc";
@@ -22,11 +19,11 @@ function isValidElementWithRef(element) {
 }
 function getRefProperty(element) {
   if (!isValidElementWithRef(element)) return null;
-  const props = __spreadValues({}, element.props);
+  const props = { ...element.props };
   return props.ref || element.ref;
 }
 function mergeProps(base, overrides) {
-  const props = __spreadValues({}, base);
+  const props = { ...base };
   for (const key in overrides) {
     if (!hasOwnProperty(overrides, key)) continue;
     if (key === "className") {
@@ -36,7 +33,7 @@ function mergeProps(base, overrides) {
     }
     if (key === "style") {
       const prop = "style";
-      props[prop] = base[prop] ? __spreadValues(__spreadValues({}, base[prop]), overrides[prop]) : overrides[prop];
+      props[prop] = base[prop] ? { ...base[prop], ...overrides[prop] } : overrides[prop];
       continue;
     }
     const overrideValue = overrides[key];

package/esm/__chunks/{R34JYYUC.js → ZQ2FA5IU.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   usePopoverHeading
-} from "./QZPX4M57.js";
+} from "./IMHIQNWX.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 
 // src/hovercard/hovercard-heading.tsx
 var TagName = "h1";

package/esm/button/button.js

@@ -2,14 +2,13 @@
 import {
   Button,
   useButton
-} from "../__chunks/XCKGTAUF.js";
-import "../__chunks/2W3RN7C5.js";
-import "../__chunks/OE2EFRVA.js";
+} from "../__chunks/J4DPQC5Y.js";
+import "../__chunks/WJ7PHYH7.js";
+import "../__chunks/US3TW2XI.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 export {
   Button,
   useButton

package/esm/checkbox/checkbox-check.js

@@ -2,12 +2,11 @@
 import {
   CheckboxCheck,
   useCheckboxCheck
-} from "../__chunks/X5OJP2NB.js";
+} from "../__chunks/4U4UFXBE.js";
 import "../__chunks/EYKMH5G5.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 export {
   CheckboxCheck,
   useCheckboxCheck

package/esm/checkbox/checkbox-checked-context.js

@@ -2,7 +2,6 @@
 import {
   CheckboxCheckedContext
 } from "../__chunks/EYKMH5G5.js";
-import "../__chunks/3YLGPPWQ.js";
 export {
   CheckboxCheckedContext
 };

package/esm/checkbox/checkbox-context.js

@@ -5,11 +5,10 @@ import {
   useCheckboxContext,
   useCheckboxProviderContext,
   useCheckboxScopedContext
-} from "../__chunks/WWPIG7YG.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/XEN5OWJF.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 export {
   CheckboxContextProvider,
   CheckboxScopedContextProvider,