@ariakit/react-core 0.3.5 → 0.3.6

package/cjs/__chunks/{VKYTJKYN.cjs → RNZNGEL4.cjs}

@@ -1,16 +1,16 @@
 "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 _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
-var _LNE2FWJOcjs = require('./LNE2FWJO.cjs');
+var _CJDHQUBRcjs = require('./CJDHQUBR.cjs');
 
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/utils/system.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
@@ -20,7 +20,7 @@ function isRenderProp(children) {
   return typeof children === "function";
 }
 function forwardRef2(render) {
-  const Role = React.forwardRef((props, ref) => render(_WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), { ref })));
+  const Role = React.forwardRef((props, ref) => render(_AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { ref })));
   Role.displayName = render.displayName || render.name;
   return Role;
 }
@@ -30,7 +30,7 @@ function memo2(Component, propsAreEqual) {
   return Role;
 }
 function createComponent(render) {
-  const Role = (props, ref) => render(_WYXAWBLEcjs.__spreadValues.call(void 0, { ref }, props));
+  const Role = (props, ref) => render(_AV6KTKLEcjs.__spreadValues.call(void 0, { ref }, props));
   return React.forwardRef(Role);
 }
 function createMemoComponent(render) {
@@ -38,9 +38,9 @@ function createMemoComponent(render) {
   return React.memo(Role);
 }
 function createElement(Type, props) {
-  const _a = props, { as: As, wrapElement, render } = _a, rest = _WYXAWBLEcjs.__objRest.call(void 0, _a, ["as", "wrapElement", "render"]);
+  const _a = props, { as: As, wrapElement, render } = _a, rest = _AV6KTKLEcjs.__objRest.call(void 0, _a, ["as", "wrapElement", "render"]);
   let element;
-  const mergedRef = _JTVNRMACcjs.useMergeRefs.call(void 0, props.ref, _LNE2FWJOcjs.getRefProperty.call(void 0, render));
+  const mergedRef = _EO6LS72Hcjs.useMergeRefs.call(void 0, props.ref, _CJDHQUBRcjs.getRefProperty.call(void 0, render));
   if (process.env.NODE_ENV !== "production") {
     React.useEffect(() => {
       if (!As)
@@ -52,10 +52,10 @@ function createElement(Type, props) {
     }, [As]);
   }
   if (As && typeof As !== "string") {
-    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, rest), { render }));
+    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, rest), { render }));
   } else if (React.isValidElement(render)) {
-    const renderProps = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, render.props), { ref: mergedRef });
-    element = React.cloneElement(render, _LNE2FWJOcjs.mergeProps.call(void 0, rest, renderProps));
+    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));
   } else if (render) {
     element = render(rest);
   } else if (isRenderProp(props.children)) {
@@ -67,12 +67,12 @@ function createElement(Type, props) {
         );
       }, []);
     }
-    const _b = rest, { children } = _b, otherProps = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["children"]);
+    const _b = rest, { children } = _b, otherProps = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["children"]);
     element = props.children(otherProps);
   } else if (As) {
-    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, rest));
+    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, rest));
   } else {
-    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Type, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, rest));
+    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Type, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, rest));
   }
   if (wrapElement) {
     return wrapElement(element);
@@ -112,14 +112,14 @@ function createStoreContext(providers = [], scopedProviders = []) {
   };
   const ContextProvider = (props) => {
     return providers.reduceRight(
-      (children, Provider) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Provider, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), { children })),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, context.Provider, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props))
+      (children, Provider) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Provider, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { children })),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, context.Provider, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props))
     );
   };
   const ScopedContextProvider = (props) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContextProvider, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), { children: scopedProviders.reduceRight(
-      (children, Provider) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Provider, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), { children })),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, scopedContext.Provider, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props))
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContextProvider, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { children: scopedProviders.reduceRight(
+      (children, Provider) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Provider, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { children })),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, scopedContext.Provider, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props))
     ) }));
   };
   return {

package/cjs/__chunks/{QWH4QBHA.cjs → RRW7YVFR.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FQGSRSYDcjs = require('./FQGSRSYD.cjs');
+var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
 
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/composite/composite-hover.ts
 var _dom = require('@ariakit/core/utils/dom');
@@ -42,19 +42,27 @@ function movingToAnotherItem(event) {
   const item = _dom.closest.call(void 0, dest, "[data-composite-hover]");
   return !!item;
 }
-var useCompositeHover = _VKYTJKYNcjs.createHook.call(void 0, 
+var useCompositeHover = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, focusOnHover = true } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store", "focusOnHover"]);
-    const context = _FQGSRSYDcjs.useCompositeContext.call(void 0, );
+    var _b = _a, {
+      store,
+      focusOnHover = true,
+      blurOnHoverEnd = !!focusOnHover
+    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+      "store",
+      "focusOnHover",
+      "blurOnHoverEnd"
+    ]);
+    const context = _UZNYSPKPcjs.useCompositeContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
     );
