@ariakit/react-core 0.4.23 → 0.4.25

package/cjs/__chunks/{TQH4GRJ6.cjs → JOJLVZGE.cjs}

@@ -1,28 +1,29 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _4NZHMZNFcjs = require('./4NZHMZNF.cjs');
+var _AVNURAH2cjs = require('./AVNURAH2.cjs');
 
 
-var _ALTUQCI3cjs = require('./ALTUQCI3.cjs');
+var _ZQYY7DF3cjs = require('./ZQYY7DF3.cjs');
 
 
-var _WS3AS5PBcjs = require('./WS3AS5PB.cjs');
+var _QWIBF3KBcjs = require('./QWIBF3KB.cjs');
 
 
-var _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
 
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
 
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/select/select-item.tsx
 var _dom = require('@ariakit/core/utils/dom');
@@ -39,7 +40,7 @@ function isSelected(storeValue, itemValue) {
   }
   return storeValue === itemValue;
 }
-var useSelectItem = _743QABRAcjs.createHook.call(void 0, 
+var useSelectItem = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useSelectItem2({
     store,
     value,
@@ -51,15 +52,15 @@ var useSelectItem = _743QABRAcjs.createHook.call(void 0,
     ...props
   }) {
     var _a;
-    const context = _4NZHMZNFcjs.useSelectScopedContext.call(void 0, );
+    const context = _AVNURAH2cjs.useSelectScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component."
     );
-    const id = _KGFTRA3Ccjs.useId.call(void 0, props.id);
+    const id = _3BSDKDKDcjs.useId.call(void 0, props.id);
     const disabled = _misc.disabledFromProps.call(void 0, props);
-    const { listElement, multiSelectable, selected, autoFocus } = _YY2UXBEBcjs.useStoreStateObject.call(void 0, store, {
+    const { listElement, multiSelectable, selected, autoFocus } = _FH6HQ5JNcjs.useStoreStateObject.call(void 0, store, {
       listElement: "listElement",
       multiSelectable(state) {
         return Array.isArray(state.value);
@@ -79,12 +80,12 @@ var useSelectItem = _743QABRAcjs.createHook.call(void 0,
         return state.value === value;
       }
     });
+    const virtualFocus = _FH6HQ5JNcjs.useStoreState.call(void 0, store == null ? void 0 : store.combobox, "virtualFocus");
     const getItem = _react.useCallback.call(void 0, 
       (item) => {
         const nextItem = {
           ...item,
-          value: disabled ? void 0 : value,
-          children: value
+          value: disabled ? void 0 : value
         };
         if (getItemProp) {
           return getItemProp(nextItem);
@@ -95,9 +96,9 @@ var useSelectItem = _743QABRAcjs.createHook.call(void 0,
     );
     hideOnClick = hideOnClick != null ? hideOnClick : value != null && !multiSelectable;
     const onClickProp = props.onClick;
-    const setValueOnClickProp = _KGFTRA3Ccjs.useBooleanEvent.call(void 0, setValueOnClick);
-    const hideOnClickProp = _KGFTRA3Ccjs.useBooleanEvent.call(void 0, hideOnClick);
-    const onClick = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const setValueOnClickProp = _3BSDKDKDcjs.useBooleanEvent.call(void 0, setValueOnClick);
+    const hideOnClickProp = _3BSDKDKDcjs.useBooleanEvent.call(void 0, hideOnClick);
+    const onClick = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented) return;
       if (_events.isDownloading.call(void 0, event)) return;
@@ -115,28 +116,35 @@ var useSelectItem = _743QABRAcjs.createHook.call(void 0,
         store == null ? void 0 : store.hide();
       }
     });
-    props = _KGFTRA3Ccjs.useWrapElement.call(void 0, 
+    props = _3BSDKDKDcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4NZHMZNFcjs.SelectItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AVNURAH2cjs.SelectItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }),
       [selected]
     );
+    const shouldAutoFocus = (_a = props.autoFocus) != null ? _a : autoFocus;
     props = {
-      id,
       role: _dom.getPopupItemRole.call(void 0, listElement),
       "aria-selected": selected,
       children: value,
       ...props,
-      autoFocus: (_a = props.autoFocus) != null ? _a : autoFocus,
+      id,
+      // When virtualFocus is false (e.g., iOS Safari), we suppress autoFocus to
+      // prevent a re-mounted selected item from stealing focus from the
+      // combobox input (which dismisses the iOS keyboard). We keep
+      // data-autofocus so the dialog's initial focus effect can still find and
+      // focus this element. See https://github.com/ariakit/ariakit/issues/5047
+      autoFocus: virtualFocus === false ? false : shouldAutoFocus,
+      "data-autofocus": shouldAutoFocus || void 0,
       onClick
     };
-    props = _WS3AS5PBcjs.useCompositeItem.call(void 0, {
+    props = _QWIBF3KBcjs.useCompositeItem.call(void 0, {
       store,
       getItem,
       preventScrollOnKeyDown,
       ...props
     });
-    const focusOnHoverProp = _KGFTRA3Ccjs.useBooleanEvent.call(void 0, focusOnHover);
-    props = _ALTUQCI3cjs.useCompositeHover.call(void 0, {
+    const focusOnHoverProp = _3BSDKDKDcjs.useBooleanEvent.call(void 0, focusOnHover);
+    props = _ZQYY7DF3cjs.useCompositeHover.call(void 0, {
       store,
       ...props,
       // We have to disable focusOnHover when the popup is closed, otherwise
@@ -151,10 +159,10 @@ var useSelectItem = _743QABRAcjs.createHook.call(void 0,
     return props;
   }
 );
-var SelectItem = _743QABRAcjs.memo.call(void 0, 
-  _743QABRAcjs.forwardRef.call(void 0, function SelectItem2(props) {
+var SelectItem = _PTOCUU2Dcjs.memo.call(void 0, 
+  _PTOCUU2Dcjs.forwardRef.call(void 0, function SelectItem2(props) {
     const htmlProps = useSelectItem(props);
-    return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+    return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{L6J77MXF.cjs → K6UHAC73.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CFNQ2EAVcjs = require('./CFNQ2EAV.cjs');
+var _ITCIC2TCcjs = require('./ITCIC2TC.cjs');
 
 
 var _IRJEBRAWcjs = require('./IRJEBRAW.cjs');
 
 
-var _HNUUQ6LRcjs = require('./HNUUQ6LR.cjs');
+var _W5HIR4GYcjs = require('./W5HIR4GY.cjs');
 
 
-var _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
 
 
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/checkbox/checkbox.tsx
 
@@ -47,7 +47,7 @@ function getPrimitiveValue(value) {
   }
   return value;
 }
-var useCheckbox = _743QABRAcjs.createHook.call(void 0, 
+var useCheckbox = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useCheckbox2({
     store,
     name,
@@ -56,10 +56,10 @@ var useCheckbox = _743QABRAcjs.createHook.call(void 0,
     defaultChecked,
     ...props
   }) {
-    const context = _HNUUQ6LRcjs.useCheckboxContext.call(void 0, );
+    const context = _W5HIR4GYcjs.useCheckboxContext.call(void 0, );
     store = store || context;
     const [_checked, setChecked] = _react.useState.call(void 0, defaultChecked != null ? defaultChecked : false);
-    const checked = _YY2UXBEBcjs.useStoreState.call(void 0, store, (state) => {
+    const checked = _FH6HQ5JNcjs.useStoreState.call(void 0, store, (state) => {
       if (checkedProp !== void 0) return checkedProp;
       if ((state == null ? void 0 : state.value) === void 0) return _checked;
       if (valueProp != null) {
@@ -74,12 +74,12 @@ var useCheckbox = _743QABRAcjs.createHook.call(void 0,
       return false;
     });
     const ref = _react.useRef.call(void 0, null);
-    const tagName = _KGFTRA3Ccjs.useTagName.call(void 0, ref, TagName);
+    const tagName = _3BSDKDKDcjs.useTagName.call(void 0, ref, TagName);
     const nativeCheckbox = isNativeCheckbox(tagName, props.type);
     const mixed = checked ? checked === "mixed" : void 0;
     const isChecked = checked === "mixed" ? false : checked;
     const disabled = _misc.disabledFromProps.call(void 0, props);
-    const [propertyUpdated, schedulePropertyUpdate] = _KGFTRA3Ccjs.useForceUpdate.call(void 0, );
+    const [propertyUpdated, schedulePropertyUpdate] = _3BSDKDKDcjs.useForceUpdate.call(void 0, );
     _react.useEffect.call(void 0, () => {
       const element = ref.current;
       if (!element) return;
@@ -90,11 +90,11 @@ var useCheckbox = _743QABRAcjs.createHook.call(void 0,
         element.name = name;
       }
       if (valueProp !== void 0) {
-        element.value = `${valueProp}`;
+        element.value = String(valueProp);
       }
     }, [propertyUpdated, mixed, nativeCheckbox, isChecked, name, valueProp]);
     const onChangeProp = props.onChange;
-    const onChange = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const onChange = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       if (disabled) {
         event.stopPropagation();
         event.preventDefault();
@@ -125,13 +125,13 @@ var useCheckbox = _743QABRAcjs.createHook.call(void 0,
       });
     });
     const onClickProp = props.onClick;
-    const onClick = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const onClick = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented) return;
       if (nativeCheckbox) return;
       onChange(event);
     });
-    props = _KGFTRA3Ccjs.useWrapElement.call(void 0, 
+    props = _3BSDKDKDcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IRJEBRAWcjs.CheckboxCheckedContext.Provider, { value: isChecked, children: element }),
       [isChecked]
@@ -141,11 +141,11 @@ var useCheckbox = _743QABRAcjs.createHook.call(void 0,
       type: nativeCheckbox ? "checkbox" : void 0,
       "aria-checked": checked,
       ...props,
-      ref: _KGFTRA3Ccjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _3BSDKDKDcjs.useMergeRefs.call(void 0, ref, props.ref),
       onChange,
       onClick
     };
-    props = _CFNQ2EAVcjs.useCommand.call(void 0, { clickOnEnter: !nativeCheckbox, ...props });
+    props = _ITCIC2TCcjs.useCommand.call(void 0, { clickOnEnter: !nativeCheckbox, ...props });
     return _misc.removeUndefinedValues.call(void 0, {
       name: nativeCheckbox ? name : void 0,
       value: nativeCheckbox ? valueProp : void 0,
@@ -154,9 +154,9 @@ var useCheckbox = _743QABRAcjs.createHook.call(void 0,
     });
   }
 );
-var Checkbox = _743QABRAcjs.forwardRef.call(void 0, function Checkbox2(props) {
+var Checkbox = _PTOCUU2Dcjs.forwardRef.call(void 0, function Checkbox2(props) {
   const htmlProps = useCheckbox(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{3ZDSDKC6.cjs → KEDCOTT4.cjs}

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5BVSKVUNcjs = require('./5BVSKVUN.cjs');
+var _PFM4PJSGcjs = require('./PFM4PJSG.cjs');
 
 
-var _HHXD2YNZcjs = require('./HHXD2YNZ.cjs');
+var _SARAALGAcjs = require('./SARAALGA.cjs');
 
 
-var _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
 
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/disclosure/disclosure-content.tsx
 var _misc = require('@ariakit/core/utils/misc');
@@ -46,26 +46,26 @@ function parseCSSTime(...times) {
 function isHidden(mounted, hidden, alwaysVisible) {
   return !alwaysVisible && hidden !== false && (!mounted || !!hidden);
 }
-var useDisclosureContent = _743QABRAcjs.createHook.call(void 0, function useDisclosureContent2({ store, alwaysVisible, ...props }) {
-  const context = _HHXD2YNZcjs.useDisclosureProviderContext.call(void 0, );
+var useDisclosureContent = _PTOCUU2Dcjs.createHook.call(void 0, function useDisclosureContent2({ store, alwaysVisible, ...props }) {
+  const context = _SARAALGAcjs.useDisclosureProviderContext.call(void 0, );
   store = store || context;
   _misc.invariant.call(void 0, 
     store,
     process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
   );
   const ref = _react.useRef.call(void 0, null);
-  const id = _KGFTRA3Ccjs.useId.call(void 0, props.id);
+  const id = _3BSDKDKDcjs.useId.call(void 0, props.id);
   const [transition, setTransition] = _react.useState.call(void 0, null);
-  const open = store.useState("open");
-  const mounted = store.useState("mounted");
-  const animated = store.useState("animated");
-  const contentElement = store.useState("contentElement");
-  const otherElement = _YY2UXBEBcjs.useStoreState.call(void 0, store.disclosure, "contentElement");
-  _KGFTRA3Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  const open = _FH6HQ5JNcjs.useStoreState.call(void 0, store, "open");
+  const mounted = _FH6HQ5JNcjs.useStoreState.call(void 0, store, "mounted");
+  const animated = _FH6HQ5JNcjs.useStoreState.call(void 0, store, "animated");
+  const contentElement = _FH6HQ5JNcjs.useStoreState.call(void 0, store, "contentElement");
+  const otherElement = _FH6HQ5JNcjs.useStoreState.call(void 0, store.disclosure, "contentElement");
+  _3BSDKDKDcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!ref.current) return;
     store == null ? void 0 : store.setContentElement(ref.current);
   }, [store]);
-  _KGFTRA3Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  _3BSDKDKDcjs.useSafeLayoutEffect.call(void 0, () => {
     let previousAnimated;
     store == null ? void 0 : store.setState("animated", (animated2) => {
       previousAnimated = animated2;
@@ -76,7 +76,7 @@ var useDisclosureContent = _743QABRAcjs.createHook.call(void 0, function useDisc
       store == null ? void 0 : store.setState("animated", previousAnimated);
     };
   }, [store]);
-  _KGFTRA3Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  _3BSDKDKDcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!animated) return;
     if (!(contentElement == null ? void 0 : contentElement.isConnected)) {
       setTransition(null);
@@ -86,7 +86,7 @@ var useDisclosureContent = _743QABRAcjs.createHook.call(void 0, function useDisc
       setTransition(open ? "enter" : mounted ? "leave" : null);
     });
   }, [animated, contentElement, open, mounted]);
-  _KGFTRA3Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  _3BSDKDKDcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!store) return;
     if (!animated) return;
     if (!transition) return;
@@ -135,9 +135,9 @@ var useDisclosureContent = _743QABRAcjs.createHook.call(void 0, function useDisc
     const maxTimeout = Math.max(timeout - frameRate, 0);
     return afterTimeout(maxTimeout, stopAnimationSync);
   }, [store, animated, contentElement, otherElement, open, transition]);
-  props = _KGFTRA3Ccjs.useWrapElement.call(void 0, 
+  props = _3BSDKDKDcjs.useWrapElement.call(void 0, 
     props,
-    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BVSKVUNcjs.DialogScopedContextProvider, { value: store, children: element }),
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PFM4PJSGcjs.DialogScopedContextProvider, { value: store, children: element }),
     [store]
   );
   const hidden = isHidden(mounted, props.hidden, alwaysVisible);
@@ -149,28 +149,28 @@ var useDisclosureContent = _743QABRAcjs.createHook.call(void 0, function useDisc
     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,
-    ref: _KGFTRA3Ccjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
+    id,
+    ref: _3BSDKDKDcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
     style
   };
   return _misc.removeUndefinedValues.call(void 0, props);
 });
-var DisclosureContentImpl = _743QABRAcjs.forwardRef.call(void 0, function DisclosureContentImpl2(props) {
+var DisclosureContentImpl = _PTOCUU2Dcjs.forwardRef.call(void 0, function DisclosureContentImpl2(props) {
   const htmlProps = useDisclosureContent(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
-var DisclosureContent = _743QABRAcjs.forwardRef.call(void 0, function DisclosureContent2({
+var DisclosureContent = _PTOCUU2Dcjs.forwardRef.call(void 0, function DisclosureContent2({
   unmountOnHide,
   ...props
 }) {
-  const context = _HHXD2YNZcjs.useDisclosureProviderContext.call(void 0, );
+  const context = _SARAALGAcjs.useDisclosureProviderContext.call(void 0, );
   const store = props.store || context;
-  const mounted = _YY2UXBEBcjs.useStoreState.call(void 0, 
+  const mounted = _FH6HQ5JNcjs.useStoreState.call(void 0, 
     store,
     (state) => !unmountOnHide || (state == null ? void 0 : state.mounted)
   );

package/cjs/__chunks/{S62V5F35.cjs → KF66C5NZ.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
-var _SS26HAQ2cjs = require('./SS26HAQ2.cjs');
+var _XWMMMXUKcjs = require('./XWMMMXUK.cjs');
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _743QABRAcjs = require('./743QABRA.cjs');
 
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/collection/collection-renderer.tsx
 var _dom = require('@ariakit/core/utils/dom');
@@ -265,9 +265,9 @@ function useCollectionRenderer({
   ...props
 }) {
   var _a, _b;
-  const context = _SS26HAQ2cjs.useCollectionContext.call(void 0, );
+  const context = _XWMMMXUKcjs.useCollectionContext.call(void 0, );
   store = store || context;
-  const items = _YY2UXBEBcjs.useStoreState.call(void 0, 
+  const items = _FH6HQ5JNcjs.useStoreState.call(void 0, 
     store,
     (state) => itemsProp != null ? itemsProp : state == null ? void 0 : state.items
   );
@@ -283,10 +283,10 @@ function useCollectionRenderer({
   const orientation = (_a = orientationProp != null ? orientationProp : parent == null ? void 0 : parent.orientation) != null ? _a : "vertical";
   const overscan = (_b = overscanProp != null ? overscanProp : parent == null ? void 0 : parent.overscan) != null ? _b : 1;
   const ref = _react.useRef.call(void 0, null);
-  const baseId = _KGFTRA3Ccjs.useId.call(void 0, props.id);
+  const baseId = _3BSDKDKDcjs.useId.call(void 0, props.id);
   const horizontal = orientation === "horizontal";
   const elements = _react.useMemo.call(void 0, () => /* @__PURE__ */ new Map(), []);
-  const [elementsUpdated, updateElements] = _KGFTRA3Ccjs.useForceUpdate.call(void 0, );
+  const [elementsUpdated, updateElements] = _3BSDKDKDcjs.useForceUpdate.call(void 0, );
   const [defaultVisibleIndices, setVisibleIndices] = _react.useState.call(void 0, () => {
     if (!initialItems) return [];
     const length = getItemsLength(items);
@@ -433,7 +433,7 @@ function useCollectionRenderer({
     overscan
   ]);
   _react.useEffect.call(void 0, processVisibleIndices, [processVisibleIndices]);
-  const processVisibleIndicesEvent = _KGFTRA3Ccjs.useEvent.call(void 0, processVisibleIndices);
+  const processVisibleIndicesEvent = _3BSDKDKDcjs.useEvent.call(void 0, processVisibleIndices);
   _react.useEffect.call(void 0, () => {
     const renderer = ref.current;
     if (!renderer) return;
@@ -442,7 +442,7 @@ function useCollectionRenderer({
     processVisibleIndicesEvent();
   }, [scroller, horizontal, processVisibleIndicesEvent]);
   const mayRenderOnScroll = !!renderOnScroll;
-  const renderOnScrollProp = _KGFTRA3Ccjs.useBooleanEvent.call(void 0, renderOnScroll);
+  const renderOnScrollProp = _3BSDKDKDcjs.useBooleanEvent.call(void 0, renderOnScroll);
   _react.useEffect.call(void 0, () => {
     if (!mayRenderOnScroll) return;
     const renderer = ref.current;
@@ -471,7 +471,7 @@ function useCollectionRenderer({
     processVisibleIndicesEvent
   ]);
   const mayRenderOnResize = !!renderOnResize;
-  const renderOnResizeProp = _KGFTRA3Ccjs.useBooleanEvent.call(void 0, renderOnResize);
+  const renderOnResizeProp = _3BSDKDKDcjs.useBooleanEvent.call(void 0, renderOnResize);
   _react.useEffect.call(void 0, () => {
     if (!mayRenderOnResize) return;
     const renderer = ref.current;
@@ -537,7 +537,7 @@ function useCollectionRenderer({
     return () => {
       observer.disconnect();
     };
-  }, [scroller, processVisibleIndicesEvent]);
+  }, [scroller, horizontal, processVisibleIndicesEvent]);
   const elementObserver = _react.useMemo.call(void 0, () => {
     if (typeof ResizeObserver !== "function") return;
     return new ResizeObserver(() => {
@@ -612,7 +612,7 @@ function useCollectionRenderer({
     () => ({ store, orientation, overscan, childrenData }),
     [store, orientation, overscan, childrenData]
   );
-  props = _KGFTRA3Ccjs.useWrapElement.call(void 0, 
+  props = _3BSDKDKDcjs.useWrapElement.call(void 0, 
     props,
     (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CollectionRendererContext.Provider, { value: providerValue, children: element }),
     [providerValue]
@@ -621,13 +621,13 @@ function useCollectionRenderer({
     id: baseId,
     ...props,
     style,
-    ref: _KGFTRA3Ccjs.useMergeRefs.call(void 0, ref, props.ref)
+    ref: _3BSDKDKDcjs.useMergeRefs.call(void 0, ref, props.ref)
   };
   return { ...props, children };
 }
-var CollectionRenderer = _743QABRAcjs.forwardRef.call(void 0, function CollectionRenderer2(props) {
+var CollectionRenderer = _PTOCUU2Dcjs.forwardRef.call(void 0, function CollectionRenderer2(props) {
   const htmlProps = useCollectionRenderer(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 var getCollectionRendererItem = getItem;
 var getCollectionRendererItemId = getItemId;

package/cjs/__chunks/{AT2XHUYN.cjs → LBUQETMN.cjs}

@@ -1,55 +1,59 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _WI7QXQL7cjs = require('./WI7QXQL7.cjs');
+var _UCZW3OGHcjs = require('./UCZW3OGH.cjs');
 
 
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
 
 
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+
+
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/composite/composite-row.tsx
 var _misc = require('@ariakit/core/utils/misc');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useCompositeRow = _743QABRAcjs.createHook.call(void 0, 
+var useCompositeRow = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useCompositeRow2({
     store,
     "aria-setsize": ariaSetSize,
     "aria-posinset": ariaPosInSet,
     ...props
   }) {
-    const context = _WI7QXQL7cjs.useCompositeContext.call(void 0, );
+    const context = _UCZW3OGHcjs.useCompositeContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "CompositeRow must be wrapped in a Composite component."
     );
-    const id = _KGFTRA3Ccjs.useId.call(void 0, props.id);
-    const baseElement = store.useState(
+    const id = _3BSDKDKDcjs.useId.call(void 0, props.id);
+    const baseElement = _FH6HQ5JNcjs.useStoreState.call(void 0, 
+      store,
       (state) => state.baseElement || void 0
     );
     const providerValue = _react.useMemo.call(void 0, 
       () => ({ id, baseElement, ariaSetSize, ariaPosInSet }),
       [id, baseElement, ariaSetSize, ariaPosInSet]
     );
-    props = _KGFTRA3Ccjs.useWrapElement.call(void 0, 
+    props = _3BSDKDKDcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WI7QXQL7cjs.CompositeRowContext.Provider, { value: providerValue, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UCZW3OGHcjs.CompositeRowContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    props = { id, ...props };
+    props = { ...props, id };
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var CompositeRow = _743QABRAcjs.forwardRef.call(void 0, function CompositeRow2(props) {
+var CompositeRow = _PTOCUU2Dcjs.forwardRef.call(void 0, function CompositeRow2(props) {
   const htmlProps = useCompositeRow(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{62RIM242.cjs → LH55DG7M.cjs}

@@ -5,35 +5,35 @@ var _XRATBFDXcjs = require('./XRATBFDX.cjs');
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/group/group.tsx
 var _misc = require('@ariakit/core/utils/misc');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useGroup = _743QABRAcjs.createHook.call(void 0, 
+var useGroup = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useGroup2(props) {
     const [labelId, setLabelId] = _react.useState.call(void 0, );
-    props = _KGFTRA3Ccjs.useWrapElement.call(void 0, 
+    props = _3BSDKDKDcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XRATBFDXcjs.GroupLabelContext.Provider, { value: setLabelId, children: element }),
       []
     );
     props = {
       role: "group",
-      "aria-labelledby": labelId,
+      "aria-labelledby": props["aria-label"] != null ? void 0 : labelId,
       ...props
     };
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var Group = _743QABRAcjs.forwardRef.call(void 0, function Group2(props) {
+var Group = _PTOCUU2Dcjs.forwardRef.call(void 0, function Group2(props) {
   const htmlProps = useGroup(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });