@ariakit/react-core 0.4.23 → 0.4.24

package/esm/__chunks/{EEZBAPUW.js → 6M5YGSDS.js}

@@ -2,20 +2,20 @@
 import {
   getCollectionRendererItemId,
   useCollectionRenderer
-} from "./WZTAEGYN.js";
+} from "./66TYCCEM.js";
 import {
   useCompositeContext
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useId
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/composite/composite-renderer.tsx
 import { useMemo } from "react";
@@ -138,11 +138,10 @@ function useCompositeRenderer({
     ...props,
     children: (item) => {
       var _a;
-      const nextItem = {
-        ...item,
+      const nextItem = Object.assign({}, item, {
         "aria-setsize": setSize,
         "aria-posinset": ariaPosInSet + ((_a = itemsCount[item.index - 1]) != null ? _a : 0)
-      };
+      });
       return renderItem == null ? void 0 : renderItem(nextItem);
     }
   });

package/esm/__chunks/{SVN33SY6.js → 6T5FLGQD.js}

@@ -1,21 +1,21 @@
 "use client";
 import {
   useTagContext
-} from "./XSIEPKGA.js";
+} from "./3X3QYQCU.js";
 import {
   usePopoverStoreProps
-} from "./B6FLPFJM.js";
+} from "./6AOPHM6J.js";
 import {
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "./IQYAUKXT.js";
+} from "./AFNZIDBX.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   useUpdateEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/combobox/combobox-store.ts
 import * as Core from "@ariakit/core/combobox/combobox-store";

package/esm/__chunks/{ALZMXNL4.js → 6WVG3SIW.js}

@@ -2,10 +2,10 @@
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   useUpdateEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/checkbox/checkbox-store.ts
 import * as Core from "@ariakit/core/checkbox/checkbox-store";

package/esm/__chunks/{WZWDIE3S.js → 7CGHQ3Z6.js}

@@ -4,34 +4,34 @@ import {
   getEnabledItem,
   isItem,
   selectTextField
-} from "./5VQZOHHZ.js";
+} from "./7NJRHOSP.js";
 import {
   useCollectionItem
-} from "./Z2O3VLAQ.js";
+} from "./HFFZYOO5.js";
 import {
   CompositeItemContext,
   CompositeRowContext,
   useCompositeContext
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   useCommand
-} from "./PZ3OL7I2.js";
+} from "./GROIW2U2.js";
 import {
   useStoreStateObject
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent,
   useId,
   useMergeRefs,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/composite/composite-item.tsx
 import {
@@ -312,9 +312,9 @@ var useCompositeItem = createHook(
       [providerValue]
     );
     props = {
-      id,
       "data-active-item": isActiveItem || void 0,
       ...props,
+      id,
       ref: useMergeRefs(ref, props.ref),
       tabIndex: isTabbable ? props.tabIndex : -1,
       onFocus,

package/esm/__chunks/{YST7RWT5.js → 7LKOJ7WL.js}

@@ -1,22 +1,25 @@
 "use client";
 import {
   useFormContext
-} from "./BQYVKXYL.js";
+} from "./5QCILLRJ.js";
 import {
   useCollectionItem
-} from "./Z2O3VLAQ.js";
+} from "./HFFZYOO5.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent,
   useId,
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.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-invalid": invalid,
       ...props,
+      id,
       "aria-describedby": describedBy || void 0,
       ref: useMergeRefs(ref, props.ref),
       onBlur

package/esm/__chunks/{5VQZOHHZ.js → 7NJRHOSP.js}

@@ -52,7 +52,7 @@ function selectTextField(element, collapseToEnd = false) {
     }
   }
 }
-var FOCUS_SILENTLY = Symbol("FOCUS_SILENTLY");
+var FOCUS_SILENTLY = /* @__PURE__ */ Symbol("FOCUS_SILENTLY");
 function focusSilently(element) {
   element[FOCUS_SILENTLY] = true;
   element.focus({ preventScroll: true });

package/esm/__chunks/{B6W4QFKS.js → A4D5O6EK.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useRootDialog
-} from "./OT5RJDXG.js";
+} from "./VIQYURFN.js";
 import {
   assignStyle,
   setCSSProperty

package/esm/__chunks/{IQYAUKXT.js → AFNZIDBX.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useCollectionStoreProps
-} from "./GVAFFF2B.js";
+} from "./EV7SAVXM.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   useId
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/composite/composite-store.ts
 import * as Core from "@ariakit/core/composite/composite-store";

