@ariakit/react-core 0.2.17 → 0.3.1

package/cjs/__chunks/{MNUCM2FP.cjs → ZEASCR4B.cjs}

@@ -1,54 +1,55 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _TUSNAJ32cjs = require('./TUSNAJ32.cjs');
+var _J63NAJOOcjs = require('./J63NAJOO.cjs');
 
 
-var _CHVOMF22cjs = require('./CHVOMF22.cjs');
+var _6BAHKJ5Kcjs = require('./6BAHKJ5K.cjs');
 
 
-var _FA3DXDDTcjs = require('./FA3DXDDT.cjs');
+var _DPLHWKRPcjs = require('./DPLHWKRP.cjs');
 
 
-var _F4UT5TWUcjs = require('./F4UT5TWU.cjs');
+var _W32FX7DMcjs = require('./W32FX7DM.cjs');
 
 
-var _6BAHKJ5Kcjs = require('./6BAHKJ5K.cjs');
 
+var _JKMBJCXAcjs = require('./JKMBJCXA.cjs');
 
-var _KJBIRAH5cjs = require('./KJBIRAH5.cjs');
 
+var _INDMFBTScjs = require('./INDMFBTS.cjs');
 
 
-var _HTEAWNBYcjs = require('./HTEAWNBY.cjs');
+var _NBCR3CLPcjs = require('./NBCR3CLP.cjs');
 
 
-var _W32FX7DMcjs = require('./W32FX7DM.cjs');
+var _VTRMALP6cjs = require('./VTRMALP6.cjs');
 
 
-var _G6F4DPHMcjs = require('./G6F4DPHM.cjs');
+var _A6H7IIHJcjs = require('./A6H7IIHJ.cjs');
 
 
 var _SOPRUU56cjs = require('./SOPRUU56.cjs');
 
 
-var _YPXV3X22cjs = require('./YPXV3X22.cjs');
+var _MNZPRWGCcjs = require('./MNZPRWGC.cjs');
+
 
 
+var _5E5FKYEOcjs = require('./5E5FKYEO.cjs');
 
 
-var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
 
 
 
-var _SZTCN3SGcjs = require('./SZTCN3SG.cjs');
+var _W6ZRSMO5cjs = require('./W6ZRSMO5.cjs');
 
 
-var _I4JDDV3Vcjs = require('./I4JDDV3V.cjs');
+var _BFLDQF3Lcjs = require('./BFLDQF3L.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 
@@ -106,7 +107,7 @@ function getElementFromProp(prop, focusable = false) {
     return _focus.isFocusable.call(void 0, element) ? element : null;
   return element;
 }
-var useDialog = _CWY2PHPRcjs.createHook.call(void 0, 
+var useDialog = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -139,6 +140,12 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
       "initialFocus",
       "finalFocus"
     ]);
+    const context = _W6ZRSMO5cjs.useDialogProviderContext.call(void 0, );
+    store = store || context;
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "Dialog must receive a `store` prop or be wrapped in a DialogProvider component."
+    );
     const ref = _react.useRef.call(void 0, null);
     const { portalRef, domReady } = _5WLTMVVQcjs.usePortalRef.call(void 0, portal, props.portalRef);
     const preserveTabOrderProp = props.preserveTabOrder;
@@ -149,14 +156,26 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const contentElement = store.useState("contentElement");
-    const hidden = _SZTCN3SGcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
-    _F4UT5TWUcjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
-    _KJBIRAH5cjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
+    const hidden = _5E5FKYEOcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
+    _VTRMALP6cjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
+    _DPLHWKRPcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
     const { wrapElement, nestedDialogs } = _6BAHKJ5Kcjs.useNestedDialogs.call(void 0, store);
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
+    if (process.env.NODE_ENV !== "production") {
+      _react.useEffect.call(void 0, () => {
+        if (!backdropProps)
+          return;
+        console.warn(
+          "The `backdropProps` prop is deprecated. Use the `backdrop` prop instead.",
+          "See https://ariakit.org/reference/dialog#backdrop"
+        );
+      }, [backdropProps]);
+    }
     _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
       if (!open)
         return;
