@ariakit/react-core 0.4.22 → 0.4.24

package/esm/form/form-description.js

@@ -1,21 +1,21 @@
 "use client";
 import {
   useFormContext
-} from "../__chunks/BQYVKXYL.js";
+} from "../__chunks/5QCILLRJ.js";
 import {
   useCollectionItem
-} from "../__chunks/Z2O3VLAQ.js";
-import "../__chunks/SMPCIMZM.js";
+} from "../__chunks/HFFZYOO5.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GWSL6KNJ.js";
+} from "../__chunks/ZNLX6YSC.js";
 import {
   useId,
   useMergeRefs
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-description.tsx
@@ -37,7 +37,7 @@ var useFormDescription = createHook(
     );
     const id = useId(props.id);
     const ref = useRef(null);
-    const name = `${nameProp}`;
+    const name = String(nameProp);
     const getItem = useCallback(
       (item) => {
         const nextItem = {
@@ -54,8 +54,8 @@ var useFormDescription = createHook(
       [id, name, getItemProp]
     );
     props = {
-      id,
       ...props,
+      id,
       ref: useMergeRefs(ref, props.ref)
     };
     props = useCollectionItem({ store, ...props, getItem });

package/esm/form/form-error.js

@@ -1,21 +1,24 @@
 "use client";
 import {
   useFormContext
-} from "../__chunks/BQYVKXYL.js";
+} from "../__chunks/5QCILLRJ.js";
 import {
   useCollectionItem
-} from "../__chunks/Z2O3VLAQ.js";
-import "../__chunks/SMPCIMZM.js";
+} from "../__chunks/HFFZYOO5.js";
+import {
+  useStoreState
+} from "../__chunks/XYGGOF6W.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GWSL6KNJ.js";
+} from "../__chunks/ZNLX6YSC.js";
 import {
   useId,
   useMergeRefs
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-error.tsx
@@ -37,7 +40,7 @@ var useFormError = createHook(
     );
     const id = useId(props.id);
     const ref = useRef(null);
-    const name = `${nameProp}`;
+    const name = String(nameProp);
     const getItem = useCallback(
       (item) => {
         const nextItem = { ...item, id: id || item.id, name, type: "error" };
@@ -48,17 +51,17 @@ var useFormError = createHook(
       },
       [id, name, getItemProp]
     );
-    const children = store.useState(() => {
+    const children = useStoreState(store, () => {
       const error = store == null ? void 0 : store.getError(name);
       if (error == null) return;
       if (!(store == null ? void 0 : store.getFieldTouched(name))) return;
       return error;
     });
     props = {
-      id,
       role: "alert",
       children,
       ...props,
+      id,
       ref: useMergeRefs(ref, props.ref)
     };
     props = useCollectionItem({ store, ...props, getItem });

package/esm/form/form-field.js

@@ -1,17 +1,18 @@
 "use client";
 import {
   useFormControl
-} from "../__chunks/YST7RWT5.js";
-import "../__chunks/BQYVKXYL.js";
-import "../__chunks/Z2O3VLAQ.js";
-import "../__chunks/SMPCIMZM.js";
+} from "../__chunks/7LKOJ7WL.js";
+import "../__chunks/5QCILLRJ.js";
+import "../__chunks/HFFZYOO5.js";
+import "../__chunks/XYGGOF6W.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/ZNLX6YSC.js";
+import "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-field.tsx

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

@@ -1,14 +1,14 @@
 "use client";
 import {
   useGroupLabel
-} from "../__chunks/NH3GYEZ7.js";
+} from "../__chunks/IVFWLL4V.js";
 import "../__chunks/7HVFURXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/ZNLX6YSC.js";
+import "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-group-label.tsx

package/esm/form/form-group.js

@@ -2,11 +2,11 @@
 import {
   FormGroup,
   useFormGroup
-} from "../__chunks/LPZHRGHO.js";
-import "../__chunks/Y6I7WX7H.js";
+} from "../__chunks/MY4F3SH4.js";
+import "../__chunks/US7STFPK.js";
 import "../__chunks/7HVFURXT.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+import "../__chunks/ZNLX6YSC.js";
+import "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   FormGroup,

package/esm/form/form-input.js

@@ -1,25 +1,26 @@
 "use client";
 import {
   useFormControl
-} from "../__chunks/YST7RWT5.js";
+} from "../__chunks/7LKOJ7WL.js";
 import {
   useFormContext
-} from "../__chunks/BQYVKXYL.js";
-import "../__chunks/Z2O3VLAQ.js";
+} from "../__chunks/5QCILLRJ.js";
+import "../__chunks/HFFZYOO5.js";
 import {
   useFocusable
-} from "../__chunks/U6HHPQDW.js";
+} from "../__chunks/C7ZLNJMM.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/SMPCIMZM.js";
+import "../__chunks/XYGGOF6W.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GWSL6KNJ.js";
+} from "../__chunks/ZNLX6YSC.js";
 import {
   useEvent
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-input.tsx
@@ -33,7 +34,7 @@ var useFormInput = createHook(
       store,
       process.env.NODE_ENV !== "production" && "FormInput must be wrapped in a Form component."
     );
-    const name = `${nameProp}`;
+    const name = String(nameProp);
     const onChangeProp = props.onChange;
     const onChange = useEvent((event) => {
       onChangeProp == null ? void 0 : onChangeProp(event);

package/esm/form/form-label.js

@@ -1,23 +1,26 @@
 "use client";
 import {
   useFormContext
-} from "../__chunks/BQYVKXYL.js";
+} from "../__chunks/5QCILLRJ.js";
 import {
   useCollectionItem
-} from "../__chunks/Z2O3VLAQ.js";
-import "../__chunks/SMPCIMZM.js";
+} from "../__chunks/HFFZYOO5.js";
+import {
+  useStoreState
+} from "../__chunks/XYGGOF6W.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GWSL6KNJ.js";
+} from "../__chunks/ZNLX6YSC.js";
 import {
   useEvent,
   useId,
   useMergeRefs,
   useTagName
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-label.tsx
@@ -44,7 +47,7 @@ var useFormLabel = createHook(
     );
     const id = useId(props.id);
     const ref = useRef(null);
-    const name = `${nameProp}`;
+    const name = String(nameProp);
     const getItem = useCallback(
       (item) => {
         const nextItem = { ...item, id: id || item.id, name, type: "label" };
@@ -55,7 +58,8 @@ var useFormLabel = createHook(
       },
       [id, name, getItemProp]
     );
-    const field = store.useState(
+    const field = useStoreState(
+      store,
       (state) => state.items.find((item) => item.type === "field" && item.name === name)
     );
     const fieldTagName = useTagName(field == null ? void 0 : field.element, "input");
@@ -76,10 +80,10 @@ var useFormLabel = createHook(
       });
     });
     props = {
-      id,
       render: isNativeLabel ? /* @__PURE__ */ jsx("label", {}) : /* @__PURE__ */ jsx("span", {}),
       htmlFor: isNativeLabel ? field == null ? void 0 : field.id : void 0,
       ...props,
+      id,
       ref: useMergeRefs(ref, props.ref),
       onClick
     };

package/esm/form/form-provider.js

@@ -1,15 +1,15 @@
 "use client";
 import {
   useFormStore
-} from "../__chunks/MAEE4WWH.js";
+} from "../__chunks/ZQHPJX47.js";
 import {
   FormContextProvider
-} from "../__chunks/BQYVKXYL.js";
-import "../__chunks/GVAFFF2B.js";
-import "../__chunks/Q5W46E73.js";
-import "../__chunks/SMPCIMZM.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/5QCILLRJ.js";
+import "../__chunks/EV7SAVXM.js";
+import "../__chunks/XYGGOF6W.js";
+import "../__chunks/4ODJH2Y5.js";
+import "../__chunks/ZNLX6YSC.js";
+import "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-provider.tsx

package/esm/form/form-push.js

@@ -1,25 +1,25 @@
 "use client";
 import {
   useFormContext
-} from "../__chunks/BQYVKXYL.js";
+} from "../__chunks/5QCILLRJ.js";
 import {
   useCollectionItem
-} from "../__chunks/Z2O3VLAQ.js";
+} from "../__chunks/HFFZYOO5.js";
 import {
   useButton
-} from "../__chunks/HMKTUWOU.js";
-import "../__chunks/PZ3OL7I2.js";
-import "../__chunks/U6HHPQDW.js";
+} from "../__chunks/NHQBMCYN.js";
+import "../__chunks/GROIW2U2.js";
+import "../__chunks/C7ZLNJMM.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/SMPCIMZM.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GWSL6KNJ.js";
+} from "../__chunks/ZNLX6YSC.js";
 import {
   useEvent
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-push.tsx
@@ -55,7 +55,7 @@ var useFormPush = createHook(
       store,
       process.env.NODE_ENV !== "production" && "FormPush must be wrapped in a Form component."
     );
-    const name = `${nameProp}`;
+    const name = String(nameProp);
     const [shouldFocus, setShouldFocus] = useState(false);
     useEffect(() => {
       var _a;

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

@@ -1,21 +1,33 @@
 "use client";
 import {
   useFormGroup
-} from "../__chunks/LPZHRGHO.js";
-import "../__chunks/Y6I7WX7H.js";
+} from "../__chunks/MY4F3SH4.js";
+import "../__chunks/US7STFPK.js";
 import "../__chunks/7HVFURXT.js";
+import {
+  CompositeScopedContextProvider
+} from "../__chunks/57GJCRRF.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/ZNLX6YSC.js";
+import {
+  useWrapElement
+} from "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-radio-group.tsx
+import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 var useFormRadioGroup = createHook(
   function useFormRadioGroup2({ store, ...props }) {
+    props = useWrapElement(
+      props,
+      (element) => /* @__PURE__ */ jsx(CompositeScopedContextProvider, { value: void 0, children: element }),
+      []
+    );
     props = { role: "radiogroup", ...props };
     props = useFormGroup(props);
     return props;

package/esm/form/form-radio.js

@@ -1,32 +1,34 @@
 "use client";
 import {
   useRadio
-} from "../__chunks/5TKKKQCL.js";
-import "../__chunks/QOZ6WMRY.js";
+} from "../__chunks/SOLFWATP.js";
+import "../__chunks/QJO65LYO.js";
 import {
   useFormControl
-} from "../__chunks/YST7RWT5.js";
+} from "../__chunks/7LKOJ7WL.js";
 import {
   useFormContext
-} from "../__chunks/BQYVKXYL.js";
-import "../__chunks/WZWDIE3S.js";
-import "../__chunks/5VQZOHHZ.js";
-import "../__chunks/Z2O3VLAQ.js";
-import "../__chunks/AVVXDJMZ.js";
-import "../__chunks/PZ3OL7I2.js";
-import "../__chunks/U6HHPQDW.js";
+} from "../__chunks/5QCILLRJ.js";
+import "../__chunks/7CGHQ3Z6.js";
+import "../__chunks/7NJRHOSP.js";
+import "../__chunks/HFFZYOO5.js";
+import "../__chunks/57GJCRRF.js";
+import "../__chunks/GROIW2U2.js";
+import "../__chunks/C7ZLNJMM.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/Q5W46E73.js";
-import "../__chunks/SMPCIMZM.js";
+import {
+  useStoreState
+} from "../__chunks/XYGGOF6W.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GWSL6KNJ.js";
+} from "../__chunks/ZNLX6YSC.js";
 import {
   useEvent
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-radio.tsx
@@ -40,7 +42,7 @@ var useFormRadio = createHook(
       store,
       process.env.NODE_ENV !== "production" && "FormRadio must be wrapped in a Form component."
     );
-    const name = `${nameProp}`;
+    const name = String(nameProp);
     const onChangeProp = props.onChange;
     const onChange = useEvent((event) => {
       onChangeProp == null ? void 0 : onChangeProp(event);
@@ -48,7 +50,8 @@ var useFormRadio = createHook(
       store == null ? void 0 : store.setValue(name, value);
     });
     const checkedProp = props.checked;
-    const checked = store.useState(
+    const checked = useStoreState(
+      store,
       () => checkedProp != null ? checkedProp : (store == null ? void 0 : store.getValue(name)) === value
     );
     props = {

package/esm/form/form-remove.js

@@ -1,22 +1,22 @@
 "use client";
 import {
   useFormContext
-} from "../__chunks/BQYVKXYL.js";
+} from "../__chunks/5QCILLRJ.js";
 import {
   useButton
-} from "../__chunks/HMKTUWOU.js";
-import "../__chunks/PZ3OL7I2.js";
-import "../__chunks/U6HHPQDW.js";
+} from "../__chunks/NHQBMCYN.js";
+import "../__chunks/GROIW2U2.js";
+import "../__chunks/C7ZLNJMM.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/SMPCIMZM.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GWSL6KNJ.js";
+} from "../__chunks/ZNLX6YSC.js";
 import {
   useEvent
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-remove.tsx
@@ -55,7 +55,7 @@ var useFormRemove = createHook(
       store,
       process.env.NODE_ENV !== "production" && "FormRemove must be wrapped in a Form component."
     );
-    const name = `${nameProp}`;
+    const name = String(nameProp);
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
       var _a;

package/esm/form/form-reset.js

@@ -1,20 +1,23 @@
 "use client";
 import {
   useFormContext
-} from "../__chunks/BQYVKXYL.js";
+} from "../__chunks/5QCILLRJ.js";
 import {
   useButton
-} from "../__chunks/HMKTUWOU.js";
-import "../__chunks/PZ3OL7I2.js";
-import "../__chunks/U6HHPQDW.js";
+} from "../__chunks/NHQBMCYN.js";
+import "../__chunks/GROIW2U2.js";
+import "../__chunks/C7ZLNJMM.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/SMPCIMZM.js";
+import {
+  useStoreState
+} from "../__chunks/XYGGOF6W.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/ZNLX6YSC.js";
+import "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-reset.tsx
@@ -30,7 +33,7 @@ var useFormReset = createHook(
     );
     props = {
       type: "reset",
-      disabled: store.useState("submitting"),
+      disabled: useStoreState(store, "submitting"),
       ...props
     };
     props = useButton(props);

