@ariakit/react-core 0.4.4 → 0.4.6

package/cjs/__chunks/{KQJLN5EG.cjs → QO5ZGQQP.cjs}

@@ -1,30 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _4LPJTV22cjs = require('./4LPJTV22.cjs');
+var _LY5SWPQNcjs = require('./LY5SWPQN.cjs');
 
 
 
-var _HZDOLHROcjs = require('./HZDOLHRO.cjs');
 
+var _5VQNY2SRcjs = require('./5VQNY2SR.cjs');
 
-var _EKW5CERCcjs = require('./EKW5CERC.cjs');
 
+var _7UGWYCZYcjs = require('./7UGWYCZY.cjs');
 
-var _7CYY7U2Acjs = require('./7CYY7U2A.cjs');
 
+var _MEFT7IVKcjs = require('./MEFT7IVK.cjs');
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 
 
 
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+
+
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 
 
@@ -37,7 +39,8 @@ var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useSelectList = _NGD3IQDBcjs.createHook.call(void 0, 
+var SelectListContext = _react.createContext.call(void 0, null);
+var useSelectList = _R2YVMKBRcjs.createHook.call(void 0, 
   function useSelectList2(_a) {
     var _b = _a, {
       store,
@@ -54,14 +57,13 @@ var useSelectList = _NGD3IQDBcjs.createHook.call(void 0,
       "composite",
       "alwaysVisible"
     ]);
-    const context = _HZDOLHROcjs.useSelectProviderContext.call(void 0, );
+    const context = _5VQNY2SRcjs.useSelectContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
     );
-    const ref = _react.useRef.call(void 0, null);
-    const id = _TW3SFX4Ccjs.useId.call(void 0, props.id);
+    const id = _QFX6UW2Fcjs.useId.call(void 0, props.id);
     const value = store.useState("value");
     const multiSelectable = Array.isArray(value);
     const [defaultValue, setDefaultValue] = _react.useState.call(void 0, value);
@@ -73,9 +75,9 @@ var useSelectList = _NGD3IQDBcjs.createHook.call(void 0,
     }, [mounted, value]);
     resetOnEscape = resetOnEscape && !multiSelectable;
     const onKeyDownProp = props.onKeyDown;
-    const resetOnEscapeProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, resetOnEscape);
-    const hideOnEnterProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, hideOnEnter);
-    const onKeyDown = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
+    const resetOnEscapeProp = _QFX6UW2Fcjs.useBooleanEvent.call(void 0, resetOnEscape);
+    const hideOnEnterProp = _QFX6UW2Fcjs.useBooleanEvent.call(void 0, hideOnEnter);
+    const onKeyDown = _QFX6UW2Fcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -89,43 +91,65 @@ var useSelectList = _NGD3IQDBcjs.createHook.call(void 0,
         }
       }
     });
-    props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
+    const headingContext = _react.useContext.call(void 0, _5VQNY2SRcjs.SelectHeadingContext);
+    const headingState = _react.useState.call(void 0, );
+    const [headingId, setHeadingId] = headingContext || headingState;
+    const headingContextValue = _react.useMemo.call(void 0, 
+      () => [headingId, setHeadingId],
+      [headingId]
+    );
+    const [childStore, setChildStore] = _react.useState.call(void 0, null);
+    const setStore = _react.useContext.call(void 0, SelectListContext);
+    _react.useEffect.call(void 0, () => {
+      if (!setStore)
+        return;
+      setStore(store);
+      return () => setStore(null);
+    }, [setStore, store]);
+    props = _QFX6UW2Fcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HZDOLHROcjs.SelectScopedContextProvider, { value: store, children: element }),
-      [store]
+      (element2) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VQNY2SRcjs.SelectScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectListContext.Provider, { value: setChildStore, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VQNY2SRcjs.SelectHeadingContext.Provider, { value: headingContextValue, children: element2 }) }) }),
+      [store, headingContextValue]
     );
-    const labelId = store.useState((state) => {
-      var _a2;
-      return (_a2 = state.labelElement) == null ? void 0 : _a2.id;
-    });
     const hasCombobox = !!store.combobox;
-    composite = composite != null ? composite : !hasCombobox;
-    if (composite) {
-      props = _AV6KTKLEcjs.__spreadValues.call(void 0, { role: "listbox" }, props);
-    }
-    const role = _TW3SFX4Ccjs.useAttribute.call(void 0, ref, "role", props.role);
+    composite = composite != null ? composite : !hasCombobox && childStore !== store;
+    const [element, setElement] = _QFX6UW2Fcjs.useTransactionState.call(void 0, 
+      composite ? store.setListElement : null
+    );
+    const role = _QFX6UW2Fcjs.useAttribute.call(void 0, element, "role", props.role);
     const isCompositeRole = role === "listbox" || role === "menu" || role === "tree" || role === "grid";
     const ariaMultiSelectable = composite || isCompositeRole ? multiSelectable || void 0 : void 0;
