@ariakit/react-core 0.2.7 → 0.2.9

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @ariakit/react-core
 
+## 0.2.9
+
+### Patch Changes
+
+- Added new `disclosure` prop to the `Disclosure` store. ([#2518](https://github.com/ariakit/ariakit/pull/2518))
+
+- Fixed `Focusable` not receiving focus when rendered as a native button on Safari. ([#2534](https://github.com/ariakit/ariakit/pull/2534))
+
+- Fixed `Dialog` with `preventBodyScroll` set to `true` (default) not preventing body scroll on nested animated dialogs. ([#2534](https://github.com/ariakit/ariakit/pull/2534))
+
+- Updated dependencies: `@ariakit/core@0.2.5`.
+
+## 0.2.8
+
+### Patch Changes
+
+- Added `isValidElementWithRef` function to `@ariakit/react-core/utils/misc`. ([#2486](https://github.com/ariakit/ariakit/pull/2486))
+
+- Added `getRefProperty` function to `@ariakit/react-core/utils/misc`. ([#2486](https://github.com/ariakit/ariakit/pull/2486))
+
+- Added `mergeProps` function to `@ariakit/react-core/utils/misc`. ([#2486](https://github.com/ariakit/ariakit/pull/2486))
+
+- Renamed `useForkRef` to `useMergeRefs`. ([#2486](https://github.com/ariakit/ariakit/pull/2486))
+
+- The `render` prop now supports a `ReactElement` as a value. See the [Composition](https://ariakit.org/guide/composition) guide for more information. ([#2486](https://github.com/ariakit/ariakit/pull/2486))
+
 ## 0.2.7
 
 ### Patch Changes

package/cjs/__chunks/2KYUOSJ4.cjs

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
+
+// src/utils/misc.ts
+var _react = require('react');
+var _misc = require('@ariakit/core/utils/misc');
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+function isValidElementWithRef(element) {
+  if (!element)
+    return false;
+  if (!_react.isValidElement.call(void 0, element))
+    return false;
+  if (!("ref" in element))
+    return false;
+  return true;
+}
+function getRefProperty(element) {
+  if (!isValidElementWithRef(element))
+    return null;
+  return element.ref;
+}
+function mergeProps(base, overrides) {
+  const props = _6455U47Tcjs.__spreadValues.call(void 0, {}, base);
+  for (const key in overrides) {
+    if (!_misc.hasOwnProperty.call(void 0, overrides, key))
+      continue;
+    if (key === "className") {
+      const prop = "className";
+      props[prop] = base[prop] ? `${base[prop]} ${overrides[prop]}` : overrides[prop];
+      continue;
+    }
+    if (key === "style") {
+      const prop = "style";
+      props[prop] = base[prop] ? _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, base[prop]), overrides[prop]) : overrides[prop];
+      continue;
+    }
+    const overrideValue = overrides[key];
+    if (typeof overrideValue === "function" && key.startsWith("on")) {
+      const baseValue = base[key];
+      if (typeof baseValue === "function") {
+        props[key] = (...args) => {
+          overrideValue(...args);
+          baseValue(...args);
+        };
+        continue;
+      }
+    }
+    props[key] = overrideValue;
+  }
+  return props;
+}
+
+
+
+
+
+
+exports.setRef = setRef; exports.isValidElementWithRef = isValidElementWithRef; exports.getRefProperty = getRefProperty; exports.mergeProps = mergeProps;

package/cjs/__chunks/{NEHIVLGL.cjs → 364WU3DX.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _3ZQN2EZTcjs = require('./3ZQN2EZT.cjs');
+var _G2UKCWYOcjs = require('./G2UKCWYO.cjs');
 
 
-var _2FJ6ZUEIcjs = require('./2FJ6ZUEI.cjs');
+var _B4IMQMNPcjs = require('./B4IMQMNP.cjs');
 
 
 var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
@@ -11,11 +11,11 @@ var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -24,15 +24,15 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/popover/popover-disclosure.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var usePopoverDisclosure = _5U7AP6Y2cjs.createHook.call(void 0, 
+var usePopoverDisclosure = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     const onClickProp = props.onClick;
-    const onClick = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onClick = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       store.setAnchorElement(event.currentTarget);
       onClickProp == null ? void 0 : onClickProp(event);
     });
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W5PBA4D6cjs.PopoverContext.Provider, { value: store, children: element }),
       [store]
@@ -40,15 +40,15 @@ var usePopoverDisclosure = _5U7AP6Y2cjs.createHook.call(void 0,
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
       onClick
     });
-    props = _2FJ6ZUEIcjs.usePopoverAnchor.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
-    props = _3ZQN2EZTcjs.useDialogDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _B4IMQMNPcjs.usePopoverAnchor.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _G2UKCWYOcjs.useDialogDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var PopoverDisclosure = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var PopoverDisclosure = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = usePopoverDisclosure(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "button", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{E33OSNZR.cjs → 4AQRNZQ7.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _VYKCWICKcjs = require('./VYKCWICK.cjs');
+var _ZKPH2VTWcjs = require('./ZKPH2VTW.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/focus-trap/focus-trap.ts
-var useFocusTrap = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
+var useFocusTrap = _O3Z4C76Tcjs.createHook.call(void 0, (props) => {
   props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
     "data-focus-trap": "",
     tabIndex: 0,
@@ -25,12 +25,12 @@ var useFocusTrap = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
       left: 0
     }, props.style)
   });
-  props = _VYKCWICKcjs.useVisuallyHidden.call(void 0, props);
+  props = _ZKPH2VTWcjs.useVisuallyHidden.call(void 0, props);
   return props;
 });
-var FocusTrap = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var FocusTrap = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useFocusTrap(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "span", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "span", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FocusTrap.displayName = "FocusTrap";

package/cjs/__chunks/4CQBSK3W.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
+
+// src/dialog/utils/use-root-dialog.ts
+var _react = require('react');
+var _dom = require('@ariakit/core/utils/dom');
+var _reactdom = require('react-dom');
+function useRootDialog({
+  attribute,
+  contentId,
+  contentElement,
+  enabled
+}) {
+  const [updated, retry] = _FHX4GO67cjs.useForceUpdate.call(void 0, );
+  const isRootDialog = _react.useCallback.call(void 0, () => {
+    if (!enabled)
+      return false;
+    if (!contentElement)
+      return false;
+    const { body } = _dom.getDocument.call(void 0, contentElement);
+    const id = body.getAttribute(attribute);
+    return !id || id === contentId;
+  }, [updated, enabled, contentElement, attribute, contentId]);
+  _react.useEffect.call(void 0, () => {
+    if (!enabled)
+      return;
+    if (!contentId)
+      return;
+    if (!contentElement)
+      return;
+    const { body } = _dom.getDocument.call(void 0, contentElement);
+    if (isRootDialog()) {
+      body.setAttribute(attribute, contentId);
+      return () => body.removeAttribute(attribute);
+    }
+    const observer = new MutationObserver(() => _reactdom.flushSync.call(void 0, retry));
+    observer.observe(body, { attributeFilter: [attribute] });
+    return () => observer.disconnect();
+  }, [updated, enabled, contentId, contentElement, isRootDialog, attribute]);
+  return isRootDialog;
+}
+
+
+
+exports.useRootDialog = useRootDialog;

package/cjs/__chunks/{DW4GICIN.cjs → 4D7KCBQD.cjs}

@@ -5,7 +5,7 @@ var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
@@ -22,7 +22,7 @@ var pointsMap = {
   bottom: "4,6 8,10 12,6",
   left: "10,4 6,8 10,12"
 };
-var usePopoverDisclosureArrow = _5U7AP6Y2cjs.createHook.call(void 0, 
+var usePopoverDisclosureArrow = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, placement } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "placement"]);
     const context = _react.useContext.call(void 0, _W5PBA4D6cjs.PopoverContext);
@@ -65,9 +65,9 @@ var usePopoverDisclosureArrow = _5U7AP6Y2cjs.createHook.call(void 0,
     return props;
   }
 );
-var PopoverDisclosureArrow = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var PopoverDisclosureArrow = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = usePopoverDisclosureArrow(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "span", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "span", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   PopoverDisclosureArrow.displayName = "PopoverDisclosureArrow";

package/cjs/__chunks/{UUTPFHTK.cjs → 4JALWV3V.cjs}

@@ -5,10 +5,10 @@ var _K56WQU76cjs = require('./K56WQU76.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
@@ -16,9 +16,9 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/group/group.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var useGroup = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
+var useGroup = _O3Z4C76Tcjs.createHook.call(void 0, (props) => {
   const [labelId, setLabelId] = _react.useState.call(void 0, );
-  props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+  props = _FHX4GO67cjs.useWrapElement.call(void 0, 
     props,
     (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _K56WQU76cjs.GroupLabelContext.Provider, { value: setLabelId, children: element }),
     []
@@ -29,9 +29,9 @@ var useGroup = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   }, props);
   return props;
 });
-var Group = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var Group = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useGroup(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Group.displayName = "Group";

package/cjs/__chunks/{4AU4RS63.cjs → 6AEXHJIC.cjs}

@@ -5,21 +5,21 @@ var _K56WQU76cjs = require('./K56WQU76.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/group/group-label.ts
 var _react = require('react');
-var useGroupLabel = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
+var useGroupLabel = _O3Z4C76Tcjs.createHook.call(void 0, (props) => {
   const setLabelId = _react.useContext.call(void 0, _K56WQU76cjs.GroupLabelContext);
-  const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
-  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
+  const id = _FHX4GO67cjs.useId.call(void 0, props.id);
+  _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
     setLabelId == null ? void 0 : setLabelId(id);
     return () => setLabelId == null ? void 0 : setLabelId(void 0);
   }, [setLabelId, id]);
@@ -29,9 +29,9 @@ var useGroupLabel = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   }, props);
   return props;
 });
-var GroupLabel = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var GroupLabel = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useGroupLabel(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   GroupLabel.displayName = "GroupLabel";

package/cjs/__chunks/{EB6EBH7V.cjs → 6GU25WKL.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _7BYVU5SZcjs = require('./7BYVU5SZ.cjs');
+var _6WLP7YXFcjs = require('./6WLP7YXF.cjs');
 
 
-var _N56WBDNXcjs = require('./N56WBDNX.cjs');
+var _VQHQDEFPcjs = require('./VQHQDEFP.cjs');
 
 
 
@@ -18,10 +18,10 @@ var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
-var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
+var _C5W4YO2Wcjs = require('./C5W4YO2W.cjs');
 
 
 
@@ -29,7 +29,7 @@ var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -113,7 +113,7 @@ function targetIsAnotherItem(event, store) {
 function useRole(ref, props) {
   const roleProp = props.role;
   const [role, setRole] = _react.useState.call(void 0, roleProp);
-  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
+  _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
     const element = ref.current;
     if (!element)
       return;
@@ -141,7 +141,7 @@ function supportsAriaSelected(role) {
     return true;
   return false;
 }
-var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -158,10 +158,10 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
     ]);
     const context = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeContext);
     store = store || context;
-    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+    const id = _FHX4GO67cjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
     const row = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeRowContext);
-    const rowId = _3YYDY5FNcjs.useStoreState.call(void 0, store, (state) => {
+    const rowId = _C5W4YO2Wcjs.useStoreState.call(void 0, store, (state) => {
       if (rowIdProp)
         return rowIdProp;
       if (!(row == null ? void 0 : row.baseElement))
@@ -187,7 +187,7 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
     );
     const onFocusProp = props.onFocus;
     const hasFocusedComposite = _react.useRef.call(void 0, false);
-    const onFocus = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onFocus = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
@@ -220,7 +220,7 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
       }
     });
     const onBlurCaptureProp = props.onBlurCapture;
-    const onBlurCapture = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onBlurCapture = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
       if (event.defaultPrevented)
         return;
@@ -232,9 +232,9 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
       }
     });
     const onKeyDownProp = props.onKeyDown;
-    const preventScrollOnKeyDownProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, preventScrollOnKeyDown);
-    const moveOnKeyPressProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    const onKeyDown = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const preventScrollOnKeyDownProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, preventScrollOnKeyDown);
+    const moveOnKeyPressProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, moveOnKeyPress);
+    const onKeyDown = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -283,7 +283,7 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
         }
       }
     });
