@ariakit/react-core 0.1.6 → 0.1.7

package/esm/select/select.js

@@ -1,41 +1,46 @@
 import {
   usePopoverDisclosure
-} from "../__chunks/MMKQPA5B.js";
-import "../__chunks/OOPJDYET.js";
-import "../__chunks/UBWZV2LZ.js";
-import "../__chunks/GEZPJZJE.js";
+} from "../__chunks/6O3TZMB4.js";
+import "../__chunks/LSTZ5Q72.js";
+import "../__chunks/24P2K6AU.js";
+import "../__chunks/OQUXG6FE.js";
 import {
   SelectArrow
-} from "../__chunks/A2DUDEP2.js";
-import "../__chunks/KHFKAEA6.js";
+} from "../__chunks/MHR7JFVW.js";
+import "../__chunks/TFLZHAF5.js";
 import {
   useCompositeTypeahead
-} from "../__chunks/6OCAIYRY.js";
+} from "../__chunks/KSVEVAMH.js";
 import {
   SelectContext
 } from "../__chunks/EEVSGAZW.js";
 import "../__chunks/6GS36SYX.js";
-import "../__chunks/RNWB46DZ.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/STKLF26R.js";
-import "../__chunks/HBXYECGK.js";
+import "../__chunks/D6NPK2DL.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/OXPV2NBK.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/Z3X3QN6P.js";
 import {
   VisuallyHidden
-} from "../__chunks/SDULECC7.js";
+} from "../__chunks/JQEVJM46.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
+} from "../__chunks/5ETIGB6O.js";
 import {
   useBooleanEvent,
   useEvent,
   useForkRef,
   useWrapElement
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/select/select.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -61,21 +66,30 @@ function nextWithValue(store, next) {
       if (nextItem === firstItem)
         break;
     }
-    return nextItem?.id;
+    return nextItem == null ? void 0 : nextItem.id;
   };
 }
 var useSelect = createHook(
-  ({
-    store,
-    name,
-    form,
-    required,
-    showOnKeyDown = true,
-    moveOnKeyDown = true,
-    toggleOnClick = false,
-    toggleOnPress = !toggleOnClick,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      name,
+      form,
+      required,
+      showOnKeyDown = true,
+      moveOnKeyDown = true,
+      toggleOnClick = false,
+      toggleOnPress = !toggleOnClick
+    } = _b, props = __objRest(_b, [
+      "store",
+      "name",
+      "form",
+      "required",
+      "showOnKeyDown",
+      "moveOnKeyDown",
+      "toggleOnClick",
+      "toggleOnPress"
+    ]);
     toggleOnPress = toggleOnClick ? false : toggleOnPress;
     const onKeyDownProp = props.onKeyDown;
     const showOnKeyDownProp = useBooleanEvent(showOnKeyDown);
@@ -86,7 +100,8 @@ var useSelect = createHook(
     const value = store.useState("value");
     const multiSelectable = Array.isArray(value);
     const onKeyDown = useEvent((event) => {
-      onKeyDownProp?.(event);
+      var _a2;
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
       const { orientation, items: items2, activeId } = store.getState();
@@ -98,9 +113,9 @@ var useSelect = createHook(
       }
       const isVertical = orientation !== "horizontal";
       const isHorizontal = orientation !== "vertical";
-      const isGrid = !!items2.find(
+      const isGrid = !!((_a2 = items2.find(
         (item) => !item.disabled && item.value != null
-      )?.rowId;
+      )) == null ? void 0 : _a2.rowId);
       const moveKeyMap = {
         ArrowUp: (isGrid || isVertical) && nextWithValue(store, store.up),
         ArrowRight: (isGrid || isHorizontal) && nextWithValue(store, store.next),
@@ -130,7 +145,7 @@ var useSelect = createHook(
     });
     const onMouseDownProp = props.onMouseDown;
     const onMouseDown = useEvent((event) => {
-      onMouseDownProp?.(event);
+      onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       if (event.defaultPrevented)
         return;
       if (event.button)
@@ -159,7 +174,10 @@ var useSelect = createHook(
         return;
       setAutofill(false);
     }, [value]);
-    const labelId = store.useState((state) => state.labelElement?.id);
+    const labelId = store.useState((state) => {
+      var _a2;
+      return (_a2 = state.labelElement) == null ? void 0 : _a2.id;
+    });
     const label = props["aria-label"];
     const labelledBy = props["aria-labelledby"] || labelId;
     const items = store.useState("items");
@@ -187,7 +205,10 @@ var useSelect = createHook(
               required,
               value,
               multiple: multiSelectable,
-              onFocus: () => store.getState().selectElement?.focus(),
+              onFocus: () => {
+                var _a2;
+                return (_a2 = store.getState().selectElement) == null ? void 0 : _a2.focus();
+              },
               onChange: (event) => {
                 nativeSelectChangedRef.current = true;
                 setAutofill(true);
@@ -218,21 +239,21 @@ var useSelect = createHook(
       /* @__PURE__ */ jsx(SelectArrow, {})
     ] });
     const contentElement = store.useState("contentElement");
-    props = {
+    props = __spreadProps(__spreadValues({
       role: "combobox",
       "aria-autocomplete": "none",
       "aria-labelledby": labelId,
       "aria-haspopup": getPopupRole(contentElement, "listbox"),
       "data-autofill": autofill ? "" : void 0,
       "data-name": name,
-      children,
-      ...props,
+      children
+    }, props), {
       ref: useForkRef(store.setSelectElement, props.ref),
       onKeyDown,
       onMouseDown
-    };
-    props = usePopoverDisclosure({ store, toggleOnClick, ...props });
-    props = useCompositeTypeahead({ store, ...props });
+    });
+    props = usePopoverDisclosure(__spreadValues({ store, toggleOnClick }, props));
+    props = useCompositeTypeahead(__spreadValues({ store }, props));
     return props;
   }
 );

package/esm/separator/separator.js

@@ -1,8 +1,9 @@
 import {
   Separator,
   useSeparator
-} from "../__chunks/HOVZF3TA.js";
-import "../__chunks/JE5NWDDX.js";
+} from "../__chunks/KPEUI6QX.js";
+import "../__chunks/5ETIGB6O.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   Separator,
   useSeparator

package/esm/tab/tab-context.js

@@ -1,6 +1,7 @@
 import {
   TabContext
 } from "../__chunks/UZKBEGMB.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   TabContext
 };

package/esm/tab/tab-list.js

@@ -3,24 +3,29 @@ import {
 } from "../__chunks/UZKBEGMB.js";
 import {
   useComposite
-} from "../__chunks/NOLA2XUH.js";
-import "../__chunks/STKLF26R.js";
-import "../__chunks/HBXYECGK.js";
+} from "../__chunks/OY5YT7OV.js";
+import "../__chunks/OXPV2NBK.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/Z3X3QN6P.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
+} from "../__chunks/5ETIGB6O.js";
 import {
   useWrapElement
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/tab/tab-list.tsx
 import { jsx } from "react/jsx-runtime";
-var useTabList = createHook(({ store, ...props }) => {
+var useTabList = createHook((_a) => {
+  var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
   const orientation = store.useState(
     (state) => state.orientation === "both" ? void 0 : state.orientation
   );
@@ -29,12 +34,11 @@ var useTabList = createHook(({ store, ...props }) => {
     (element) => /* @__PURE__ */ jsx(TabContext.Provider, { value: store, children: element }),
     [store]
   );
-  props = {
+  props = __spreadValues({
     role: "tablist",
-    "aria-orientation": orientation,
-    ...props
-  };
-  props = useComposite({ store, ...props });
+    "aria-orientation": orientation
+  }, props);
+  props = useComposite(__spreadValues({ store }, props));
   return props;
 });
 var TabList = createComponent((props) => {

package/esm/tab/tab-panel.d.ts

@@ -40,6 +40,9 @@ export interface TabPanelOptions<T extends As = "div"> extends FocusableOptions<
     /**
      * The id of the tab that controls this panel. By default, this value will
      * be inferred based on the order of the tabs and the panels.
+     *
+     * Live examples:
+     * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
      */
     tabId?: string | null;
 }

package/esm/tab/tab-panel.js

@@ -1,34 +1,40 @@
 import {
   useCollectionItem
-} from "../__chunks/ON2AV7GH.js";
+} from "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import {
   useFocusable
-} from "../__chunks/HBXYECGK.js";
+} from "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   useDisclosureContent
-} from "../__chunks/FFRIGW5T.js";
+} from "../__chunks/6AJCHLAV.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
+} from "../__chunks/5ETIGB6O.js";
 import {
   useDisclosureStore
-} from "../__chunks/NL6KEDBG.js";
-import "../__chunks/EUGPS2W3.js";
+} from "../__chunks/HN4VMOUI.js";
+import "../__chunks/AV5WE37O.js";
 import {
   useForkRef,
   useId
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/tab/tab-panel.ts
 import { useCallback, useEffect, useRef, useState } from "react";
 import { getAllTabbableIn } from "@ariakit/core/utils/focus";
 var useTabPanel = createHook(
-  ({ store, tabId: tabIdProp, getItem: getItemProp, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, tabId: tabIdProp, getItem: getItemProp } = _b, props = __objRest(_b, ["store", "tabId", "getItem"]);
     const ref = useRef(null);
     const id = useId(props.id);
     const [hasTabbableChildren, setHasTabbableChildren] = useState(false);
@@ -41,7 +47,7 @@ var useTabPanel = createHook(
     }, []);
     const getItem = useCallback(
       (item) => {
-        const nextItem = { ...item, id: id || item.id, tabId: tabIdProp };
+        const nextItem = __spreadProps(__spreadValues({}, item), { id: id || item.id, tabId: tabIdProp });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -50,22 +56,25 @@ var useTabPanel = createHook(
       [id, tabIdProp, getItemProp]
     );
     const tabId = store.panels.useState(
-      () => tabIdProp || store.panels.item(id)?.tabId
+      () => {
+        var _a2;
+        return tabIdProp || ((_a2 = store.panels.item(id)) == null ? void 0 : _a2.tabId);
+      }
     );
     const open = store.useState(
       (state) => !!tabId && state.selectedId === tabId
     );
-    props = {
+    props = __spreadProps(__spreadValues({
       id,
       role: "tabpanel",
-      "aria-labelledby": tabId || void 0,
-      ...props,
+      "aria-labelledby": tabId || void 0
+    }, props), {
       ref: useForkRef(ref, props.ref)
-    };
+    });
     const disclosure = useDisclosureStore({ open });
-    props = useFocusable({ focusable: !hasTabbableChildren, ...props });
-    props = useDisclosureContent({ store: disclosure, ...props });
-    props = useCollectionItem({ store: store.panels, ...props, getItem });
+    props = useFocusable(__spreadValues({ focusable: !hasTabbableChildren }, props));
+    props = useDisclosureContent(__spreadValues({ store: disclosure }, props));
+    props = useCollectionItem(__spreadProps(__spreadValues({ store: store.panels }, props), { getItem }));
     return props;
   }
 );

package/esm/tab/tab-store.js

@@ -1,14 +1,18 @@
 import {
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "../__chunks/ZNVJPG2U.js";
-import "../__chunks/WKCZETSE.js";
+} from "../__chunks/SSM4B45D.js";
+import "../__chunks/MEYEPL2D.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/EUGPS2W3.js";
-import "../__chunks/B7MIN7YT.js";
+} from "../__chunks/AV5WE37O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/tab/tab-store.ts
 import { useMemo } from "react";
@@ -21,11 +25,11 @@ function useTabStoreProps(store, props) {
   useStoreProps(store, props, "selectedId", "setSelectedId");
   useStoreProps(store, props, "selectOnMove");
   const panels = useStore(() => store.panels);
-  return useMemo(() => ({ ...store, panels }), []);
+  return useMemo(() => __spreadProps(__spreadValues({}, store), { panels }), []);
 }
 function useTabStore(props = {}) {
   const options = useTabStoreOptions(props);
-  const store = useStore(() => Core.createTabStore({ ...props, ...options }));
+  const store = useStore(() => Core.createTabStore(__spreadValues(__spreadValues({}, props), options)));
   return useTabStoreProps(store, props);
 }
 export {

package/esm/tab/tab.js

@@ -3,36 +3,45 @@ import {
 } from "../__chunks/UZKBEGMB.js";
 import {
   useCompositeItem
-} from "../__chunks/HAHDW4I2.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/ON2AV7GH.js";
+} from "../__chunks/M32DI6TL.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/STKLF26R.js";
-import "../__chunks/HBXYECGK.js";
+import "../__chunks/OXPV2NBK.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/Z3X3QN6P.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/JE5NWDDX.js";
-import "../__chunks/EUGPS2W3.js";
+} from "../__chunks/5ETIGB6O.js";
+import "../__chunks/AV5WE37O.js";
 import {
   useEvent,
   useId
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/tab/tab.ts
 import { useCallback, useContext } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 var useTab = createHook(
-  ({
-    store,
-    accessibleWhenDisabled = true,
-    getItem: getItemProp,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      accessibleWhenDisabled = true,
+      getItem: getItemProp
+    } = _b, props = __objRest(_b, [
+      "store",
+      "accessibleWhenDisabled",
+      "getItem"
+    ]);
     const context = useContext(TabContext);
     store = store || context;
     invariant(
@@ -44,7 +53,7 @@ var useTab = createHook(
     const dimmed = props.disabled;
     const getItem = useCallback(
       (item) => {
-        const nextItem = { ...item, dimmed };
+        const nextItem = __spreadProps(__spreadValues({}, item), { dimmed });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -54,30 +63,33 @@ var useTab = createHook(
     );
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
-      onClickProp?.(event);
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
-      store?.setSelectedId(id);
+      store == null ? void 0 : store.setSelectedId(id);
     });
     const panelId = store.panels.useState(
-      (state) => state.items.find((item) => item.tabId === id)?.id
+      (state) => {
+        var _a2;
+        return (_a2 = state.items.find((item) => item.tabId === id)) == null ? void 0 : _a2.id;
+      }
     );
     const selected = store.useState((state) => !!id && state.selectedId === id);
-    props = {
+    props = __spreadProps(__spreadValues({
       id,
       role: "tab",
       "aria-selected": selected,
-      "aria-controls": panelId || void 0,
-      ...props,
+      "aria-controls": panelId || void 0
+    }, props), {
       onClick
-    };
-    props = useCompositeItem({
-      store,
-      ...props,
+    });
+    props = useCompositeItem(__spreadProps(__spreadValues({
+      store
+    }, props), {
       accessibleWhenDisabled,
       getItem,
       shouldRegisterItem: !!defaultId ? props.shouldRegisterItem : false
-    });
+    }));
     return props;
   }
 );

package/esm/toolbar/toolbar-container.js

@@ -1,31 +1,36 @@
 import {
   useCompositeContainer
-} from "../__chunks/7GYXZEBT.js";
+} from "../__chunks/5LA7CLO3.js";
 import {
   useToolbarItem
-} from "../__chunks/A62WSI6V.js";
-import "../__chunks/HAHDW4I2.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/ON2AV7GH.js";
+} from "../__chunks/MERE2IT6.js";
+import "../__chunks/M32DI6TL.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/STKLF26R.js";
-import "../__chunks/HBXYECGK.js";
+import "../__chunks/OXPV2NBK.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/Z3X3QN6P.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/JE5NWDDX.js";
-import "../__chunks/EUGPS2W3.js";
-import "../__chunks/B7MIN7YT.js";
+} from "../__chunks/5ETIGB6O.js";
+import "../__chunks/AV5WE37O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/toolbar/toolbar-container.ts
 var useToolbarContainer = createHook(
-  ({ store, ...props }) => {
-    props = useCompositeContainer({ store, ...props });
-    props = useToolbarItem({ store, ...props });
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    props = useCompositeContainer(__spreadValues({ store }, props));
+    props = useToolbarItem(__spreadValues({ store }, props));
     return props;
   }
 );

