@ariakit/react-core 0.2.17 → 0.3.0

package/cjs/form/form-push.cjs

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
+var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _NXDHPYNQcjs = require('../__chunks/NXDHPYNQ.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
+var _ZQTMT453cjs = require('../__chunks/ZQTMT453.cjs');
+require('../__chunks/NPDPNCSD.cjs');
 
 
-var _ETK4FMZHcjs = require('../__chunks/ETK4FMZH.cjs');
-require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+var _FMI5QF7Ncjs = require('../__chunks/FMI5QF7N.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -46,7 +46,7 @@ function getFirstFieldsByName(items, name) {
   }
   return fields;
 }
-var useFormPush = _CWY2PHPRcjs.createHook.call(void 0, 
+var useFormPush = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -61,11 +61,11 @@ var useFormPush = _CWY2PHPRcjs.createHook.call(void 0,
       "getItem",
       "autoFocusOnClick"
     ]);
-    const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
+    const context = _VLI66TFLcjs.useFormContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
-      process.env.NODE_ENV !== "production" && "FormPush must be wrapped in a Form component"
+      process.env.NODE_ENV !== "production" && "FormPush must be wrapped in a Form component."
     );
     const name = `${nameProp}`;
     const [shouldFocus, setShouldFocus] = _react.useState.call(void 0, false);
@@ -103,14 +103,14 @@ var useFormPush = _CWY2PHPRcjs.createHook.call(void 0,
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
       onClick
     });
-    props = _NXDHPYNQcjs.useButton.call(void 0, props);
-    props = _ETK4FMZHcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
+    props = _ZQTMT453cjs.useButton.call(void 0, props);
+    props = _FMI5QF7Ncjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );
-var FormPush = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var FormPush = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useFormPush(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormPush.displayName = "FormPush";

package/cjs/form/form-radio-group.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _JPSESJ6Ycjs = require('../__chunks/JPSESJ6Y.cjs');
-require('../__chunks/IY72JWXE.cjs');
+var _DHBKOFHJcjs = require('../__chunks/DHBKOFHJ.cjs');
+require('../__chunks/ZMSJUL55.cjs');
 require('../__chunks/K56WQU76.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 
@@ -16,18 +16,18 @@ require('../__chunks/7WUTS26Y.cjs');
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/form/form-radio-group.ts
-var useFormRadioGroup = _CWY2PHPRcjs.createHook.call(void 0, 
+var useFormRadioGroup = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
     props = _72I2GWXFcjs.__spreadValues.call(void 0, { role: "radiogroup" }, props);
-    props = _JPSESJ6Ycjs.useFormGroup.call(void 0, props);
+    props = _DHBKOFHJcjs.useFormGroup.call(void 0, props);
     return props;
   }
 );
-var FormRadioGroup = _CWY2PHPRcjs.createComponent.call(void 0, 
+var FormRadioGroup = _Z5PUIG6Acjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useFormRadioGroup(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/form/form-radio.cjs

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _NH6Q6YSMcjs = require('../__chunks/NH6Q6YSM.cjs');
+var _JJ22W2WScjs = require('../__chunks/JJ22W2WS.cjs');
 
 
-var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
+var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _EHQTSSAAcjs = require('../__chunks/EHQTSSAA.cjs');
-require('../__chunks/7JKSDWVF.cjs');
-require('../__chunks/ZK5KHSMP.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/ETK4FMZH.cjs');
-require('../__chunks/ZQAFJQIS.cjs');
+var _7J4QLCVOcjs = require('../__chunks/7J4QLCVO.cjs');
+require('../__chunks/FPNO6JL5.cjs');
+require('../__chunks/EGFAX26U.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/5VOPA6D3.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/MPGRRS75.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/42FA4OOB.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -33,16 +33,15 @@ require('../__chunks/7WUTS26Y.cjs');
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/form/form-radio.ts
-var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormRadio = _CWY2PHPRcjs.createHook.call(void 0, 
+var useFormRadio = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, name: nameProp, value } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "name", "value"]);
-    const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
+    const context = _VLI66TFLcjs.useFormContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
-      process.env.NODE_ENV !== "production" && "FormRadio must be wrapped in a Form component"
+      process.env.NODE_ENV !== "production" && "FormRadio must be wrapped in a Form component."
     );
     const name = `${nameProp}`;
     const onChangeProp = props.onChange;
@@ -60,8 +59,8 @@ var useFormRadio = _CWY2PHPRcjs.createHook.call(void 0,
       checked,
       onChange
     });
-    props = _EHQTSSAAcjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { value }, props));
-    props = _NH6Q6YSMcjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _7J4QLCVOcjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { value }, props));
+    props = _JJ22W2WScjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       name,
       "aria-labelledby": void 0
@@ -69,9 +68,9 @@ var useFormRadio = _CWY2PHPRcjs.createHook.call(void 0,
     return props;
   }
 );
-var FormRadio = _CWY2PHPRcjs.createMemoComponent.call(void 0, (props) => {
+var FormRadio = _Z5PUIG6Acjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useFormRadio(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "input", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "input", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormRadio.displayName = "FormRadio";

package/cjs/form/form-remove.cjs

@@ -1,17 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
+var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _NXDHPYNQcjs = require('../__chunks/NXDHPYNQ.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+var _ZQTMT453cjs = require('../__chunks/ZQTMT453.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -23,7 +24,6 @@ require('../__chunks/7WUTS26Y.cjs');
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/form/form-remove.ts
-var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 function findNextOrPreviousField(items, name, index) {
@@ -45,14 +45,14 @@ 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 = _CWY2PHPRcjs.createHook.call(void 0, 
+var useFormRemove = _Z5PUIG6Acjs.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 = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
+    const context = _VLI66TFLcjs.useFormContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
-      process.env.NODE_ENV !== "production" && "FormRemove must be wrapped in a Form component"
+      process.env.NODE_ENV !== "production" && "FormRemove must be wrapped in a Form component."
     );
     const name = `${nameProp}`;
     const onClickProp = props.onClick;
@@ -82,13 +82,13 @@ var useFormRemove = _CWY2PHPRcjs.createHook.call(void 0,
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
       onClick
     });
-    props = _NXDHPYNQcjs.useButton.call(void 0, props);
+    props = _ZQTMT453cjs.useButton.call(void 0, props);
     return props;
   }
 );
-var FormRemove = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var FormRemove = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useFormRemove(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormRemove.displayName = "FormRemove";

package/cjs/form/form-reset.cjs

@@ -1,17 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
+var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _NXDHPYNQcjs = require('../__chunks/NXDHPYNQ.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+var _ZQTMT453cjs = require('../__chunks/ZQTMT453.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 
@@ -20,28 +21,27 @@ require('../__chunks/7WUTS26Y.cjs');
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/form/form-reset.ts
-var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormReset = _CWY2PHPRcjs.createHook.call(void 0, 
+var useFormReset = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
+    const context = _VLI66TFLcjs.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"
+      process.env.NODE_ENV !== "production" && "FormReset must be wrapped in a Form component."
     );
     props = _72I2GWXFcjs.__spreadValues.call(void 0, {
       type: "reset",
       disabled: store.useState("submitting")
     }, props);
-    props = _NXDHPYNQcjs.useButton.call(void 0, props);
+    props = _ZQTMT453cjs.useButton.call(void 0, props);
     return props;
   }
 );
-var FormReset = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var FormReset = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useFormReset(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormReset.displayName = "FormReset";

package/cjs/form/form-store.cjs

@@ -1,67 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ATSMFQCOcjs = require('../__chunks/ATSMFQCO.cjs');
-
-
-
-var _MPGRRS75cjs = require('../__chunks/MPGRRS75.cjs');
-
-
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
+var _BCUHPRBRcjs = require('../__chunks/BCUHPRBR.cjs');
+require('../__chunks/KAZTJBAF.cjs');
+require('../__chunks/42FA4OOB.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
-
-// src/form/form-store.ts
-var _react = require('react');
-var _formstore = require('@ariakit/core/form/form-store'); var Core = _interopRequireWildcard(_formstore);
-function useFormStoreOptions(props) {
-  return _ATSMFQCOcjs.useCollectionStoreOptions.call(void 0, props);
-}
-function useFormStoreProps(store, props) {
-  store = _ATSMFQCOcjs.useCollectionStoreProps.call(void 0, store, props);
-  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "values", "setValues");
-  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "errors", "setErrors");
-  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "touched", "setTouched");
-  const useValue = _react.useCallback.call(void 0, 
-    (name) => store.useState(() => store.getValue(name)),
-    [store]
-  );
-  const useValidate = _react.useCallback.call(void 0, 
-    (callback) => {
-      callback = _5WLTMVVQcjs.useEvent.call(void 0, callback);
-      const items = store.useState("items");
-      _react.useEffect.call(void 0, () => store.onValidate(callback), [items, callback]);
-    },
-    [store]
-  );
-  const useSubmit = _react.useCallback.call(void 0, 
-    (callback) => {
-      callback = _5WLTMVVQcjs.useEvent.call(void 0, callback);
-      const items = store.useState("items");
-      _react.useEffect.call(void 0, () => store.onSubmit(callback), [items, callback]);
-    },
-    [store]
-  );
-  return _react.useMemo.call(void 0, 
-    () => _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, store), {
-      useValue,
-      useValidate,
-      useSubmit
-    }),
-    []
-  );
-}
-function useFormStore(props = {}) {
-  const options = useFormStoreOptions(props);
-  const store = _MPGRRS75cjs.useStore.call(void 0, () => Core.createFormStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options)));
-  return useFormStoreProps(store, props);
-}
-
-
-
-
-exports.useFormStore = useFormStore; exports.useFormStoreOptions = useFormStoreOptions; exports.useFormStoreProps = useFormStoreProps;
+exports.useFormStore = _BCUHPRBRcjs.useFormStore; exports.useFormStoreProps = _BCUHPRBRcjs.useFormStoreProps;

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

