@ariakit/react-core 0.1.6 → 0.1.7

package/esm/form/form-push.js

@@ -3,23 +3,28 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/GEZPJZJE.js";
-import "../__chunks/SMBMF2TX.js";
+} from "../__chunks/OQUXG6FE.js";
+import "../__chunks/4QNHBDVS.js";
 import {
   useCollectionItem
-} from "../__chunks/ON2AV7GH.js";
+} from "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/HBXYECGK.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
+} from "../__chunks/5ETIGB6O.js";
 import {
   useEvent
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/form/form-push.ts
 import { useCallback, useContext, useEffect, useState } from "react";
@@ -42,14 +47,20 @@ function getFirstFieldsByName(items, name) {
   return fields;
 }
 var useFormPush = createHook(
-  ({
-    store,
-    value,
-    name: nameProp,
-    getItem: getItemProp,
-    autoFocusOnClick = true,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      value,
+      name: nameProp,
+      getItem: getItemProp,
+      autoFocusOnClick = true
+    } = _b, props = __objRest(_b, [
+      "store",
+      "value",
+      "name",
+      "getItem",
+      "autoFocusOnClick"
+    ]);
     const context = useContext(FormContext);
     store = store || context;
     invariant(
@@ -59,10 +70,11 @@ var useFormPush = createHook(
     const name = `${nameProp}`;
     const [shouldFocus, setShouldFocus] = useState(false);
     useEffect(() => {
+      var _a2;
       if (!shouldFocus)
         return;
-      const items = getFirstFieldsByName(store?.getState().items, name);
-      const element = items?.[items.length - 1]?.element;
+      const items = getFirstFieldsByName(store == null ? void 0 : store.getState().items, name);
+      const element = (_a2 = items == null ? void 0 : items[items.length - 1]) == null ? void 0 : _a2.element;
       if (!element)
         return;
       element.focus();
@@ -70,7 +82,7 @@ var useFormPush = createHook(
     }, [store, shouldFocus, name]);
     const getItem = useCallback(
       (item) => {
-        const nextItem = { ...item, type: "button", name };
+        const nextItem = __spreadProps(__spreadValues({}, item), { type: "button", name });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -80,20 +92,19 @@ var useFormPush = createHook(
     );
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
-      onClickProp?.(event);
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
-      store?.pushValue(name, value);
+      store == null ? void 0 : store.pushValue(name, value);
       if (!autoFocusOnClick)
         return;
       setShouldFocus(true);
     });
-    props = {
-      ...props,
+    props = __spreadProps(__spreadValues({}, props), {
       onClick
-    };
+    });
     props = useButton(props);
-    props = useCollectionItem({ store, ...props, getItem });
+    props = useCollectionItem(__spreadProps(__spreadValues({ store }, props), { getItem }));
     return props;
   }
 );

package/esm/form/form-radio-group.js

@@ -1,20 +1,25 @@
 import {
   useFormGroup
-} from "../__chunks/KO6UUYKG.js";
-import "../__chunks/SG5D3YRB.js";
+} from "../__chunks/AWLCMCCK.js";
+import "../__chunks/ECY3BFPU.js";
 import "../__chunks/F5VAC7MB.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
-import "../__chunks/B7MIN7YT.js";
+} from "../__chunks/5ETIGB6O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/form/form-radio-group.ts
 var useFormRadioGroup = createHook(
-  ({ store, ...props }) => {
-    props = { role: "radiogroup", ...props };
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    props = __spreadValues({ role: "radiogroup" }, props);
     props = useFormGroup(props);
     return props;
   }

package/esm/form/form-radio.js

@@ -1,37 +1,43 @@
 import {
   useFormField
-} from "../__chunks/CDHQAO3X.js";
+} from "../__chunks/6M5FZNI5.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
 import {
   useRadio
-} from "../__chunks/DQXTORDL.js";
+} from "../__chunks/C5MG6ALB.js";
 import "../__chunks/6I2PARRP.js";
-import "../__chunks/HAHDW4I2.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/ON2AV7GH.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";
+} from "../__chunks/5ETIGB6O.js";
+import "../__chunks/AV5WE37O.js";
 import {
   useEvent
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/form/form-radio.ts
 import { useContext } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 var useFormRadio = createHook(
-  ({ store, name: nameProp, value, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, name: nameProp, value } = _b, props = __objRest(_b, ["store", "name", "value"]);
     const context = useContext(FormContext);
     store = store || context;
     invariant(
@@ -41,27 +47,25 @@ var useFormRadio = createHook(
     const name = `${nameProp}`;
     const onChangeProp = props.onChange;
     const onChange = useEvent((event) => {
-      onChangeProp?.(event);
+      onChangeProp == null ? void 0 : onChangeProp(event);
       if (event.defaultPrevented)
         return;
-      store?.setValue(name, value);
+      store == null ? void 0 : store.setValue(name, value);
     });
     const checkedProp = props.checked;
     const checked = store.useState(
-      () => checkedProp ?? store?.getValue(name) === value
+      () => checkedProp != null ? checkedProp : (store == null ? void 0 : store.getValue(name)) === value
     );
-    props = {
-      ...props,
+    props = __spreadProps(__spreadValues({}, props), {
       checked,
       onChange
-    };
-    props = useRadio({ value, ...props });
-    props = useFormField({
+    });
+    props = useRadio(__spreadValues({ value }, props));
+    props = useFormField(__spreadValues({
       store,
       name,
-      "aria-labelledby": void 0,
-      ...props
-    });
+      "aria-labelledby": void 0
+    }, props));
     return props;
   }
 );

package/esm/form/form-remove.js

@@ -3,45 +3,51 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/GEZPJZJE.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/HBXYECGK.js";
+} from "../__chunks/OQUXG6FE.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
+} from "../__chunks/5ETIGB6O.js";
 import {
   useEvent
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/form/form-remove.ts
 import { useContext } from "react";
 import { isTextField } from "@ariakit/core/utils/dom";
 import { invariant } from "@ariakit/core/utils/misc";
 function findNextOrPreviousField(items, name, index) {
-  const fields = items?.filter(
+  const fields = items == null ? void 0 : items.filter(
     (item) => item.type === "field" && item.name.startsWith(name)
   );
   const regex = new RegExp(`^${name}\\.(\\d+)`);
-  const nextField = fields?.find((field) => {
+  const nextField = fields == null ? void 0 : fields.find((field) => {
     const fieldIndex = field.name.replace(regex, "$1");
     return parseInt(fieldIndex) > index;
   });
   if (nextField)
     return nextField;
-  return fields?.reverse().find((field) => {
+  return fields == null ? void 0 : fields.reverse().find((field) => {
     const fieldIndex = field.name.replace(regex, "$1");
     return parseInt(fieldIndex) < index;
   });
 }
 function findPushButton(items, name) {
-  return items?.find((item) => item.type === "button" && item.name === name);
+  return items == null ? void 0 : items.find((item) => item.type === "button" && item.name === name);
 }
 var useFormRemove = createHook(
-  ({ store, name: nameProp, index, autoFocusOnClick = true, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, name: nameProp, index, autoFocusOnClick = true } = _b, props = __objRest(_b, ["store", "name", "index", "autoFocusOnClick"]);
     const context = useContext(FormContext);
     store = store || context;
     invariant(
@@ -51,7 +57,8 @@ var useFormRemove = createHook(
     const name = `${nameProp}`;
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
-      onClickProp?.(event);
+      var _a2;
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       if (!store)
@@ -61,7 +68,7 @@ var useFormRemove = createHook(
         return;
       const { items } = store.getState();
       const item = findNextOrPreviousField(items, name, index);
-      const element = item?.element;
+      const element = item == null ? void 0 : item.element;
       if (element) {
         element.focus();
         if (isTextField(element)) {
@@ -69,13 +76,12 @@ var useFormRemove = createHook(
         }
       } else {
         const pushButton = findPushButton(items, name);
-        pushButton?.element?.focus();
+        (_a2 = pushButton == null ? void 0 : pushButton.element) == null ? void 0 : _a2.focus();
       }
     });
-    props = {
-      ...props,
+    props = __spreadProps(__spreadValues({}, props), {
       onClick
-    };
+    });
     props = useButton(props);
     return props;
   }

package/esm/form/form-reset.js

@@ -3,34 +3,38 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/GEZPJZJE.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/HBXYECGK.js";
+} from "../__chunks/OQUXG6FE.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
-import "../__chunks/B7MIN7YT.js";
+} from "../__chunks/5ETIGB6O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/form/form-reset.ts
 import { useContext } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 var useFormReset = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const context = useContext(FormContext);
     store = store || context;
     invariant(
       store,
       process.env.NODE_ENV !== "production" && "FormReset must be wrapped in a Form component"
     );
-    props = {
+    props = __spreadValues({
       type: "reset",
-      disabled: store.useState("submitting"),
-      ...props
-    };
+      disabled: store.useState("submitting")
+    }, props);
     props = useButton(props);
     return props;
   }

package/esm/form/form-store.js

@@ -1,15 +1,19 @@
 import {
   useCollectionStoreOptions,
   useCollectionStoreProps
-} from "../__chunks/WKCZETSE.js";
+} from "../__chunks/MEYEPL2D.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/EUGPS2W3.js";
+} from "../__chunks/AV5WE37O.js";
 import {
   useEvent
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/form/form-store.ts
 import { useCallback, useEffect, useMemo } from "react";
@@ -43,8 +47,7 @@ function useFormStoreProps(store, props) {
     [store]
   );
   return useMemo(
-    () => ({
-      ...store,
+    () => __spreadProps(__spreadValues({}, store), {
       useValue,
       useValidate,
       useSubmit
@@ -54,7 +57,7 @@ function useFormStoreProps(store, props) {
 }
 function useFormStore(props = {}) {
   const options = useFormStoreOptions(props);
-  const store = useStore(() => Core.createFormStore({ ...props, ...options }));
+  const store = useStore(() => Core.createFormStore(__spreadValues(__spreadValues({}, props), options)));
   return useFormStoreProps(store, props);
 }
 export {

package/esm/form/form-submit.js

@@ -3,35 +3,40 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/GEZPJZJE.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/HBXYECGK.js";
+} from "../__chunks/OQUXG6FE.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
-import "../__chunks/B7MIN7YT.js";
+} from "../__chunks/5ETIGB6O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/form/form-submit.ts
 import { useContext } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 var useFormSubmit = createHook(
-  ({ store, accessibleWhenDisabled = true, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, accessibleWhenDisabled = true } = _b, props = __objRest(_b, ["store", "accessibleWhenDisabled"]);
     const context = useContext(FormContext);
     store = store || context;
     invariant(
       store,
       process.env.NODE_ENV !== "production" && "FormSubmit must be wrapped in a Form component"
     );
-    props = {
+    props = __spreadValues({
       type: "submit",
-      disabled: store.useState("submitting"),
-      ...props
-    };
-    props = useButton({ ...props, accessibleWhenDisabled });
+      disabled: store.useState("submitting")
+    }, props);
+    props = useButton(__spreadProps(__spreadValues({}, props), { accessibleWhenDisabled }));
     return props;
   }
 );

package/esm/form/form.js

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
+} from "../__chunks/5ETIGB6O.js";
 import {
   useEvent,
   useForkRef,
@@ -13,8 +13,13 @@ import {
   useTagName,
   useUpdateEffect,
   useWrapElement
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/form/form.tsx
 import { useEffect, useRef, useState } from "react";
@@ -27,19 +32,29 @@ function isField(element, items) {
 }
 function getFirstInvalidField(items) {
   return items.find(
-    (item) => item.type === "field" && item.element?.getAttribute("aria-invalid") === "true"
+    (item) => {
+      var _a;
+      return item.type === "field" && ((_a = item.element) == null ? void 0 : _a.getAttribute("aria-invalid")) === "true";
+    }
   );
 }
 var useForm = createHook(
-  ({
-    store,
-    validateOnChange = true,
-    validateOnBlur = true,
-    resetOnUnmount = false,
-    resetOnSubmit = true,
-    autoFocusOnSubmit = true,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      validateOnChange = true,
+      validateOnBlur = true,
+      resetOnUnmount = false,
+      resetOnSubmit = true,
+      autoFocusOnSubmit = true
+    } = _b, props = __objRest(_b, [
+      "store",
+      "validateOnChange",
+      "validateOnBlur",
+      "resetOnUnmount",
+      "resetOnSubmit",
+      "autoFocusOnSubmit"
+    ]);
     const ref = useRef(null);
     const values = store.useState("values");
     const submitSucceed = store.useState("submitSucceed");
@@ -71,7 +86,7 @@ var useForm = createHook(
       if (!submitFailed)
         return;
       const field = getFirstInvalidField(items);
-      const element = field?.element;
+      const element = field == null ? void 0 : field.element;
       if (!element)
         return;
       setShouldFocusOnSubmit(false);
@@ -82,7 +97,7 @@ var useForm = createHook(
     }, [autoFocusOnSubmit, submitFailed, items]);
     const onSubmitProp = props.onSubmit;
     const onSubmit = useEvent((event) => {
-      onSubmitProp?.(event);
+      onSubmitProp == null ? void 0 : onSubmitProp(event);
       if (event.defaultPrevented)
         return;
       event.preventDefault();
@@ -93,7 +108,7 @@ var useForm = createHook(
     });
     const onBlurProp = props.onBlur;
     const onBlur = useEvent((event) => {
-      onBlurProp?.(event);
+      onBlurProp == null ? void 0 : onBlurProp(event);
       if (event.defaultPrevented)
         return;
       if (!validateOnBlur)
@@ -104,7 +119,7 @@ var useForm = createHook(
     });
     const onResetProp = props.onReset;
     const onReset = useEvent((event) => {
-      onResetProp?.(event);
+      onResetProp == null ? void 0 : onResetProp(event);
       if (event.defaultPrevented)
         return;
       event.preventDefault();
@@ -116,15 +131,15 @@ var useForm = createHook(
       [store]
     );
     const tagName = useTagName(ref, props.as || "form");
-    props = {
+    props = __spreadProps(__spreadValues({
       role: tagName !== "form" ? "form" : void 0,
-      noValidate: true,
-      ...props,
+      noValidate: true
+    }, props), {
       ref: useForkRef(ref, props.ref),
       onSubmit,
       onBlur,
       onReset
-    };
+    });
     return props;
   }
 );

package/esm/group/group-label-context.js

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

package/esm/group/group-label.js

@@ -1,11 +1,12 @@
 import {
   GroupLabel,
   useGroupLabel
-} from "../__chunks/SE7IFIBU.js";
+} from "../__chunks/JNCKMFIN.js";
 import "../__chunks/F5VAC7MB.js";
-import "../__chunks/JE5NWDDX.js";
-import "../__chunks/B7MIN7YT.js";
+import "../__chunks/5ETIGB6O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   GroupLabel,
   useGroupLabel

package/esm/group/group.js

@@ -1,11 +1,12 @@
 import {
   Group,
   useGroup
-} from "../__chunks/SG5D3YRB.js";
+} from "../__chunks/ECY3BFPU.js";
 import "../__chunks/F5VAC7MB.js";
-import "../__chunks/JE5NWDDX.js";
-import "../__chunks/B7MIN7YT.js";
+import "../__chunks/5ETIGB6O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   Group,
   useGroup

package/esm/heading/heading-context.js

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

package/esm/heading/heading-level.js

@@ -2,6 +2,7 @@ import {
   HeadingLevel
 } from "../__chunks/6OMX4H3W.js";
 import "../__chunks/COQHFAEN.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   HeadingLevel
 };

package/esm/heading/heading.js

@@ -1,11 +1,12 @@
 import {
   Heading,
   useHeading
-} from "../__chunks/HS4EASQI.js";
+} from "../__chunks/PYEPYVON.js";
 import "../__chunks/COQHFAEN.js";
-import "../__chunks/JE5NWDDX.js";
-import "../__chunks/B7MIN7YT.js";
+import "../__chunks/5ETIGB6O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   Heading,
   useHeading