@ariakit/react-core 0.2.6 → 0.2.8

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @ariakit/react-core
 
+## 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
+
+- Fixed deeply nested `Dialog` not removing the `inert` attribute from elements outside when closed. ([#2507](https://github.com/ariakit/ariakit/pull/2507))
+
 ## 0.2.6
 
 ### 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/{GBEGIHKI.cjs → 3VAV4ULL.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _URXOWQSRcjs = require('./URXOWQSR.cjs');
+var _TO7FN64Ncjs = require('./TO7FN64N.cjs');
 
 
 var _RCGSDYWJcjs = require('./RCGSDYWJ.cjs');
 
 
-var _JY7TQ7AIcjs = require('./JY7TQ7AI.cjs');
+var _QUOAEQQ7cjs = require('./QUOAEQQ7.cjs');
 
 
-var _5YBLVTWKcjs = require('./5YBLVTWK.cjs');
+var _RQ3E2DZBcjs = require('./RQ3E2DZB.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
@@ -22,7 +22,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -33,7 +33,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var _react = require('react');
 var _events = require('@ariakit/core/utils/events');
 var _jsxruntime = require('react/jsx-runtime');
-var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useSelectList = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -51,7 +51,7 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
       "alwaysVisible"
     ]);
     const ref = _react.useRef.call(void 0, null);
-    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+    const id = _FHX4GO67cjs.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);
@@ -63,9 +63,9 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
     }, [mounted, value]);
     resetOnEscape = resetOnEscape && !multiSelectable;
     const onKeyDownProp = props.onKeyDown;
-    const resetOnEscapeProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, resetOnEscape);
-    const hideOnEnterProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, hideOnEnter);
-    const onKeyDown = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const resetOnEscapeProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, resetOnEscape);
+    const hideOnEnterProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, hideOnEnter);
+    const onKeyDown = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -79,7 +79,7 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
         }
       }
     });
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RCGSDYWJcjs.SelectContext.Provider, { value: store, children: element }),
       [store]
@@ -93,10 +93,10 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
     if (composite) {
       props = _6455U47Tcjs.__spreadValues.call(void 0, { role: "listbox" }, props);
     }
-    const role = _K4FBPMJ3cjs.useAttribute.call(void 0, ref, "role", props.role);
+    const role = _FHX4GO67cjs.useAttribute.call(void 0, ref, "role", props.role);
     const isCompositeRole = role === "listbox" || role === "menu" || role === "tree" || role === "grid";
     const ariaMultiSelectable = composite || isCompositeRole ? multiSelectable || void 0 : void 0;
-    const hidden = _5YBLVTWKcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _RQ3E2DZBcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       id,
@@ -104,26 +104,26 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
       "aria-multiselectable": ariaMultiSelectable,
       hidden
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, id ? store.setContentElement : null, ref, props.ref),
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
       style,
       onKeyDown
     });
     const canFocusOnMove = store.useState(
       (state) => state.open && !state.animating && focusOnMove
     );
-    props = _JY7TQ7AIcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _QUOAEQQ7cjs.useComposite.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       composite,
       focusOnMove: canFocusOnMove
     }));
-    props = _URXOWQSRcjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
+    props = _TO7FN64Ncjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }
 );
-var SelectList = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var SelectList = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectList(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectList.displayName = "SelectList";

package/cjs/__chunks/{HQ752MBM.cjs → 47DEI3MG.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _SZ6M66IFcjs = require('./SZ6M66IF.cjs');
+var _AYLR4G5Icjs = require('./AYLR4G5I.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -21,7 +21,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/hovercard/hovercard-anchor.ts
 var _react = require('react');
 var _events = require('@ariakit/core/utils/events');
-var useHovercardAnchor = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useHovercardAnchor = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, showOnHover = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "showOnHover"]);
     const disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
@@ -40,9 +40,9 @@ var useHovercardAnchor = _5U7AP6Y2cjs.createHook.call(void 0,
       return _events.addGlobalEventListener.call(void 0, "mouseleave", onMouseLeave, true);
     }, [store]);
     const onMouseMoveProp = props.onMouseMove;
-    const showOnHoverProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, showOnHover);
-    const isMouseMoving = _K4FBPMJ3cjs.useIsMouseMoving.call(void 0, );
-    const onMouseMove = _K4FBPMJ3cjs.useEvent.call(void 0, 
+    const showOnHoverProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, showOnHover);
+    const isMouseMoving = _FHX4GO67cjs.useIsMouseMoving.call(void 0, );
+    const onMouseMove = _FHX4GO67cjs.useEvent.call(void 0, 
       (event) => {
         store.setAnchorElement(event.currentTarget);
         onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
@@ -66,17 +66,17 @@ var useHovercardAnchor = _5U7AP6Y2cjs.createHook.call(void 0,
       }
     );
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, store.setAnchorElement, props.ref),
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, store.setAnchorElement, props.ref),
       onMouseMove
     });
