@ariakit/react-core 0.4.23 → 0.4.25

package/cjs/tooltip/tooltip.d.ts

@@ -6,7 +6,7 @@ declare const TagName = "div";
 type TagName = typeof TagName;
 /**
  * Returns props to create a `Tooltip` component.
- * @see https://ariakit.org/components/tooltip
+ * @see https://ariakit.com/components/tooltip
  * @example
  * ```jsx
  * const store = useToolTipStore();
@@ -18,14 +18,14 @@ type TagName = typeof TagName;
 export declare const useTooltip: import("../utils/types.ts").Hook<"div", TooltipOptions<"div">>;
 /**
  * Renders a tooltip element that visually describes a
- * [`TooltipAnchor`](https://ariakit.org/reference/tooltip-anchor) when it
+ * [`TooltipAnchor`](https://ariakit.com/reference/tooltip-anchor) when it
  * receives focus or is hovered.
  *
  * The tooltip is strictly for visual purposes. It's your responsibility to
  * ensure the anchor element has an accessible name. See [Tooltip anchors must
  * have accessible
- * names](https://ariakit.org/components/tooltip#tooltip-anchors-must-have-accessible-names)
- * @see https://ariakit.org/components/tooltip
+ * names](https://ariakit.com/components/tooltip#tooltip-anchors-must-have-accessible-names)
+ * @see https://ariakit.com/components/tooltip
  * @example
  * ```jsx {3}
  * <TooltipProvider>
@@ -38,9 +38,9 @@ export declare const Tooltip: (props: TooltipProps<"div">) => import("react/jsx-
 export interface TooltipOptions<T extends ElementType = TagName> extends HovercardOptions<T> {
     /**
      * Object returned by the
-     * [`useTooltipStore`](https://ariakit.org/reference/use-tooltip-store) hook.
+     * [`useTooltipStore`](https://ariakit.com/reference/use-tooltip-store) hook.
      * If not provided, the closest
-     * [`TooltipProvider`](https://ariakit.org/reference/tooltip-provider)
+     * [`TooltipProvider`](https://ariakit.com/reference/tooltip-provider)
      * component's context will be used.
      */
     store?: TooltipStore;

package/cjs/utils/hooks.cjs

@@ -19,7 +19,7 @@
 
 
 
-var _KGFTRA3Ccjs = require('../__chunks/KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('../__chunks/3BSDKDKD.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 
@@ -42,4 +42,4 @@ require('../__chunks/XMDZRF6Y.cjs');
 
 
 
-exports.useAttribute = _KGFTRA3Ccjs.useAttribute; exports.useBooleanEvent = _KGFTRA3Ccjs.useBooleanEvent; exports.useDeferredValue = _KGFTRA3Ccjs.useDeferredValue; exports.useEvent = _KGFTRA3Ccjs.useEvent; exports.useForceUpdate = _KGFTRA3Ccjs.useForceUpdate; exports.useId = _KGFTRA3Ccjs.useId; exports.useInitialValue = _KGFTRA3Ccjs.useInitialValue; exports.useIsMouseMoving = _KGFTRA3Ccjs.useIsMouseMoving; exports.useLazyValue = _KGFTRA3Ccjs.useLazyValue; exports.useLiveRef = _KGFTRA3Ccjs.useLiveRef; exports.useMergeRefs = _KGFTRA3Ccjs.useMergeRefs; exports.useMetadataProps = _KGFTRA3Ccjs.useMetadataProps; exports.usePortalRef = _KGFTRA3Ccjs.usePortalRef; exports.usePreviousValue = _KGFTRA3Ccjs.usePreviousValue; exports.useSafeLayoutEffect = _KGFTRA3Ccjs.useSafeLayoutEffect; exports.useTagName = _KGFTRA3Ccjs.useTagName; exports.useTransactionState = _KGFTRA3Ccjs.useTransactionState; exports.useUpdateEffect = _KGFTRA3Ccjs.useUpdateEffect; exports.useUpdateLayoutEffect = _KGFTRA3Ccjs.useUpdateLayoutEffect; exports.useWrapElement = _KGFTRA3Ccjs.useWrapElement;
+exports.useAttribute = _3BSDKDKDcjs.useAttribute; exports.useBooleanEvent = _3BSDKDKDcjs.useBooleanEvent; exports.useDeferredValue = _3BSDKDKDcjs.useDeferredValue; exports.useEvent = _3BSDKDKDcjs.useEvent; exports.useForceUpdate = _3BSDKDKDcjs.useForceUpdate; exports.useId = _3BSDKDKDcjs.useId; exports.useInitialValue = _3BSDKDKDcjs.useInitialValue; exports.useIsMouseMoving = _3BSDKDKDcjs.useIsMouseMoving; exports.useLazyValue = _3BSDKDKDcjs.useLazyValue; exports.useLiveRef = _3BSDKDKDcjs.useLiveRef; exports.useMergeRefs = _3BSDKDKDcjs.useMergeRefs; exports.useMetadataProps = _3BSDKDKDcjs.useMetadataProps; exports.usePortalRef = _3BSDKDKDcjs.usePortalRef; exports.usePreviousValue = _3BSDKDKDcjs.usePreviousValue; exports.useSafeLayoutEffect = _3BSDKDKDcjs.useSafeLayoutEffect; exports.useTagName = _3BSDKDKDcjs.useTagName; exports.useTransactionState = _3BSDKDKDcjs.useTransactionState; exports.useUpdateEffect = _3BSDKDKDcjs.useUpdateEffect; exports.useUpdateLayoutEffect = _3BSDKDKDcjs.useUpdateLayoutEffect; exports.useWrapElement = _3BSDKDKDcjs.useWrapElement;

package/cjs/utils/hooks.d.cts

@@ -132,7 +132,7 @@ export declare function useMetadataProps<T, K extends keyof any>(props: {
         [key in K]?: T;
     };
 }, key: K, value: T): readonly [(AnyFunction & { [key in K]?: T | undefined; })[K] | undefined, {
-    readonly onLoadedMetadataCapture: () => void;
+    readonly onLoadedMetadataCapture: any;
 }];
 /**
  * Returns a function that checks whether the mouse is moving.

package/cjs/utils/hooks.d.ts

@@ -132,7 +132,7 @@ export declare function useMetadataProps<T, K extends keyof any>(props: {
         [key in K]?: T;
     };
 }, key: K, value: T): readonly [(AnyFunction & { [key in K]?: T | undefined; })[K] | undefined, {
-    readonly onLoadedMetadataCapture: () => void;
+    readonly onLoadedMetadataCapture: any;
 }];
 /**
  * Returns a function that checks whether the mouse is moving.

package/cjs/utils/store.cjs

@@ -3,12 +3,12 @@
 
 
 
-var _YY2UXBEBcjs = require('../__chunks/YY2UXBEB.cjs');
-require('../__chunks/KGFTRA3C.cjs');
+var _FH6HQ5JNcjs = require('../__chunks/FH6HQ5JN.cjs');
+require('../__chunks/3BSDKDKD.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 
 
 
 
-exports.useStore = _YY2UXBEBcjs.useStore; exports.useStoreProps = _YY2UXBEBcjs.useStoreProps; exports.useStoreState = _YY2UXBEBcjs.useStoreState; exports.useStoreStateObject = _YY2UXBEBcjs.useStoreStateObject;
+exports.useStore = _FH6HQ5JNcjs.useStore; exports.useStoreProps = _FH6HQ5JNcjs.useStoreProps; exports.useStoreState = _FH6HQ5JNcjs.useStoreState; exports.useStoreStateObject = _FH6HQ5JNcjs.useStoreStateObject;

package/cjs/utils/store.d.cts

@@ -4,7 +4,7 @@ export interface UseState<S> {
     /**
      * Re-renders the component when state changes and returns the current state.
      * @deprecated Use
-     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
+     * [`useStoreState`](https://ariakit.com/reference/use-store-state) instead.
      * @example
      * const state = store.useState();
      */
@@ -15,7 +15,7 @@ export interface UseState<S> {
      * re-render.
      * @param key The state key.
      * @deprecated Use
-     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
+     * [`useStoreState`](https://ariakit.com/reference/use-store-state) instead.
      * @example
      * const foo = store.useState("foo");
      */
@@ -27,7 +27,7 @@ export interface UseState<S> {
      * selector function.
      * @param selector The selector function.
      * @deprecated Use
-     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
+     * [`useStoreState`](https://ariakit.com/reference/use-store-state) instead.
      * @example
      * const foo = store.useState((state) => state.foo);
      */
@@ -108,7 +108,7 @@ export type Store<T extends CoreStore = CoreStore> = T & {
      * Re-renders the component when the state changes and returns the current
      * state.
      * @deprecated Use
-     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
+     * [`useStoreState`](https://ariakit.com/reference/use-store-state) instead.
      */
     useState: UseState<StoreState<T>>;
 };

package/cjs/utils/store.d.ts

@@ -4,7 +4,7 @@ export interface UseState<S> {
     /**
      * Re-renders the component when state changes and returns the current state.
      * @deprecated Use
-     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
+     * [`useStoreState`](https://ariakit.com/reference/use-store-state) instead.
      * @example
      * const state = store.useState();
      */
@@ -15,7 +15,7 @@ export interface UseState<S> {
      * re-render.
      * @param key The state key.
      * @deprecated Use
-     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
+     * [`useStoreState`](https://ariakit.com/reference/use-store-state) instead.
      * @example
      * const foo = store.useState("foo");
      */
@@ -27,7 +27,7 @@ export interface UseState<S> {
      * selector function.
      * @param selector The selector function.
      * @deprecated Use
-     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
+     * [`useStoreState`](https://ariakit.com/reference/use-store-state) instead.
      * @example
      * const foo = store.useState((state) => state.foo);
      */
@@ -108,7 +108,7 @@ export type Store<T extends CoreStore = CoreStore> = T & {
      * Re-renders the component when the state changes and returns the current
      * state.
      * @deprecated Use
-     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
+     * [`useStoreState`](https://ariakit.com/reference/use-store-state) instead.
      */
     useState: UseState<StoreState<T>>;
 };

package/cjs/utils/system.cjs

@@ -4,8 +4,8 @@
 
 
 
-var _743QABRAcjs = require('../__chunks/743QABRA.cjs');
-require('../__chunks/KGFTRA3C.cjs');
+var _PTOCUU2Dcjs = require('../__chunks/PTOCUU2D.cjs');
+require('../__chunks/3BSDKDKD.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 
@@ -13,4 +13,4 @@ require('../__chunks/XMDZRF6Y.cjs');
 
 
 
-exports.createElement = _743QABRAcjs.createElement; exports.createHook = _743QABRAcjs.createHook; exports.createStoreContext = _743QABRAcjs.createStoreContext; exports.forwardRef = _743QABRAcjs.forwardRef; exports.memo = _743QABRAcjs.memo;
+exports.createElement = _PTOCUU2Dcjs.createElement; exports.createHook = _PTOCUU2Dcjs.createHook; exports.createStoreContext = _PTOCUU2Dcjs.createStoreContext; exports.forwardRef = _PTOCUU2Dcjs.forwardRef; exports.memo = _PTOCUU2Dcjs.memo;

package/cjs/utils/types.d.cts

@@ -24,7 +24,7 @@ export interface Options {
      * original component props and gives back a React element with the props
      * merged.
      *
-     * Check out the [Composition](https://ariakit.org/guide/composition) guide
+     * Check out the [Composition](https://ariakit.com/guide/composition) guide
      * for more details.
      */
     render?: RenderProp | React.ReactElement;

package/cjs/utils/types.d.ts

@@ -24,7 +24,7 @@ export interface Options {
      * original component props and gives back a React element with the props
      * merged.
      *
-     * Check out the [Composition](https://ariakit.org/guide/composition) guide
+     * Check out the [Composition](https://ariakit.com/guide/composition) guide
      * for more details.
      */
     render?: RenderProp | React.ReactElement;

package/cjs/visually-hidden/visually-hidden.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ZPT6IQKOcjs = require('../__chunks/ZPT6IQKO.cjs');
-require('../__chunks/743QABRA.cjs');
-require('../__chunks/KGFTRA3C.cjs');
+var _5MLKOK3Fcjs = require('../__chunks/5MLKOK3F.cjs');
+require('../__chunks/PTOCUU2D.cjs');
+require('../__chunks/3BSDKDKD.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 
 
-exports.VisuallyHidden = _ZPT6IQKOcjs.VisuallyHidden; exports.useVisuallyHidden = _ZPT6IQKOcjs.useVisuallyHidden;
+exports.VisuallyHidden = _5MLKOK3Fcjs.VisuallyHidden; exports.useVisuallyHidden = _5MLKOK3Fcjs.useVisuallyHidden;

package/cjs/visually-hidden/visually-hidden.d.cts

@@ -6,7 +6,7 @@ type TagName = typeof TagName;
  * Returns props to create a `VisuallyHidden` component. When applying the props
  * returned by this hook to a component, the component will be visually hidden,
  * but still accessible to screen readers.
- * @see https://ariakit.org/components/visually-hidden
+ * @see https://ariakit.com/components/visually-hidden
  * @example
  * ```jsx
  * const props = useVisuallyHidden();
@@ -19,7 +19,7 @@ export declare const useVisuallyHidden: import("../utils/types.ts").Hook<"span",
 /**
  * Renders an element that's visually hidden, but still accessible to screen
  * readers.
- * @see https://ariakit.org/components/visually-hidden
+ * @see https://ariakit.com/components/visually-hidden
  * @example
  * ```jsx
  * <a href="#">

package/cjs/visually-hidden/visually-hidden.d.ts

@@ -6,7 +6,7 @@ type TagName = typeof TagName;
  * Returns props to create a `VisuallyHidden` component. When applying the props
  * returned by this hook to a component, the component will be visually hidden,
  * but still accessible to screen readers.
- * @see https://ariakit.org/components/visually-hidden
+ * @see https://ariakit.com/components/visually-hidden
  * @example
  * ```jsx
  * const props = useVisuallyHidden();
@@ -19,7 +19,7 @@ export declare const useVisuallyHidden: import("../utils/types.ts").Hook<"span",
 /**
  * Renders an element that's visually hidden, but still accessible to screen
  * readers.
- * @see https://ariakit.org/components/visually-hidden
+ * @see https://ariakit.com/components/visually-hidden
  * @example
  * ```jsx
  * <a href="#">

package/esm/__chunks/{WHZCNP67.js → 2G3FRTNH.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   DialogDescriptionContext
-} from "./A62MDFCW.js";
+} from "./W43ISTP6.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/dialog/dialog-description.tsx
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -24,8 +24,8 @@ var useDialogDescription = createHook(function useDialogDescription2({ store, ..
     return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
   }, [setDescriptionId, id]);
   props = {
-    id,
-    ...props
+    ...props,
+    id
   };
   return removeUndefinedValues(props);
 });

package/esm/__chunks/{EBNR6XRJ.js → 2GY5TTXI.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./IQYAUKXT.js";
+} from "./ZJG6VNPS.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./YAS7X7HB.js";
 
 // src/radio/radio-store.ts
 import * as Core from "@ariakit/core/radio/radio-store";

package/esm/__chunks/{LPZHRGHO.js → 2LK5EC5X.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useGroup
-} from "./Y6I7WX7H.js";
+} from "./56JTH7NL.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 
 // src/form/form-group.tsx
 var TagName = "div";

package/esm/__chunks/{NH3GYEZ7.js → 3IBURO3G.js}

@@ -6,11 +6,11 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/group/group-label.tsx
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -25,9 +25,9 @@ var useGroupLabel = createHook(
       return () => setLabelId == null ? void 0 : setLabelId(void 0);
     }, [setLabelId, id]);
     props = {
-      id,
       "aria-hidden": true,
-      ...props
+      ...props,
+      id
     };
     return removeUndefinedValues(props);
   }

package/esm/__chunks/{O4VW3LHI.js → 423C32ZY.js}

@@ -1,19 +1,19 @@
 "use client";
 import {
   useHeading
-} from "./FLYCYZJT.js";
+} from "./XTRPVSX2.js";
 import {
   DialogHeadingContext
-} from "./A62MDFCW.js";
+} from "./W43ISTP6.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/dialog/dialog-heading.tsx
 import { useContext } from "react";
@@ -27,8 +27,8 @@ var useDialogHeading = createHook(
       return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
     }, [setHeadingId, id]);
     props = {
-      id,
-      ...props
+      ...props,
+      id
     };
     props = useHeading(props);
     return props;

package/esm/__chunks/{4HTVKX2Y.js → 47DURVCG.js}

@@ -3,22 +3,25 @@ import {
   getElementPolygon,
   getEventPoint,
   isPointInPolygon
-} from "./X7QOZUD3.js";
+} from "./PYFWN42T.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext
-} from "./PTRWAQFT.js";
+} from "./GLWQDZNX.js";
 import {
   usePopover
-} from "./KW7Z5AIL.js";
+} from "./JVH3F2PI.js";
 import {
   createDialogComponent
-} from "./Z32PU2LQ.js";
+} from "./7WPPMYFR.js";
+import {
+  useStoreState
+} from "./YAS7X7HB.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -28,7 +31,7 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/hovercard/hovercard.tsx
 import { contains } from "@ariakit/core/utils/dom";
@@ -65,7 +68,7 @@ function useAutoFocusOnHide({
   ...props
 }) {
   const [autoFocusOnHide, setAutoFocusOnHide] = useState(false);
-  const mounted = store.useState("mounted");
+  const mounted = useStoreState(store, "mounted");
   useEffect(() => {
     if (!mounted) {
       setAutoFocusOnHide(false);
@@ -82,7 +85,7 @@ function useAutoFocusOnHide({
     return sync(store, ["anchorElement"], (state) => {
       finalFocusRef.current = state.anchorElement;
     });
-  }, []);
+  }, [store]);
   props = {
     autoFocusOnHide,
     finalFocus: finalFocusRef,
@@ -120,8 +123,8 @@ var useHovercard = createHook(
     const disablePointerEventsProp = useBooleanEvent(
       disablePointerEventsOnApproach
     );
-    const open = store.useState("open");
-    const mounted = store.useState("mounted");
+    const open = useStoreState(store, "open");
+    const mounted = useStoreState(store, "mounted");
     useEffect(() => {
       if (!domReady) return;
       if (!mounted) return;
@@ -245,7 +248,8 @@ var useHovercard = createHook(
       ref: useMergeRefs(ref, props.ref)
     };
     props = useAutoFocusOnHide({ store, ...props });
-    const autoFocusOnShow = store.useState(
+    const autoFocusOnShow = useStoreState(
+      store,
       (state) => modal || state.autoFocusOnShow
     );
     props = usePopover({

package/esm/__chunks/{FFWYDZCP.js → 4QASCBBU.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useHovercardStoreProps
-} from "./ECBEZ4YM.js";
+} from "./NV5OUTYH.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./YAS7X7HB.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{PFBP2CY4.js → 4RILL52W.js}

@@ -3,21 +3,24 @@ import {
   SelectHeadingContext,
   SelectScopedContextProvider,
   useSelectContext
-} from "./AEGCXJZV.js";
+} from "./OIOLJY4L.js";
 import {
   useCompositeTypeahead
-} from "./FORDJ4GP.js";
+} from "./HOV66IHV.js";
 import {
   isHidden
-} from "./6B3RXHKP.js";
+} from "./WLLNEL2X.js";
 import {
   useComposite
-} from "./ZMWF7ASR.js";
+} from "./6PX47O7P.js";
+import {
+  useStoreState
+} from "./YAS7X7HB.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useAttribute,
   useBooleanEvent,
@@ -26,7 +29,7 @@ import {
   useMergeRefs,
   useTransactionState,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/select/select-list.tsx
 import { isSelfTarget } from "@ariakit/core/utils/events";
@@ -52,10 +55,10 @@ var useSelectList = createHook(
       process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
     );
     const id = useId(props.id);
-    const value = store.useState("value");
+    const value = useStoreState(store, "value");
     const multiSelectable = Array.isArray(value);
     const [defaultValue, setDefaultValue] = useState(value);
-    const mounted = store.useState("mounted");
+    const mounted = useStoreState(store, "mounted");
     useEffect(() => {
       if (mounted) return;
       setDefaultValue(value);
@@ -82,7 +85,7 @@ var useSelectList = createHook(
     const [headingId, setHeadingId] = headingContext || headingState;
     const headingContextValue = useMemo(
       () => [headingId, setHeadingId],
-      [headingId]
+      [headingId, setHeadingId]
     );
     const [childStore, setChildStore] = useState(null);
     const setStore = useContext(SelectListContext);
@@ -113,17 +116,18 @@ var useSelectList = createHook(
         ...props
       };
     }
-    const labelId = store.useState(
+    const labelId = useStoreState(
+      store,
       (state) => {
         var _a;
         return headingId || ((_a = state.labelElement) == null ? void 0 : _a.id);
       }
     );
     props = {
-      id,
-      "aria-labelledby": labelId,
+      "aria-labelledby": props["aria-label"] != null ? void 0 : labelId,
       hidden,
       ...props,
+      id,
       ref: useMergeRefs(setElement, props.ref),
       style,
       onKeyDown

package/esm/__chunks/{AVVXDJMZ.js → 55FNNNML.js}

@@ -2,10 +2,10 @@
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./SMPCIMZM.js";
+} from "./FQHJBBMI.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 
 // src/composite/composite-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{Y6I7WX7H.js → 56JTH7NL.js}

@@ -6,10 +6,10 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/group/group.tsx
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -26,7 +26,7 @@ var useGroup = createHook(
     );
     props = {
       role: "group",
-      "aria-labelledby": labelId,
+      "aria-labelledby": props["aria-label"] != null ? void 0 : labelId,
       ...props
     };
     return removeUndefinedValues(props);

package/esm/__chunks/{YST7RWT5.js → 6FORXC3J.js}

@@ -1,22 +1,25 @@
 "use client";
 import {
   useFormContext
-} from "./BQYVKXYL.js";
+} from "./T67KCLW2.js";
 import {
   useCollectionItem
-} from "./Z2O3VLAQ.js";
+} from "./IKWLDXMV.js";
+import {
+  useStoreState
+} from "./YAS7X7HB.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useBooleanEvent,
   useEvent,
   useId,
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/form/form-control.tsx
 import { getDocument } from "@ariakit/core/utils/dom";
@@ -34,7 +37,8 @@ function getNamedElement(ref, name) {
   return document.getElementsByName(name)[0];
 }
 function useItem(store, name, type) {
-  return store.useState(
+  return useStoreState(
+    store,
     (state) => state.items.find((item) => item.type === type && item.name === name)
   );
 }
@@ -52,7 +56,7 @@ var useFormControl = createHook(
       store,
       process.env.NODE_ENV !== "production" && "FormControl must be wrapped in a Form component."
     );
-    const name = `${nameProp}`;
+    const name = String(nameProp);
     const id = useId(props.id);
     const ref = useRef(null);
     store.useValidate(async () => {
@@ -89,14 +93,15 @@ var useFormControl = createHook(
       description == null ? void 0 : description.id,
       props["aria-describedby"]
     );
-    const invalid = store.useState(
+    const invalid = useStoreState(
+      store,
       () => !!(store == null ? void 0 : store.getError(name)) && store.getFieldTouched(name)
     );
     props = {
-      id,
-      "aria-labelledby": label == null ? void 0 : label.id,
+      "aria-labelledby": props["aria-label"] != null ? void 0 : label == null ? void 0 : label.id,
       "aria-invalid": invalid,
       ...props,
+      id,
       "aria-describedby": describedBy || void 0,
       ref: useMergeRefs(ref, props.ref),
       onBlur