@ariakit/react-core 0.4.18 → 0.4.20

package/esm/tab/tab-list.js

@@ -2,36 +2,31 @@
 import {
   TabScopedContextProvider,
   useTabProviderContext
-} from "../__chunks/QGC5LOGZ.js";
+} from "../__chunks/T3X6WUOS.js";
 import {
   useComposite
-} from "../__chunks/NSTBQJLB.js";
+} from "../__chunks/E7PWFDGB.js";
 import "../__chunks/5VQZOHHZ.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/OE2EFRVA.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/US3TW2XI.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/5CPL3B7G.js";
+import "../__chunks/45YOMIF3.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/VOQWLFSQ.js";
+} from "../__chunks/ILRXHV7V.js";
 import {
   useWrapElement
-} from "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import {
-  __objRest,
-  __spreadValues
-} from "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/tab/tab-list.tsx
 import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 var useTabList = createHook(
-  function useTabList2(_a) {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+  function useTabList2({ store, ...props }) {
     const context = useTabProviderContext();
     store = store || context;
     invariant(
@@ -47,15 +42,17 @@ var useTabList = createHook(
       [store]
     );
     if (store.composite) {
-      props = __spreadValues({
-        focusable: false
-      }, props);
+      props = {
+        focusable: false,
+        ...props
+      };
     }
-    props = __spreadValues({
+    props = {
       role: "tablist",
-      "aria-orientation": orientation
-    }, props);
-    props = useComposite(__spreadValues({ store }, props));
+      "aria-orientation": orientation,
+      ...props
+    };
+    props = useComposite({ store, ...props });
     return props;
   }
 );

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

@@ -112,7 +112,7 @@ export interface TabPanelOptions<T extends ElementType = TagName> extends Focusa
      * />
      * ```
      */
-    scrollElement?: HTMLElement | RefObject<HTMLElement> | ((panel: HTMLElement) => HTMLElement | null);
+    scrollElement?: HTMLElement | RefObject<HTMLElement | null> | ((panel: HTMLElement) => HTMLElement | null);
 }
 export type TabPanelProps<T extends ElementType = TagName> = Props<T, TabPanelOptions<T>>;
 export {};

package/esm/tab/tab-panel.js

@@ -2,44 +2,39 @@
 import {
   TabScopedContextProvider,
   useTabProviderContext
-} from "../__chunks/QGC5LOGZ.js";
+} from "../__chunks/T3X6WUOS.js";
 import {
   useDisclosureContent
-} from "../__chunks/K4R5DNTX.js";
+} from "../__chunks/HAX24JB7.js";
 import {
   useDisclosureStore
-} from "../__chunks/T22PY7TE.js";
+} from "../__chunks/33YRLYNQ.js";
 import {
   useCollectionItem
-} from "../__chunks/Y62RTBST.js";
-import "../__chunks/T2AZQXQU.js";
-import "../__chunks/ABN76PSX.js";
-import "../__chunks/APTFW6PT.js";
+} from "../__chunks/DTXGDDAC.js";
+import "../__chunks/63N3TCQX.js";
+import "../__chunks/FFSBKSAM.js";
+import "../__chunks/72IB6YNO.js";
 import {
   useFocusable
-} from "../__chunks/OE2EFRVA.js";
+} from "../__chunks/US3TW2XI.js";
 import "../__chunks/SWN3JYXT.js";
 import {
   useStoreState
-} from "../__chunks/RTNCFSKZ.js";
-import "../__chunks/5CPL3B7G.js";
+} from "../__chunks/Q3KUZPD7.js";
+import "../__chunks/45YOMIF3.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/VOQWLFSQ.js";
+} from "../__chunks/ILRXHV7V.js";
 import {
   useEvent,
   useId,
   useMergeRefs,
   useWrapElement
-} from "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/tab/tab-panel.tsx
 import { getAllTabbableIn } from "@ariakit/core/utils/focus";
@@ -48,22 +43,15 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 var useTabPanel = createHook(
-  function useTabPanel2(_a) {
-    var _b = _a, {
-      store,
-      unmountOnHide,
-      tabId: tabIdProp,
-      getItem: getItemProp,
-      scrollRestoration,
-      scrollElement
-    } = _b, props = __objRest(_b, [
-      "store",
-      "unmountOnHide",
-      "tabId",
-      "getItem",
-      "scrollRestoration",
-      "scrollElement"
-    ]);
+  function useTabPanel2({
+    store,
+    unmountOnHide,
+    tabId: tabIdProp,
+    getItem: getItemProp,
+    scrollRestoration,
+    scrollElement,
+    ...props
+  }) {
     const context = useTabProviderContext();
     store = store || context;
     invariant(
@@ -75,8 +63,8 @@ var useTabPanel = createHook(
     const tabId = useStoreState(
       store.panels,
       () => {
-        var _a2;
-        return tabIdProp || ((_a2 = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a2.tabId);
+        var _a;
+        return tabIdProp || ((_a = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a.tabId);
       }
     );
     const open = useStoreState(
@@ -101,7 +89,7 @@ var useTabPanel = createHook(
       return scrollElement;
     });
     useEffect(() => {
-      var _a2, _b2;
+      var _a, _b;
       if (!scrollRestoration) return;
       if (!mounted) return;
       const element = getScrollElement();
@@ -112,7 +100,7 @@ var useTabPanel = createHook(
       }
       if (!tabId) return;
       const position = scrollPositionRef.current.get(tabId);
-      element.scroll((_a2 = position == null ? void 0 : position.x) != null ? _a2 : 0, (_b2 = position == null ? void 0 : position.y) != null ? _b2 : 0);
+      element.scroll((_a = position == null ? void 0 : position.x) != null ? _a : 0, (_b = position == null ? void 0 : position.y) != null ? _b : 0);
       const onScroll = () => {
         scrollPositionRef.current.set(tabId, {
           x: element.scrollLeft,
@@ -133,7 +121,7 @@ var useTabPanel = createHook(
     }, []);
     const getItem = useCallback(
       (item) => {
-        const nextItem = __spreadProps(__spreadValues({}, item), { id: id || item.id, tabId: tabIdProp });
+        const nextItem = { ...item, id: id || item.id, tabId: tabIdProp };
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -165,22 +153,23 @@ var useTabPanel = createHook(
       (element) => /* @__PURE__ */ jsx(TabScopedContextProvider, { value: store, children: element }),
       [store]
     );
-    props = __spreadProps(__spreadValues({
+    props = {
       id,
       role: "tabpanel",
-      "aria-labelledby": tabId || void 0
-    }, props), {
+      "aria-labelledby": tabId || void 0,
+      ...props,
       children: unmountOnHide && !mounted ? null : props.children,
       ref: useMergeRefs(ref, props.ref),
       onKeyDown
-    });
-    props = useFocusable(__spreadValues({
+    };
+    props = useFocusable({
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.
-      focusable: !store.composite && !hasTabbableChildren
-    }, props));
-    props = useDisclosureContent(__spreadValues({ store: disclosure }, props));
-    props = useCollectionItem(__spreadProps(__spreadValues({ store: store.panels }, props), { getItem }));
+      focusable: !store.composite && !hasTabbableChildren,
+      ...props
+    });
+    props = useDisclosureContent({ store: disclosure, ...props });
+    props = useCollectionItem({ store: store.panels, ...props, getItem });
     return props;
   }
 );

package/esm/tab/tab-provider.js

@@ -1,24 +1,23 @@
 "use client";
 import {
   useTabStore
-} from "../__chunks/7XCHEDST.js";
+} from "../__chunks/KBWOFRCQ.js";
 import {
   TabContextProvider
-} from "../__chunks/QGC5LOGZ.js";
-import "../__chunks/LM7KIZUU.js";
-import "../__chunks/B7UTNDHN.js";
-import "../__chunks/AMMIPFT4.js";
-import "../__chunks/OLVWQA7U.js";
-import "../__chunks/Y67KZUMI.js";
-import "../__chunks/T2AZQXQU.js";
-import "../__chunks/ABN76PSX.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/RTNCFSKZ.js";
-import "../__chunks/5CPL3B7G.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/T3X6WUOS.js";
+import "../__chunks/QI6TYHPV.js";
+import "../__chunks/VEHC2EHR.js";
+import "../__chunks/QHXYX2YB.js";
+import "../__chunks/7P7IWEBR.js";
+import "../__chunks/MWF5B7KS.js";
+import "../__chunks/63N3TCQX.js";
+import "../__chunks/FFSBKSAM.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/Q3KUZPD7.js";
+import "../__chunks/45YOMIF3.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/tab/tab-provider.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/tab/tab-store.js

@@ -2,21 +2,20 @@
 import {
   useTabStore,
   useTabStoreProps
-} from "../__chunks/7XCHEDST.js";
-import "../__chunks/LM7KIZUU.js";
-import "../__chunks/B7UTNDHN.js";
-import "../__chunks/AMMIPFT4.js";
-import "../__chunks/OLVWQA7U.js";
-import "../__chunks/Y67KZUMI.js";
-import "../__chunks/T2AZQXQU.js";
-import "../__chunks/ABN76PSX.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/RTNCFSKZ.js";
-import "../__chunks/5CPL3B7G.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/KBWOFRCQ.js";
+import "../__chunks/QI6TYHPV.js";
+import "../__chunks/VEHC2EHR.js";
+import "../__chunks/QHXYX2YB.js";
+import "../__chunks/7P7IWEBR.js";
+import "../__chunks/MWF5B7KS.js";
+import "../__chunks/63N3TCQX.js";
+import "../__chunks/FFSBKSAM.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/Q3KUZPD7.js";
+import "../__chunks/45YOMIF3.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 export {
   useTabStore,
   useTabStoreProps

package/esm/tab/tab.js

@@ -1,52 +1,44 @@
 "use client";
 import {
   useTabScopedContext
-} from "../__chunks/QGC5LOGZ.js";
+} from "../__chunks/T3X6WUOS.js";
 import {
   CompositeItem,
   useCompositeItem
-} from "../__chunks/SBSPVDDI.js";
+} from "../__chunks/FIT2LC3L.js";
 import "../__chunks/5VQZOHHZ.js";
-import "../__chunks/Y62RTBST.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/2W3RN7C5.js";
-import "../__chunks/OE2EFRVA.js";
+import "../__chunks/DTXGDDAC.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/WJ7PHYH7.js";
+import "../__chunks/US3TW2XI.js";
 import "../__chunks/SWN3JYXT.js";
 import {
   useStoreState
-} from "../__chunks/RTNCFSKZ.js";
-import "../__chunks/5CPL3B7G.js";
+} from "../__chunks/Q3KUZPD7.js";
+import "../__chunks/45YOMIF3.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/VOQWLFSQ.js";
+} from "../__chunks/ILRXHV7V.js";
 import {
   useEvent,
   useId
-} from "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/tab/tab.tsx
 import { disabledFromProps, invariant } from "@ariakit/core/utils/misc";
 import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "button";
-var useTab = createHook(function useTab2(_a) {
-  var _b = _a, {
-    store,
-    getItem: getItemProp
-  } = _b, props = __objRest(_b, [
-    "store",
-    "getItem"
-  ]);
-  var _a2;
+var useTab = createHook(function useTab2({
+  store,
+  getItem: getItemProp,
+  ...props
+}) {
+  var _a;
   const context = useTabScopedContext();
   store = store || context;
   invariant(
@@ -58,7 +50,7 @@ var useTab = createHook(function useTab2(_a) {
   const dimmed = disabledFromProps(props);
   const getItem = useCallback(
     (item) => {
-      const nextItem = __spreadProps(__spreadValues({}, item), { dimmed });
+      const nextItem = { ...item, dimmed };
       if (getItemProp) {
         return getItemProp(nextItem);
       }
@@ -74,8 +66,8 @@ var useTab = createHook(function useTab2(_a) {
   });
   const panelId = store.panels.useState(
     (state) => {
-      var _a3;
-      return (_a3 = state.items.find((item) => item.tabId === id)) == null ? void 0 : _a3.id;
+      var _a2;
+      return (_a2 = state.items.find((item) => item.tabId === id)) == null ? void 0 : _a2.id;
     }
   );
   const shouldRegisterItem = defaultId ? props.shouldRegisterItem : false;
@@ -83,24 +75,25 @@ var useTab = createHook(function useTab2(_a) {
   const selected = store.useState((state) => !!id && state.selectedId === id);
   const hasActiveItem = store.useState((state) => !!store.item(state.activeId));
   const canRegisterComposedItem = isActive || selected && !hasActiveItem;
-  const accessibleWhenDisabled = selected || ((_a2 = props.accessibleWhenDisabled) != null ? _a2 : true);
+  const accessibleWhenDisabled = selected || ((_a = props.accessibleWhenDisabled) != null ? _a : true);
   const isWithinVirtualFocusComposite = useStoreState(
     store.combobox || store.composite,
     "virtualFocus"
   );
   if (isWithinVirtualFocusComposite) {
-    props = __spreadProps(__spreadValues({}, props), {
+    props = {
+      ...props,
       tabIndex: -1
-    });
+    };
   }
-  props = __spreadProps(__spreadValues({
+  props = {
     id,
     role: "tab",
     "aria-selected": selected,
-    "aria-controls": panelId || void 0
-  }, props), {
+    "aria-controls": panelId || void 0,
+    ...props,
     onClick
-  });
+  };
   if (store.composite) {
     const defaultProps = {
       id,
@@ -110,22 +103,24 @@ var useTab = createHook(function useTab2(_a) {
       rowId: props.rowId,
       render: props.render
     };
-    props = __spreadProps(__spreadValues({}, props), {
+    props = {
+      ...props,
       render: /* @__PURE__ */ jsx(
         CompositeItem,
-        __spreadProps(__spreadValues({}, defaultProps), {
-          render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ jsx(CompositeItem, __spreadProps(__spreadValues({}, defaultProps), { store: store.combobox })) : defaultProps.render
-        })
+        {
+          ...defaultProps,
+          render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ jsx(CompositeItem, { ...defaultProps, store: store.combobox }) : defaultProps.render
+        }
       )
-    });
+    };
   }
-  props = useCompositeItem(__spreadProps(__spreadValues({
-    store
-  }, props), {
+  props = useCompositeItem({
+    store,
+    ...props,
     accessibleWhenDisabled,
     getItem,
     shouldRegisterItem
-  }));
+  });
   return props;
 });
 var Tab = memo(

package/esm/tag/tag-context.js

@@ -7,13 +7,12 @@ import {
   useTagContext,
   useTagProviderContext,
   useTagScopedContext
-} from "../__chunks/VJQU3YUE.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/5CPL3B7G.js";
-import "../__chunks/VOQWLFSQ.js";
-import "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/IUIPXKOL.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/45YOMIF3.js";
+import "../__chunks/ILRXHV7V.js";
+import "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 export {
   TagContextProvider,
   TagRemoveIdContext,

package/esm/tag/tag-input.js

@@ -1,36 +1,31 @@
 "use client";
 import {
   useTagContext
-} from "../__chunks/VJQU3YUE.js";
+} from "../__chunks/IUIPXKOL.js";
 import {
   useCompositeItem
-} from "../__chunks/SBSPVDDI.js";
+} from "../__chunks/FIT2LC3L.js";
 import "../__chunks/5VQZOHHZ.js";
-import "../__chunks/Y62RTBST.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/2W3RN7C5.js";
-import "../__chunks/OE2EFRVA.js";
+import "../__chunks/DTXGDDAC.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/WJ7PHYH7.js";
+import "../__chunks/US3TW2XI.js";
 import "../__chunks/SWN3JYXT.js";
 import {
   useStoreState
-} from "../__chunks/RTNCFSKZ.js";
-import "../__chunks/5CPL3B7G.js";
+} from "../__chunks/Q3KUZPD7.js";
+import "../__chunks/45YOMIF3.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/VOQWLFSQ.js";
+} from "../__chunks/ILRXHV7V.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs
-} from "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/tag/tag-input.tsx
 import { toArray } from "@ariakit/core/utils/array";
@@ -61,24 +56,16 @@ function splitValueByDelimiter(value, delimiters) {
   return [];
 }
 var useTagInput = createHook(
-  function useTagInput2(_a) {
-    var _b = _a, {
-      store,
-      tabbable = true,
-      delimiter,
-      addValueOnPaste = true,
-      addValueOnChange = true,
-      setValueOnChange = true,
-      removeOnBackspace = true
-    } = _b, props = __objRest(_b, [
-      "store",
-      "tabbable",
-      "delimiter",
-      "addValueOnPaste",
-      "addValueOnChange",
-      "setValueOnChange",
-      "removeOnBackspace"
-    ]);
+  function useTagInput2({
+    store,
+    tabbable = true,
+    delimiter,
+    addValueOnPaste = true,
+    addValueOnChange = true,
+    setValueOnChange = true,
+    removeOnBackspace = true,
+    ...props
+  }) {
     const context = useTagContext();
     store = store || context;
     invariant(
@@ -159,15 +146,15 @@ var useTagInput = createHook(
         });
       }
     });
-    props = __spreadProps(__spreadValues({
-      value
-    }, props), {
+    props = {
+      value,
+      ...props,
       ref: useMergeRefs(store.setInputElement, props.ref),
       onPaste,
       onChange,
       onKeyDown
-    });
-    props = useCompositeItem(__spreadValues({ store, tabbable }, props));
+    };
+    props = useCompositeItem({ store, tabbable, ...props });
     return props;
   }
 );

package/esm/tag/tag-list-label.js

@@ -1,31 +1,25 @@
 "use client";
 import {
   useTagContext
-} from "../__chunks/VJQU3YUE.js";
-import "../__chunks/APTFW6PT.js";
-import "../__chunks/5CPL3B7G.js";
+} from "../__chunks/IUIPXKOL.js";
+import "../__chunks/72IB6YNO.js";
+import "../__chunks/45YOMIF3.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/VOQWLFSQ.js";
+} from "../__chunks/ILRXHV7V.js";
 import {
   useId,
   useMergeRefs
-} from "../__chunks/5GGHRIN3.js";
-import "../__chunks/SK3NAZA3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../__chunks/3YLGPPWQ.js";
+} from "../__chunks/K2XTQB3X.js";
+import "../__chunks/YXGXYGQX.js";
 
 // src/tag/tag-list-label.tsx
 import { invariant } from "@ariakit/core/utils/misc";
 var TagName = "label";
 var useTagListLabel = createHook(
-  function useTagListLabel2(_a) {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+  function useTagListLabel2({ store, ...props }) {
     const context = useTagContext();
     store = store || context;
     invariant(
@@ -34,15 +28,15 @@ var useTagListLabel = createHook(
     );
     const id = useId(props.id);
     const htmlFor = store.useState((state) => {
-      var _a2;
-      return (_a2 = state.inputElement) == null ? void 0 : _a2.id;
+      var _a;
+      return (_a = state.inputElement) == null ? void 0 : _a.id;
     });
-    props = __spreadProps(__spreadValues({
+    props = {
       id,
-      htmlFor
-    }, props), {
+      htmlFor,
+      ...props,
       ref: useMergeRefs(store.setLabelElement, props.ref)
-    });
+    };
     return props;
   }
 );