@ariakit/react-core 0.1.6 → 0.1.7

package/esm/__chunks/{HAHDW4I2.js → M32DI6TL.js}

@@ -1,14 +1,14 @@
 import {
   useCommand
-} from "./SMBMF2TX.js";
+} from "./4QNHBDVS.js";
 import {
   useCollectionItem
-} from "./ON2AV7GH.js";
+} from "./X7UZWWYG.js";
 import {
   focusSilently,
   getEnabledItem,
   isItem
-} from "./STKLF26R.js";
+} from "./OXPV2NBK.js";
 import {
   CompositeContext,
   CompositeItemContext,
@@ -18,10 +18,10 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useStoreState
-} from "./EUGPS2W3.js";
+} from "./AV5WE37O.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -29,7 +29,12 @@ import {
   useId,
   useSafeLayoutEffect,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-item.tsx
 import { useCallback, useContext, useMemo, useRef, useState } from "react";
@@ -65,6 +70,7 @@ function getItemOffset(itemElement, pageUp = false) {
   return top;
 }
 function findNextPageItemId(element, store, next, pageUp = false) {
+  var _a;
   if (!store)
     return;
   if (!next)
@@ -83,7 +89,7 @@ function findNextPageItemId(element, store, next, pageUp = false) {
       break;
     if (id === previousId)
       continue;
-    const itemElement = getEnabledItem(store, id)?.element;
+    const itemElement = (_a = getEnabledItem(store, id)) == null ? void 0 : _a.element;
     if (!itemElement)
       continue;
     const itemOffset = getItemOffset(itemElement, pageUp);
@@ -136,14 +142,20 @@ function supportsAriaSelected(role) {
   return false;
 }
 var useCompositeItem = createHook(
-  ({
-    store,
-    rowId: rowIdProp,
-    preventScrollOnKeyDown = false,
-    moveOnKeyPress = true,
-    getItem: getItemProp,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      rowId: rowIdProp,
+      preventScrollOnKeyDown = false,
+      moveOnKeyPress = true,
+      getItem: getItemProp
+    } = _b, props = __objRest(_b, [
+      "store",
+      "rowId",
+      "preventScrollOnKeyDown",
+      "moveOnKeyPress",
+      "getItem"
+    ]);
     const context = useContext(CompositeContext);
     store = store || context;
     const id = useId(props.id);
@@ -152,7 +164,7 @@ var useCompositeItem = createHook(
     const rowId = useStoreState(store, (state) => {
       if (rowIdProp)
         return rowIdProp;
-      if (!row?.baseElement)
+      if (!(row == null ? void 0 : row.baseElement))
         return;
       if (row.baseElement !== state.baseElement)
         return;
@@ -161,12 +173,11 @@ var useCompositeItem = createHook(
     const trulyDisabled = props.disabled && !props.accessibleWhenDisabled;
     const getItem = useCallback(
       (item) => {
-        const nextItem = {
-          ...item,
+        const nextItem = __spreadProps(__spreadValues({}, item), {
           id: id || item.id,
           rowId,
           disabled: !!trulyDisabled
-        };
+        });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -177,7 +188,7 @@ var useCompositeItem = createHook(
     const onFocusProp = props.onFocus;
     const hasFocusedComposite = useRef(false);
     const onFocus = useEvent((event) => {
-      onFocusProp?.(event);
+      onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
       if (isPortalEvent(event))
@@ -210,11 +221,11 @@ var useCompositeItem = createHook(
     });
     const onBlurCaptureProp = props.onBlurCapture;
     const onBlurCapture = useEvent((event) => {
-      onBlurCaptureProp?.(event);
+      onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
       if (event.defaultPrevented)
         return;
-      const state = store?.getState();
-      if (state?.virtualFocus && hasFocusedComposite.current) {
+      const state = store == null ? void 0 : store.getState();
+      if ((state == null ? void 0 : state.virtualFocus) && hasFocusedComposite.current) {
         hasFocusedComposite.current = false;
         event.preventDefault();
         event.stopPropagation();
@@ -224,7 +235,7 @@ var useCompositeItem = createHook(
     const preventScrollOnKeyDownProp = useBooleanEvent(preventScrollOnKeyDown);
     const moveOnKeyPressProp = useBooleanEvent(moveOnKeyPress);
     const onKeyDown = useEvent((event) => {
-      onKeyDownProp?.(event);
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
       if (!isSelfTarget(event))
@@ -234,7 +245,7 @@ var useCompositeItem = createHook(
       const { currentTarget } = event;
       const state = store.getState();
       const item = store.item(id);
-      const isGrid = !!item?.rowId;
+      const isGrid = !!(item == null ? void 0 : item.rowId);
       const isVertical = state.orientation !== "horizontal";
       const isHorizontal = state.orientation !== "vertical";
       const keyMap = {
@@ -244,21 +255,21 @@ var useCompositeItem = createHook(
         ArrowLeft: (isGrid || isHorizontal) && store.previous,
         Home: () => {
           if (!isGrid || event.ctrlKey) {
-            return store?.first();
+            return store == null ? void 0 : store.first();
           }
-          return store?.previous(-1);
+          return store == null ? void 0 : store.previous(-1);
         },
         End: () => {
           if (!isGrid || event.ctrlKey) {
-            return store?.last();
+            return store == null ? void 0 : store.last();
           }
-          return store?.next(-1);
+          return store == null ? void 0 : store.next(-1);
         },
         PageUp: () => {
-          return findNextPageItemId(currentTarget, store, store?.up, true);
+          return findNextPageItemId(currentTarget, store, store == null ? void 0 : store.up, true);
         },
         PageDown: () => {
-          return findNextPageItemId(currentTarget, store, store?.down);
+          return findNextPageItemId(currentTarget, store, store == null ? void 0 : store.down);
         }
       };
       const action = keyMap[event.key];
@@ -300,24 +311,24 @@ var useCompositeItem = createHook(
       store,
       (state) => !state.virtualFocus && isActiveItem
     );
-    props = {
+    props = __spreadProps(__spreadValues({
       id,
       "aria-selected": ariaSelected,
-      "data-active-item": isActiveItem ? "" : void 0,
-      ...props,
+      "data-active-item": isActiveItem ? "" : void 0
+    }, props), {
       ref: useForkRef(ref, props.ref),
       tabIndex: shouldTabIndex !== false ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,
       onKeyDown
-    };
+    });
     props = useCommand(props);
-    props = useCollectionItem({
-      store,
-      ...props,
+    props = useCollectionItem(__spreadProps(__spreadValues({
+      store
+    }, props), {
       getItem,
       shouldRegisterItem: !!id ? props.shouldRegisterItem : false
-    });
+    }));
     return props;
   }
 );

package/esm/__chunks/{A62WSI6V.js → MERE2IT6.js}

@@ -1,16 +1,21 @@
 import {
   useCompositeItem
-} from "./HAHDW4I2.js";
+} from "./M32DI6TL.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/toolbar/toolbar-item.ts
 var useToolbarItem = createHook(
-  ({ store, ...props }) => {
-    props = useCompositeItem({ store, ...props });
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    props = useCompositeItem(__spreadValues({ store }, props));
     return props;
   }
 );

package/esm/__chunks/{WKCZETSE.js → MEYEPL2D.js}

@@ -1,7 +1,10 @@
 import {
   useStore,
   useStoreProps
-} from "./EUGPS2W3.js";
+} from "./AV5WE37O.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/collection/collection-store.ts
 import * as Core from "@ariakit/core/collection/collection-store";
@@ -15,7 +18,7 @@ function useCollectionStoreProps(store, props) {
 function useCollectionStore(props = {}) {
   const options = useCollectionStoreOptions(props);
   const store = useStore(
-    () => Core.createCollectionStore({ ...props, ...options })
+    () => Core.createCollectionStore(__spreadValues(__spreadValues({}, props), options))
   );
   return useCollectionStoreProps(store, props);
 }

package/esm/__chunks/{A2DUDEP2.js → MHR7JFVW.js}

@@ -1,16 +1,21 @@
 import {
   usePopoverDisclosureArrow
-} from "./KHFKAEA6.js";
+} from "./TFLZHAF5.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/select/select-arrow.ts
 var useSelectArrow = createHook(
-  ({ store, ...props }) => {
-    props = usePopoverDisclosureArrow({ store, ...props });
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    props = usePopoverDisclosureArrow(__spreadValues({ store }, props));
     return props;
   }
 );

package/esm/__chunks/{SE2URGHN.js → MR7KGB6U.js}

@@ -1,11 +1,11 @@
 import {
   useDialogHeading
-} from "./HTHL3GU7.js";
+} from "./WQVVOKZA.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 
 // src/popover/popover-heading.ts
 var usePopoverHeading = createHook((props) => {

package/esm/__chunks/{TTILJGKR.js → NILUKB4E.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverDescription
-} from "./HMJVMCGK.js";
+} from "./RXTFLI35.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 
 // src/hovercard/hovercard-description.ts
 var useHovercardDescription = createHook(

package/esm/__chunks/{LWUHIEZR.js → OBNQHP6V.js}

@@ -1,10 +1,13 @@
 import {
   useDisclosureStoreOptions,
   useDisclosureStoreProps
-} from "./NL6KEDBG.js";
+} from "./HN4VMOUI.js";
 import {
   useStore
-} from "./EUGPS2W3.js";
+} from "./AV5WE37O.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/dialog/dialog-store.ts
 import * as Core from "@ariakit/core/dialog/dialog-store";
@@ -17,7 +20,7 @@ function useDialogStoreProps(store, props) {
 function useDialogStore(props = {}) {
   const options = useDialogStoreOptions(props);
   const store = useStore(
-    () => Core.createDialogStore({ ...props, ...options })
+    () => Core.createDialogStore(__spreadValues(__spreadValues({}, props), options))
   );
   return useDialogStoreProps(store, props);
 }

package/esm/__chunks/{GEZPJZJE.js → OQUXG6FE.js}

@@ -1,15 +1,19 @@
 import {
   useCommand
-} from "./SMBMF2TX.js";
+} from "./4QNHBDVS.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useForkRef,
   useTagName
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/button/button.ts
 import { useEffect, useRef, useState } from "react";
@@ -25,11 +29,11 @@ var useButton = createHook((props) => {
       return;
     setIsNativeButton(isButton(ref.current));
   }, []);
-  props = {
-    role: !isNativeButton && tagName !== "a" ? "button" : void 0,
-    ...props,
+  props = __spreadProps(__spreadValues({
+    role: !isNativeButton && tagName !== "a" ? "button" : void 0
+  }, props), {
     ref: useForkRef(ref, props.ref)
-  };
+  });
   props = useCommand(props);
   return props;
 });

package/esm/__chunks/{STKLF26R.js → OXPV2NBK.js}

@@ -25,7 +25,10 @@ function getEnabledItem(store, id) {
 function groupItemsByRows(items) {
   const rows = [];
   for (const item of items) {
-    const row = rows.find((currentRow) => currentRow[0]?.rowId === item.rowId);
+    const row = rows.find((currentRow) => {
+      var _a;
+      return ((_a = currentRow[0]) == null ? void 0 : _a.rowId) === item.rowId;
+    });
     if (row) {
       row.push(item);
     } else {
@@ -42,9 +45,9 @@ function selectTextField(element, collapseToEnd = false) {
     );
   } else if (element.isContentEditable) {
     const selection = getDocument(element).getSelection();
-    selection?.selectAllChildren(element);
+    selection == null ? void 0 : selection.selectAllChildren(element);
     if (collapseToEnd) {
-      selection?.collapseToEnd();
+      selection == null ? void 0 : selection.collapseToEnd();
     }
   }
 }

package/esm/__chunks/{NOLA2XUH.js → OY5YT7OV.js}

@@ -4,10 +4,10 @@ import {
   groupItemsByRows,
   isItem,
   silentlyFocused
-} from "./STKLF26R.js";
+} from "./OXPV2NBK.js";
 import {
   useFocusable
-} from "./HBXYECGK.js";
+} from "./AGWM73EZ.js";
 import {
   CompositeContext
 } from "./Z3X3QN6P.js";
@@ -15,14 +15,19 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useBooleanEvent,
   useEvent,
   useForkRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -67,17 +72,18 @@ function canProxyKeyboardEvent(event, state) {
 }
 function useKeyboardEventProxy(store, onKeyboardEvent, previousElementRef) {
   return useEvent((event) => {
-    onKeyboardEvent?.(event);
+    var _a;
+    onKeyboardEvent == null ? void 0 : onKeyboardEvent(event);
     if (event.defaultPrevented)
       return;
     const state = store.getState();
-    const activeElement = getEnabledItem(store, state.activeId)?.element;
+    const activeElement = (_a = getEnabledItem(store, state.activeId)) == null ? void 0 : _a.element;
     if (!activeElement)
       return;
     if (!canProxyKeyboardEvent(event, state))
       return;
-    const { view, ...eventInit } = event;
-    const previousElement = previousElementRef?.current;
+    const _b = event, { view } = _b, eventInit = __objRest(_b, ["view"]);
+    const previousElement = previousElementRef == null ? void 0 : previousElementRef.current;
     if (activeElement !== previousElement) {
       activeElement.focus();
     }
@@ -101,7 +107,7 @@ function useScheduleFocus(store) {
     (state) => getEnabledItem(store, state.activeId)
   );
   useEffect(() => {
-    const activeElement = activeItem?.element;
+    const activeElement = activeItem == null ? void 0 : activeItem.element;
     if (!scheduled)
       return;
     if (!activeElement)
@@ -112,17 +118,23 @@ function useScheduleFocus(store) {
   return schedule;
 }
 var useComposite = createHook(
-  ({
-    store,
-    composite = true,
-    focusOnMove = composite,
-    moveOnKeyPress = true,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      composite = true,
+      focusOnMove = composite,
+      moveOnKeyPress = true
+    } = _b, props = __objRest(_b, [
+      "store",
+      "composite",
+      "focusOnMove",
+      "moveOnKeyPress"
+    ]);
     const previousElementRef = useRef(null);
     const scheduleFocus = useScheduleFocus(store);
     const moves = store.useState("moves");
     useSafeLayoutEffect(() => {
+      var _a2;
       if (!composite)
         return;
       if (!focusOnMove)
@@ -130,7 +142,7 @@ var useComposite = createHook(
       if (!moves)
         return;
       const { activeId: activeId2 } = store.getState();
-      const itemElement = getEnabledItem(store, activeId2)?.element;
+      const itemElement = (_a2 = getEnabledItem(store, activeId2)) == null ? void 0 : _a2.element;
       if (!itemElement)
         return;
       scheduleFocus();
@@ -160,6 +172,7 @@ var useComposite = createHook(
     const activeId = store.useState("activeId");
     const virtualFocus = store.useState("virtualFocus");
     useSafeLayoutEffect(() => {
+      var _a2;
       if (!composite)
         return;
       if (!virtualFocus)
@@ -168,7 +181,7 @@ var useComposite = createHook(
       previousElementRef.current = null;
       if (!previousElement)
         return;
-      const activeElement = getEnabledItem(store, activeId)?.element;
+      const activeElement = (_a2 = getEnabledItem(store, activeId)) == null ? void 0 : _a2.element;
       const relatedTarget = activeElement || getActiveElement(previousElement);
       fireBlurEvent(previousElement, { relatedTarget });
     }, [activeId, virtualFocus, composite]);
@@ -184,7 +197,7 @@ var useComposite = createHook(
     );
     const onFocusCaptureProp = props.onFocusCapture;
     const onFocusCapture = useEvent((event) => {
-      onFocusCaptureProp?.(event);
+      onFocusCaptureProp == null ? void 0 : onFocusCaptureProp(event);
       if (event.defaultPrevented)
         return;
       const { virtualFocus: virtualFocus2 } = store.getState();
@@ -199,7 +212,7 @@ var useComposite = createHook(
     });
     const onFocusProp = props.onFocus;
     const onFocus = useEvent((event) => {
-      onFocusProp?.(event);
+      onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
       if (!composite)
@@ -216,13 +229,14 @@ var useComposite = createHook(
     });
     const onBlurCaptureProp = props.onBlurCapture;
     const onBlurCapture = useEvent((event) => {
-      onBlurCaptureProp?.(event);
+      var _a2;
+      onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
       if (event.defaultPrevented)
         return;
       const { virtualFocus: virtualFocus2, activeId: activeId2 } = store.getState();
       if (!virtualFocus2)
         return;
-      const activeElement = getEnabledItem(store, activeId2)?.element;
+      const activeElement = (_a2 = getEnabledItem(store, activeId2)) == null ? void 0 : _a2.element;
       const nextActiveElement = event.relatedTarget;
       const nextActiveElementIsItem = isItem(store, nextActiveElement);
       const previousElement = previousElementRef.current;
@@ -246,7 +260,7 @@ var useComposite = createHook(
     const onKeyDownProp = props.onKeyDown;
     const moveOnKeyPressProp = useBooleanEvent(moveOnKeyPress);
     const onKeyDown = useEvent((event) => {
-      onKeyDownProp?.(event);
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
       if (!isSelfTarget(event))
@@ -261,7 +275,7 @@ var useComposite = createHook(
       const up = () => {
         if (grid) {
           const item = items && findFirstEnabledItemInTheLastRow(items);
-          return item?.id;
+          return item == null ? void 0 : item.id;
         }
         return store.last();
       };
@@ -292,11 +306,14 @@ var useComposite = createHook(
       [store]
     );
     const activeDescendant = store.useState(
-      (state) => state.virtualFocus ? getEnabledItem(store, state.activeId)?.id : void 0
+      (state) => {
+        var _a2;
+        return state.virtualFocus ? (_a2 = getEnabledItem(store, state.activeId)) == null ? void 0 : _a2.id : void 0;
+      }
     );
-    props = {
-      "aria-activedescendant": activeDescendant,
-      ...props,
+    props = __spreadProps(__spreadValues({
+      "aria-activedescendant": activeDescendant
+    }, props), {
       ref: useForkRef(composite ? store.setBaseElement : null, props.ref),
       onKeyDownCapture,
       onKeyUpCapture,
@@ -304,11 +321,11 @@ var useComposite = createHook(
       onFocus,
       onBlurCapture,
       onKeyDown
-    };
+    });
     const focusable = store.useState(
       (state) => composite && (state.virtualFocus || state.activeId === null)
     );
-    props = useFocusable({ focusable, ...props });
+    props = useFocusable(__spreadValues({ focusable }, props));
     return props;
   }
 );

package/esm/__chunks/{QLGPSTUO.js → PIRVQZZN.js}

@@ -1,11 +1,11 @@
 import {
   useDialogDismiss
-} from "./NZB3NDFQ.js";
+} from "./TSWOSEC5.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 
 // src/popover/popover-dismiss.ts
 var usePopoverDismiss = createHook((props) => {

package/esm/__chunks/{NMA53LJC.js → POSBQXS7.js}

@@ -1,6 +1,6 @@
 import {
   useSeparator
-} from "./HOVZF3TA.js";
+} from "./KPEUI6QX.js";
 import {
   CompositeContext
 } from "./Z3X3QN6P.js";
@@ -8,13 +8,19 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-separator.ts
 import { useContext } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 var useCompositeSeparator = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const context = useContext(CompositeContext);
     store = store || context;
     invariant(
@@ -24,7 +30,7 @@ var useCompositeSeparator = createHook(
     const orientation = store.useState(
       (state) => state.orientation === "horizontal" ? "vertical" : "horizontal"
     );
-    props = useSeparator({ ...props, orientation });
+    props = useSeparator(__spreadProps(__spreadValues({}, props), { orientation }));
     return props;
   }
 );