package/esm/toolbar/toolbar-context.js

@@ -1,6 +1,7 @@
 import {
   ToolbarContext
 } from "../__chunks/DFUIIKXE.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   ToolbarContext
 };

package/esm/toolbar/toolbar-input.js

@@ -1,31 +1,36 @@
 import {
   useCompositeInput
-} from "../__chunks/VDIWPJGE.js";
+} from "../__chunks/HXGZWZML.js";
 import {
   useToolbarItem
-} from "../__chunks/A62WSI6V.js";
-import "../__chunks/HAHDW4I2.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/ON2AV7GH.js";
+} from "../__chunks/MERE2IT6.js";
+import "../__chunks/M32DI6TL.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/STKLF26R.js";
-import "../__chunks/HBXYECGK.js";
+import "../__chunks/OXPV2NBK.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/Z3X3QN6P.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/JE5NWDDX.js";
-import "../__chunks/EUGPS2W3.js";
-import "../__chunks/B7MIN7YT.js";
+} from "../__chunks/5ETIGB6O.js";
+import "../__chunks/AV5WE37O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/toolbar/toolbar-input.ts
 var useToolbarInput = createHook(
-  ({ store, ...props }) => {
-    props = useCompositeInput({ store, ...props });
-    props = useToolbarItem({ store, ...props });
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    props = useCompositeInput(__spreadValues({ store }, props));
+    props = useToolbarItem(__spreadValues({ store }, props));
     return props;
   }
 );

package/esm/toolbar/toolbar-item.js

@@ -1,19 +1,20 @@
 import {
   ToolbarItem,
   useToolbarItem
-} from "../__chunks/A62WSI6V.js";
-import "../__chunks/HAHDW4I2.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/ON2AV7GH.js";
+} from "../__chunks/MERE2IT6.js";
+import "../__chunks/M32DI6TL.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/STKLF26R.js";
-import "../__chunks/HBXYECGK.js";
+import "../__chunks/OXPV2NBK.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/Z3X3QN6P.js";
-import "../__chunks/JE5NWDDX.js";
-import "../__chunks/EUGPS2W3.js";
-import "../__chunks/B7MIN7YT.js";
+import "../__chunks/5ETIGB6O.js";
+import "../__chunks/AV5WE37O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   ToolbarItem,
   useToolbarItem