+      if (!store)
+        return;
       const dialog = ref.current;
       const activeElement = _dom.getActiveElement.call(void 0, dialog, true);
       if (!activeElement)
@@ -166,9 +185,11 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
       if (dialog && _dom.contains.call(void 0, dialog, activeElement))
         return;
       store.setDisclosureElement(activeElement);
-    }, [open, store]);
+    }, [store, open]);
     if (isSafariBrowser) {
       _react.useEffect.call(void 0, () => {
+        if (!store)
+          return;
         if (!mounted)
           return;
         const { disclosureElement } = store.getState();
@@ -194,7 +215,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         return () => {
           disclosureElement.removeEventListener("mousedown", onMouseDown);
         };
-      }, [mounted, store]);
+      }, [store, mounted]);
     }
     const shouldDisableAccessibilityTree = modal || // Usually, we only want to disable the accessibility tree outside if the
     // dialog is a modal. But the Portal component can't preserve the tab
@@ -203,6 +224,8 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
     // disable pointer events because it's just for screen readers.
     portal && preserveTabOrder && _platform.isSafari.call(void 0, );
     _react.useEffect.call(void 0, () => {
+      if (!store)
+        return;
       if (!mounted)
         return;
       if (!domReady)
@@ -216,9 +239,11 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
       if (existingDismiss)
         return;
       return _W32FX7DMcjs.prependHiddenDismiss.call(void 0, dialog, store.hide);
-    }, [mounted, domReady, shouldDisableAccessibilityTree]);
+    }, [store, mounted, domReady, shouldDisableAccessibilityTree]);
     const getPersistentElementsProp = _5WLTMVVQcjs.useEvent.call(void 0, getPersistentElements);
     _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+      if (!store)
+        return;
       if (!domReady)
         return;
       if (!id)
@@ -234,23 +259,23 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         ...nestedDialogs.map((dialog2) => dialog2.getState().contentElement)
       ];
       if (!shouldDisableAccessibilityTree) {
-        return _HTEAWNBYcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
+        return _JKMBJCXAcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
       }
       if (modal) {
         return _misc.chain.call(void 0, 
-          _HTEAWNBYcjs.markTreeOutside.call(void 0, id, ...allElements),
-          _CHVOMF22cjs.disableTreeOutside.call(void 0, ...allElements)
+          _JKMBJCXAcjs.markTreeOutside.call(void 0, id, ...allElements),
+          _INDMFBTScjs.disableTreeOutside.call(void 0, ...allElements)
         );
       }
       return _misc.chain.call(void 0, 
-        _HTEAWNBYcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
-        _FA3DXDDTcjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
+        _JKMBJCXAcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
+        _NBCR3CLPcjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
       );
     }, [
+      store,
       domReady,
       id,
       open,
-      store,
       getPersistentElementsProp,
       nestedDialogs,
       shouldDisableAccessibilityTree,
@@ -311,6 +336,8 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
     }, [open]);
     const focusOnHide = _react.useCallback.call(void 0, 
       (dialog, retry = true) => {
+        if (!store)
+          return;
         const { open: open2, disclosureElement } = store.getState();
         if (open2)
           return;
@@ -349,7 +376,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
       },
       [store, finalFocus, autoFocusOnHideProp]
     );
-    _react.useEffect.call(void 0, () => {
+    _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
       if (open)
         return;
       if (!hasOpened)
@@ -378,10 +405,12 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
           return;
         if (event.defaultPrevented)
           return;
+        if (!store)
+          return;
         const dialog = ref.current;
         if (!dialog)
           return;
-        if (_HTEAWNBYcjs.isElementMarked.call(void 0, dialog))
+        if (_JKMBJCXAcjs.isElementMarked.call(void 0, dialog))
           return;
         const target = event.target;
         if (!target)
@@ -405,7 +434,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         store.hide();
       };
       return _events.addGlobalEventListener.call(void 0, "keydown", onKeyDown);
-    }, [mounted, domReady, store, hideOnEscapeProp]);
+    }, [store, mounted, domReady, hideOnEscapeProp]);
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SOPRUU56cjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
@@ -416,11 +445,13 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
       (element) => {
+        if (!store)
+          return element;
         if (!backdrop)
           return element;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _TUSNAJ32cjs.DialogBackdrop,
+            _J63NAJOOcjs.DialogBackdrop,
             {
               store,
               backdrop,
@@ -438,7 +469,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
     const [descriptionId, setDescriptionId] = _react.useState.call(void 0, );
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogContext.Provider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogHeadingContext.Provider, { value: setHeadingId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogDescriptionContext.Provider, { value: setDescriptionId, children: element }) }) }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W6ZRSMO5cjs.DialogScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W6ZRSMO5cjs.DialogHeadingContext.Provider, { value: setHeadingId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W6ZRSMO5cjs.DialogDescriptionContext.Provider, { value: setDescriptionId, children: element }) }) }),
       [store]
     );
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
@@ -451,18 +482,18 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
     }, props), {
       ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    props = _G6F4DPHMcjs.useFocusableContainer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
+    props = _A6H7IIHJcjs.useFocusableContainer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
       autoFocusOnShow: autoFocusEnabled
     }));
-    props = _SZTCN3SGcjs.useDisclosureContent.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
-    props = _I4JDDV3Vcjs.useFocusable.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { focusable }));
-    props = _YPXV3X22cjs.usePortal.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
+    props = _5E5FKYEOcjs.useDisclosureContent.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _BFLDQF3Lcjs.useFocusable.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { focusable }));
+    props = _MNZPRWGCcjs.usePortal.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
     return props;
   }
 );
-var Dialog = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var Dialog = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useDialog(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Dialog.displayName = "Dialog";

package/cjs/__chunks/{N2KSMVA7.cjs → ZHMGQCNX.cjs}

@@ -3,12 +3,12 @@
 var _4K6QJIPXcjs = require('./4K6QJIPX.cjs');
 
 
-var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
+var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 
@@ -44,14 +44,14 @@ function useComputedStyle(store) {
   }, [contentElement]);
   return style;
 }
-var usePopoverArrow = _CWY2PHPRcjs.createHook.call(void 0, 
+var usePopoverArrow = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, size = defaultSize } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "size"]);
-    const context = _react.useContext.call(void 0, _W5PBA4D6cjs.PopoverContext);
+    const context = _AKOG5S2Tcjs.usePopoverContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
-      process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component"
+      process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
     );
     const dir = store.useState(
       (state) => state.currentPlacement.split("-")[0]
@@ -89,9 +89,9 @@ var usePopoverArrow = _CWY2PHPRcjs.createHook.call(void 0,
     return props;
   }
 );
