@ariakit/react-core 0.1.5 → 0.1.7

package/esm/form/form-input.js

@@ -1,29 +1,36 @@
 import {
   useFormField
-} from "../__chunks/CDHQAO3X.js";
+} from "../__chunks/6M5FZNI5.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
-import "../__chunks/ON2AV7GH.js";
+import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import {
   useFocusable
-} from "../__chunks/5TGAWEHD.js";
+} from "../__chunks/AGWM73EZ.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} 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-input.ts
 import { useContext } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 var useFormInput = createHook(
-  ({ store, name: nameProp, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, name: nameProp } = _b, props = __objRest(_b, ["store", "name"]);
     const context = useContext(FormContext);
     store = store || context;
     invariant(
@@ -33,19 +40,19 @@ var useFormInput = 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, event.target.value);
+      store == null ? void 0 : store.setValue(name, event.target.value);
     });
     const value = store.useValue(name);
-    props = {
-      value,
-      ...props,
+    props = __spreadProps(__spreadValues({
+      value
+    }, props), {
       onChange
-    };
+    });
     props = useFocusable(props);
-    props = useFormField({ store, name, ...props });
+    props = useFormField(__spreadValues({ store, name }, props));
     return props;
   }
 );

package/esm/form/form-label.js

@@ -3,20 +3,25 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useCollectionItem
-} from "../__chunks/ON2AV7GH.js";
+} from "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/JE5NWDDX.js";
+} from "../__chunks/5ETIGB6O.js";
 import {
   useEvent,
   useForkRef,
   useId,
   useTagName
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/form/form-label.ts
 import { useCallback, useContext, useRef } from "react";
@@ -26,7 +31,8 @@ function supportsNativeLabel(tagName) {
   return tagName === "input" || tagName === "textarea" || tagName === "select" || tagName === "meter" || tagName === "progress";
 }
 var useFormLabel = createHook(
-  ({ store, name: nameProp, getItem: getItemProp, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, name: nameProp, getItem: getItemProp } = _b, props = __objRest(_b, ["store", "name", "getItem"]);
     const context = useContext(FormContext);
     store = store || context;
     invariant(
@@ -38,7 +44,7 @@ var useFormLabel = createHook(
     const name = `${nameProp}`;
     const getItem = useCallback(
       (item) => {
-        const nextItem = { ...item, id: id || item.id, name, type: "label" };
+        const nextItem = __spreadProps(__spreadValues({}, item), { id: id || item.id, name, type: "label" });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -49,43 +55,41 @@ var useFormLabel = createHook(
     const field = store.useState(
       (state) => state.items.find((item) => item.type === "field" && item.name === name)
     );
-    const fieldTagName = useTagName(field?.element, "input");
+    const fieldTagName = useTagName(field == null ? void 0 : field.element, "input");
     const isNativeLabel = supportsNativeLabel(fieldTagName);
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
-      onClickProp?.(event);
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       if (isNativeLabel)
         return;
-      const fieldElement = field?.element;
+      const fieldElement = field == null ? void 0 : field.element;
       if (!fieldElement)
         return;
       queueMicrotask(() => {
         const focusableElement = getFirstTabbableIn(fieldElement, true, true);
-        focusableElement?.focus();
-        focusableElement?.click();
+        focusableElement == null ? void 0 : focusableElement.focus();
+        focusableElement == null ? void 0 : focusableElement.click();
       });
     });
-    props = {
+    props = __spreadProps(__spreadValues({
       id,
       // @ts-expect-error
       as: isNativeLabel ? "label" : "span",
-      htmlFor: isNativeLabel ? field?.id : void 0,
-      ...props,
+      htmlFor: isNativeLabel ? field == null ? void 0 : field.id : void 0
+    }, props), {
       ref: useForkRef(ref, props.ref),
       onClick
-    };
+    });
     if (!isNativeLabel) {
-      props = {
-        ...props,
-        style: {
-          cursor: "default",
-          ...props.style
-        }
-      };
+      props = __spreadProps(__spreadValues({}, props), {
+        style: __spreadValues({
+          cursor: "default"
+        }, props.style)
+      });
     }
-    props = useCollectionItem({ store, ...props, getItem });
+    props = useCollectionItem(__spreadProps(__spreadValues({ store }, props), { getItem }));
     return props;
   }
 );

package/esm/form/form-push.js

@@ -3,22 +3,28 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.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/5TGAWEHD.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";
@@ -41,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(
@@ -58,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();
@@ -69,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);
         }
@@ -79,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,36 +1,43 @@
 import {
   useFormField
-} from "../__chunks/CDHQAO3X.js";
+} from "../__chunks/6M5FZNI5.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
 import {
   useRadio
-} from "../__chunks/LBUPFIVF.js";
+} from "../__chunks/C5MG6ALB.js";
 import "../__chunks/6I2PARRP.js";
-import "../__chunks/JOV72LYK.js";
-import "../__chunks/SAVDGYCC.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/5TGAWEHD.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/LTH56VDS.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(
@@ -40,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,44 +3,51 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.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(
@@ -50,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)
@@ -60,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)) {
@@ -68,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,33 +3,38 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.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/36HCAR3M.js";
+} from "../__chunks/MEYEPL2D.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/LTH56VDS.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,34 +3,40 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.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;
   }
 );