-    const hidden = _7CYY7U2Acjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _MEFT7IVKcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
+    if (composite) {
+      props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
+        role: "listbox",
+        "aria-multiselectable": ariaMultiSelectable
+      }, props);
+    }
+    const labelId = store.useState(
+      (state) => {
+        var _a2;
+        return headingId || ((_a2 = state.labelElement) == null ? void 0 : _a2.id);
+      }
+    );
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id,
       "aria-labelledby": labelId,
-      "aria-multiselectable": ariaMultiSelectable,
       hidden
     }, props), {
-      ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
+      ref: _QFX6UW2Fcjs.useMergeRefs.call(void 0, setElement, props.ref),
       style,
       onKeyDown
     });
-    props = _EKW5CERCcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { composite }));
-    props = _4LPJTV22cjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
+    props = _7UGWYCZYcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { composite }));
+    props = _LY5SWPQNcjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }
 );
-var SelectList = _NGD3IQDBcjs.forwardRef.call(void 0, function SelectList2(props) {
+var SelectList = _R2YVMKBRcjs.forwardRef.call(void 0, function SelectList2(props) {
   const htmlProps = useSelectList(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{YOQXFS4U.cjs → QROIDWYF.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _2IJSEADJcjs = require('./2IJSEADJ.cjs');
+var _EO4IBCRNcjs = require('./EO4IBCRN.cjs');
 
 
-var _HZDOLHROcjs = require('./HZDOLHRO.cjs');
+var _5VQNY2SRcjs = require('./5VQNY2SR.cjs');
 
 
-var _4H5ZMMOIcjs = require('./4H5ZMMOI.cjs');
+var _WZ66574Ocjs = require('./WZ66574O.cjs');
 
 
 
-var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
+var _IATQHLZTcjs = require('./IATQHLZT.cjs');
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 
 
@@ -24,25 +24,25 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 var _react = require('react');
 var _tabstore = require('@ariakit/core/tab/tab-store'); var Core = _interopRequireWildcard(_tabstore);
 function useTabStoreProps(store, update, props) {
-  _TW3SFX4Ccjs.useUpdateEffect.call(void 0, update, [props.composite, props.combobox]);
-  store = _4H5ZMMOIcjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
-  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
-  const [panels, updatePanels] = _GXMZA6DTcjs.useStore.call(void 0, () => store.panels, {});
-  _TW3SFX4Ccjs.useUpdateEffect.call(void 0, updatePanels, [store, updatePanels]);
+  _QFX6UW2Fcjs.useUpdateEffect.call(void 0, update, [props.composite, props.combobox]);
+  store = _WZ66574Ocjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _IATQHLZTcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
+  _IATQHLZTcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
+  const [panels, updatePanels] = _IATQHLZTcjs.useStore.call(void 0, () => store.panels, {});
+  _QFX6UW2Fcjs.useUpdateEffect.call(void 0, updatePanels, [store, updatePanels]);
   return Object.assign(
     _react.useMemo.call(void 0, () => _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, store), { panels }), [store, panels]),
     { composite: props.composite, combobox: props.combobox }
   );
 }
 function useTabStore(props = {}) {
-  const combobox = _2IJSEADJcjs.useComboboxContext.call(void 0, );
-  const composite = _HZDOLHROcjs.useSelectContext.call(void 0, ) || combobox;
+  const combobox = _EO4IBCRNcjs.useComboboxContext.call(void 0, );
+  const composite = _5VQNY2SRcjs.useSelectContext.call(void 0, ) || combobox;
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     composite: props.composite !== void 0 ? props.composite : composite,
     combobox: props.combobox !== void 0 ? props.combobox : combobox
   });
-  const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createTabStore, props);
+  const [store, update] = _IATQHLZTcjs.useStore.call(void 0, Core.createTabStore, props);
   return useTabStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{NGD3IQDB.cjs → R2YVMKBR.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 
 
-var _CJDHQUBRcjs = require('./CJDHQUBR.cjs');
+var _U2WARLXRcjs = require('./U2WARLXR.cjs');
 
 
 
@@ -25,11 +25,11 @@ function memo2(Component, propsAreEqual) {
 }
 function createElement(Type, props) {
   const _a = props, { wrapElement, render } = _a, rest = _AV6KTKLEcjs.__objRest.call(void 0, _a, ["wrapElement", "render"]);
-  const mergedRef = _TW3SFX4Ccjs.useMergeRefs.call(void 0, props.ref, _CJDHQUBRcjs.getRefProperty.call(void 0, render));
+  const mergedRef = _QFX6UW2Fcjs.useMergeRefs.call(void 0, props.ref, _U2WARLXRcjs.getRefProperty.call(void 0, render));
   let element;
   if (React.isValidElement(render)) {
     const renderProps = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, render.props), { ref: mergedRef });
-    element = React.cloneElement(render, _CJDHQUBRcjs.mergeProps.call(void 0, rest, renderProps));
+    element = React.cloneElement(render, _U2WARLXRcjs.mergeProps.call(void 0, rest, renderProps));
   } else if (render) {
     element = render(rest);
   } else {

package/cjs/__chunks/{G4TVYYCT.cjs → R6EETZIU.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _422GLKBKcjs = require('./422GLKBK.cjs');
+var _SGYYAWSUcjs = require('./SGYYAWSU.cjs');
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
-// src/composite/composite-group.ts
+// src/composite/composite-group.tsx
 var TagName = "div";
-var useCompositeGroup = _NGD3IQDBcjs.createHook.call(void 0, 
+var useCompositeGroup = _R2YVMKBRcjs.createHook.call(void 0, 
   function useCompositeGroup2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _422GLKBKcjs.useGroup.call(void 0, props);
+    props = _SGYYAWSUcjs.useGroup.call(void 0, props);
     return props;
   }
 );
-var CompositeGroup = _NGD3IQDBcjs.forwardRef.call(void 0, function CompositeGroup2(props) {
+var CompositeGroup = _R2YVMKBRcjs.forwardRef.call(void 0, function CompositeGroup2(props) {
   const htmlProps = useCompositeGroup(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{DLIQLPX4.cjs → REFA5BON.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 // src/dialog/utils/use-root-dialog.ts
 var _react = require('react');
@@ -13,7 +13,7 @@ function useRootDialog({
   contentElement,
   enabled
 }) {
-  const [updated, retry] = _TW3SFX4Ccjs.useForceUpdate.call(void 0, );
+  const [updated, retry] = _QFX6UW2Fcjs.useForceUpdate.call(void 0, );
   const isRootDialog = _react.useCallback.call(void 0, () => {
     if (!enabled)
       return false;

package/cjs/__chunks/{CHZV625D.cjs → RIVRWNBE.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _XRPBWSUIcjs = require('./XRPBWSUI.cjs');
+var _3DWHCD7Rcjs = require('./3DWHCD7R.cjs');
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 // src/tooltip/tooltip-context.tsx
-var ctx = _NGD3IQDBcjs.createStoreContext.call(void 0, 
-  [_XRPBWSUIcjs.HovercardContextProvider],
-  [_XRPBWSUIcjs.HovercardScopedContextProvider]
+var ctx = _R2YVMKBRcjs.createStoreContext.call(void 0, 
+  [_3DWHCD7Rcjs.HovercardContextProvider],
+  [_3DWHCD7Rcjs.HovercardScopedContextProvider]
 );
 var useTooltipContext = ctx.useContext;
 var useTooltipScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{422GLKBK.cjs → SGYYAWSU.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FE3YCURHcjs = require('./FE3YCURH.cjs');
+var _ZJMEXN3Ncjs = require('./ZJMEXN3N.cjs');
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
@@ -19,12 +19,12 @@ var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useGroup = _NGD3IQDBcjs.createHook.call(void 0, 
+var useGroup = _R2YVMKBRcjs.createHook.call(void 0, 
   function useGroup2(props) {
     const [labelId, setLabelId] = _react.useState.call(void 0, );
-    props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
+    props = _QFX6UW2Fcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FE3YCURHcjs.GroupLabelContext.Provider, { value: setLabelId, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZJMEXN3Ncjs.GroupLabelContext.Provider, { value: setLabelId, children: element }),
       []
     );
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
@@ -34,9 +34,9 @@ var useGroup = _NGD3IQDBcjs.createHook.call(void 0,
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var Group = _NGD3IQDBcjs.forwardRef.call(void 0, function Group2(props) {
+var Group = _R2YVMKBRcjs.forwardRef.call(void 0, function Group2(props) {
   const htmlProps = useGroup(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{QLMH2WIM.cjs → SNQE2ALB.cjs}

@@ -2,20 +2,20 @@
 
 
 
-var _MYW2VWAJcjs = require('./MYW2VWAJ.cjs');
+var _JMOZZ5O3cjs = require('./JMOZZ5O3.cjs');
 
 
-var _VPI3EKVYcjs = require('./VPI3EKVY.cjs');
+var _5J6PQR7Ocjs = require('./5J6PQR7O.cjs');
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 
-var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
+var _IATQHLZTcjs = require('./IATQHLZT.cjs');
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 
 
@@ -69,7 +69,7 @@ function findLast(items) {
 function findById(items, id, baseId) {
   return items.findIndex((item, index) => {
     var _a;
-    const itemId = _MYW2VWAJcjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
+    const itemId = _JMOZZ5O3cjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
     if (itemId === id)
       return true;
     const object = getItemObject(item);
@@ -97,13 +97,13 @@ function useCompositeRenderer(_a) {
     "aria-setsize",
     "aria-posinset"
   ]);
-  const context = _VPI3EKVYcjs.useCompositeContext.call(void 0, );
+  const context = _5J6PQR7Ocjs.useCompositeContext.call(void 0, );
   store = store || context;
-  const orientation = _GXMZA6DTcjs.useStoreState.call(void 0, 
+  const orientation = _IATQHLZTcjs.useStoreState.call(void 0, 
     store,
     (state) => (orientationProp != null ? orientationProp : (state == null ? void 0 : state.orientation) === "both") ? "vertical" : state == null ? void 0 : state.orientation
   );
-  const items = _GXMZA6DTcjs.useStoreState.call(void 0, store, (state) => {
+  const items = _IATQHLZTcjs.useStoreState.call(void 0, store, (state) => {
     var _a2;
     if (!state)
       return props.items;
@@ -111,7 +111,7 @@ function useCompositeRenderer(_a) {
       return 0;
     return (_a2 = props.items) != null ? _a2 : state.items;
   });
-  const id = _TW3SFX4Ccjs.useId.call(void 0, props.id);
+  const id = _QFX6UW2Fcjs.useId.call(void 0, props.id);
   const itemsCount = _react.useMemo.call(void 0, () => countItems(items), [items]);
   const setSize = _react.useMemo.call(void 0, 
     () => {
@@ -138,7 +138,7 @@ function useCompositeRenderer(_a) {
       return -1;
     return findLast(items);
   }, [items]);
-  const activeId = _GXMZA6DTcjs.useStoreState.call(void 0, store, "activeId");
+  const activeId = _IATQHLZTcjs.useStoreState.call(void 0, store, "activeId");
   const activeIndex = _react.useMemo.call(void 0, () => {
     if (!id)
       return -1;
@@ -161,7 +161,7 @@ function useCompositeRenderer(_a) {
     }
     return indices;
   }, [firstIndex, activeIndex, lastIndex, persistentIndicesProp]);
-  return _MYW2VWAJcjs.useCollectionRenderer.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  return _JMOZZ5O3cjs.useCollectionRenderer.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     id,
     store,
     orientation,
@@ -177,9 +177,9 @@ function useCompositeRenderer(_a) {
     }
   }));
 }
-var CompositeRenderer = _NGD3IQDBcjs.forwardRef.call(void 0, function CompositeRenderer2(props) {
+var CompositeRenderer = _R2YVMKBRcjs.forwardRef.call(void 0, function CompositeRenderer2(props) {
   const htmlProps = useCompositeRenderer(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{ROVINPY7.cjs → TCINLTVN.cjs}

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _GDEDCFNUcjs = require('./GDEDCFNU.cjs');
+var _ZPVTVHP7cjs = require('./ZPVTVHP7.cjs');
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
-// src/dialog/dialog-description.ts
+// src/dialog/dialog-description.tsx
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
 var TagName = "p";
-var useDialogDescription = _NGD3IQDBcjs.createHook.call(void 0, function useDialogDescription2(_a) {
+var useDialogDescription = _R2YVMKBRcjs.createHook.call(void 0, function useDialogDescription2(_a) {
   var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-  const setDescriptionId = _react.useContext.call(void 0, _GDEDCFNUcjs.DialogDescriptionContext);
-  const id = _TW3SFX4Ccjs.useId.call(void 0, props.id);
-  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  const setDescriptionId = _react.useContext.call(void 0, _ZPVTVHP7cjs.DialogDescriptionContext);
+  const id = _QFX6UW2Fcjs.useId.call(void 0, props.id);
+  _QFX6UW2Fcjs.useSafeLayoutEffect.call(void 0, () => {
     setDescriptionId == null ? void 0 : setDescriptionId(id);
     return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
   }, [setDescriptionId, id]);
@@ -33,9 +33,9 @@ var useDialogDescription = _NGD3IQDBcjs.createHook.call(void 0, function useDial
   }, props);
   return _misc.removeUndefinedValues.call(void 0, props);
 });
-var DialogDescription = _NGD3IQDBcjs.forwardRef.call(void 0, function DialogDescription2(props) {
+var DialogDescription = _R2YVMKBRcjs.forwardRef.call(void 0, function DialogDescription2(props) {
   const htmlProps = useDialogDescription(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{CJDHQUBR.cjs → U2WARLXR.cjs}

@@ -18,14 +18,17 @@ function isValidElementWithRef(element) {
     return false;
   if (!_react.isValidElement.call(void 0, element))
     return false;
-  if (!("ref" in element))
-    return false;
-  return true;
+  if ("ref" in element.props)
+    return true;
+  if ("ref" in element)
+    return true;
+  return false;
 }
 function getRefProperty(element) {
   if (!isValidElementWithRef(element))
     return null;
-  return element.ref;
+  const props = _AV6KTKLEcjs.__spreadValues.call(void 0, {}, element.props);
+  return props.ref || element.ref;
 }
 function mergeProps(base, overrides) {
   const props = _AV6KTKLEcjs.__spreadValues.call(void 0, {}, base);

package/cjs/__chunks/{UUJ5Q6IA.cjs → U5XLICWU.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 // src/dialog/utils/use-nested-dialogs.tsx
 
@@ -28,7 +28,7 @@ function useNestedDialogs(store) {
     },
     [context]
   );
-  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  _QFX6UW2Fcjs.useSafeLayoutEffect.call(void 0, () => {
     return _store.sync.call(void 0, store, ["open", "contentElement"], (state) => {
       var _a;
       if (!state.open)

package/cjs/__chunks/{YO7LLGVA.cjs → UGD3VGEV.cjs}

@@ -1,36 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _QUHFOHHTcjs = require('./QUHFOHHT.cjs');
+var _X7NPMBM4cjs = require('./X7NPMBM4.cjs');
 
 
-var _MVDQWSSVcjs = require('./MVDQWSSV.cjs');
+var _UN3ROHNJcjs = require('./UN3ROHNJ.cjs');
 
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
-// src/toolbar/toolbar-item.ts
+// src/toolbar/toolbar-item.tsx
 var TagName = "button";
-var useToolbarItem = _NGD3IQDBcjs.createHook.call(void 0, 
+var useToolbarItem = _R2YVMKBRcjs.createHook.call(void 0, 
   function useToolbarItem2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _MVDQWSSVcjs.useToolbarContext.call(void 0, );
+    const context = _UN3ROHNJcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _QUHFOHHTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _X7NPMBM4cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ToolbarItem = _NGD3IQDBcjs.memo.call(void 0, 
-  _NGD3IQDBcjs.forwardRef.call(void 0, function ToolbarItem2(props) {
+var ToolbarItem = _R2YVMKBRcjs.memo.call(void 0, 
+  _R2YVMKBRcjs.forwardRef.call(void 0, function ToolbarItem2(props) {
     const htmlProps = useToolbarItem(props);
-    return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+    return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{5CAFC273.cjs → UIOFNKIW.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _VPI3EKVYcjs = require('./VPI3EKVY.cjs');
+var _5J6PQR7Ocjs = require('./5J6PQR7O.cjs');
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 // src/tab/tab-context.tsx
-var ctx = _NGD3IQDBcjs.createStoreContext.call(void 0, 
-  [_VPI3EKVYcjs.CompositeContextProvider],
-  [_VPI3EKVYcjs.CompositeScopedContextProvider]
+var ctx = _R2YVMKBRcjs.createStoreContext.call(void 0, 
+  [_5J6PQR7Ocjs.CompositeContextProvider],
+  [_5J6PQR7Ocjs.CompositeScopedContextProvider]
 );
 var useTabContext = ctx.useContext;
 var useTabScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{MVDQWSSV.cjs → UN3ROHNJ.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _VPI3EKVYcjs = require('./VPI3EKVY.cjs');
+var _5J6PQR7Ocjs = require('./5J6PQR7O.cjs');
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 // src/toolbar/toolbar-context.tsx
-var ctx = _NGD3IQDBcjs.createStoreContext.call(void 0, 
-  [_VPI3EKVYcjs.CompositeContextProvider],
-  [_VPI3EKVYcjs.CompositeScopedContextProvider]
+var ctx = _R2YVMKBRcjs.createStoreContext.call(void 0, 
+  [_5J6PQR7Ocjs.CompositeContextProvider],
+  [_5J6PQR7Ocjs.CompositeScopedContextProvider]
 );
 var useToolbarContext = ctx.useContext;
 var useToolbarScopedContext = ctx.useScopedContext;