-    const isMouseMoving = _JTVNRMACcjs.useIsMouseMoving.call(void 0, );
+    const isMouseMoving = _EO6LS72Hcjs.useIsMouseMoving.call(void 0, );
     const onMouseMoveProp = props.onMouseMove;
-    const focusOnHoverProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, focusOnHover);
-    const onMouseMove = _JTVNRMACcjs.useEvent.call(void 0, (event) => {
+    const focusOnHoverProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, focusOnHover);
+    const onMouseMove = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
       if (event.defaultPrevented)
         return;
@@ -71,7 +79,8 @@ var useCompositeHover = _VKYTJKYNcjs.createHook.call(void 0,
       store == null ? void 0 : store.setActiveId(event.currentTarget.id);
     });
     const onMouseLeaveProp = props.onMouseLeave;
-    const onMouseLeave = _JTVNRMACcjs.useEvent.call(void 0, (event) => {
+    const blurOnHoverEndProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, blurOnHoverEnd);
+    const onMouseLeave = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       var _a2;
       onMouseLeaveProp == null ? void 0 : onMouseLeaveProp(event);
       if (event.defaultPrevented)
@@ -84,10 +93,12 @@ var useCompositeHover = _VKYTJKYNcjs.createHook.call(void 0,
         return;
       if (!focusOnHoverProp(event))
         return;
+      if (!blurOnHoverEndProp(event))
+        return;
       store == null ? void 0 : store.setActiveId(null);
       (_a2 = store == null ? void 0 : store.getState().baseElement) == null ? void 0 : _a2.focus();
     });
-    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "data-composite-hover": ""
     }, props), {
       onMouseMove,
@@ -96,10 +107,10 @@ var useCompositeHover = _VKYTJKYNcjs.createHook.call(void 0,
     return props;
   }
 );
-var CompositeHover = _VKYTJKYNcjs.createMemoComponent.call(void 0, 
+var CompositeHover = _RNZNGEL4cjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeHover(props);
-    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{SMKW5GKS.cjs → S6UU7NA4.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 // src/disclosure/disclosure-context.tsx
-var ctx = _VKYTJKYNcjs.createStoreContext.call(void 0, );
+var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, );
 var useDisclosureContext = ctx.useContext;
 var useDisclosureScopedContext = ctx.useScopedContext;
 var useDisclosureProviderContext = ctx.useProviderContext;

package/cjs/__chunks/{AE6TH3T4.cjs → S6WUBPBB.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _PG7QUWN4cjs = require('./PG7QUWN4.cjs');
+var _XB3G2EO2cjs = require('./XB3G2EO2.cjs');
 
 
 var _CVD2AZE2cjs = require('./CVD2AZE2.cjs');
@@ -9,20 +9,20 @@ var _CVD2AZE2cjs = require('./CVD2AZE2.cjs');
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
-var _LNE2FWJOcjs = require('./LNE2FWJO.cjs');
+var _CJDHQUBRcjs = require('./CJDHQUBR.cjs');
 
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/portal/portal.tsx
 var _react = require('react');
@@ -56,18 +56,31 @@ function queueFocus(element) {
     element == null ? void 0 : element.focus();
   });
 }
-var usePortal = _VKYTJKYNcjs.createHook.call(void 0, 
+var usePortal = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { preserveTabOrder, portalElement, portalRef, portal = true } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["preserveTabOrder", "portalElement", "portalRef", "portal"]);
+    var _b = _a, {
+      preserveTabOrder,
+      preserveTabOrderAnchor,
+      portalElement,
+      portalRef,
+      portal = true
+    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+      "preserveTabOrder",
+      "preserveTabOrderAnchor",
+      "portalElement",
+      "portalRef",
+      "portal"
+    ]);
     const ref = _react.useRef.call(void 0, null);
-    const refProp = _JTVNRMACcjs.useMergeRefs.call(void 0, ref, props.ref);
+    const refProp = _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref);
     const context = _react.useContext.call(void 0, _CVD2AZE2cjs.PortalContext);
     const [portalNode, setPortalNode] = _react.useState.call(void 0, null);
+    const [anchorPortalNode, setAnchorPortalNode] = _react.useState.call(void 0, null);
     const outerBeforeRef = _react.useRef.call(void 0, null);
     const innerBeforeRef = _react.useRef.call(void 0, null);
     const innerAfterRef = _react.useRef.call(void 0, null);
     const outerAfterRef = _react.useRef.call(void 0, null);
-    _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
+    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
       const element = ref.current;
       if (!element || !portal) {
         setPortalNode(null);
@@ -87,14 +100,29 @@ var usePortal = _VKYTJKYNcjs.createHook.call(void 0,
         portalEl.id = element.id ? `portal/${element.id}` : getRandomId();
       }
       setPortalNode(portalEl);
-      _LNE2FWJOcjs.setRef.call(void 0, portalRef, portalEl);
+      _CJDHQUBRcjs.setRef.call(void 0, portalRef, portalEl);
       if (isPortalInDocument)
         return;
       return () => {
         portalEl.remove();
-        _LNE2FWJOcjs.setRef.call(void 0, portalRef, null);
+        _CJDHQUBRcjs.setRef.call(void 0, portalRef, null);
       };
     }, [portal, portalElement, context, portalRef]);
+    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+      if (!preserveTabOrder)
+        return;
+      if (!preserveTabOrderAnchor)
+        return;
+      const doc = _dom.getDocument.call(void 0, preserveTabOrderAnchor);
+      const element = doc.createElement("span");
+      element.style.position = "fixed";
+      preserveTabOrderAnchor.insertAdjacentElement("afterend", element);
+      setAnchorPortalNode(element);
+      return () => {
+        element.remove();
+        setAnchorPortalNode(null);
+      };
+    }, [preserveTabOrder, preserveTabOrderAnchor]);
     _react.useEffect.call(void 0, () => {
       if (!portalNode)
         return;
@@ -119,7 +147,7 @@ var usePortal = _VKYTJKYNcjs.createHook.call(void 0,
         portalNode.removeEventListener("focusout", onFocus, true);
       };
     }, [portalNode, preserveTabOrder]);
-    props = _JTVNRMACcjs.useWrapElement.call(void 0, 
+    props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
       (element) => {
         element = // While the portal node is not in the DOM, we need to pass the
@@ -141,7 +169,7 @@ var usePortal = _VKYTJKYNcjs.createHook.call(void 0,
         }
         element = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _PG7QUWN4cjs.FocusTrap,
+            _XB3G2EO2cjs.FocusTrap,
             {
               ref: innerBeforeRef,
               className: "__focus-trap-inner-before",
@@ -156,7 +184,7 @@ var usePortal = _VKYTJKYNcjs.createHook.call(void 0,
           ),
           element,
           preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _PG7QUWN4cjs.FocusTrap,
+            _XB3G2EO2cjs.FocusTrap,
             {
               ref: innerAfterRef,
               className: "__focus-trap-inner-after",
@@ -173,9 +201,9 @@ var usePortal = _VKYTJKYNcjs.createHook.call(void 0,
         if (portalNode) {
           element = _reactdom.createPortal.call(void 0, element, portalNode);
         }
-        element = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        let preserveTabOrderElement = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _PG7QUWN4cjs.FocusTrap,
+            _XB3G2EO2cjs.FocusTrap,
             {
               ref: outerBeforeRef,
               className: "__focus-trap-outer-before",
@@ -192,9 +220,8 @@ var usePortal = _VKYTJKYNcjs.createHook.call(void 0,
           preserveTabOrder && // We're using position: fixed here so that the browser doesn't
           // add margin to the element when setting gap on a parent element.
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-owns": portalNode == null ? void 0 : portalNode.id, style: { position: "fixed" } }),
-          element,
           preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _PG7QUWN4cjs.FocusTrap,
+            _XB3G2EO2cjs.FocusTrap,
             {
               ref: outerAfterRef,
               className: "__focus-trap-outer-after",
@@ -216,19 +243,35 @@ var usePortal = _VKYTJKYNcjs.createHook.call(void 0,
             }
           )
         ] });
-        return element;
+        if (anchorPortalNode && preserveTabOrder) {
+          preserveTabOrderElement = _reactdom.createPortal.call(void 0, 
+            preserveTabOrderElement,
+            anchorPortalNode
+          );
+        }
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          preserveTabOrderElement,
+          element
+        ] });
       },