-    const baseElement = _3YYDY5FNcjs.useStoreState.call(void 0, 
+    const baseElement = _C5W4YO2Wcjs.useStoreState.call(void 0, 
       store,
       (state) => state.baseElement || void 0
     );
@@ -291,14 +291,14 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
       () => ({ id, baseElement }),
       [id, baseElement]
     );
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NVMBKFRBcjs.CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = _3YYDY5FNcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
+    const isActiveItem = _C5W4YO2Wcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
     const role = useRole(ref, props);
-    const virtualFocus = _3YYDY5FNcjs.useStoreState.call(void 0, store, "virtualFocus");
+    const virtualFocus = _C5W4YO2Wcjs.useStoreState.call(void 0, store, "virtualFocus");
     let ariaSelected;
     if (isActiveItem) {
       if (requiresAriaSelected(role)) {
@@ -307,7 +307,7 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
         ariaSelected = true;
       }
     }
-    const shouldTabIndex = _3YYDY5FNcjs.useStoreState.call(void 0, 
+    const shouldTabIndex = _C5W4YO2Wcjs.useStoreState.call(void 0, 
       store,
       (state) => !state.virtualFocus && isActiveItem
     );
@@ -316,14 +316,14 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
       "aria-selected": ariaSelected,
       "data-active-item": isActiveItem ? "" : void 0
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref),
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref),
       tabIndex: shouldTabIndex !== false ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,
       onKeyDown
     });
