@ariakit/react-core 0.4.19 → 0.4.21

package/esm/__chunks/{OQDUQELZ.js → FMNW3QQI.js}

@@ -1,23 +1,18 @@
 "use client";
 import {
   Role
-} from "./QJ4LGO2N.js";
+} from "./JG4VNI52.js";
 import {
   CollectionItem
-} from "./Y62RTBST.js";
+} from "./Z2O3VLAQ.js";
 import {
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./GWSL6KNJ.js";
 import {
   useForceUpdate,
   useId,
   useMergeRefs
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./KPHZR4MB.js";
 
 // src/collection/collection-item-offscreen.tsx
 import { invariant } from "@ariakit/core/utils/misc";
@@ -36,8 +31,7 @@ function cancelIdleCallback(id) {
     window.cancelIdleCallback(id);
   }
 }
-function useCollectionItemOffscreen(_a) {
-  var _b = _a, { offscreenBehavior = "active", offscreenRoot } = _b, props = __objRest(_b, ["offscreenBehavior", "offscreenRoot"]);
+function useCollectionItemOffscreen({ offscreenBehavior = "active", offscreenRoot, ...props }) {
   const id = useId(props.id);
   const [updated, forceUpdate] = useForceUpdate();
   const forcedUpdatesCountRef = useRef(0);
@@ -47,10 +41,10 @@ function useCollectionItemOffscreen(_a) {
   const idleCallbackIdRef = useRef(0);
   const ref = useCallback(
     (element) => {
-      var _a2;
+      var _a;
       if (!element || offscreenBehavior === "active") {
         cancelIdleCallback(idleCallbackIdRef.current);
-        (_a2 = observerRef.current) == null ? void 0 : _a2.disconnect();
+        (_a = observerRef.current) == null ? void 0 : _a.disconnect();
         return;
       }
       invariant(
@@ -102,36 +96,30 @@ function useCollectionItemOffscreen(_a) {
     "data-offscreen": !active || void 0
   };
 }
-var CollectionItem2 = forwardRef(function CollectionItem3(_a) {
-  var _b = _a, {
-    offscreenBehavior,
-    offscreenRoot
-  } = _b, props = __objRest(_b, [
-    "offscreenBehavior",
-    "offscreenRoot"
-  ]);
-  const _a2 = useCollectionItemOffscreen(__spreadValues({
+var CollectionItem2 = forwardRef(function CollectionItem3({
+  offscreenBehavior,
+  offscreenRoot,
+  ...props
+}) {
+  const { active, ref, ...rest } = useCollectionItemOffscreen({
     offscreenBehavior,
-    offscreenRoot
-  }, props)), { active, ref } = _a2, rest = __objRest(_a2, ["active", "ref"]);
-  const allProps = __spreadProps(__spreadValues(__spreadValues({}, rest), props), { ref: useMergeRefs(ref, props.ref) });
+    offscreenRoot,
+    ...props
+  });
+  const allProps = { ...rest, ...props, ref: useMergeRefs(ref, props.ref) };
   if (active) {
-    return /* @__PURE__ */ jsx(CollectionItem, __spreadValues({}, allProps));
+    return /* @__PURE__ */ jsx(CollectionItem, { ...allProps });
   }
-  const _b2 = allProps, {
+  const {
     store,
     shouldRegisterItem,
     getItem,
-    element: element
-  } = _b2, htmlProps = __objRest(_b2, [
-    "store",
-    "shouldRegisterItem",
-    "getItem",
     // @ts-expect-error This prop may come from a collection renderer.
-    "element"
-  ]);
+    element,
+    ...htmlProps
+  } = allProps;
   const Component = Role[TagName];
-  return /* @__PURE__ */ jsx(Component, __spreadValues({}, htmlProps));
+  return /* @__PURE__ */ jsx(Component, { ...htmlProps });
 });
 
 export {

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

@@ -4,20 +4,15 @@ import {
 } from "./5VQZOHHZ.js";
 import {
   useCompositeContext
-} from "./APTFW6PT.js";
+} from "./AVVXDJMZ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./GWSL6KNJ.js";
 import {
   useEvent
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./KPHZR4MB.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/{I5WAUVMI.js → FZC6JZLK.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./B7UTNDHN.js";
+} from "./IQYAUKXT.js";
 import {
   useStore,
   useStoreProps
-} from "./RTNCFSKZ.js";
+} from "./Q5W46E73.js";
 
 // src/tag/tag-store.ts
 import * as Core from "@ariakit/core/tag/tag-store";

package/esm/__chunks/{AMMIPFT4.js → GVAFFF2B.js}

@@ -2,10 +2,10 @@
 import {
   useStore,
   useStoreProps
-} from "./RTNCFSKZ.js";
+} from "./Q5W46E73.js";
 import {
   useUpdateEffect
-} from "./5GGHRIN3.js";
+} from "./KPHZR4MB.js";
 
 // src/collection/collection-store.ts
 import * as Core from "@ariakit/core/collection/collection-store";

package/esm/__chunks/{VOQWLFSQ.js → GWSL6KNJ.js}

@@ -1,22 +1,20 @@
 "use client";
 import {
   useMergeRefs
-} from "./5GGHRIN3.js";
+} from "./KPHZR4MB.js";
 import {
   getRefProperty,
   mergeProps
-} from "./SK3NAZA3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./YXGXYGQX.js";
 
 // src/utils/system.tsx
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 function forwardRef2(render) {
-  const Role = React.forwardRef((props, ref) => render(__spreadProps(__spreadValues({}, props), { ref })));
+  const Role = React.forwardRef(
+    // @ts-ignore Incompatible with React 19 types. Ignore for now.
+    (props, ref) => render({ ...props, ref })
+  );
   Role.displayName = render.displayName || render.name;
   return Role;
 }
@@ -24,16 +22,20 @@ function memo2(Component, propsAreEqual) {
   return React.memo(Component, propsAreEqual);
 }
 function createElement(Type, props) {
-  const _a = props, { wrapElement, render } = _a, rest = __objRest(_a, ["wrapElement", "render"]);
+  const { wrapElement, render, ...rest } = props;
   const mergedRef = useMergeRefs(props.ref, getRefProperty(render));
   let element;
   if (React.isValidElement(render)) {
-    const renderProps = __spreadProps(__spreadValues({}, render.props), { ref: mergedRef });
+    const renderProps = {
+      // @ts-ignore Incompatible with React 19 types. Ignore for now.
+      ...render.props,
+      ref: mergedRef
+    };
     element = React.cloneElement(render, mergeProps(rest, renderProps));
   } else if (render) {
     element = render(rest);
   } else {
-    element = /* @__PURE__ */ jsx(Type, __spreadValues({}, rest));
+    element = /* @__PURE__ */ jsx(Type, { ...rest });
   }
   if (wrapElement) {
     return wrapElement(element);
@@ -65,15 +67,15 @@ function createStoreContext(providers = [], scopedProviders = []) {
   };
   const ContextProvider = (props) => {
     return providers.reduceRight(
-      (children, Provider) => /* @__PURE__ */ jsx(Provider, __spreadProps(__spreadValues({}, props), { children })),
-      /* @__PURE__ */ jsx(context.Provider, __spreadValues({}, props))
+      (children, Provider) => /* @__PURE__ */ jsx(Provider, { ...props, children }),
+      /* @__PURE__ */ jsx(context.Provider, { ...props })
     );
   };
   const ScopedContextProvider = (props) => {
-    return /* @__PURE__ */ jsx(ContextProvider, __spreadProps(__spreadValues({}, props), { children: scopedProviders.reduceRight(
-      (children, Provider) => /* @__PURE__ */ jsx(Provider, __spreadProps(__spreadValues({}, props), { children })),
-      /* @__PURE__ */ jsx(scopedContext.Provider, __spreadValues({}, props))
-    ) }));
+    return /* @__PURE__ */ jsx(ContextProvider, { ...props, children: scopedProviders.reduceRight(
+      (children, Provider) => /* @__PURE__ */ jsx(Provider, { ...props, children }),
+      /* @__PURE__ */ jsx(scopedContext.Provider, { ...props })
+    ) });
   };
   return {
     context,

package/esm/__chunks/{N3H2JN6A.js → HLPY2PXK.js}

@@ -2,20 +2,16 @@
 import {
   CompositeRowContext,
   useCompositeContext
-} from "./APTFW6PT.js";
+} from "./AVVXDJMZ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./GWSL6KNJ.js";
 import {
   useId,
   useWrapElement
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./KPHZR4MB.js";
 
 // src/composite/composite-row.tsx
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -23,16 +19,12 @@ import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 var useCompositeRow = createHook(
-  function useCompositeRow2(_a) {
-    var _b = _a, {
-      store,
-      "aria-setsize": ariaSetSize,
-      "aria-posinset": ariaPosInSet
-    } = _b, props = __objRest(_b, [
-      "store",
-      "aria-setsize",
-      "aria-posinset"
-    ]);
+  function useCompositeRow2({
+    store,
+    "aria-setsize": ariaSetSize,
+    "aria-posinset": ariaPosInSet,
+    ...props
+  }) {
     const context = useCompositeContext();
     store = store || context;
     invariant(
@@ -52,7 +44,7 @@ var useCompositeRow = createHook(
       (element) => /* @__PURE__ */ jsx(CompositeRowContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    props = __spreadValues({ id }, props);
+    props = { id, ...props };
     return removeUndefinedValues(props);
   }
 );

package/esm/__chunks/{XCKGTAUF.js → HMKTUWOU.js}

@@ -1,20 +1,16 @@
 "use client";
 import {
   useCommand
-} from "./2W3RN7C5.js";
+} from "./PZ3OL7I2.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./GWSL6KNJ.js";
 import {
   useMergeRefs,
   useTagName
-} from "./5GGHRIN3.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./KPHZR4MB.js";
 
 // src/button/button.tsx
 import { isButton } from "@ariakit/core/utils/dom";
@@ -31,11 +27,11 @@ var useButton = createHook(
       if (!ref.current) return;
       setIsNativeButton(isButton(ref.current));
     }, []);
-    props = __spreadProps(__spreadValues({
-      role: !isNativeButton && tagName !== "a" ? "button" : void 0
-    }, props), {
+    props = {
+      role: !isNativeButton && tagName !== "a" ? "button" : void 0,
+      ...props,
       ref: useMergeRefs(ref, props.ref)
-    });
+    };
     props = useCommand(props);
     return props;
   }

package/esm/__chunks/{X5OJP2NB.js → HOITXJDS.js}

@@ -6,12 +6,7 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./GWSL6KNJ.js";
 
 // src/checkbox/checkbox-check.tsx
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -43,21 +38,21 @@ function getChildren(props) {
   return null;
 }
 var useCheckboxCheck = createHook(
-  function useCheckboxCheck2(_a) {
-    var _b = _a, { store, checked } = _b, props = __objRest(_b, ["store", "checked"]);
+  function useCheckboxCheck2({ store, checked, ...props }) {
     const context = useContext(CheckboxCheckedContext);
     checked = checked != null ? checked : context;
     const children = getChildren({ checked, children: props.children });
-    props = __spreadProps(__spreadValues({
-      "aria-hidden": true
-    }, props), {
+    props = {
+      "aria-hidden": true,
+      ...props,
       children,
-      style: __spreadValues({
+      style: {
         width: "1em",
         height: "1em",
-        pointerEvents: "none"
-      }, props.style)
-    });
+        pointerEvents: "none",
+        ...props.style
+      }
+    };
     return removeUndefinedValues(props);
   }
 );

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

@@ -1,29 +1,24 @@
 "use client";
 import {
   useToolbarContext
-} from "./RRHVJAMQ.js";
+} from "./WZDDDI4V.js";
 import {
   useCompositeItem
-} from "./SBSPVDDI.js";
+} from "./WZWDIE3S.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./VOQWLFSQ.js";
-import {
-  __objRest,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./GWSL6KNJ.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/{M6F5TFYH.js → HVWMDOZM.js}

@@ -1,33 +1,30 @@
 "use client";
 import {
   usePopoverStoreProps
-} from "./RUY5BUJG.js";
+} from "./B6FLPFJM.js";
 import {
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "./B7UTNDHN.js";
+} from "./IQYAUKXT.js";
 import {
   useComboboxProviderContext
-} from "./OLVWQA7U.js";
+} from "./CVCFNOHX.js";
 import {
   useStore,
   useStoreProps
-} from "./RTNCFSKZ.js";
+} from "./Q5W46E73.js";
 import {
   useUpdateEffect
-} from "./5GGHRIN3.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./KPHZR4MB.js";
 
 // src/select/select-store.ts
 import * as Core from "@ariakit/core/select/select-store";
 function useSelectStoreOptions(props) {
   const combobox = useComboboxProviderContext();
-  props = __spreadProps(__spreadValues({}, props), {
+  props = {
+    ...props,
     combobox: props.combobox !== void 0 ? props.combobox : combobox
-  });
+  };
   return useCompositeStoreOptions(props);
 }
 function useSelectStoreProps(store, update, props) {

package/esm/__chunks/{KPUWHTQJ.js → I7KWAPMF.js}

@@ -1,33 +1,28 @@
 "use client";
 import {
   useCommand
-} from "./2W3RN7C5.js";
+} from "./PZ3OL7I2.js";
 import {
   CheckboxCheckedContext
 } from "./EYKMH5G5.js";
 import {
   useCheckboxContext
-} from "./WWPIG7YG.js";
+} from "./ZVXT4QFT.js";
 import {
   useStoreState
-} from "./RTNCFSKZ.js";
+} from "./Q5W46E73.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./GWSL6KNJ.js";
 import {
   useEvent,
   useForceUpdate,
   useMergeRefs,
   useTagName,
   useWrapElement
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./KPHZR4MB.js";
 
 // src/checkbox/checkbox.tsx
 import {
@@ -54,20 +49,14 @@ function getPrimitiveValue(value) {
   return value;
 }
 var useCheckbox = createHook(
-  function useCheckbox2(_a) {
-    var _b = _a, {
-      store,
-      name,
-      value: valueProp,
-      checked: checkedProp,
-      defaultChecked
-    } = _b, props = __objRest(_b, [
-      "store",
-      "name",
-      "value",
-      "checked",
-      "defaultChecked"
-    ]);
+  function useCheckbox2({
+    store,
+    name,
+    value: valueProp,
+    checked: checkedProp,
+    defaultChecked,
+    ...props
+  }) {
     const context = useCheckboxContext();
     store = store || context;
     const [_checked, setChecked] = useState(defaultChecked != null ? defaultChecked : false);
@@ -148,21 +137,22 @@ var useCheckbox = createHook(
       (element) => /* @__PURE__ */ jsx(CheckboxCheckedContext.Provider, { value: isChecked, children: element }),
       [isChecked]
     );
-    props = __spreadProps(__spreadValues({
+    props = {
       role: !nativeCheckbox ? "checkbox" : void 0,
       type: nativeCheckbox ? "checkbox" : void 0,
-      "aria-checked": checked
-    }, props), {
+      "aria-checked": checked,
+      ...props,
       ref: useMergeRefs(ref, props.ref),
       onChange,
       onClick
-    });
-    props = useCommand(__spreadValues({ clickOnEnter: !nativeCheckbox }, props));
-    return removeUndefinedValues(__spreadValues({
+    };
+    props = useCommand({ clickOnEnter: !nativeCheckbox, ...props });
+    return removeUndefinedValues({
       name: nativeCheckbox ? name : void 0,
       value: nativeCheckbox ? valueProp : void 0,
-      checked: isChecked
-    }, props));
+      checked: isChecked,
+      ...props
+    });
   }
 );
 var Checkbox = forwardRef(function Checkbox2(props) {