@ariakit/react-core 0.2.7 → 0.2.9

package/cjs/dialog/utils/use-nested-dialogs.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OQ7OHY6Lcjs = require('../../__chunks/OQ7OHY6L.cjs');
-require('../../__chunks/K4FBPMJ3.cjs');
-require('../../__chunks/2X5K3J7Y.cjs');
+var _WZI5KRRIcjs = require('../../__chunks/WZI5KRRI.cjs');
+require('../../__chunks/FHX4GO67.cjs');
+require('../../__chunks/2KYUOSJ4.cjs');
 require('../../__chunks/6455U47T.cjs');
 
 
-exports.useNestedDialogs = _OQ7OHY6Lcjs.useNestedDialogs;
+exports.useNestedDialogs = _WZI5KRRIcjs.useNestedDialogs;

package/cjs/dialog/utils/use-prevent-body-scroll.cjs

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _LWKIYVKLcjs = require('../../__chunks/LWKIYVKL.cjs');
-require('../../__chunks/JV2X54UE.cjs');
-require('../../__chunks/K4FBPMJ3.cjs');
-require('../../__chunks/2X5K3J7Y.cjs');
+var _GQUXK6V2cjs = require('../../__chunks/GQUXK6V2.cjs');
+require('../../__chunks/BWQVQDGC.cjs');
+require('../../__chunks/4CQBSK3W.cjs');
+require('../../__chunks/FHX4GO67.cjs');
+require('../../__chunks/2KYUOSJ4.cjs');
 require('../../__chunks/6455U47T.cjs');
 
 
-exports.usePreventBodyScroll = _LWKIYVKLcjs.usePreventBodyScroll;
+exports.usePreventBodyScroll = _GQUXK6V2cjs.usePreventBodyScroll;

package/cjs/dialog/utils/use-prevent-body-scroll.d.ts

@@ -1,2 +1 @@
-import type { DialogStore } from "../dialog-store.js";
-export declare function usePreventBodyScroll(store: DialogStore, enabled?: boolean): void;
+export declare function usePreventBodyScroll(contentElement: HTMLElement | null, contentId?: string, enabled?: boolean): void;

package/cjs/dialog/utils/use-root-dialog.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _4CQBSK3Wcjs = require('../../__chunks/4CQBSK3W.cjs');
+require('../../__chunks/FHX4GO67.cjs');
+require('../../__chunks/2KYUOSJ4.cjs');
+require('../../__chunks/6455U47T.cjs');
+
+
+exports.useRootDialog = _4CQBSK3Wcjs.useRootDialog;

package/cjs/dialog/utils/use-root-dialog.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    attribute: string;
+    contentId?: string;
+    contentElement?: HTMLElement | null;
+    enabled?: boolean;
+}
+export declare function useRootDialog({ attribute, contentId, contentElement, enabled, }: Props): () => boolean;
+export {};

package/cjs/disclosure/disclosure-content.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _5YBLVTWKcjs = require('../__chunks/5YBLVTWK.cjs');
-require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _RQ3E2DZBcjs = require('../__chunks/RQ3E2DZB.cjs');
+require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
 
-exports.DisclosureContent = _5YBLVTWKcjs.DisclosureContent; exports.isHidden = _5YBLVTWKcjs.isHidden; exports.useDisclosureContent = _5YBLVTWKcjs.useDisclosureContent;
+exports.DisclosureContent = _RQ3E2DZBcjs.DisclosureContent; exports.isHidden = _RQ3E2DZBcjs.isHidden; exports.useDisclosureContent = _RQ3E2DZBcjs.useDisclosureContent;

