@ariakit/react-core 0.4.18 → 0.4.20

package/esm/__chunks/{SQMW2KTG.js → OEPCE7UG.js}

@@ -1,18 +1,14 @@
 "use client";
 import {
   useCollectionStoreProps
-} from "./AMMIPFT4.js";
+} from "./QHXYX2YB.js";
 import {
   useStore,
   useStoreProps
-} from "./RTNCFSKZ.js";
+} from "./Q3KUZPD7.js";
 import {
   useEvent
-} from "./5GGHRIN3.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/form/form-store.ts
 import * as Core from "@ariakit/core/form/form-store";
@@ -43,7 +39,8 @@ function useFormStoreProps(store, update, props) {
     [store]
   );
   return useMemo(
-    () => __spreadProps(__spreadValues({}, store), {
+    () => ({
+      ...store,
       useValue,
       useValidate,
       useSubmit

package/esm/__chunks/{FVD56SIN.js → OHRVW5B4.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useStoreState
-} from "./RTNCFSKZ.js";
+} from "./Q3KUZPD7.js";
 import {
   useCollectionContext
-} from "./5CPL3B7G.js";
+} from "./45YOMIF3.js";
 import {
   createElement,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -16,12 +16,7 @@ import {
   useId,
   useMergeRefs,
   useWrapElement
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/collection/collection-renderer.tsx
 import { getScrollingElement, getWindow } from "@ariakit/core/utils/dom";
@@ -252,41 +247,25 @@ function getData(props) {
   }
   return nextData;
 }
-function useCollectionRenderer(_a) {
-  var _b = _a, {
-    store,
-    items: itemsProp,
-    initialItems = 0,
-    gap = 0,
-    itemSize,
-    estimatedItemSize = 40,
-    overscan: overscanProp,
-    orientation: orientationProp,
-    padding = 0,
-    paddingStart = padding,
-    paddingEnd = padding,
-    persistentIndices,
-    renderOnScroll = true,
-    renderOnResize = !!renderOnScroll,
-    children: renderItem
-  } = _b, props = __objRest(_b, [
-    "store",
-    "items",
-    "initialItems",
-    "gap",
-    "itemSize",
-    "estimatedItemSize",
-    "overscan",
-    "orientation",
-    "padding",
-    "paddingStart",
-    "paddingEnd",
-    "persistentIndices",
-    "renderOnScroll",
-    "renderOnResize",
-    "children"
-  ]);
-  var _a2, _b2;
+function useCollectionRenderer({
+  store,
+  items: itemsProp,
+  initialItems = 0,
+  gap = 0,
+  itemSize,
+  estimatedItemSize = 40,
+  overscan: overscanProp,
+  orientation: orientationProp,
+  padding = 0,
+  paddingStart = padding,
+  paddingEnd = padding,
+  persistentIndices,
+  renderOnScroll = true,
+  renderOnResize = !!renderOnScroll,
+  children: renderItem,
+  ...props
+}) {
+  var _a, _b;
   const context = useCollectionContext();
   store = store || context;
   const items = useStoreState(
@@ -302,8 +281,8 @@ function useCollectionRenderer(_a) {
     parent = null;
   }
   const parentData = parent == null ? void 0 : parent.childrenData;
-  const orientation = (_a2 = orientationProp != null ? orientationProp : parent == null ? void 0 : parent.orientation) != null ? _a2 : "vertical";
-  const overscan = (_b2 = overscanProp != null ? overscanProp : parent == null ? void 0 : parent.overscan) != null ? _b2 : 1;
+  const orientation = (_a = orientationProp != null ? orientationProp : parent == null ? void 0 : parent.orientation) != null ? _a : "vertical";
+  const overscan = (_b = overscanProp != null ? overscanProp : parent == null ? void 0 : parent.overscan) != null ? _b : 1;
   const ref = useRef(null);
   const baseId = useId(props.id);
   const horizontal = orientation === "horizontal";
@@ -417,7 +396,7 @@ function useCollectionRenderer(_a) {
     if (!data.size && !itemSize) return;
     const length = getItemsLength(items);
     const getItemOffset = (index, prop = "start") => {
-      var _a3;
+      var _a2;
       if (itemSize) {
         const start2 = itemSize * index + gap * index + paddingStart;
         if (prop === "start") return start2;
@@ -426,7 +405,7 @@ function useCollectionRenderer(_a) {
       const item = getItem(items, index);
       const itemId = getItemId(item, index, baseId);
       const itemData = data.get(itemId);
-      return (_a3 = itemData == null ? void 0 : itemData[prop]) != null ? _a3 : 0;
+      return (_a2 = itemData == null ? void 0 : itemData[prop]) != null ? _a2 : 0;
     };
     const initialStart = findNearestIndex(items, offsets.start, getItemOffset);
     let initialEnd = initialStart;
@@ -578,9 +557,9 @@ function useCollectionRenderer(_a) {
   );
   const getItemProps = useCallback(
     (item, index) => {
-      var _a3, _b3;
+      var _a2, _b2;
       const itemId = getItemId(item, index, baseId);
-      const offset = itemSize ? paddingStart + itemSize * index + gap * index : (_b3 = (_a3 = data.get(itemId)) == null ? void 0 : _a3.start) != null ? _b3 : 0;
+      const offset = itemSize ? paddingStart + itemSize * index + gap * index : (_b2 = (_a2 = data.get(itemId)) == null ? void 0 : _a2.start) != null ? _b2 : 0;
       const baseItemProps = {
         id: itemId,
         ref: itemRef,
@@ -596,9 +575,14 @@ function useCollectionRenderer(_a) {
       }
       if (item == null) return baseItemProps;
       const itemProps = getItemObject(item);
-      return __spreadProps(__spreadValues(__spreadValues({}, itemProps), baseItemProps), {
-        style: __spreadValues(__spreadValues({}, itemProps.style), baseItemProps.style)
-      });
+      return {
+        ...itemProps,
+        ...baseItemProps,
+        style: {
+          ...itemProps.style,
+          ...baseItemProps.style
+        }
+      };
     },
     [baseId, data, itemSize, paddingStart, gap, horizontal, itemRef]
   );
@@ -616,11 +600,12 @@ function useCollectionRenderer(_a) {
   const styleProp = props.style;
   const sizeProperty = horizontal ? "width" : "height";
   const style = useMemo(
-    () => __spreadValues({
+    () => ({
       flex: "none",
       position: "relative",
-      [sizeProperty]: totalSize
-    }, styleProp),
+      [sizeProperty]: totalSize,
+      ...styleProp
+    }),
     [styleProp, sizeProperty, totalSize]
   );
   const childrenData = useMemo(() => /* @__PURE__ */ new Map(), []);
@@ -633,13 +618,13 @@ function useCollectionRenderer(_a) {
     (element) => /* @__PURE__ */ jsx(CollectionRendererContext.Provider, { value: providerValue, children: element }),
     [providerValue]
   );
-  props = __spreadProps(__spreadValues({
-    id: baseId
-  }, props), {
+  props = {
+    id: baseId,
+    ...props,
     style,
     ref: useMergeRefs(ref, props.ref)
-  });
-  return __spreadProps(__spreadValues({}, props), { children });
+  };
+  return { ...props, children };
 }
 var CollectionRenderer = forwardRef(function CollectionRenderer2(props) {
   const htmlProps = useCollectionRenderer(props);

package/esm/__chunks/{5LFY3QUX.js → OIMUKFHW.js}

@@ -3,21 +3,21 @@ import {
   SelectHeadingContext,
   SelectScopedContextProvider,
   useSelectContext
-} from "./LM7KIZUU.js";
+} from "./QI6TYHPV.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 {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useAttribute,
   useBooleanEvent,
@@ -26,12 +26,7 @@ import {
   useMergeRefs,
   useTransactionState,
   useWrapElement
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/select/select-list.tsx
 import { isSelfTarget } from "@ariakit/core/utils/events";
@@ -41,22 +36,15 @@ import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 var SelectListContext = createContext(null);
 var useSelectList = createHook(
-  function useSelectList2(_a) {
-    var _b = _a, {
-      store,
-      resetOnEscape = true,
-      hideOnEnter = true,
-      focusOnMove = true,
-      composite,
-      alwaysVisible
-    } = _b, props = __objRest(_b, [
-      "store",
-      "resetOnEscape",
-      "hideOnEnter",
-      "focusOnMove",
-      "composite",
-      "alwaysVisible"
-    ]);
+  function useSelectList2({
+    store,
+    resetOnEscape = true,
+    hideOnEnter = true,
+    focusOnMove = true,
+    composite,
+    alwaysVisible,
+    ...props
+  }) {
     const context = useSelectContext();
     store = store || context;
     invariant(
@@ -117,30 +105,31 @@ var useSelectList = createHook(
     const isCompositeRole = role === "listbox" || role === "menu" || role === "tree" || role === "grid";
     const ariaMultiSelectable = composite || isCompositeRole ? multiSelectable || void 0 : void 0;
     const hidden = isHidden(mounted, props.hidden, alwaysVisible);
-    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
+    const style = hidden ? { ...props.style, display: "none" } : props.style;
     if (composite) {
-      props = __spreadValues({
+      props = {
         role: "listbox",
-        "aria-multiselectable": ariaMultiSelectable
-      }, props);
+        "aria-multiselectable": ariaMultiSelectable,
+        ...props
+      };
     }
     const labelId = store.useState(
       (state) => {
-        var _a2;
-        return headingId || ((_a2 = state.labelElement) == null ? void 0 : _a2.id);
+        var _a;
+        return headingId || ((_a = state.labelElement) == null ? void 0 : _a.id);
       }
     );
-    props = __spreadProps(__spreadValues({
+    props = {
       id,
       "aria-labelledby": labelId,
-      hidden
-    }, props), {
+      hidden,
+      ...props,
       ref: useMergeRefs(setElement, props.ref),
       style,
       onKeyDown
-    });
-    props = useComposite(__spreadProps(__spreadValues({ store }, props), { composite }));
-    props = useCompositeTypeahead(__spreadValues({ store, typeahead: !hasCombobox }, props));
+    };
+    props = useComposite({ store, ...props, composite });
+    props = useCompositeTypeahead({ store, typeahead: !hasCombobox, ...props });
     return props;
   }
 );

package/esm/__chunks/{NLAT5IRT.js → OR4RELH5.js}

@@ -4,26 +4,21 @@ import {
 } from "./2SM3RB2N.js";
 import {
   usePopoverContext
-} from "./Y67KZUMI.js";
+} from "./MWF5B7KS.js";
 import {
   useStoreState
-} from "./RTNCFSKZ.js";
+} from "./Q3KUZPD7.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useId,
   useMergeRefs,
   useSafeLayoutEffect
-} from "./5GGHRIN3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/popover/popover-arrow.tsx
 import { getWindow } from "@ariakit/core/utils/dom";
@@ -69,16 +64,12 @@ function getBorderColor(dir, style) {
   return ringColor || void 0;
 }
 var usePopoverArrow = createHook(
-  function usePopoverArrow2(_a) {
-    var _b = _a, {
-      store,
-      size = defaultSize,
-      borderWidth: borderWidthProp
-    } = _b, props = __objRest(_b, [
-      "store",
-      "size",
-      "borderWidth"
-    ]);
+  function usePopoverArrow2({
+    store,
+    size = defaultSize,
+    borderWidth: borderWidthProp,
+    ...props
+  }) {
     const context = usePopoverContext();
     store = store || context;
     invariant(
@@ -97,9 +88,10 @@ var usePopoverArrow = createHook(
       if (borderWidthProp != null) return [borderWidthProp, false];
       if (!style) return [0, false];
       const ringWidth = getRingWidth(style);
-      if (ringWidth) return [Number.parseInt(ringWidth), true];
+      if (ringWidth) return [Number.parseInt(ringWidth, 10), true];
       const borderWidth2 = style.getPropertyValue(`border-${dir}-width`);
-      if (borderWidth2) return [Number.parseInt(borderWidth2), false];
+      if (borderWidth2)
+        return [Math.ceil(Number.parseFloat(borderWidth2)), false];
       return [0, false];
     }, [borderWidthProp, style, dir]);
     const strokeWidth = borderWidth * 2 * (defaultSize / size);
@@ -134,12 +126,12 @@ var usePopoverArrow = createHook(
       ] }) }),
       [transform, isRing, fill, maskId]
     );
-    props = __spreadProps(__spreadValues({
+    props = {
       children,
-      "aria-hidden": true
-    }, props), {
+      "aria-hidden": true,
+      ...props,
       ref: useMergeRefs(store.setArrowElement, props.ref),
-      style: __spreadValues({
+      style: {
         position: "absolute",
         fontSize: size,
         width: "1em",
@@ -147,9 +139,10 @@ var usePopoverArrow = createHook(
         pointerEvents: "none",
         fill: `var(--ak-layer, ${fill})`,
         stroke: `var(--ak-layer-border, ${stroke})`,
-        strokeWidth
-      }, props.style)
-    });
+        strokeWidth,
+        ...props.style
+      }
+    };
     return removeUndefinedValues(props);
   }
 );

package/esm/__chunks/{RTNCFSKZ.js → Q3KUZPD7.js}

@@ -3,11 +3,7 @@ import {
   useEvent,
   useLiveRef,
   useSafeLayoutEffect
-} from "./5GGHRIN3.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/utils/store.tsx
 import { hasOwnProperty, identity } from "@ariakit/core/utils/misc";
@@ -72,7 +68,7 @@ function useStoreStateObject(store, object) {
       }
     }
     if (updated) {
-      objRef.current = __spreadValues({}, obj);
+      objRef.current = { ...obj };
     }
     return objRef.current;
   };
@@ -108,11 +104,11 @@ function useStore(createStore, props) {
     [store]
   );
   const memoizedStore = React.useMemo(
-    () => __spreadProps(__spreadValues({}, store), { useState: useState2 }),
+    () => ({ ...store, useState: useState2 }),
     [store, useState2]
   );
   const updateStore = useEvent(() => {
-    setStore((store2) => createStore(__spreadValues(__spreadValues({}, props), store2.getState())));
+    setStore((store2) => createStore({ ...props, ...store2.getState() }));
   });
   return [memoizedStore, updateStore];
 }

package/esm/__chunks/{B3T36J6Q.js → Q73EQ37Z.js}

@@ -6,14 +6,11 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./5GGHRIN3.js";
-import {
-  __spreadValues
-} from "./3YLGPPWQ.js";
+} from "./K2XTQB3X.js";
 
 // src/group/group-label.tsx
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -27,10 +24,11 @@ var useGroupLabel = createHook(
       setLabelId == null ? void 0 : setLabelId(id);
       return () => setLabelId == null ? void 0 : setLabelId(void 0);
     }, [setLabelId, id]);
-    props = __spreadValues({
+    props = {
       id,
-      "aria-hidden": true
-    }, props);
+      "aria-hidden": true,
+      ...props
+    };
     return removeUndefinedValues(props);
   }
 );

package/esm/__chunks/{BZZ52UJN.js → QHA3XIQA.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useHovercardStoreProps
-} from "./GVVKDT6A.js";
+} from "./IAC2O6VC.js";
 import {
   useStore,
   useStoreProps
-} from "./RTNCFSKZ.js";
+} from "./Q3KUZPD7.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

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

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

package/esm/__chunks/{LM7KIZUU.js → QI6TYHPV.js}

@@ -2,14 +2,14 @@
 import {
   PopoverContextProvider,
   PopoverScopedContextProvider
-} from "./Y67KZUMI.js";
+} from "./MWF5B7KS.js";
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./APTFW6PT.js";
+} from "./72IB6YNO.js";
 import {
   createStoreContext
-} from "./VOQWLFSQ.js";
+} from "./ILRXHV7V.js";
 
 // src/select/select-context.tsx
 import { createContext } from "react";