-      [portalNode, context, portal, props.id, preserveTabOrder]
+      [
+        portalNode,
+        context,
+        portal,
+        props.id,
+        preserveTabOrder,
+        anchorPortalNode
+      ]
     );
-    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       ref: refProp
     });
     return props;
   }
 );
-var Portal = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
+var Portal = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = usePortal(props);
-  return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Portal.displayName = "Portal";

package/cjs/__chunks/{YREZ6S36.cjs → SHOS7XOU.cjs}

@@ -4,21 +4,21 @@
 var _VV6WA3I6cjs = require('./VV6WA3I6.cjs');
 
 
-var _2TEJFTKYcjs = require('./2TEJFTKY.cjs');
+var _LAUATD5Ocjs = require('./LAUATD5O.cjs');
 
 
-var _RXGXI75Ncjs = require('./RXGXI75N.cjs');
+var _7BSMGTGRcjs = require('./7BSMGTGR.cjs');
 
 
-var _4H55S5YCcjs = require('./4H55S5YC.cjs');
+var _FQNGCFYYcjs = require('./FQNGCFYY.cjs');
 
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/dialog/dialog-backdrop.tsx
 var _react = require('react');
@@ -31,9 +31,9 @@ function DialogBackdrop({
   hidden
 }) {
   const ref = _react.useRef.call(void 0, null);
-  const disclosure = _4H55S5YCcjs.useDisclosureStore.call(void 0, { disclosure: store });
+  const disclosure = _FQNGCFYYcjs.useDisclosureStore.call(void 0, { disclosure: store });
   const contentElement = store.useState("contentElement");
-  _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
     const backdrop2 = ref.current;
     const dialog = contentElement;
     if (!backdrop2)
@@ -42,7 +42,7 @@ function DialogBackdrop({
       return;
     backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
   }, [contentElement]);
-  _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
     const id = contentElement == null ? void 0 : contentElement.id;
     if (!id)
       return;
@@ -52,16 +52,16 @@ function DialogBackdrop({
     return _VV6WA3I6cjs.markAncestor.call(void 0, backdrop2, id);
   }, [contentElement]);
   if (hidden != null) {
-    backdropProps = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, backdropProps), { hidden });
+    backdropProps = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, backdropProps), { hidden });
   }
-  const props = _RXGXI75Ncjs.useDisclosureContent.call(void 0, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
+  const props = _7BSMGTGRcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store: disclosure,
     role: "presentation",
     "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "",
     alwaysVisible
   }, backdropProps), {
-    ref: _JTVNRMACcjs.useMergeRefs.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
-    style: _WYXAWBLEcjs.__spreadValues.call(void 0, {
+    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
+    style: _AV6KTKLEcjs.__spreadValues.call(void 0, {
       position: "fixed",
       top: 0,
       right: 0,
@@ -72,10 +72,10 @@ function DialogBackdrop({
   if (!backdrop)
     return null;
   if (_react.isValidElement.call(void 0, backdrop)) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2TEJFTKYcjs.Role, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), { render: backdrop }));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LAUATD5Ocjs.Role, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { render: backdrop }));
   }
   const Component = typeof backdrop !== "boolean" ? backdrop : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2TEJFTKYcjs.Role, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {}) }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LAUATD5Ocjs.Role, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {}) }));
 }
 
 

package/cjs/__chunks/SSJIHRU6.cjs

