@ariakit/react-core 0.3.4 → 0.3.6

package/cjs/form/form-radio.d.ts

@@ -42,6 +42,6 @@ export declare const useFormRadio: import("../utils/types.js").Hook<FormRadioOpt
  * ```
  */
 export declare const FormRadio: import("../utils/types.js").Component<FormRadioOptions<"input">>;
-export interface FormRadioOptions<T extends As = "input"> extends FormFieldOptions<T>, Omit<RadioOptions<T>, "store"> {
+export interface FormRadioOptions<T extends As = "input"> extends FormFieldOptions<T>, Omit<RadioOptions<T>, "store" | "name"> {
 }
 export type FormRadioProps<T extends As = "input"> = Props<FormRadioOptions<T>>;

package/cjs/form/form-remove.cjs

@@ -1,27 +1,28 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
+var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
 
-var _EZKYHQVFcjs = require('../__chunks/EZKYHQVF.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _5UTRYT6Ecjs = require('../__chunks/5UTRYT6E.cjs');
+require('../__chunks/DAJUUBUI.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/form/form-remove.ts
 var _dom = require('@ariakit/core/utils/dom');
@@ -45,10 +46,10 @@ function findNextOrPreviousField(items, name, index) {
 function findPushButton(items, name) {
   return items == null ? void 0 : items.find((item) => item.type === "button" && item.name === name);
 }
-var useFormRemove = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useFormRemove = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, name: nameProp, index, autoFocusOnClick = true } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "name", "index", "autoFocusOnClick"]);
-    const context = _VLI66TFLcjs.useFormContext.call(void 0, );
+    var _b = _a, { store, name: nameProp, index, autoFocusOnClick = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "name", "index", "autoFocusOnClick"]);
+    const context = _FROYTN4Bcjs.useFormContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -56,7 +57,7 @@ var useFormRemove = _Z5PUIG6Acjs.createHook.call(void 0,
     );
     const name = `${nameProp}`;
     const onClickProp = props.onClick;
-    const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       var _a2;
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
@@ -79,16 +80,16 @@ var useFormRemove = _Z5PUIG6Acjs.createHook.call(void 0,
         (_a2 = pushButton == null ? void 0 : pushButton.element) == null ? void 0 : _a2.focus();
       }
     });
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       onClick
     });
-    props = _EZKYHQVFcjs.useButton.call(void 0, props);
+    props = _5UTRYT6Ecjs.useButton.call(void 0, props);
     return props;
   }
 );
-var FormRemove = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var FormRemove = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useFormRemove(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormRemove.displayName = "FormRemove";

package/cjs/form/form-remove.d.cts

@@ -0,0 +1,79 @@
+import type { StringLike } from "@ariakit/core/form/types";
+import type { ButtonOptions } from "../button/button.js";
+import type { As, Props } from "../utils/types.js";
+import type { FormStore } from "./form-store.js";
+/**
+ * Returns props to create a `FormRemove` component.
+ * @see https://ariakit.org/components/form
+ * @example
+ * ```jsx
+ * const store = useFormStore({
+ *   defaultValues: {
+ *     languages: ["JavaScript", "PHP"],
+ *   },
+ * });
+ * const props = useFormRemove({
+ *   store,
+ *   name: store.names.languages,
+ *   index: 0,
+ * });
+ * const values = store.useState("values");
+ *
+ * <Form store={store}>
+ *   {values.languages.map((_, i) => (
+ *     <FormInput key={i} name={store.names.languages[i]} />
+ *   ))}
+ *   <Role {...props}>Remove first language</Role>
+ * </Form>
+ * ```
+ */
+export declare const useFormRemove: import("../utils/types.js").Hook<FormRemoveOptions<"button">>;
+/**
+ * Renders a button that will remove an item from an array field in the form
+ * when clicked.
+ * @see https://ariakit.org/components/form
+ * @example
+ * ```jsx
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     languages: ["JavaScript", "PHP"],
+ *   },
+ * });
+ * const values = form.useState("values");
+ *
+ * <Form store={form}>
+ *   {values.languages.map((_, i) => (
+ *     <div key={i}>
+ *       <FormInput name={form.names.languages[i]} />
+ *       <FormRemove name={form.names.languages} index={i} />
+ *     </div>
+ *   ))}
+ * </Form>
+ * ```
+ */
+export declare const FormRemove: import("../utils/types.js").Component<FormRemoveOptions<"button">>;
+export interface FormRemoveOptions<T extends As = "button"> extends ButtonOptions<T> {
+    /**
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
+     */
+    store?: FormStore;
+    /**
+     * Name of the array field.
+     */
+    name: StringLike;
+    /**
+     * Index of the item to remove.
+     */
+    index: number;
+    /**
+     * Whether the focus should be moved to the next or previous field when the
+     * button is clicked.
+     * @default true
+     */
+    autoFocusOnClick?: boolean;
+}
+export type FormRemoveProps<T extends As = "button"> = Props<FormRemoveOptions<T>>;

package/cjs/form/form-reset.cjs

@@ -1,47 +1,48 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
+var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
 
-var _EZKYHQVFcjs = require('../__chunks/EZKYHQVF.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _5UTRYT6Ecjs = require('../__chunks/5UTRYT6E.cjs');
+require('../__chunks/DAJUUBUI.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/form/form-reset.ts
 var _misc = require('@ariakit/core/utils/misc');
-var useFormReset = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useFormReset = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _VLI66TFLcjs.useFormContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _FROYTN4Bcjs.useFormContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "FormReset must be wrapped in a Form component."
     );
-    props = _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       type: "reset",
       disabled: store.useState("submitting")
     }, props);
-    props = _EZKYHQVFcjs.useButton.call(void 0, props);
+    props = _5UTRYT6Ecjs.useButton.call(void 0, props);
     return props;
   }
 );
-var FormReset = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var FormReset = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useFormReset(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormReset.displayName = "FormReset";

package/cjs/form/form-reset.d.cts

@@ -0,0 +1,40 @@
+import type { ButtonOptions } from "../button/button.js";
+import type { As, Props } from "../utils/types.js";
+import type { FormStore } from "./form-store.js";
+/**
+ * Returns props to create a `FormReset` component.
+ * @see https://ariakit.org/components/form
+ * @example
+ * ```jsx
+ * const store = useFormStore();
+ * const props = useFormReset({ store });
+ * <Form store={store}>
+ *   <Role {...props}>Reset</Role>
+ * </Form>
+ * ```
+ */
+export declare const useFormReset: import("../utils/types.js").Hook<FormResetOptions<"button">>;
+/**
+ * Renders a reset buttom in a form.
+ * @see https://ariakit.org/components/form
+ * @example
+ * ```jsx
+ * const form = useFormStore();
+ *
+ * <Form store={form}>
+ *   <FormReset>Reset</FormReset>
+ * </Form>
+ * ```
+ */
+export declare const FormReset: import("../utils/types.js").Component<FormResetOptions<"button">>;
+export interface FormResetOptions<T extends As = "button"> extends ButtonOptions<T> {
+    /**
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
+     */
+    store?: FormStore;
+}
+export type FormResetProps<T extends As = "button"> = Props<FormResetOptions<T>>;

package/cjs/form/form-store.cjs

@@ -1,13 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _CAKLNUKEcjs = require('../__chunks/CAKLNUKE.cjs');
-require('../__chunks/76UBACFC.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _XMGFHUXOcjs = require('../__chunks/XMGFHUXO.cjs');
+require('../__chunks/TUVU5ERH.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.useFormStore = _CAKLNUKEcjs.useFormStore; exports.useFormStoreProps = _CAKLNUKEcjs.useFormStoreProps;
+
+exports.useFormStore = _XMGFHUXOcjs.useFormStore; exports.useFormStoreProps = _XMGFHUXOcjs.useFormStoreProps;

package/cjs/form/form-store.d.cts

@@ -0,0 +1,101 @@
+import * as Core from "@ariakit/core/form/form-store";
+import type { StringLike } from "@ariakit/core/form/types";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { CollectionStoreFunctions, CollectionStoreOptions, CollectionStoreState } from "../collection/collection-store.js";
+import type { Store } from "../utils/store.js";
+type Values = Core.FormStoreValues;
+type Item = Core.FormStoreItem;
+export declare function useFormStoreProps<T extends Omit<FormStore, "useValue" | "useValidate" | "useSubmit">>(store: T, update: () => void, props: FormStoreProps): T & {
+    useValue: <T_1 = any>(name: StringLike) => T_1;
+    useValidate: (callback: Core.FormStoreCallback<FormStoreState<import("@ariakit/core/utils/types").AnyObject>>) => void;
+    useSubmit: (callback: Core.FormStoreCallback<FormStoreState<import("@ariakit/core/utils/types").AnyObject>>) => void;
+};
+/**
+ * Creates a form store.
+ * @example
+ * ```jsx
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     email: "",
+ *   },
+ * });
+ * <Form store={form}>
+ *   <FormLabel name={form.names.email}>Email</FormLabel>
+ *   <FormInput name={form.names.email} />
+ *   <FormError name={form.names.email} />
+ *   <FormSubmit>Submit</FormSubmit>
+ * </Form>
+ * ```
+ */
+export declare function useFormStore<T extends Values = Values>(props: PickRequired<FormStoreProps<T>, "values" | "defaultValues" | "errors" | "defaultErrors" | "touched" | "defaultTouched">): FormStore<T>;
+export declare function useFormStore(props: FormStoreProps): FormStore;
+export type FormStoreItem = Item;
+export interface FormStoreState<T extends Values = Values> extends Core.FormStoreState<T>, CollectionStoreState<Item> {
+}
+export interface FormStoreFunctions<T extends Values = Values> extends Core.FormStoreFunctions<T>, CollectionStoreFunctions<Item> {
+    /**
+     * A custom hook that rerenders the component when the value of the given
+     * field changes. It returns the value of the field.
+     * @param name The name of the field.
+     * @example
+     * const nameValue = store.useValue("name");
+     * // Can also use store.names for type-safety.
+     * const emailValue = store.useValue(store.names.email);
+     */
+    useValue: <T = any>(name: StringLike) => T;
+    /**
+     * Custom hook that accepts a callback that will be used to validate the form
+     * when `form.validate` is called.
+     * @param callback The callback that receives the form state as argument.
+     * @example
+     * store.useValidate(async (state) => {
+     *   const errors = await api.validate(state.values);
+     *   if (errors) {
+     *     store.setErrors(errors);
+     *   }
+     * });
+     */
+    useValidate: (callback: Core.FormStoreCallback<FormStoreState<T>>) => void;
+    /**
+     * Custom hook that accepts a callback that will be used to submit the form
+     * when `form.submit` is called.
+     * @param callback The callback that receives the form state as argument.
+     * @example
+     * store.useSubmit(async (state) => {
+     *   try {
+     *     await api.submit(state.values);
+     *   } catch (errors) {
+     *     store.setErrors(errors);
+     *   }
+     * });
+     */
+    useSubmit: (callback: Core.FormStoreCallback<FormStoreState<T>>) => void;
+}
+export interface FormStoreOptions<T extends Values = Values> extends Core.FormStoreOptions<T>, CollectionStoreOptions<Item> {
+    /**
+     * Function that will be called when `values` state changes.
+     * @param values The new values.
+     * @example
+     * function MyForm({ values, onChange }) {
+     *   const form = useFormStore({ values, setValues: onChange });
+     * }
+     */
+    setValues?: (values: FormStoreState<T>["values"]) => void;
+    /**
+     * Function that will be called when the `errors` state changes.
+     * @param errors The new errors.
+     * @example
+     * useFormStore({ setErrors: (errors) => console.log(errors) });
+     */
+    setErrors?: (errors: FormStoreState<T>["errors"]) => void;
+    /**
+     * Function that will be called when the `touched` state changes.
+     * @param touched The new touched state.
+     * @example
+     * useFormStore({ setTouched: (touched) => console.log(touched) });
+     */
+    setTouched?: (touched: FormStoreState<T>["touched"]) => void;
+}
+export type FormStoreProps<T extends Values = Values> = FormStoreOptions<T> & Core.FormStoreProps<T>;
+export type FormStore<T extends Values = Values> = FormStoreFunctions<T> & Store<Core.FormStore<T>>;
+export {};

package/cjs/form/form-submit.cjs

@@ -1,48 +1,49 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
+var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
 
-var _EZKYHQVFcjs = require('../__chunks/EZKYHQVF.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _5UTRYT6Ecjs = require('../__chunks/5UTRYT6E.cjs');
+require('../__chunks/DAJUUBUI.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/form/form-submit.ts
 var _misc = require('@ariakit/core/utils/misc');
-var useFormSubmit = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useFormSubmit = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, accessibleWhenDisabled = true } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "accessibleWhenDisabled"]);
-    const context = _VLI66TFLcjs.useFormContext.call(void 0, );
+    var _b = _a, { store, accessibleWhenDisabled = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "accessibleWhenDisabled"]);
+    const context = _FROYTN4Bcjs.useFormContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "FormSubmit must be wrapped in a Form component."
     );
-    props = _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       type: "submit",
       disabled: store.useState("submitting")
     }, props);
-    props = _EZKYHQVFcjs.useButton.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { accessibleWhenDisabled }));
+    props = _5UTRYT6Ecjs.useButton.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { accessibleWhenDisabled }));
     return props;
   }
 );
-var FormSubmit = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var FormSubmit = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useFormSubmit(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormSubmit.displayName = "FormSubmit";

package/cjs/form/form-submit.d.cts

@@ -0,0 +1,43 @@
+import type { ButtonOptions } from "../button/button.js";
+import type { As, Props } from "../utils/types.js";
+import type { FormStore } from "./form-store.js";
+/**
+ * Returns props to create a `FormReset` component.
+ * @see https://ariakit.org/components/form
+ * @example
+ * ```jsx
+ * const store = useFormStore();
+ * const props = useFormSubmit({ store });
+ * <Form store={store}>
+ *   <Role {...props}>Submit</Role>
+ * </Form>
+ * ```
+ */
+export declare const useFormSubmit: import("../utils/types.js").Hook<FormSubmitOptions<"button">>;
+/**
+ * Renders a submit buttom in a form.
+ * @see https://ariakit.org/components/form
+ * @example
+ * ```jsx
+ * const form = useFormStore();
+ * <Form store={form}>
+ *   <FormSubmit>Submit</FormSubmit>
+ * </Form>
+ * ```
+ */
+export declare const FormSubmit: import("../utils/types.js").Component<FormSubmitOptions<"button">>;
+export interface FormSubmitOptions<T extends As = "button"> extends ButtonOptions<T> {
+    /**
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
+     */
+    store?: FormStore;
+    /**
+     * @default true
+     */
+    accessibleWhenDisabled?: ButtonOptions<T>["accessibleWhenDisabled"];
+}
+export type FormSubmitProps<T extends As = "button"> = Props<FormSubmitOptions<T>>;

package/cjs/form/form.cjs

@@ -1,27 +1,28 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
-require('../__chunks/NHZBX2RS.cjs');
 
+var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
+require('../__chunks/BZTDJIVT.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
 
 
 
 
 
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/form/form.tsx
 var _react = require('react');
@@ -41,7 +42,7 @@ function getFirstInvalidField(items) {
     }
   );
 }
-var useForm = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useForm = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -50,7 +51,7 @@ var useForm = _Z5PUIG6Acjs.createHook.call(void 0,
       resetOnUnmount = false,
       resetOnSubmit = true,
       autoFocusOnSubmit = true
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "store",
       "validateOnChange",
       "validateOnBlur",
@@ -58,7 +59,7 @@ var useForm = _Z5PUIG6Acjs.createHook.call(void 0,
       "resetOnSubmit",
       "autoFocusOnSubmit"
     ]);
-    const context = _VLI66TFLcjs.useFormContext.call(void 0, );
+    const context = _FROYTN4Bcjs.useFormContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -69,12 +70,12 @@ var useForm = _Z5PUIG6Acjs.createHook.call(void 0,
     const submitSucceed = store.useState("submitSucceed");
     const submitFailed = store.useState("submitFailed");
     const items = store.useState("items");
-    const defaultValues = _5WLTMVVQcjs.useInitialValue.call(void 0, values);
+    const defaultValues = _EO6LS72Hcjs.useInitialValue.call(void 0, values);
     _react.useEffect.call(void 0, 
       () => resetOnUnmount ? store == null ? void 0 : store.reset : void 0,
       [resetOnUnmount, store]
     );
-    _5WLTMVVQcjs.useUpdateEffect.call(void 0, () => {
+    _EO6LS72Hcjs.useUpdateEffect.call(void 0, () => {
       if (!validateOnChange)
         return;
       if (values === defaultValues)
@@ -105,7 +106,7 @@ var useForm = _Z5PUIG6Acjs.createHook.call(void 0,
       }
     }, [autoFocusOnSubmit, submitFailed, items]);
     const onSubmitProp = props.onSubmit;
-    const onSubmit = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onSubmit = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onSubmitProp == null ? void 0 : onSubmitProp(event);
       if (event.defaultPrevented)
         return;
@@ -116,7 +117,7 @@ var useForm = _Z5PUIG6Acjs.createHook.call(void 0,
       setShouldFocusOnSubmit(true);
     });
     const onBlurProp = props.onBlur;
-    const onBlur = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onBlur = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onBlurProp == null ? void 0 : onBlurProp(event);
       if (event.defaultPrevented)
         return;
@@ -129,24 +130,24 @@ var useForm = _Z5PUIG6Acjs.createHook.call(void 0,
       store.validate();
     });
     const onResetProp = props.onReset;
-    const onReset = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onReset = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onResetProp == null ? void 0 : onResetProp(event);
       if (event.defaultPrevented)
         return;
       event.preventDefault();
       store == null ? void 0 : store.reset();
     });
-    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+    props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VLI66TFLcjs.FormScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FROYTN4Bcjs.FormScopedContextProvider, { value: store, children: element }),
       [store]
     );
-    const tagName = _5WLTMVVQcjs.useTagName.call(void 0, ref, props.as || "form");
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, props.as || "form");
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       role: tagName !== "form" ? "form" : void 0,
       noValidate: true
     }, props), {
-      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onSubmit,
       onBlur,
       onReset
@@ -154,9 +155,9 @@ var useForm = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var Form = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var Form = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useForm(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "form", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "form", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Form.displayName = "Form";