package/esm/form/form-store.js

@@ -2,10 +2,10 @@
 import {
   useFormStore,
   useFormStoreProps
-} from "../__chunks/MAEE4WWH.js";
-import "../__chunks/GVAFFF2B.js";
-import "../__chunks/Q5W46E73.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/ZQHPJX47.js";
+import "../__chunks/EV7SAVXM.js";
+import "../__chunks/XYGGOF6W.js";
+import "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   useFormStore,

package/esm/form/form-submit.js

@@ -1,20 +1,23 @@
 "use client";
 import {
   useFormContext
-} from "../__chunks/BQYVKXYL.js";
+} from "../__chunks/5QCILLRJ.js";
 import {
   useButton
-} from "../__chunks/HMKTUWOU.js";
-import "../__chunks/PZ3OL7I2.js";
-import "../__chunks/U6HHPQDW.js";
+} from "../__chunks/NHQBMCYN.js";
+import "../__chunks/GROIW2U2.js";
+import "../__chunks/C7ZLNJMM.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/SMPCIMZM.js";
+import {
+  useStoreState
+} from "../__chunks/XYGGOF6W.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/ZNLX6YSC.js";
+import "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form-submit.tsx
@@ -30,7 +33,7 @@ var useFormSubmit = createHook(
     );
     props = {
       type: "submit",
-      disabled: store.useState("submitting"),
+      disabled: useStoreState(store, "submitting"),
       ...props
     };
     props = useButton({ ...props, accessibleWhenDisabled });