-    props = _7BYVU5SZcjs.useCommand.call(void 0, props);
-    props = _N56WBDNXcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _6WLP7YXFcjs.useCommand.call(void 0, props);
+    props = _VQHQDEFPcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,
@@ -332,10 +332,10 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
     return props;
   }
 );
-var CompositeItem = _5U7AP6Y2cjs.createMemoComponent.call(void 0, 
+var CompositeItem = _O3Z4C76Tcjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeItem(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "button", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{7BYVU5SZ.cjs → 6WLP7YXF.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _SZ6M66IFcjs = require('./SZ6M66IF.cjs');
+var _FIEVSSEVcjs = require('./FIEVSSEV.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -38,11 +38,11 @@ function isNativeClick(event) {
   }
   return false;
 }
-var useCommand = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useCommand = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { clickOnEnter = true, clickOnSpace = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["clickOnEnter", "clickOnSpace"]);
     const ref = _react.useRef.call(void 0, null);
-    const tagName = _K4FBPMJ3cjs.useTagName.call(void 0, ref, props.as);
+    const tagName = _FHX4GO67cjs.useTagName.call(void 0, ref, props.as);
     const type = props.type;
     const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
       () => !!tagName && _dom.isButton.call(void 0, { tagName, type })
@@ -56,7 +56,7 @@ var useCommand = _5U7AP6Y2cjs.createHook.call(void 0,
     const activeRef = _react.useRef.call(void 0, false);
     const isDuplicate = "data-command" in props;
     const onKeyDownProp = props.onKeyDown;
-    const onKeyDown = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onKeyDown = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       const element = event.currentTarget;
       if (event.defaultPrevented)
@@ -102,7 +102,7 @@ var useCommand = _5U7AP6Y2cjs.createHook.call(void 0,
       }
     });
     const onKeyUpProp = props.onKeyUp;
-    const onKeyUp = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onKeyUp = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onKeyUpProp == null ? void 0 : onKeyUpProp(event);
       if (event.defaultPrevented)
         return;
@@ -128,17 +128,17 @@ var useCommand = _5U7AP6Y2cjs.createHook.call(void 0,
       "data-active": active ? "" : void 0,
       type: isNativeButton ? "button" : void 0
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref),
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref),
       onKeyDown,
       onKeyUp
     });
-    props = _SZ6M66IFcjs.useFocusable.call(void 0, props);
+    props = _FIEVSSEVcjs.useFocusable.call(void 0, props);
     return props;
   }
 );
-var Command = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var Command = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   props = useCommand(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "button", props);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "button", props);
 });
 if (process.env.NODE_ENV !== "production") {
   Command.displayName = "Command";