@ariakit/react-core 0.3.4 → 0.3.6

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

@@ -1,27 +1,28 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _CKEXTQ2Scjs = require('./CKEXTQ2S.cjs');
 
+var _XB3G2EO2cjs = require('./XB3G2EO2.cjs');
 
-var _NS56XHXGcjs = require('./NS56XHXG.cjs');
 
+var _CVD2AZE2cjs = require('./CVD2AZE2.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
-var _7WUTS26Ycjs = require('./7WUTS26Y.cjs');
 
+var _CJDHQUBRcjs = require('./CJDHQUBR.cjs');
 
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/portal/portal.tsx
 var _react = require('react');
@@ -55,18 +56,31 @@ function queueFocus(element) {
     element == null ? void 0 : element.focus();
   });
 }
-var usePortal = _Z5PUIG6Acjs.createHook.call(void 0, 
+var usePortal = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { preserveTabOrder, portalElement, portalRef, portal = true } = _b, props = _72I2GWXFcjs.__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 = _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref);
-    const context = _react.useContext.call(void 0, _NS56XHXGcjs.PortalContext);
+    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);
-    _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
       const element = ref.current;
       if (!element || !portal) {
         setPortalNode(null);
@@ -86,14 +100,29 @@ var usePortal = _Z5PUIG6Acjs.createHook.call(void 0,
         portalEl.id = element.id ? `portal/${element.id}` : getRandomId();
       }
       setPortalNode(portalEl);
-      _7WUTS26Ycjs.setRef.call(void 0, portalRef, portalEl);
+      _CJDHQUBRcjs.setRef.call(void 0, portalRef, portalEl);
       if (isPortalInDocument)
         return;
       return () => {
         portalEl.remove();
-        _7WUTS26Ycjs.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;
@@ -118,13 +147,13 @@ var usePortal = _Z5PUIG6Acjs.createHook.call(void 0,
         portalNode.removeEventListener("focusout", onFocus, true);
       };
     }, [portalNode, preserveTabOrder]);
-    props = _5WLTMVVQcjs.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
         // current context to the portal context, otherwise it's going to
         // reset to the body element on nested portals.
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NS56XHXGcjs.PortalContext.Provider, { value: portalNode || context, children: element });
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CVD2AZE2cjs.PortalContext.Provider, { value: portalNode || context, children: element });
         if (!portal)
           return element;
         if (!portalNode) {
@@ -140,7 +169,7 @@ var usePortal = _Z5PUIG6Acjs.createHook.call(void 0,
         }
         element = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _CKEXTQ2Scjs.FocusTrap,
+            _XB3G2EO2cjs.FocusTrap,
             {
               ref: innerBeforeRef,
               className: "__focus-trap-inner-before",
@@ -155,7 +184,7 @@ var usePortal = _Z5PUIG6Acjs.createHook.call(void 0,
           ),
           element,
           preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _CKEXTQ2Scjs.FocusTrap,
+            _XB3G2EO2cjs.FocusTrap,
             {
               ref: innerAfterRef,
               className: "__focus-trap-inner-after",
@@ -172,9 +201,9 @@ var usePortal = _Z5PUIG6Acjs.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, 
-            _CKEXTQ2Scjs.FocusTrap,
+            _XB3G2EO2cjs.FocusTrap,
             {
               ref: outerBeforeRef,
               className: "__focus-trap-outer-before",
@@ -191,9 +220,8 @@ var usePortal = _Z5PUIG6Acjs.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, 
-            _CKEXTQ2Scjs.FocusTrap,
+            _XB3G2EO2cjs.FocusTrap,
             {
               ref: outerAfterRef,
               className: "__focus-trap-outer-after",
@@ -215,19 +243,35 @@ var usePortal = _Z5PUIG6Acjs.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 = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       ref: refProp
     });
     return props;
   }
 );
-var Portal = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var Portal = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = usePortal(props);
-  return _Z5PUIG6Acjs.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/{R7CSCUVW.cjs → SHOS7XOU.cjs}

@@ -1,23 +1,24 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _QK4GI6B3cjs = require('./QK4GI6B3.cjs');
 
+var _VV6WA3I6cjs = require('./VV6WA3I6.cjs');
 
-var _OAEUR56Wcjs = require('./OAEUR56W.cjs');
 
+var _LAUATD5Ocjs = require('./LAUATD5O.cjs');
 
-var _L2VQ4YLNcjs = require('./L2VQ4YLN.cjs');
 
+var _7BSMGTGRcjs = require('./7BSMGTGR.cjs');
 
-var _HSOKUBYYcjs = require('./HSOKUBYY.cjs');
 
+var _FQNGCFYYcjs = require('./FQNGCFYY.cjs');
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/dialog/dialog-backdrop.tsx
 var _react = require('react');
@@ -30,9 +31,9 @@ function DialogBackdrop({
   hidden
 }) {
   const ref = _react.useRef.call(void 0, null);
-  const disclosure = _HSOKUBYYcjs.useDisclosureStore.call(void 0, { disclosure: store });
+  const disclosure = _FQNGCFYYcjs.useDisclosureStore.call(void 0, { disclosure: store });
   const contentElement = store.useState("contentElement");
-  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
     const backdrop2 = ref.current;
     const dialog = contentElement;
     if (!backdrop2)
@@ -41,26 +42,26 @@ function DialogBackdrop({
       return;
     backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
   }, [contentElement]);
-  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
     const id = contentElement == null ? void 0 : contentElement.id;
     if (!id)
       return;
     const backdrop2 = ref.current;
     if (!backdrop2)
       return;
-    return _QK4GI6B3cjs.markAncestor.call(void 0, backdrop2, id);
+    return _VV6WA3I6cjs.markAncestor.call(void 0, backdrop2, id);
   }, [contentElement]);
   if (hidden != null) {
-    backdropProps = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, backdropProps), { hidden });
+    backdropProps = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, backdropProps), { hidden });
   }