package/esm/form/form.js

@@ -2,13 +2,16 @@
 import {
   FormScopedContextProvider,
   useFormContext
-} from "../__chunks/BQYVKXYL.js";
-import "../__chunks/SMPCIMZM.js";
+} from "../__chunks/5QCILLRJ.js";
+import {
+  useStoreState
+} from "../__chunks/XYGGOF6W.js";
+import "../__chunks/4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GWSL6KNJ.js";
+} from "../__chunks/ZNLX6YSC.js";
 import {
   useEvent,
   useInitialValue,
@@ -16,7 +19,7 @@ import {
   useTagName,
   useUpdateEffect,
   useWrapElement
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/form/form.tsx
@@ -54,10 +57,10 @@ var useForm = createHook(function useForm2({
     process.env.NODE_ENV !== "production" && "Form must receive a `store` prop or be wrapped in a FormProvider component."
   );
   const ref = useRef(null);
-  const values = store.useState("values");
-  const submitSucceed = store.useState("submitSucceed");
-  const submitFailed = store.useState("submitFailed");
-  const items = store.useState("items");
+  const values = useStoreState(store, "values");
+  const submitSucceed = useStoreState(store, "submitSucceed");
+  const submitFailed = useStoreState(store, "submitFailed");
+  const items = useStoreState(store, "items");
   const defaultValues = useInitialValue(values);
   useEffect(
     () => resetOnUnmount ? store == null ? void 0 : store.reset : void 0,
@@ -66,7 +69,7 @@ var useForm = createHook(function useForm2({
   useUpdateEffect(() => {
     if (!validateOnChange) return;
     if (values === defaultValues) return;
-    store == null ? void 0 : store.validate();
+    void (store == null ? void 0 : store.validate());
   }, [validateOnChange, values, defaultValues, store]);
   useEffect(() => {
     if (!resetOnSubmit) return;
@@ -91,7 +94,7 @@ var useForm = createHook(function useForm2({
     onSubmitProp == null ? void 0 : onSubmitProp(event);
     if (event.defaultPrevented) return;
     event.preventDefault();
-    store == null ? void 0 : store.submit();
+    void (store == null ? void 0 : store.submit());
     if (!autoFocusOnSubmit) return;
     setShouldFocusOnSubmit(true);
   });
@@ -102,7 +105,7 @@ var useForm = createHook(function useForm2({
     if (!validateOnBlur) return;
     if (!store) return;
     if (!isField(event.target, store.getState().items)) return;
-    store.validate();
+    void store.validate();
   });
   const onResetProp = props.onReset;
   const onReset = useEvent((event) => {

package/esm/group/group-label.js

@@ -2,10 +2,10 @@
 import {
   GroupLabel,
   useGroupLabel
-} from "../__chunks/NH3GYEZ7.js";
+} from "../__chunks/IVFWLL4V.js";
 import "../__chunks/7HVFURXT.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+import "../__chunks/ZNLX6YSC.js";
+import "../__chunks/G47ZC7SD.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   GroupLabel,