@ariakit/react-core 0.2.6 → 0.2.8

package/esm/disclosure/disclosure.js

@@ -1,14 +1,14 @@
 import {
   Disclosure,
   useDisclosure
-} from "../__chunks/GGPLUQQY.js";
-import "../__chunks/WPWRDZX3.js";
-import "../__chunks/GKEHNDOU.js";
-import "../__chunks/IMP6LK4U.js";
+} from "../__chunks/THTPXSX5.js";
+import "../__chunks/WANT555J.js";
+import "../__chunks/6R5NAG5K.js";
+import "../__chunks/OMYYUT2M.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/U2LXZPCY.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+import "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   Disclosure,

package/esm/focus-trap/focus-trap-region.js

@@ -1,17 +1,17 @@
 import {
   FocusTrap
-} from "../__chunks/RIASES6X.js";
-import "../__chunks/KMIAQUPF.js";
+} from "../__chunks/B2QL7O62.js";
+import "../__chunks/K4NEG23J.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/U2LXZPCY.js";
+} from "../__chunks/7GCARSHZ.js";
 import {
-  useForkRef,
+  useMergeRefs,
   useWrapElement
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadProps,
@@ -64,7 +64,7 @@ var useFocusTrapRegion = createHook(
       [enabled]
     );
     props = __spreadProps(__spreadValues({}, props), {
-      ref: useForkRef(ref, props.ref)
+      ref: useMergeRefs(ref, props.ref)
     });
     return props;
   }

package/esm/focus-trap/focus-trap.js

@@ -1,9 +1,11 @@
 import {
   FocusTrap,
   useFocusTrap
-} from "../__chunks/RIASES6X.js";
-import "../__chunks/KMIAQUPF.js";
-import "../__chunks/U2LXZPCY.js";
+} from "../__chunks/B2QL7O62.js";
+import "../__chunks/K4NEG23J.js";
+import "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   FocusTrap,

package/esm/focusable/focusable-container.js

@@ -1,11 +1,11 @@
 import {
   FocusableContainer,
   useFocusableContainer
-} from "../__chunks/URYSNCDU.js";
+} from "../__chunks/GKH7N3JM.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/U2LXZPCY.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+import "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   FocusableContainer,

package/esm/focusable/focusable.js

@@ -1,11 +1,11 @@
 import {
   Focusable,
   useFocusable
-} from "../__chunks/IMP6LK4U.js";
+} from "../__chunks/OMYYUT2M.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/U2LXZPCY.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+import "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   Focusable,

package/esm/form/form-checkbox.js

@@ -1,29 +1,29 @@
 import {
   useFormField
-} from "../__chunks/UZWTAYHH.js";
+} from "../__chunks/5DAYRSML.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
 import {
   useCheckbox
-} from "../__chunks/YJSLDE5C.js";
+} from "../__chunks/ITSGLTHL.js";
 import {
   useCheckboxStore
-} from "../__chunks/6RRCHXOA.js";
+} from "../__chunks/5OP64YHR.js";
 import "../__chunks/M5KYRTQG.js";
-import "../__chunks/GKEHNDOU.js";
-import "../__chunks/CWGC7RDD.js";
+import "../__chunks/6R5NAG5K.js";
+import "../__chunks/EJLZ2L22.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/IMP6LK4U.js";
+import "../__chunks/OMYYUT2M.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/U2LXZPCY.js";
-import "../__chunks/FY2SXATP.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/7GCARSHZ.js";
+import "../__chunks/USB5JBON.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadValues

package/esm/form/form-description.js

@@ -3,18 +3,18 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useCollectionItem
-} from "../__chunks/CWGC7RDD.js";
+} from "../__chunks/EJLZ2L22.js";
 import "../__chunks/T3DJZG63.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/U2LXZPCY.js";
+} from "../__chunks/7GCARSHZ.js";
 import {
-  useForkRef,
-  useId
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+  useId,
+  useMergeRefs
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadProps,
@@ -53,7 +53,7 @@ var useFormDescription = createHook(
     props = __spreadProps(__spreadValues({
       id
     }, props), {
-      ref: useForkRef(ref, props.ref)
+      ref: useMergeRefs(ref, props.ref)
     });
     props = useCollectionItem(__spreadProps(__spreadValues({ store }, props), { getItem }));
     return props;

package/esm/form/form-error.js

@@ -3,18 +3,18 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useCollectionItem
-} from "../__chunks/CWGC7RDD.js";
+} from "../__chunks/EJLZ2L22.js";
 import "../__chunks/T3DJZG63.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/U2LXZPCY.js";