@@ -5,14 +5,7 @@ import type { CollectionStoreFunctions, CollectionStoreOptions, CollectionStoreS
 import type { Store } from "../utils/store.js";
 type Values = Core.FormStoreValues;
 type Item = Core.FormStoreItem;
-export declare function useFormStoreOptions(props: FormStoreProps): Partial<CollectionStoreOptions<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    type: "button" | "label" | "error" | "description" | "field";
-    name: string;
-}>>;
-export declare function useFormStoreProps<T extends Omit<FormStore, "useValue" | "useValidate" | "useSubmit">>(store: T, props: FormStoreProps): T & {
+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;

package/cjs/form/form-submit.cjs

@@ -1,17 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
+var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _NXDHPYNQcjs = require('../__chunks/NXDHPYNQ.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+var _ZQTMT453cjs = require('../__chunks/ZQTMT453.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 
@@ -21,28 +22,27 @@ require('../__chunks/7WUTS26Y.cjs');
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/form/form-submit.ts
-var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormSubmit = _CWY2PHPRcjs.createHook.call(void 0, 
+var useFormSubmit = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, accessibleWhenDisabled = true } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "accessibleWhenDisabled"]);
-    const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
+    const context = _VLI66TFLcjs.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"
+      process.env.NODE_ENV !== "production" && "FormSubmit must be wrapped in a Form component."
     );
     props = _72I2GWXFcjs.__spreadValues.call(void 0, {
       type: "submit",
       disabled: store.useState("submitting")
     }, props);
-    props = _NXDHPYNQcjs.useButton.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { accessibleWhenDisabled }));
+    props = _ZQTMT453cjs.useButton.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { accessibleWhenDisabled }));
     return props;
   }
 );
-var FormSubmit = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var FormSubmit = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useFormSubmit(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormSubmit.displayName = "FormSubmit";

package/cjs/form/form.cjs

@@ -1,11 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
+var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
+require('../__chunks/NHZBX2RS.cjs');
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
 
 
@@ -24,6 +26,7 @@ var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 // src/form/form.tsx
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
+var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 function isField(element, items) {
   return items.some(
@@ -38,7 +41,7 @@ function getFirstInvalidField(items) {
     }
   );
 }
-var useForm = _CWY2PHPRcjs.createHook.call(void 0, 
+var useForm = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -55,6 +58,12 @@ var useForm = _CWY2PHPRcjs.createHook.call(void 0,
       "resetOnSubmit",
       "autoFocusOnSubmit"
     ]);
+    const context = _VLI66TFLcjs.useFormContext.call(void 0, );
+    store = store || context;
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "Form must receive a `store` prop or be wrapped in a FormProvider component."
+    );
     const ref = _react.useRef.call(void 0, null);
     const values = store.useState("values");
     const submitSucceed = store.useState("submitSucceed");