-  const props = _L2VQ4YLNcjs.useDisclosureContent.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__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: _5WLTMVVQcjs.useMergeRefs.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
-    style: _72I2GWXFcjs.__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,
@@ -71,10 +72,10 @@ function DialogBackdrop({
   if (!backdrop)
     return null;
   if (_react.isValidElement.call(void 0, backdrop)) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OAEUR56Wcjs.Role, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__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, _OAEUR56Wcjs.Role, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__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/{P4F26HLT.cjs → T4KYZJUY.cjs}

@@ -1,16 +1,17 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _FO6MB5HFcjs = require('./FO6MB5HF.cjs');
 
+var _ERFHNHONcjs = require('./ERFHNHON.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/checkbox/checkbox-check.tsx
 var _react = require('react');
@@ -39,17 +40,17 @@ function getChildren(props) {
   }
   return null;
 }
-var useCheckboxCheck = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useCheckboxCheck = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, checked } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "checked"]);
-    const context = _react.useContext.call(void 0, _FO6MB5HFcjs.CheckboxCheckedContext);
+    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 = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "aria-hidden": true
     }, props), {
       children,
-      style: _72I2GWXFcjs.__spreadValues.call(void 0, {
+      style: _AV6KTKLEcjs.__spreadValues.call(void 0, {
         width: "1em",
         height: "1em",
         pointerEvents: "none"
@@ -58,9 +59,9 @@ var useCheckboxCheck = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var CheckboxCheck = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var CheckboxCheck = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useCheckboxCheck(props);
-  return _Z5PUIG6Acjs.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/{FGAN5BEK.cjs → TK6GOI2V.cjs}

@@ -1,44 +1,45 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _CQSUIL2Dcjs = require('./CQSUIL2D.cjs');
 
+var _2BIO7R5Ncjs = require('./2BIO7R5N.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/heading/heading.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var useHeading = _Z5PUIG6Acjs.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, _CQSUIL2Dcjs.HeadingContext) || 1;
+  const level = _react.useContext.call(void 0, _2BIO7R5Ncjs.HeadingContext) || 1;
   const Element = `h${level}`;
-  const tagName = _5WLTMVVQcjs.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 = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__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: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
+    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
   });
   return props;
 });
-var Heading = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var Heading = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useHeading(props);
-  return _Z5PUIG6Acjs.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/{DGL5AMAW.cjs → TUDQDX77.cjs}

@@ -1,27 +1,28 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _TDUVWW2Fcjs = require('./TDUVWW2F.cjs');
 
+var _QQCFY3MBcjs = require('./QQCFY3MB.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/composite/composite-group-label.ts
-var useCompositeGroupLabel = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useCompositeGroupLabel = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _TDUVWW2Fcjs.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 = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var CompositeGroupLabel = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeGroupLabel(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{76UBACFC.cjs → TUVU5ERH.cjs}

@@ -1,20 +1,21 @@
-"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 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 _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
+var _OALXXRFMcjs = require('./OALXXRFM.cjs');
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 // src/collection/collection-store.ts
 var _collectionstore = require('@ariakit/core/collection/collection-store'); var Core = _interopRequireWildcard(_collectionstore);
 function useCollectionStoreProps(store, update, props) {
-  _5WLTMVVQcjs.useUpdateEffect.call(void 0, update, [props.store]);
-  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _EO6LS72Hcjs.useUpdateEffect.call(void 0, update, [props.store]);
+  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
-  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createCollectionStore, props);
+  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createCollectionStore, props);
   return useCollectionStoreProps(store, update, props);
 }
 

package/cjs/__chunks/UKXZY6PK.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _KSAZE5E2cjs = require('./KSAZE5E2.cjs');
+
+
+
+
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/form/form-group.ts
+var useFormGroup = _RNZNGEL4cjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    props = _KSAZE5E2cjs.useGroup.call(void 0, props);
+    return props;
+  }
+);
+var FormGroup = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useFormGroup(props);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  FormGroup.displayName = "FormGroup";
+}
+
+
+
+
+exports.useFormGroup = useFormGroup; exports.FormGroup = FormGroup;