package/cjs/disclosure/disclosure-store.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _BCIVI2SCcjs = require('../__chunks/BCIVI2SC.cjs');
-require('../__chunks/3YYDY5FN.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _NAE74ZUFcjs = require('../__chunks/NAE74ZUF.cjs');
+require('../__chunks/C5W4YO2W.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
 
-exports.useDisclosureStore = _BCIVI2SCcjs.useDisclosureStore; exports.useDisclosureStoreOptions = _BCIVI2SCcjs.useDisclosureStoreOptions; exports.useDisclosureStoreProps = _BCIVI2SCcjs.useDisclosureStoreProps;
+exports.useDisclosureStore = _NAE74ZUFcjs.useDisclosureStore; exports.useDisclosureStoreOptions = _NAE74ZUFcjs.useDisclosureStoreOptions; exports.useDisclosureStoreProps = _NAE74ZUFcjs.useDisclosureStoreProps;

package/cjs/disclosure/disclosure.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _3JRXLDD2cjs = require('../__chunks/3JRXLDD2.cjs');
-require('../__chunks/ZCXLELXW.cjs');
-require('../__chunks/7BYVU5SZ.cjs');
-require('../__chunks/SZ6M66IF.cjs');
+var _XIQNHQGWcjs = require('../__chunks/XIQNHQGW.cjs');
+require('../__chunks/GJ2WWSXI.cjs');
+require('../__chunks/6WLP7YXF.cjs');
+require('../__chunks/FIEVSSEV.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Disclosure = _3JRXLDD2cjs.Disclosure; exports.useDisclosure = _3JRXLDD2cjs.useDisclosure;
+exports.Disclosure = _XIQNHQGWcjs.Disclosure; exports.useDisclosure = _XIQNHQGWcjs.useDisclosure;

package/cjs/focus-trap/focus-trap-region.cjs

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _E33OSNZRcjs = require('../__chunks/E33OSNZR.cjs');
-require('../__chunks/VYKCWICK.cjs');
+var _4AQRNZQ7cjs = require('../__chunks/4AQRNZQ7.cjs');
+require('../__chunks/ZKPH2VTW.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _FHX4GO67cjs = require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 
 
 
@@ -22,18 +22,18 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 var _react = require('react');
 var _focus = require('@ariakit/core/utils/focus');
 var _jsxruntime = require('react/jsx-runtime');
-var useFocusTrapRegion = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFocusTrapRegion = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { enabled = false } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["enabled"]);
     const ref = _react.useRef.call(void 0, null);
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => {
         const renderFocusTrap = () => {
           if (!enabled)
             return null;
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _E33OSNZRcjs.FocusTrap,
+            _4AQRNZQ7cjs.FocusTrap,
             {
               onFocus: (event) => {
                 const container = ref.current;
@@ -64,15 +64,15 @@ var useFocusTrapRegion = _5U7AP6Y2cjs.createHook.call(void 0,
       [enabled]
     );
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref)
     });
     return props;
   }
 );
-var FocusTrapRegion = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var FocusTrapRegion = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useFocusTrapRegion(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/focus-trap/focus-trap.cjs

@@ -1,11 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _E33OSNZRcjs = require('../__chunks/E33OSNZR.cjs');
-require('../__chunks/VYKCWICK.cjs');
-require('../__chunks/5U7AP6Y2.cjs');
+var _4AQRNZQ7cjs = require('../__chunks/4AQRNZQ7.cjs');
+require('../__chunks/ZKPH2VTW.cjs');
+require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.FocusTrap = _E33OSNZRcjs.FocusTrap; exports.useFocusTrap = _E33OSNZRcjs.useFocusTrap;
+exports.FocusTrap = _4AQRNZQ7cjs.FocusTrap; exports.useFocusTrap = _4AQRNZQ7cjs.useFocusTrap;

package/cjs/focusable/focusable-container.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _UPT7GI2Icjs = require('../__chunks/UPT7GI2I.cjs');
+var _GXCVLZ7Wcjs = require('../__chunks/GXCVLZ7W.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.FocusableContainer = _UPT7GI2Icjs.FocusableContainer; exports.useFocusableContainer = _UPT7GI2Icjs.useFocusableContainer;
+exports.FocusableContainer = _GXCVLZ7Wcjs.FocusableContainer; exports.useFocusableContainer = _GXCVLZ7Wcjs.useFocusableContainer;

package/cjs/focusable/focusable.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _SZ6M66IFcjs = require('../__chunks/SZ6M66IF.cjs');
+var _FIEVSSEVcjs = require('../__chunks/FIEVSSEV.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Focusable = _SZ6M66IFcjs.Focusable; exports.useFocusable = _SZ6M66IFcjs.useFocusable;
+exports.Focusable = _FIEVSSEVcjs.Focusable; exports.useFocusable = _FIEVSSEVcjs.useFocusable;

package/cjs/form/form-checkbox.cjs

@@ -1,29 +1,29 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _GE5ZROIWcjs = require('../__chunks/GE5ZROIW.cjs');
+var _ZH4AYXKMcjs = require('../__chunks/ZH4AYXKM.cjs');
 
 
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _QMOLTZZOcjs = require('../__chunks/QMOLTZZO.cjs');
+var _6Y7OJ66Scjs = require('../__chunks/6Y7OJ66S.cjs');
 
 
-var _4JASPVMDcjs = require('../__chunks/4JASPVMD.cjs');
+var _ZEJ6SJAQcjs = require('../__chunks/ZEJ6SJAQ.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/7BYVU5SZ.cjs');
-require('../__chunks/N56WBDNX.cjs');
+require('../__chunks/6WLP7YXF.cjs');
+require('../__chunks/VQHQDEFP.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/SZ6M66IF.cjs');
+require('../__chunks/FIEVSSEV.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/3YYDY5FN.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/C5W4YO2W.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 
 
 
@@ -32,7 +32,7 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 // src/form/form-checkbox.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormCheckbox = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFormCheckbox = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, name: nameProp, value, checked, defaultChecked } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "name", "value", "checked", "defaultChecked"]);
     const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
@@ -42,12 +42,12 @@ var useFormCheckbox = _5U7AP6Y2cjs.createHook.call(void 0,
       process.env.NODE_ENV !== "production" && "FormCheckbox must be wrapped in a Form component"
     );
     const name = `${nameProp}`;
-    const checkboxStore = _4JASPVMDcjs.useCheckboxStore.call(void 0, {
+    const checkboxStore = _ZEJ6SJAQcjs.useCheckboxStore.call(void 0, {
       value: store.useValue(name),
       setValue: (value2) => store == null ? void 0 : store.setValue(name, value2)
     });
-    props = _QMOLTZZOcjs.useCheckbox.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store: checkboxStore, value, checked }, props));
-    props = _GE5ZROIWcjs.useFormField.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _6Y7OJ66Scjs.useCheckbox.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store: checkboxStore, value, checked }, props));
+    props = _ZH4AYXKMcjs.useFormField.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store,
       name,
       "aria-labelledby": void 0
@@ -55,10 +55,10 @@ var useFormCheckbox = _5U7AP6Y2cjs.createHook.call(void 0,
     return props;
   }
 );
-var FormCheckbox = _5U7AP6Y2cjs.createMemoComponent.call(void 0, 
+var FormCheckbox = _O3Z4C76Tcjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useFormCheckbox(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "input", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "input", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/form/form-description.cjs

@@ -3,18 +3,18 @@
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _N56WBDNXcjs = require('../__chunks/N56WBDNX.cjs');
+var _VQHQDEFPcjs = require('../__chunks/VQHQDEFP.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _FHX4GO67cjs = require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 
 
 
@@ -24,7 +24,7 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 // src/form/form-description.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormDescription = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFormDescription = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, name: nameProp, getItem: getItemProp } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "name", "getItem"]);
     const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
@@ -33,7 +33,7 @@ var useFormDescription = _5U7AP6Y2cjs.createHook.call(void 0,
       store,
       process.env.NODE_ENV !== "production" && "FormDescription must be wrapped in a Form component"
     );
-    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+    const id = _FHX4GO67cjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
     const name = `${nameProp}`;
     const getItem = _react.useCallback.call(void 0, 
@@ -53,16 +53,16 @@ var useFormDescription = _5U7AP6Y2cjs.createHook.call(void 0,
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       id
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    props = _N56WBDNXcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
+    props = _VQHQDEFPcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );
-var FormDescription = _5U7AP6Y2cjs.createMemoComponent.call(void 0, 
+var FormDescription = _O3Z4C76Tcjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useFormDescription(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/form/form-error.cjs

@@ -3,18 +3,18 @@
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _N56WBDNXcjs = require('../__chunks/N56WBDNX.cjs');
+var _VQHQDEFPcjs = require('../__chunks/VQHQDEFP.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _FHX4GO67cjs = require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 
 
 
@@ -24,7 +24,7 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 // src/form/form-error.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormError = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFormError = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, name: nameProp, getItem: getItemProp } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "name", "getItem"]);
     const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
@@ -33,7 +33,7 @@ var useFormError = _5U7AP6Y2cjs.createHook.call(void 0,
       store,
       process.env.NODE_ENV !== "production" && "FormError must be wrapped in a Form component"
     );
-    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+    const id = _FHX4GO67cjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
     const name = `${nameProp}`;
     const getItem = _react.useCallback.call(void 0, 
@@ -59,15 +59,15 @@ var useFormError = _5U7AP6Y2cjs.createHook.call(void 0,
       role: "alert",
       children
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    props = _N56WBDNXcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
+    props = _VQHQDEFPcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );
-var FormError = _5U7AP6Y2cjs.createMemoComponent.call(void 0, (props) => {
+var FormError = _O3Z4C76Tcjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useFormError(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormError.displayName = "FormError";

package/cjs/form/form-field.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _GE5ZROIWcjs = require('../__chunks/GE5ZROIW.cjs');
+var _ZH4AYXKMcjs = require('../__chunks/ZH4AYXKM.cjs');
 require('../__chunks/OTRABJ4Y.cjs');
-require('../__chunks/N56WBDNX.cjs');
+require('../__chunks/VQHQDEFP.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.FormField = _GE5ZROIWcjs.FormField; exports.useFormField = _GE5ZROIWcjs.useFormField;
+exports.FormField = _ZH4AYXKMcjs.FormField; exports.useFormField = _ZH4AYXKMcjs.useFormField;

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

@@ -21,9 +21,9 @@ import type { FormStore } from "./form-store.js";
  *   <FormLabel name={store.names.content}>Content</FormLabel>
  *   <Role
  *     {...props}
- *     as={Editor}
  *     value={value}
  *     onChange={(value) => store.setValue(store.names.content, value)}
+ *     render={<Editor />}
  *   />
  * </Form>
  * ```
@@ -45,9 +45,9 @@ export declare const useFormField: import("../utils/types.js").Hook<FormFieldOpt
  *   <FormLabel name={form.names.content}>Content</FormLabel>
  *   <FormField
  *     {...props}
- *     as={Editor}
  *     value={value}
  *     onChange={(value) => form.setValue(form.names.content, value)}
+ *     render={<Editor />}
  *   />
  * </Form>
  * ```

package/cjs/form/form-group-label.cjs

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _4AU4RS63cjs = require('../__chunks/4AU4RS63.cjs');
+var _6AEXHJICcjs = require('../__chunks/6AEXHJIC.cjs');
 require('../__chunks/K56WQU76.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 
 
 var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 
 // src/form/form-group-label.ts
-var useFormGroupLabel = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFormGroupLabel = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _4AU4RS63cjs.useGroupLabel.call(void 0, props);
+    props = _6AEXHJICcjs.useGroupLabel.call(void 0, props);
     return props;
   }
 );
-var FormGroupLabel = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var FormGroupLabel = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useFormGroupLabel(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/form/form-group.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _YLN3EA3Tcjs = require('../__chunks/YLN3EA3T.cjs');
-require('../__chunks/UUTPFHTK.cjs');
+var _N6BZRQWTcjs = require('../__chunks/N6BZRQWT.cjs');
+require('../__chunks/4JALWV3V.cjs');
 require('../__chunks/K56WQU76.cjs');
-require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.FormGroup = _YLN3EA3Tcjs.FormGroup; exports.useFormGroup = _YLN3EA3Tcjs.useFormGroup;
+exports.FormGroup = _N6BZRQWTcjs.FormGroup; exports.useFormGroup = _N6BZRQWTcjs.useFormGroup;

package/cjs/form/form-input.cjs

@@ -1,24 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _GE5ZROIWcjs = require('../__chunks/GE5ZROIW.cjs');
+var _ZH4AYXKMcjs = require('../__chunks/ZH4AYXKM.cjs');
 
 
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
-require('../__chunks/N56WBDNX.cjs');
+require('../__chunks/VQHQDEFP.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
-var _SZ6M66IFcjs = require('../__chunks/SZ6M66IF.cjs');
+var _FIEVSSEVcjs = require('../__chunks/FIEVSSEV.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
 
 
-var _K4FBPMJ3cjs = require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _FHX4GO67cjs = require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 
 
 
@@ -28,7 +28,7 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 // src/form/form-input.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormInput = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFormInput = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, name: nameProp } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "name"]);
     const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
@@ -39,7 +39,7 @@ var useFormInput = _5U7AP6Y2cjs.createHook.call(void 0,
     );
     const name = `${nameProp}`;
     const onChangeProp = props.onChange;
-    const onChange = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onChange = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onChangeProp == null ? void 0 : onChangeProp(event);
       if (event.defaultPrevented)
         return;
@@ -51,14 +51,14 @@ var useFormInput = _5U7AP6Y2cjs.createHook.call(void 0,
     }, props), {
       onChange
     });
-    props = _SZ6M66IFcjs.useFocusable.call(void 0, props);
-    props = _GE5ZROIWcjs.useFormField.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, name }, props));
+    props = _FIEVSSEVcjs.useFocusable.call(void 0, props);
+    props = _ZH4AYXKMcjs.useFormField.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, name }, props));
     return props;
   }
 );
-var FormInput = _5U7AP6Y2cjs.createMemoComponent.call(void 0, (props) => {
+var FormInput = _O3Z4C76Tcjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useFormInput(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "input", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "input", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormInput.displayName = "FormInput";

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

@@ -12,7 +12,7 @@ import type { FormFieldOptions } from "./form-field.js";
  * const props = useFormInput({ store, name: store.names.email });
  * <Form store={store}>
  *   <FormLabel name={store.names.email}>Email</FormLabel>
- *   <Role as="input" {...props} />
+ *   <Role {...props} render={<input />} />
  * </Form>
  * ```
  */