+} from "../__chunks/7GCARSHZ.js";
 import {
-  useForkRef,
-  useId
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+  useId,
+  useMergeRefs
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadProps,
@@ -59,7 +59,7 @@ var useFormError = createHook(
       role: "alert",
       children
     }, props), {
-      ref: useForkRef(ref, props.ref)
+      ref: useMergeRefs(ref, props.ref)
     });
     props = useCollectionItem(__spreadProps(__spreadValues({ store }, props), { getItem }));
     return props;

package/esm/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/esm/form/form-field.js

@@ -1,13 +1,13 @@
 import {
   FormField,
   useFormField
-} from "../__chunks/UZWTAYHH.js";
+} from "../__chunks/5DAYRSML.js";
 import "../__chunks/P3I4MECH.js";
-import "../__chunks/CWGC7RDD.js";
+import "../__chunks/EJLZ2L22.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/U2LXZPCY.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+import "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   FormField,

package/esm/form/form-group-label.js

@@ -1,14 +1,14 @@
 import {
   useGroupLabel
-} from "../__chunks/XO22PNQJ.js";
+} from "../__chunks/P3IT4SS7.js";
 import "../__chunks/F5VAC7MB.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/U2LXZPCY.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest
 } from "../__chunks/4BKCJXBM.js";

package/esm/form/form-group.js

@@ -1,12 +1,12 @@
 import {
   FormGroup,
   useFormGroup
-} from "../__chunks/SUXGXJIC.js";
-import "../__chunks/34WFGKVL.js";
+} from "../__chunks/IZJZD7LX.js";
+import "../__chunks/WYH7HZPL.js";
 import "../__chunks/F5VAC7MB.js";
-import "../__chunks/U2LXZPCY.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+import "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   FormGroup,

package/esm/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/esm/form/form-input.js

@@ -1,24 +1,24 @@
 import {
   useFormField
-} from "../__chunks/UZWTAYHH.js";
+} from "../__chunks/5DAYRSML.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
-import "../__chunks/CWGC7RDD.js";
+import "../__chunks/EJLZ2L22.js";
 import "../__chunks/T3DJZG63.js";
 import {
   useFocusable
-} from "../__chunks/IMP6LK4U.js";
+} from "../__chunks/OMYYUT2M.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/U2LXZPCY.js";
+} from "../__chunks/7GCARSHZ.js";
 import {
   useEvent
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadProps,

package/esm/form/form-label.js

@@ -3,30 +3,31 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useCollectionItem
-} from "../__chunks/CWGC7RDD.js";
+} from "../__chunks/EJLZ2L22.js";
 import "../__chunks/T3DJZG63.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/U2LXZPCY.js";
+} from "../__chunks/7GCARSHZ.js";
 import {
   useEvent,
-  useForkRef,
   useId,
+  useMergeRefs,
   useTagName
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
 } from "../__chunks/4BKCJXBM.js";
 
-// src/form/form-label.ts
+// src/form/form-label.tsx
 import { useCallback, useContext, useRef } from "react";
 import { getFirstTabbableIn } from "@ariakit/core/utils/focus";
 import { invariant } from "@ariakit/core/utils/misc";
+import { jsx } from "react/jsx-runtime";
 function supportsNativeLabel(tagName) {
   return tagName === "input" || tagName === "textarea" || tagName === "select" || tagName === "meter" || tagName === "progress";
 }
@@ -75,11 +76,10 @@ var useFormLabel = createHook(
     });
     props = __spreadProps(__spreadValues({
       id,
-      // @ts-expect-error
-      as: isNativeLabel ? "label" : "span",
+      render: isNativeLabel ? /* @__PURE__ */ jsx("label", {}) : /* @__PURE__ */ jsx("span", {}),
       htmlFor: isNativeLabel ? field == null ? void 0 : field.id : void 0
     }, props), {
-      ref: useForkRef(ref, props.ref),
+      ref: useMergeRefs(ref, props.ref),
       onClick
     });
     if (!isNativeLabel) {

package/esm/form/form-push.js

@@ -3,23 +3,23 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/WPWRDZX3.js";
-import "../__chunks/GKEHNDOU.js";
+} from "../__chunks/WANT555J.js";
+import "../__chunks/6R5NAG5K.js";
 import {
   useCollectionItem
-} from "../__chunks/CWGC7RDD.js";
+} from "../__chunks/EJLZ2L22.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/IMP6LK4U.js";
+import "../__chunks/OMYYUT2M.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/U2LXZPCY.js";
+} from "../__chunks/7GCARSHZ.js";
 import {
   useEvent
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadProps,

package/esm/form/form-radio-group.js

@@ -1,15 +1,15 @@
 import {
   useFormGroup
-} from "../__chunks/SUXGXJIC.js";
-import "../__chunks/34WFGKVL.js";
+} from "../__chunks/IZJZD7LX.js";
+import "../__chunks/WYH7HZPL.js";
 import "../__chunks/F5VAC7MB.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/U2LXZPCY.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadValues

package/esm/form/form-radio.js

@@ -1,31 +1,31 @@
 import {
   useFormField
-} from "../__chunks/UZWTAYHH.js";
+} from "../__chunks/5DAYRSML.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
 import {
   useRadio
-} from "../__chunks/WVBEOY53.js";
+} from "../__chunks/J3XSDPNL.js";
 import "../__chunks/6I2PARRP.js";
-import "../__chunks/OTKCW3PM.js";
-import "../__chunks/GKEHNDOU.js";
-import "../__chunks/CWGC7RDD.js";
+import "../__chunks/WKNIYKJV.js";
+import "../__chunks/6R5NAG5K.js";
+import "../__chunks/EJLZ2L22.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/Z3X3QN6P.js";
-import "../__chunks/IMP6LK4U.js";
+import "../__chunks/OMYYUT2M.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/U2LXZPCY.js";
-import "../__chunks/FY2SXATP.js";
+} from "../__chunks/7GCARSHZ.js";
+import "../__chunks/USB5JBON.js";
 import {
   useEvent
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadProps,

package/esm/form/form-remove.js

@@ -3,19 +3,19 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/WPWRDZX3.js";
-import "../__chunks/GKEHNDOU.js";
-import "../__chunks/IMP6LK4U.js";
+} from "../__chunks/WANT555J.js";
+import "../__chunks/6R5NAG5K.js";
+import "../__chunks/OMYYUT2M.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/U2LXZPCY.js";
+} from "../__chunks/7GCARSHZ.js";
 import {
   useEvent
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadProps,

package/esm/form/form-reset.js

@@ -3,17 +3,17 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/WPWRDZX3.js";
-import "../__chunks/GKEHNDOU.js";
-import "../__chunks/IMP6LK4U.js";
+} from "../__chunks/WANT555J.js";
+import "../__chunks/6R5NAG5K.js";
+import "../__chunks/OMYYUT2M.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/U2LXZPCY.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadValues

package/esm/form/form-store.js

@@ -1,15 +1,15 @@
 import {
   useCollectionStoreOptions,
   useCollectionStoreProps
-} from "../__chunks/NVLKN7BK.js";
+} from "../__chunks/KQUSQ6BH.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/FY2SXATP.js";
+} from "../__chunks/USB5JBON.js";
 import {
   useEvent
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/form/form-submit.js

@@ -3,17 +3,17 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useButton
-} from "../__chunks/WPWRDZX3.js";
-import "../__chunks/GKEHNDOU.js";
-import "../__chunks/IMP6LK4U.js";
+} from "../__chunks/WANT555J.js";
+import "../__chunks/6R5NAG5K.js";
+import "../__chunks/OMYYUT2M.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/U2LXZPCY.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadProps,

package/esm/form/form.d.ts

@@ -6,7 +6,7 @@ import type { FormStore } from "./form-store.js";
  * @example
  * ```jsx
  * const store = useFormStore();
- * const props = useForm({ store, as: "form" });
+ * const props = useForm({ store, render: <form /> });
  * <Role {...props} />
  * ```
  */

package/esm/form/form.js

@@ -5,16 +5,16 @@ import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/U2LXZPCY.js";
+} from "../__chunks/7GCARSHZ.js";
 import {
   useEvent,
-  useForkRef,
   useInitialValue,
+  useMergeRefs,
   useTagName,
   useUpdateEffect,
   useWrapElement
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import {
   __objRest,
   __spreadProps,
@@ -135,7 +135,7 @@ var useForm = createHook(
       role: tagName !== "form" ? "form" : void 0,
       noValidate: true
     }, props), {
-      ref: useForkRef(ref, props.ref),
+      ref: useMergeRefs(ref, props.ref),
       onSubmit,
       onBlur,
       onReset

package/esm/group/group-label.js

@@ -1,11 +1,11 @@
 import {
   GroupLabel,
   useGroupLabel
-} from "../__chunks/XO22PNQJ.js";
+} from "../__chunks/P3IT4SS7.js";
 import "../__chunks/F5VAC7MB.js";
-import "../__chunks/U2LXZPCY.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+import "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   GroupLabel,