package/esm/__chunks/{QSVZ4NTN.js → AJPCB5MS.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   useDialogDismiss
-} from "./OCCHVUS4.js";
+} from "./DNJ2MQ45.js";
 import {
   usePopoverScopedContext
-} from "./JMU4N4M5.js";
+} from "./E5E7U2B6.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/popover/popover-dismiss.tsx
 var TagName = "button";

package/esm/__chunks/{2XVFVSLB.js → AY4MU2OE.js}

@@ -1,21 +1,21 @@
 "use client";
 import {
   useHovercardProviderContext
-} from "./PTRWAQFT.js";
+} from "./VI2TRTYW.js";
 import {
   useFocusable
-} from "./U6HHPQDW.js";
+} from "./C7ZLNJMM.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving,
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/hovercard/hovercard-anchor.tsx
 import { addGlobalEventListener } from "@ariakit/core/utils/events";

package/esm/__chunks/{QKVSMXME.js → BCNP3AN4.js}

@@ -4,21 +4,21 @@ import {
 } from "./2SM3RB2N.js";
 import {
   usePopoverContext
-} from "./JMU4N4M5.js";
+} from "./E5E7U2B6.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useId,
   useMergeRefs,
   useSafeLayoutEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/popover/popover-arrow.tsx
 import { getWindow } from "@ariakit/core/utils/dom";

package/esm/__chunks/{6B3RXHKP.js → BDQ7RGF6.js}

@@ -1,24 +1,24 @@
 "use client";
 import {
   DialogScopedContextProvider
-} from "./A62MDFCW.js";
+} from "./67C4K2ZC.js";
 import {
   useDisclosureProviderContext
-} from "./LVDQFHCH.js";
+} from "./2P26HHWN.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useId,
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/disclosure/disclosure-content.tsx
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -57,10 +57,10 @@ var useDisclosureContent = createHook(function useDisclosureContent2({ store, al
   const ref = useRef(null);
   const id = useId(props.id);
   const [transition, setTransition] = useState(null);
-  const open = store.useState("open");
-  const mounted = store.useState("mounted");
-  const animated = store.useState("animated");
-  const contentElement = store.useState("contentElement");
+  const open = useStoreState(store, "open");
+  const mounted = useStoreState(store, "mounted");
+  const animated = useStoreState(store, "animated");
+  const contentElement = useStoreState(store, "contentElement");
   const otherElement = useStoreState(store.disclosure, "contentElement");
   useSafeLayoutEffect(() => {
     if (!ref.current) return;
@@ -150,12 +150,12 @@ var useDisclosureContent = createHook(function useDisclosureContent2({ store, al
     return styleProp;
   }, [hidden, styleProp]);
   props = {
-    id,
     "data-open": open || void 0,
     "data-enter": transition === "enter" || void 0,
     "data-leave": transition === "leave" || void 0,
     hidden,
     ...props,
+    id,
     ref: useMergeRefs(id ? store.setContentElement : null, ref, props.ref),
     style
   };

package/esm/__chunks/{FFWYDZCP.js → BHXH7MKB.js}

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

package/esm/__chunks/{4WJCKDQE.js → BQGZFYES.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useDialogHeading
-} from "./O4VW3LHI.js";
+} from "./JQYZPZOZ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/popover/popover-heading.tsx
 var TagName = "h1";

package/esm/__chunks/{NDVACHQI.js → C22TTW5X.js}

@@ -1,27 +1,30 @@
 "use client";
 import {
   useDisclosureProviderContext
-} from "./LVDQFHCH.js";
+} from "./2P26HHWN.js";
 import {
   useButton
-} from "./HMKTUWOU.js";
+} from "./NHQBMCYN.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs,
   useMetadataProps
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/disclosure/disclosure.tsx
 import { invariant } from "@ariakit/core/utils/misc";
 import { useEffect, useRef, useState } from "react";
 var TagName = "button";
-var symbol = Symbol("disclosure");
+var symbol = /* @__PURE__ */ Symbol("disclosure");
 var useDisclosure = createHook(
   function useDisclosure2({ store, toggleOnClick = true, ...props }) {
     const context = useDisclosureProviderContext();
@@ -32,8 +35,8 @@ var useDisclosure = createHook(
     );
     const ref = useRef(null);
     const [expanded, setExpanded] = useState(false);
-    const disclosureElement = store.useState("disclosureElement");
-    const open = store.useState("open");
+    const disclosureElement = useStoreState(store, "disclosureElement");
+    const open = useStoreState(store, "open");
     useEffect(() => {
       let isCurrentDisclosure = disclosureElement === ref.current;
       if (!(disclosureElement == null ? void 0 : disclosureElement.isConnected)) {
@@ -53,7 +56,7 @@ var useDisclosure = createHook(
       store == null ? void 0 : store.setDisclosureElement(event.currentTarget);
       store == null ? void 0 : store.toggle();
     });
-    const contentElement = store.useState("contentElement");
+    const contentElement = useStoreState(store, "contentElement");
     props = {
       "aria-expanded": expanded,
       "aria-controls": contentElement == null ? void 0 : contentElement.id,

package/esm/__chunks/{U6HHPQDW.js → C7ZLNJMM.js}

@@ -6,12 +6,12 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useEvent,
   useMergeRefs,
   useTagName
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/focusable/focusable.tsx
 import { isButton } from "@ariakit/core/utils/dom";
@@ -51,7 +51,7 @@ var alwaysFocusVisibleInputTypes = [
   "datetime",
   "datetime-local"
 ];
-var safariFocusAncestorSymbol = Symbol("safariFocusAncestor");
+var safariFocusAncestorSymbol = /* @__PURE__ */ Symbol("safariFocusAncestor");
 function isSafariFocusAncestor(element) {
   if (!element) return false;
   return !!element[safariFocusAncestorSymbol];

package/esm/__chunks/{37HM5VRA.js → DG5ESMMT.js}

@@ -1,12 +1,15 @@
 "use client";
 import {
   usePopoverContext
-} from "./JMU4N4M5.js";
+} from "./E5E7U2B6.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/popover/popover-disclosure-arrow.tsx
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -26,7 +29,10 @@ var usePopoverDisclosureArrow = createHook(function usePopoverDisclosureArrow2({
     store,
     process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component."
   );
-  const position = store.useState((state) => placement || state.placement);
+  const position = useStoreState(
+    store,
+    (state) => placement || state.placement
+  );
   const dir = position.split("-")[0];
   const points = pointsMap[dir];
   const children = useMemo(

package/esm/__chunks/{OCCHVUS4.js → DNJ2MQ45.js}

@@ -1,18 +1,18 @@
 "use client";
 import {
   useDialogScopedContext
-} from "./A62MDFCW.js";
+} from "./67C4K2ZC.js";
 import {
   useButton
-} from "./HMKTUWOU.js";
+} from "./NHQBMCYN.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useEvent
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/dialog/dialog-dismiss.tsx
 import { useMemo } from "react";

package/esm/__chunks/{BFOIJXK2.js → DPTNUR7A.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useVisuallyHidden
-} from "./2F57YTN4.js";
+} from "./OQWWYG3J.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/focus-trap/focus-trap.tsx
 var TagName = "span";

package/esm/__chunks/{I7KWAPMF.js → E2GXNEWF.js}

@@ -1,28 +1,28 @@
 "use client";
 import {
   useCommand
-} from "./PZ3OL7I2.js";
+} from "./GROIW2U2.js";
 import {
   CheckboxCheckedContext
 } from "./EYKMH5G5.js";
 import {
   useCheckboxContext
-} from "./ZVXT4QFT.js";
+} from "./YAFFSPLV.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useEvent,
   useForceUpdate,
   useMergeRefs,
   useTagName,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/checkbox/checkbox.tsx
 import {
@@ -91,7 +91,7 @@ var useCheckbox = createHook(
         element.name = name;
       }
       if (valueProp !== void 0) {
-        element.value = `${valueProp}`;
+        element.value = String(valueProp);
       }
     }, [propertyUpdated, mixed, nativeCheckbox, isChecked, name, valueProp]);
     const onChangeProp = props.onChange;

package/esm/__chunks/{HVWMDOZM.js → E3ED7D32.js}

@@ -1,21 +1,21 @@
 "use client";
 import {
   usePopoverStoreProps
-} from "./B6FLPFJM.js";
+} from "./6AOPHM6J.js";
 import {
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "./IQYAUKXT.js";
+} from "./AFNZIDBX.js";
 import {
   useComboboxProviderContext
-} from "./CVCFNOHX.js";
+} from "./YXOTZ32N.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   useUpdateEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/select/select-store.ts
 import * as Core from "@ariakit/core/select/select-store";

package/esm/__chunks/{JMU4N4M5.js → E5E7U2B6.js}

@@ -2,10 +2,10 @@
 import {
   DialogContextProvider,
   DialogScopedContextProvider
-} from "./A62MDFCW.js";
+} from "./67C4K2ZC.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/popover/popover-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{2DUOQURA.js → EK7GBBE3.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/menubar/menubar-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{VJH3F6TN.js → EKSBXE4P.js}

@@ -4,17 +4,17 @@ import {
 } from "./AOQQTIBO.js";
 import {
   FocusTrap
-} from "./BFOIJXK2.js";
+} from "./DPTNUR7A.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 import {
   setRef
 } from "./YXGXYGQX.js";