@@ -62,22 +71,22 @@ var useForm = _CWY2PHPRcjs.createHook.call(void 0,
     const items = store.useState("items");
     const defaultValues = _5WLTMVVQcjs.useInitialValue.call(void 0, values);
     _react.useEffect.call(void 0, 
-      () => resetOnUnmount ? store.reset : void 0,
-      [resetOnUnmount, store.reset]
+      () => resetOnUnmount ? store == null ? void 0 : store.reset : void 0,
+      [resetOnUnmount, store]
     );
     _5WLTMVVQcjs.useUpdateEffect.call(void 0, () => {
       if (!validateOnChange)
         return;
       if (values === defaultValues)
         return;
-      store.validate();
+      store == null ? void 0 : store.validate();
     }, [validateOnChange, values, defaultValues, store]);
     _react.useEffect.call(void 0, () => {
       if (!resetOnSubmit)
         return;
       if (!submitSucceed)
         return;
-      store.reset();
+      store == null ? void 0 : store.reset();
     }, [resetOnSubmit, submitSucceed, store]);
     const [shouldFocusOnSubmit, setShouldFocusOnSubmit] = _react.useState.call(void 0, false);
     _react.useEffect.call(void 0, () => {
@@ -101,7 +110,7 @@ var useForm = _CWY2PHPRcjs.createHook.call(void 0,
       if (event.defaultPrevented)
         return;
       event.preventDefault();
-      store.submit();
+      store == null ? void 0 : store.submit();
       if (!autoFocusOnSubmit)
         return;
       setShouldFocusOnSubmit(true);
@@ -113,6 +122,8 @@ var useForm = _CWY2PHPRcjs.createHook.call(void 0,
         return;
       if (!validateOnBlur)
         return;
+      if (!store)
+        return;
       if (!isField(event.target, store.getState().items))
         return;
       store.validate();
@@ -123,11 +134,11 @@ var useForm = _CWY2PHPRcjs.createHook.call(void 0,
       if (event.defaultPrevented)
         return;
       event.preventDefault();
-      store.reset();
+      store == null ? void 0 : store.reset();
     });
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OTRABJ4Ycjs.FormContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VLI66TFLcjs.FormScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const tagName = _5WLTMVVQcjs.useTagName.call(void 0, ref, props.as || "form");
@@ -143,9 +154,9 @@ var useForm = _CWY2PHPRcjs.createHook.call(void 0,
     return props;
   }
 );
-var Form = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var Form = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useForm(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "form", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "form", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Form.displayName = "Form";

package/cjs/form/form.d.ts

@@ -28,7 +28,7 @@ export interface FormOptions<T extends As = "form"> extends Options<T> {
     /**
      * Object returned by the `useFormStore` hook.
      */
-    store: FormStore;
+    store?: FormStore;
     /**
      * Whether the form should trigger the validation callbacks when values
      * change.

package/cjs/group/group-label.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _OHQG6SR6cjs = require('../__chunks/OHQG6SR6.cjs');
+var _TDUVWW2Fcjs = require('../__chunks/TDUVWW2F.cjs');
 require('../__chunks/K56WQU76.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.GroupLabel = _OHQG6SR6cjs.GroupLabel; exports.useGroupLabel = _OHQG6SR6cjs.useGroupLabel;
+exports.GroupLabel = _TDUVWW2Fcjs.GroupLabel; exports.useGroupLabel = _TDUVWW2Fcjs.useGroupLabel;

package/cjs/group/group.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _IY72JWXEcjs = require('../__chunks/IY72JWXE.cjs');
+var _ZMSJUL55cjs = require('../__chunks/ZMSJUL55.cjs');
 require('../__chunks/K56WQU76.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Group = _IY72JWXEcjs.Group; exports.useGroup = _IY72JWXEcjs.useGroup;
+exports.Group = _ZMSJUL55cjs.Group; exports.useGroup = _ZMSJUL55cjs.useGroup;

package/cjs/heading/heading.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _KC75EM3Dcjs = require('../__chunks/KC75EM3D.cjs');
+var _FGAN5BEKcjs = require('../__chunks/FGAN5BEK.cjs');
 require('../__chunks/CQSUIL2D.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Heading = _KC75EM3Dcjs.Heading; exports.useHeading = _KC75EM3Dcjs.useHeading;
+exports.Heading = _FGAN5BEKcjs.Heading; exports.useHeading = _FGAN5BEKcjs.useHeading;