@ariakit/react-core 0.4.5 → 0.4.7

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

@@ -1,30 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _4LPJTV22cjs = require('./4LPJTV22.cjs');
+var _B37P2XPZcjs = require('./B37P2XPZ.cjs');
 
 
 
-var _HZDOLHROcjs = require('./HZDOLHRO.cjs');
 
+var _FKEHXOZHcjs = require('./FKEHXOZH.cjs');
 
-var _EKW5CERCcjs = require('./EKW5CERC.cjs');
 
+var _ZWJIMANMcjs = require('./ZWJIMANM.cjs');
 
-var _7CYY7U2Acjs = require('./7CYY7U2A.cjs');
 
+var _EEY4ZWA3cjs = require('./EEY4ZWA3.cjs');
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
+var _Q3R7NEK6cjs = require('./Q3R7NEK6.cjs');
 
 
 
 
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+
+
+var _IZ2J6IIQcjs = require('./IZ2J6IIQ.cjs');
 
 
 
@@ -32,12 +34,13 @@ var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/select/select-list.tsx
-var _react = require('react');
 var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
+var _react = require('react');
 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 = _Q3R7NEK6cjs.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 = _FKEHXOZHcjs.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 = _IZ2J6IIQcjs.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 = _IZ2J6IIQcjs.useBooleanEvent.call(void 0, resetOnEscape);