-var PopoverArrow = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var PopoverArrow = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = usePopoverArrow(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   PopoverArrow.displayName = "PopoverArrow";

package/cjs/__chunks/{EHQTSSAA.cjs → ZJ4ICN62.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _7JKSDWVFcjs = require('./7JKSDWVF.cjs');
+var _FPNO6JL5cjs = require('./FPNO6JL5.cjs');
 
 
-var _ZK5KHSMPcjs = require('./ZK5KHSMP.cjs');
+var _G33PRHOGcjs = require('./G33PRHOG.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
-var _MPGRRS75cjs = require('./MPGRRS75.cjs');
+var _I63PYP2Ucjs = require('./I63PYP2U.cjs');
 
 
 
@@ -37,18 +37,17 @@ function getIsChecked(value, storeValue) {
 function isNativeRadio(tagName, type) {
   return tagName === "input" && (!type || type === "radio");
 }
-var useRadio = _CWY2PHPRcjs.createHook.call(void 0, 
+var useRadio = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, value, checked } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "value", "checked"]);
-    var _a2;
-    const context = _react.useContext.call(void 0, _7JKSDWVFcjs.RadioContext);
+    const context = _FPNO6JL5cjs.useRadioContext.call(void 0, );
     store = store || context;
     const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
-    const isChecked = (_a2 = _MPGRRS75cjs.useStoreState.call(void 0, 
+    const isChecked = _I63PYP2Ucjs.useStoreState.call(void 0, 
       store,
-      (state) => checked != null ? checked : getIsChecked(value, state.value)
-    )) != null ? _a2 : checked;
+      (state) => checked != null ? checked : getIsChecked(value, state == null ? void 0 : state.value)
+    );
     _react.useEffect.call(void 0, () => {
       if (!id)
         return;
@@ -112,16 +111,16 @@ var useRadio = _CWY2PHPRcjs.createHook.call(void 0,
       onClick,
       onFocus
     });
-    props = _ZK5KHSMPcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
+    props = _G33PRHOGcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
     return _72I2GWXFcjs.__spreadValues.call(void 0, {
       value: nativeRadio ? value : void 0,
       checked: isChecked
     }, props);
   }
 );
-var Radio = _CWY2PHPRcjs.createMemoComponent.call(void 0, (props) => {
+var Radio = _Z5PUIG6Acjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useRadio(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "input", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "input", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Radio.displayName = "Radio";

package/cjs/__chunks/{IY72JWXE.cjs → ZMSJUL55.cjs}

@@ -5,7 +5,7 @@ var _K56WQU76cjs = require('./K56WQU76.cjs');
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -16,7 +16,7 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 // src/group/group.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var useGroup = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
+var useGroup = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
   const [labelId, setLabelId] = _react.useState.call(void 0, );
   props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
     props,
@@ -29,9 +29,9 @@ var useGroup = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
   }, props);
   return props;
 });
-var Group = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var Group = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useGroup(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Group.displayName = "Group";

package/cjs/__chunks/ZPTFLDSU.cjs

@@ -0,0 +1,61 @@
+"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; } }
+
+var _GCTYF2Y6cjs = require('./GCTYF2Y6.cjs');
+
+
+
+var _I63PYP2Ucjs = require('./I63PYP2U.cjs');
+
+
+var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
+
+
+
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+// src/form/form-store.ts
+var _react = require('react');
+var _formstore = require('@ariakit/core/form/form-store'); var Core = _interopRequireWildcard(_formstore);
+function useFormStoreProps(store, update, props) {
+  store = _GCTYF2Y6cjs.useCollectionStoreProps.call(void 0, store, update, props);
+  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "values", "setValues");
+  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "errors", "setErrors");
+  _I63PYP2Ucjs.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 [store, update] = _I63PYP2Ucjs.useStore.call(void 0, Core.createFormStore, props);
+  return useFormStoreProps(store, update, props);
+}
+
+
+
+
+exports.useFormStoreProps = useFormStoreProps; exports.useFormStore = useFormStore;

package/cjs/__chunks/{NXDHPYNQ.cjs → ZQTMT453.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OSQTQ6OFcjs = require('./OSQTQ6OF.cjs');
+var _NPDPNCSDcjs = require('./NPDPNCSD.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 // src/button/button.ts
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
-var useButton = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
+var useButton = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
   const ref = _react.useRef.call(void 0, null);
   const tagName = _5WLTMVVQcjs.useTagName.call(void 0, ref, props.as || "button");
   const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
@@ -34,12 +34,12 @@ var useButton = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
   }, props), {
     ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
   });
-  props = _OSQTQ6OFcjs.useCommand.call(void 0, props);
+  props = _NPDPNCSDcjs.useCommand.call(void 0, props);
   return props;
 });