-    props = _SZ6M66IFcjs.useFocusable.call(void 0, props);
+    props = _AYLR4G5Icjs.useFocusable.call(void 0, props);
     return props;
   }
 );
-var HovercardAnchor = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var HovercardAnchor = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useHovercardAnchor(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "a", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "a", 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/{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/{7BYVU5SZ.cjs → 4K22VVH6.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _SZ6M66IFcjs = require('./SZ6M66IF.cjs');
+var _AYLR4G5Icjs = require('./AYLR4G5I.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 = _AYLR4G5Icjs.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";

package/cjs/__chunks/{7N3VSG4A.cjs → 5NZUFDNS.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _GAXSMBTEcjs = require('./GAXSMBTE.cjs');
+var _7F62IPL4cjs = require('./7F62IPL4.cjs');
 
 
 var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -49,7 +49,7 @@ function useEventOutside({
   listener,
   capture
 }) {
-  const callListener = _K4FBPMJ3cjs.useEvent.call(void 0, listener);
+  const callListener = _FHX4GO67cjs.useEvent.call(void 0, listener);
   const open = store.useState("open");
   _react.useEffect.call(void 0, () => {
     if (!open)
@@ -71,7 +71,7 @@ function useEventOutside({
         return;
       if (isMouseEventOnDialog(event, contentElement))
         return;
-      if (!_GAXSMBTEcjs.isElementMarked.call(void 0, target, contentElement.id))
+      if (!_7F62IPL4cjs.isElementMarked.call(void 0, target, contentElement.id))
         return;
       callListener(event);
     };
@@ -97,7 +97,7 @@ function useHideOnInteractOutside(store, hideOnInteractOutside) {
         return;
       if (!_dom.isVisible.call(void 0, previousMouseDown))
         return;
-      if (!_GAXSMBTEcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
+      if (!_7F62IPL4cjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
         return;
       if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;

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/{IT5GLJ4X.cjs → 6SZXUPLG.cjs}

@@ -3,21 +3,21 @@
 var _7JKSDWVFcjs = require('./7JKSDWVF.cjs');
 
 
-var _EB6EBH7Vcjs = require('./EB6EBH7V.cjs');
+var _6UM5H74Jcjs = require('./6UM5H74J.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
-var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
+var _C5W4YO2Wcjs = require('./C5W4YO2W.cjs');
 
 
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -37,15 +37,15 @@ function getIsChecked(value, storeValue) {
 function isNativeRadio(tagName, type) {
   return tagName === "input" && (!type || type === "radio");
 }
-var useRadio = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useRadio = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, value, checked } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "value", "checked"]);
     var _a2;
     const context = _react.useContext.call(void 0, _7JKSDWVFcjs.RadioContext);
     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 isChecked = (_a2 = _3YYDY5FNcjs.useStoreState.call(void 0, 
+    const isChecked = (_a2 = _C5W4YO2Wcjs.useStoreState.call(void 0, 
       store,
       (state) => checked != null ? checked : getIsChecked(value, state.value)
     )) != null ? _a2 : checked;
@@ -60,9 +60,9 @@ var useRadio = _5U7AP6Y2cjs.createHook.call(void 0,
       store == null ? void 0 : store.setActiveId(id);
     }, [store, isChecked, id]);
     const onChangeProp = props.onChange;
-    const tagName = _K4FBPMJ3cjs.useTagName.call(void 0, ref, props.as || "input");
+    const tagName = _FHX4GO67cjs.useTagName.call(void 0, ref, props.as || "input");
     const nativeRadio = isNativeRadio(tagName, props.type);
-    const onChange = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onChange = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       if (props.disabled) {
         event.preventDefault();
         event.stopPropagation();
@@ -77,7 +77,7 @@ var useRadio = _5U7AP6Y2cjs.createHook.call(void 0,
       store == null ? void 0 : store.setValue(value);
     });
     const onClickProp = props.onClick;
-    const onClick = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onClick = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -86,7 +86,7 @@ var useRadio = _5U7AP6Y2cjs.createHook.call(void 0,
       onChange(event);
     });
     const onFocusProp = props.onFocus;
-    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;
@@ -107,21 +107,21 @@ var useRadio = _5U7AP6Y2cjs.createHook.call(void 0,
       type: nativeRadio ? "radio" : void 0,
       "aria-checked": isChecked
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref),
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref),
       onChange,
       onClick,
       onFocus
     });
-    props = _EB6EBH7Vcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
+    props = _6UM5H74Jcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
     return _6455U47Tcjs.__spreadValues.call(void 0, {
       value: nativeRadio ? value : void 0,
       checked: isChecked
     }, props);
   }
 );
-var Radio = _5U7AP6Y2cjs.createMemoComponent.call(void 0, (props) => {
+var Radio = _O3Z4C76Tcjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useRadio(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "input", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "input", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Radio.displayName = "Radio";