+    const hideOnEnterProp = _IZ2J6IIQcjs.useBooleanEvent.call(void 0, hideOnEnter);
+    const onKeyDown = _IZ2J6IIQcjs.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, _FKEHXOZHcjs.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 = _IZ2J6IIQcjs.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, _FKEHXOZHcjs.SelectScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectListContext.Provider, { value: setChildStore, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FKEHXOZHcjs.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] = _IZ2J6IIQcjs.useTransactionState.call(void 0, 
+      composite ? store.setListElement : null
+    );
+    const role = _IZ2J6IIQcjs.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 = _EEY4ZWA3cjs.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: _IZ2J6IIQcjs.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 = _ZWJIMANMcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { composite }));
+    props = _B37P2XPZcjs.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 = _Q3R7NEK6cjs.forwardRef.call(void 0, function SelectList2(props) {
   const htmlProps = useSelectList(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _Q3R7NEK6cjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{DFXPO2ED.cjs → OX5LLZZB.cjs}

@@ -1,36 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LOROMCW2cjs = require('./LOROMCW2.cjs');
+var _K3BALMJMcjs = require('./K3BALMJM.cjs');
 
 
-var _MNMEDFSMcjs = require('./MNMEDFSM.cjs');
+var _JY4FTKAQcjs = require('./JY4FTKAQ.cjs');
 
 
-var _Q6QJEXBKcjs = require('./Q6QJEXBK.cjs');
+var _3VKSP77Vcjs = require('./3VKSP77V.cjs');
 
 
-var _3HMQOCLFcjs = require('./3HMQOCLF.cjs');
+var _QHEY2OM5cjs = require('./QHEY2OM5.cjs');
 
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _Q3R7NEK6cjs = require('./Q3R7NEK6.cjs');
 
 
-var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
+var _T6EOHNY7cjs = require('./T6EOHNY7.cjs');
 
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _IZ2J6IIQcjs = require('./IZ2J6IIQ.cjs');
 
 
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
-// src/menu/menu-item.ts
+// src/menu/menu-item.tsx
 var _dom = require('@ariakit/core/utils/dom');
 var _events = require('@ariakit/core/utils/events');
 var _focus = require('@ariakit/core/utils/focus');
@@ -59,7 +59,7 @@ function menuHasFocus(baseElement, items, currentTarget) {
     return true;
   return !!expandedMenu.querySelector("[role=menuitem][aria-expanded=true]");
 }
-var useMenuItem = _NGD3IQDBcjs.createHook.call(void 0, 
+var useMenuItem = _Q3R7NEK6cjs.createHook.call(void 0, 
   function useMenuItem2(_a) {
     var _b = _a, {
       store,
@@ -74,18 +74,18 @@ var useMenuItem = _NGD3IQDBcjs.createHook.call(void 0,
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const menuContext = _LOROMCW2cjs.useMenuScopedContext.call(void 0, true);
-    const menubarContext = _MNMEDFSMcjs.useMenubarScopedContext.call(void 0, );
+    const menuContext = _K3BALMJMcjs.useMenuScopedContext.call(void 0, true);
+    const menubarContext = _JY4FTKAQcjs.useMenubarScopedContext.call(void 0, );
     store = store || menuContext || menubarContext;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
     );
     const onClickProp = props.onClick;
-    const hideOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, hideOnClick);
+    const hideOnClickProp = _IZ2J6IIQcjs.useBooleanEvent.call(void 0, hideOnClick);
     const hideMenu = "hideAll" in store ? store.hideAll : void 0;
     const isWithinMenu = !!hideMenu;
-    const onClick = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
+    const onClick = _IZ2J6IIQcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -102,7 +102,7 @@ var useMenuItem = _NGD3IQDBcjs.createHook.call(void 0,
         return;
       hideMenu();
     });
-    const contentElement = _GXMZA6DTcjs.useStoreState.call(void 0, 
+    const contentElement = _T6EOHNY7cjs.useStoreState.call(void 0, 
       store,
       (state) => "contentElement" in state ? state.contentElement : null
     );
@@ -112,11 +112,11 @@ var useMenuItem = _NGD3IQDBcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _3HMQOCLFcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _QHEY2OM5cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       preventScrollOnKeyDown
     }, props));
-    props = _Q6QJEXBKcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _3VKSP77Vcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       focusOnHover(event) {
@@ -155,10 +155,10 @@ var useMenuItem = _NGD3IQDBcjs.createHook.call(void 0,
     return props;
   }
 );
-var MenuItem = _NGD3IQDBcjs.memo.call(void 0, 
-  _NGD3IQDBcjs.forwardRef.call(void 0, function MenuItem2(props) {
+var MenuItem = _Q3R7NEK6cjs.memo.call(void 0, 
+  _Q3R7NEK6cjs.forwardRef.call(void 0, function MenuItem2(props) {
     const htmlProps = useMenuItem(props);
-    return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+    return _Q3R7NEK6cjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{NGD3IQDB.cjs → Q3R7NEK6.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 _IZ2J6IIQcjs = require('./IZ2J6IIQ.cjs');
 
 
 
-var _CJDHQUBRcjs = require('./CJDHQUBR.cjs');
+var _I4MVAAJPcjs = require('./I4MVAAJP.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 = _IZ2J6IIQcjs.useMergeRefs.call(void 0, props.ref, _I4MVAAJPcjs.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, _I4MVAAJPcjs.mergeProps.call(void 0, rest, renderProps));
   } else if (render) {
     element = render(rest);
   } else {

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

@@ -1,30 +1,30 @@
 "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 _Q3R7NEK6cjs = require('./Q3R7NEK6.cjs');
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _IZ2J6IIQcjs = require('./IZ2J6IIQ.cjs');
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/group/group.tsx
-var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
+var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useGroup = _NGD3IQDBcjs.createHook.call(void 0, 
+var useGroup = _Q3R7NEK6cjs.createHook.call(void 0, 
   function useGroup2(props) {
     const [labelId, setLabelId] = _react.useState.call(void 0, );
-    props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
+    props = _IZ2J6IIQcjs.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 = _Q3R7NEK6cjs.forwardRef.call(void 0, function Group2(props) {
   const htmlProps = useGroup(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _Q3R7NEK6cjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{3HMQOCLF.cjs → QHEY2OM5.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _HD5AHCRIcjs = require('./HD5AHCRI.cjs');
+var _DQCMG5NYcjs = require('./DQCMG5NY.cjs');
 
 
-var _U4NXCMZ3cjs = require('./U4NXCMZ3.cjs');
+var _ALRD57MKcjs = require('./ALRD57MK.cjs');
 
 
 
@@ -15,16 +15,16 @@ var _6ZZYUFPWcjs = require('./6ZZYUFPW.cjs');
 
 
 
-var _VPI3EKVYcjs = require('./VPI3EKVY.cjs');
+var _QKQVW2OLcjs = require('./QKQVW2OL.cjs');
 
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _Q3R7NEK6cjs = require('./Q3R7NEK6.cjs');
 
 
-var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
+var _T6EOHNY7cjs = require('./T6EOHNY7.cjs');
 
 
 
@@ -32,7 +32,7 @@ var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
 
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _IZ2J6IIQcjs = require('./IZ2J6IIQ.cjs');
 
 
 
@@ -40,7 +40,6 @@ var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/composite/composite-item.tsx
-var _react = require('react');
 
 
 
@@ -54,6 +53,8 @@ var _events = require('@ariakit/core/utils/events');
 
 
 var _misc = require('@ariakit/core/utils/misc');
+var _platform = require('@ariakit/core/utils/platform');
+var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "button";
 function isEditableElement(element) {
@@ -122,7 +123,7 @@ function targetIsAnotherItem(event, store) {
 function useRole(ref, props) {
   const roleProp = props.role;
   const [role, setRole] = _react.useState.call(void 0, roleProp);
-  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  _IZ2J6IIQcjs.useSafeLayoutEffect.call(void 0, () => {
     const element = ref.current;
     if (!element)
       return;
@@ -150,7 +151,7 @@ function supportsAriaSelected(role) {
     return true;
   return false;
 }
-var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0, 
+var useCompositeItem = _Q3R7NEK6cjs.createHook.call(void 0, 
   function useCompositeItem2(_a) {
     var _b = _a, {
       store,
@@ -171,12 +172,12 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
       "aria-setsize",
       "aria-posinset"
     ]);
-    const context = _VPI3EKVYcjs.useCompositeContext.call(void 0, );
+    const context = _QKQVW2OLcjs.useCompositeContext.call(void 0, );
     store = store || context;
-    const id = _TW3SFX4Ccjs.useId.call(void 0, props.id);
+    const id = _IZ2J6IIQcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
-    const row = _react.useContext.call(void 0, _VPI3EKVYcjs.CompositeRowContext);
-    const rowId = _GXMZA6DTcjs.useStoreState.call(void 0, store, (state) => {
+    const row = _react.useContext.call(void 0, _QKQVW2OLcjs.CompositeRowContext);
+    const rowId = _T6EOHNY7cjs.useStoreState.call(void 0, store, (state) => {
       if (rowIdProp)
         return rowIdProp;
       if (!state)
@@ -205,7 +206,7 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
     );
     const onFocusProp = props.onFocus;
     const hasFocusedComposite = _react.useRef.call(void 0, false);
-    const onFocus = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
+    const onFocus = _IZ2J6IIQcjs.useEvent.call(void 0, (event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
@@ -230,6 +231,12 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
         return;
       if (!(baseElement2 == null ? void 0 : baseElement2.isConnected))
         return;
+      if (_platform.isSafari.call(void 0, ) && event.currentTarget.hasAttribute("data-autofocus")) {
+        event.currentTarget.scrollIntoView({
+          block: "nearest",
+          inline: "nearest"
+        });
+      }
       hasFocusedComposite.current = true;
       const fromComposite = event.relatedTarget === baseElement2 || _6ZZYUFPWcjs.isItem.call(void 0, store, event.relatedTarget);
       if (fromComposite) {
@@ -239,7 +246,7 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
       }
     });
     const onBlurCaptureProp = props.onBlurCapture;
-    const onBlurCapture = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
+    const onBlurCapture = _IZ2J6IIQcjs.useEvent.call(void 0, (event) => {
       onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
       if (event.defaultPrevented)
         return;
@@ -251,9 +258,9 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
       }
     });
     const onKeyDownProp = props.onKeyDown;
-    const preventScrollOnKeyDownProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, preventScrollOnKeyDown);
-    const moveOnKeyPressProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    const onKeyDown = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
+    const preventScrollOnKeyDownProp = _IZ2J6IIQcjs.useBooleanEvent.call(void 0, preventScrollOnKeyDown);
+    const moveOnKeyPressProp = _IZ2J6IIQcjs.useBooleanEvent.call(void 0, moveOnKeyPress);
+    const onKeyDown = _IZ2J6IIQcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -330,7 +337,7 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
         }
       }
     });
-    const baseElement = _GXMZA6DTcjs.useStoreState.call(void 0, 
+    const baseElement = _T6EOHNY7cjs.useStoreState.call(void 0, 
       store,
       (state) => (state == null ? void 0 : state.baseElement) || void 0
     );
@@ -338,16 +345,16 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
       () => ({ id, baseElement }),
       [id, baseElement]
     );
-    props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
+    props = _IZ2J6IIQcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VPI3EKVYcjs.CompositeItemContext.Provider, { value: providerValue, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QKQVW2OLcjs.CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = _GXMZA6DTcjs.useStoreState.call(void 0, 
+    const isActiveItem = _T6EOHNY7cjs.useStoreState.call(void 0, 
       store,
       (state) => !!state && state.activeId === id
     );
-    const virtualFocus = _GXMZA6DTcjs.useStoreState.call(void 0, store, "virtualFocus");
+    const virtualFocus = _T6EOHNY7cjs.useStoreState.call(void 0, store, "virtualFocus");
     const role = useRole(ref, props);
     let ariaSelected;
     if (isActiveItem) {
@@ -357,7 +364,7 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
         ariaSelected = true;
       }
     }
-    const ariaSetSize = _GXMZA6DTcjs.useStoreState.call(void 0, store, (state) => {
+    const ariaSetSize = _T6EOHNY7cjs.useStoreState.call(void 0, store, (state) => {
       if (ariaSetSizeProp != null)
         return ariaSetSizeProp;
       if (!state)
@@ -368,7 +375,7 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
         return;
       return row.ariaSetSize;
     });
-    const ariaPosInSet = _GXMZA6DTcjs.useStoreState.call(void 0, store, (state) => {
+    const ariaPosInSet = _T6EOHNY7cjs.useStoreState.call(void 0, store, (state) => {
       if (ariaPosInSetProp != null)
         return ariaPosInSetProp;
       if (!state)
@@ -382,7 +389,7 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
       );
       return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
     });
-    const isTabbable = _GXMZA6DTcjs.useStoreState.call(void 0, store, (state) => {
+    const isTabbable = _T6EOHNY7cjs.useStoreState.call(void 0, store, (state) => {
       if (!(state == null ? void 0 : state.renderedItems.length))
         return true;
       if (state.virtualFocus)
@@ -396,18 +403,18 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
       "aria-selected": ariaSelected,
       "data-active-item": isActiveItem || void 0
     }, props), {
-      ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _IZ2J6IIQcjs.useMergeRefs.call(void 0, ref, props.ref),
       tabIndex: isTabbable ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,
       onKeyDown
     });
-    props = _U4NXCMZ3cjs.useCommand.call(void 0, props);
-    props = _HD5AHCRIcjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _ALRD57MKcjs.useCommand.call(void 0, props);
+    props = _DQCMG5NYcjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,
-      shouldRegisterItem: !!id ? props.shouldRegisterItem : false
+      shouldRegisterItem: id ? props.shouldRegisterItem : false
     }));
     return _misc.removeUndefinedValues.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       "aria-setsize": ariaSetSize,
@@ -415,10 +422,10 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
     }));
   }
 );
-var CompositeItem = _NGD3IQDBcjs.memo.call(void 0, 
-  _NGD3IQDBcjs.forwardRef.call(void 0, function CompositeItem2(props) {
+var CompositeItem = _Q3R7NEK6cjs.memo.call(void 0, 
+  _Q3R7NEK6cjs.forwardRef.call(void 0, function CompositeItem2(props) {
     const htmlProps = useCompositeItem(props);
-    return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+    return _Q3R7NEK6cjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{VPI3EKVY.cjs → QKQVW2OL.cjs}

@@ -2,16 +2,16 @@
 
 
 
-var _NEK2UEJNcjs = require('./NEK2UEJN.cjs');
+var _XL63LIJ7cjs = require('./XL63LIJ7.cjs');
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _Q3R7NEK6cjs = require('./Q3R7NEK6.cjs');
 
 // src/composite/composite-context.tsx
 var _react = require('react');
-var ctx = _NGD3IQDBcjs.createStoreContext.call(void 0, 
-  [_NEK2UEJNcjs.CollectionContextProvider],
-  [_NEK2UEJNcjs.CollectionScopedContextProvider]
+var ctx = _Q3R7NEK6cjs.createStoreContext.call(void 0, 
+  [_XL63LIJ7cjs.CollectionContextProvider],
+  [_XL63LIJ7cjs.CollectionScopedContextProvider]
 );
 var useCompositeContext = ctx.useContext;
 var useCompositeScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{AXNMZ6L6.cjs → QZTEAIEB.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LLMPAMXIcjs = require('./LLMPAMXI.cjs');
+var _6FPOXFLOcjs = require('./6FPOXFLO.cjs');
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _Q3R7NEK6cjs = require('./Q3R7NEK6.cjs');
 
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
-// src/focus-trap/focus-trap.ts
+// src/focus-trap/focus-trap.tsx
 var TagName = "span";
-var useFocusTrap = _NGD3IQDBcjs.createHook.call(void 0, 
+var useFocusTrap = _Q3R7NEK6cjs.createHook.call(void 0, 
   function useFocusTrap2(props) {
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "data-focus-trap": "",
@@ -28,13 +28,13 @@ var useFocusTrap = _NGD3IQDBcjs.createHook.call(void 0,
         left: 0
       }, props.style)
     });
-    props = _LLMPAMXIcjs.useVisuallyHidden.call(void 0, props);
+    props = _6FPOXFLOcjs.useVisuallyHidden.call(void 0, props);
     return props;
   }
 );
-var FocusTrap = _NGD3IQDBcjs.forwardRef.call(void 0, function FocusTrap2(props) {
+var FocusTrap = _Q3R7NEK6cjs.forwardRef.call(void 0, function FocusTrap2(props) {
   const htmlProps = useFocusTrap(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _Q3R7NEK6cjs.createElement.call(void 0, TagName, htmlProps);
 });