-var Button = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var Button = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useButton(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Button.displayName = "Button";

package/cjs/button/button.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-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/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Button = _NXDHPYNQcjs.Button; exports.useButton = _NXDHPYNQcjs.useButton;
+exports.Button = _ZQTMT453cjs.Button; exports.useButton = _ZQTMT453cjs.useButton;

package/cjs/checkbox/checkbox-check.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _T23EIXNFcjs = require('../__chunks/T23EIXNF.cjs');
+var _P4F26HLTcjs = require('../__chunks/P4F26HLT.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.CheckboxCheck = _T23EIXNFcjs.CheckboxCheck; exports.useCheckboxCheck = _T23EIXNFcjs.useCheckboxCheck;
+exports.CheckboxCheck = _P4F26HLTcjs.CheckboxCheck; exports.useCheckboxCheck = _P4F26HLTcjs.useCheckboxCheck;

package/cjs/checkbox/checkbox-context.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+var _NER6RNCQcjs = require('../__chunks/NER6RNCQ.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
+
+
+
+
+
+
+exports.CheckboxContextProvider = _NER6RNCQcjs.CheckboxContextProvider; exports.CheckboxScopedContextProvider = _NER6RNCQcjs.CheckboxScopedContextProvider; exports.useCheckboxContext = _NER6RNCQcjs.useCheckboxContext; exports.useCheckboxProviderContext = _NER6RNCQcjs.useCheckboxProviderContext; exports.useCheckboxScopedContext = _NER6RNCQcjs.useCheckboxScopedContext;

package/cjs/checkbox/checkbox-context.d.ts

@@ -0,0 +1,19 @@
+import type { CheckboxStore } from "./checkbox-store.js";
+/**
+ * Returns the checkbox store from the nearest checkbox container.
+ * @example
+ * function Checkbox() {
+ *   const store = useCheckboxContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Checkbox must be wrapped in CheckboxProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useCheckboxContext: () => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
+export declare const useCheckboxScopedContext: (onlyScoped?: boolean) => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
+export declare const useCheckboxProviderContext: () => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
+export declare const CheckboxContextProvider: (props: import("react").ProviderProps<CheckboxStore<string | number | boolean | (string | number)[]> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxScopedContextProvider: (props: import("react").ProviderProps<CheckboxStore<string | number | boolean | (string | number)[]> | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/checkbox/checkbox-provider.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _HDYD5S2Pcjs = require('../__chunks/HDYD5S2P.cjs');
+
+
+var _NER6RNCQcjs = require('../__chunks/NER6RNCQ.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
+
+// src/checkbox/checkbox-provider.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function CheckboxProvider(props = {}) {
+  const store = _HDYD5S2Pcjs.useCheckboxStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NER6RNCQcjs.CheckboxContextProvider, { value: store, children: props.children });
+}
+
+
+exports.CheckboxProvider = CheckboxProvider;

package/cjs/checkbox/checkbox-provider.d.ts

@@ -0,0 +1,29 @@
+import type { ReactElement, ReactNode } from "react";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { CheckboxStoreProps, CheckboxStoreValue } from "./checkbox-store.js";
+type Value = CheckboxStoreValue;
+/**
+ * Provides a checkbox store to its descendants. This is useful to create a
+ * group of checkboxes that share the same store.
+ * @see https://ariakit.org/components/checkbox
+ * @example
+ * ```jsx
+ * <CheckboxProvider defaultValue={["orange"]}>
+ *   <label>
+ *     <Checkbox value="apple" /> Apple
+ *   </label>
+ *   <label>
+ *     <Checkbox value="orange" /> Orange
+ *   </label>
+ *   <label>
+ *     <Checkbox value="mango" /> Mango
+ *   </label>
+ * </CheckboxProvider>
+ * ```
+ */
+export declare function CheckboxProvider<T extends Value = Value>(props: PickRequired<CheckboxProviderProps<T>, "value" | "defaultValue">): ReactElement;
+export declare function CheckboxProvider(props?: CheckboxProviderProps): ReactElement;
+export interface CheckboxProviderProps<T extends Value = Value> extends CheckboxStoreProps<T> {
+    children?: ReactNode;
+}
+export {};