@@ -0,0 +1,22 @@
+"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 _A5RWZSX7cjs = require('./A5RWZSX7.cjs');
+
+
+var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+
+// src/menubar/menubar-store.ts
+var _menubarstore = require('@ariakit/core/menubar/menubar-store'); var Core = _interopRequireWildcard(_menubarstore);
+function useMenubarStoreProps(store, update, props) {
+  return _A5RWZSX7cjs.useCompositeStoreProps.call(void 0, store, update, props);
+}
+function useMenubarStore(props = {}) {
+  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createMenubarStore, props);
+  return useMenubarStoreProps(store, update, props);
+}
+
+
+
+
+exports.useMenubarStoreProps = useMenubarStoreProps; exports.useMenubarStore = useMenubarStore;

package/cjs/__chunks/{Q4NPNRJZ.cjs → T4KYZJUY.cjs}

@@ -6,12 +6,12 @@ var _ERFHNHONcjs = require('./ERFHNHON.cjs');
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/checkbox/checkbox-check.tsx
 var _react = require('react');
@@ -40,17 +40,17 @@ function getChildren(props) {
   }
   return null;
 }
-var useCheckboxCheck = _VKYTJKYNcjs.createHook.call(void 0, 
+var useCheckboxCheck = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, checked } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
+    var _b = _a, { store, checked } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
     const context = _react.useContext.call(void 0, _ERFHNHONcjs.CheckboxCheckedContext);
     checked = checked != null ? checked : context;
     const children = getChildren({ checked, children: props.children });
-    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "aria-hidden": true
     }, props), {
       children,
-      style: _WYXAWBLEcjs.__spreadValues.call(void 0, {
+      style: _AV6KTKLEcjs.__spreadValues.call(void 0, {
         width: "1em",
         height: "1em",
         pointerEvents: "none"
@@ -59,9 +59,9 @@ var useCheckboxCheck = _VKYTJKYNcjs.createHook.call(void 0,
     return props;
   }
 );
-var CheckboxCheck = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
+var CheckboxCheck = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useCheckboxCheck(props);
-  return _VKYTJKYNcjs.createElement.call(void 0, "span", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "span", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   CheckboxCheck.displayName = "CheckboxCheck";

package/cjs/__chunks/{3BMU6SYC.cjs → TK6GOI2V.cjs}

@@ -6,40 +6,40 @@ var _2BIO7R5Ncjs = require('./2BIO7R5N.cjs');
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/heading/heading.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var useHeading = _VKYTJKYNcjs.createHook.call(void 0, (props) => {
+var useHeading = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
   const ref = _react.useRef.call(void 0, null);
   const level = _react.useContext.call(void 0, _2BIO7R5Ncjs.HeadingContext) || 1;
   const Element = `h${level}`;
-  const tagName = _JTVNRMACcjs.useTagName.call(void 0, ref, Element);
+  const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, Element);
   const isNativeHeading = _react.useMemo.call(void 0, 
     () => !!tagName && /^h\d$/.test(tagName),
     [tagName]
   );
-  props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Element, {}),
     role: !isNativeHeading ? "heading" : void 0,
     "aria-level": !isNativeHeading ? level : void 0
   }, props), {
-    ref: _JTVNRMACcjs.useMergeRefs.call(void 0, ref, props.ref)
+    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
   });
   return props;
 });
-var Heading = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
+var Heading = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useHeading(props);
-  return _VKYTJKYNcjs.createElement.call(void 0, "h1", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "h1", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Heading.displayName = "Heading";

package/cjs/__chunks/{NKMUYKJA.cjs → TUDQDX77.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _VZI5MZ7Dcjs = require('./VZI5MZ7D.cjs');
+var _QQCFY3MBcjs = require('./QQCFY3MB.cjs');
 
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/composite/composite-group-label.ts
-var useCompositeGroupLabel = _VKYTJKYNcjs.createHook.call(void 0, 
+var useCompositeGroupLabel = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _VZI5MZ7Dcjs.useGroupLabel.call(void 0, props);
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    props = _QQCFY3MBcjs.useGroupLabel.call(void 0, props);
     return props;
   }
 );
-var CompositeGroupLabel = _VKYTJKYNcjs.createComponent.call(void 0, 
+var CompositeGroupLabel = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeGroupLabel(props);
-    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {