@ariakit/react-core 0.2.6 → 0.2.8

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 _AYLR4G5Icjs = require('../__chunks/AYLR4G5I.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 = _AYLR4G5Icjs.Focusable; exports.useFocusable = _AYLR4G5Icjs.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 _MJQOSYPHcjs = require('../__chunks/MJQOSYPH.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/4K22VVH6.cjs');
+require('../__chunks/VQHQDEFP.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/SZ6M66IF.cjs');
+require('../__chunks/AYLR4G5I.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 = _MJQOSYPHcjs.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 _AYLR4G5Icjs = require('../__chunks/AYLR4G5I.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 = _AYLR4G5Icjs.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>
  * ```
  */

package/cjs/form/form-label.cjs

@@ -3,34 +3,35 @@
 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');
 
 
 
 
 var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 
-// src/form/form-label.ts
+// src/form/form-label.tsx
 var _react = require('react');
 var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
+var _jsxruntime = require('react/jsx-runtime');
 function supportsNativeLabel(tagName) {
   return tagName === "input" || tagName === "textarea" || tagName === "select" || tagName === "meter" || tagName === "progress";
 }
-var useFormLabel = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFormLabel = _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);
@@ -39,7 +40,7 @@ var useFormLabel = _5U7AP6Y2cjs.createHook.call(void 0,
       store,
       process.env.NODE_ENV !== "production" && "FormLabel 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, 
@@ -55,10 +56,10 @@ var useFormLabel = _5U7AP6Y2cjs.createHook.call(void 0,
     const field = store.useState(
       (state) => state.items.find((item) => item.type === "field" && item.name === name)
     );
-    const fieldTagName = _K4FBPMJ3cjs.useTagName.call(void 0, field == null ? void 0 : field.element, "input");
+    const fieldTagName = _FHX4GO67cjs.useTagName.call(void 0, field == null ? void 0 : field.element, "input");
     const isNativeLabel = supportsNativeLabel(fieldTagName);
     const onClickProp = props.onClick;
-    const onClick = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onClick = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -75,11 +76,10 @@ var useFormLabel = _5U7AP6Y2cjs.createHook.call(void 0,
     });
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       id,
-      // @ts-expect-error
-      as: isNativeLabel ? "label" : "span",
+      render: isNativeLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {}),
       htmlFor: isNativeLabel ? field == null ? void 0 : field.id : void 0
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref),
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref),
       onClick
     });
     if (!isNativeLabel) {
@@ -89,13 +89,13 @@ var useFormLabel = _5U7AP6Y2cjs.createHook.call(void 0,
         }, props.style)
       });
     }
-    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 FormLabel = _5U7AP6Y2cjs.createMemoComponent.call(void 0, (props) => {
+var FormLabel = _O3Z4C76Tcjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useFormLabel(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "label", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "label", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormLabel.displayName = "FormLabel";

package/cjs/form/form-push.cjs

@@ -3,23 +3,23 @@
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _ZCXLELXWcjs = require('../__chunks/ZCXLELXW.cjs');
-require('../__chunks/7BYVU5SZ.cjs');
+var _6WWAF5Y2cjs = require('../__chunks/6WWAF5Y2.cjs');
+require('../__chunks/4K22VVH6.cjs');
 
 
-var _N56WBDNXcjs = require('../__chunks/N56WBDNX.cjs');
+var _VQHQDEFPcjs = require('../__chunks/VQHQDEFP.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/SZ6M66IF.cjs');
+require('../__chunks/AYLR4G5I.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');
 
 
 
@@ -46,7 +46,7 @@ function getFirstFieldsByName(items, name) {
   }
   return fields;
 }
-var useFormPush = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFormPush = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -91,7 +91,7 @@ var useFormPush = _5U7AP6Y2cjs.createHook.call(void 0,
       [name, getItemProp]
     );
     const onClickProp = props.onClick;
-    const onClick = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onClick = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -103,14 +103,14 @@ var useFormPush = _5U7AP6Y2cjs.createHook.call(void 0,
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
       onClick
     });
-    props = _ZCXLELXWcjs.useButton.call(void 0, props);
-    props = _N56WBDNXcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
+    props = _6WWAF5Y2cjs.useButton.call(void 0, props);
+    props = _VQHQDEFPcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );
-var FormPush = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var FormPush = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useFormPush(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "button", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormPush.displayName = "FormPush";

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

@@ -1,33 +1,33 @@
 "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');
 
 
 
 
-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-radio-group.ts
-var useFormRadioGroup = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFormRadioGroup = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     props = _6455U47Tcjs.__spreadValues.call(void 0, { role: "radiogroup" }, props);
-    props = _YLN3EA3Tcjs.useFormGroup.call(void 0, props);
+    props = _N6BZRQWTcjs.useFormGroup.call(void 0, props);
     return props;
   }
 );
-var FormRadioGroup = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var FormRadioGroup = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useFormRadioGroup(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {