@ariakit/react-core 0.3.14 → 0.4.1

package/cjs/__chunks/{N3XK7EAH.cjs → PTCYSU6G.cjs}

@@ -1,15 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FROYTN4Bcjs = require('./FROYTN4B.cjs');
+var _F6NX4XH2cjs = require('./F6NX4XH2.cjs');
 
 
-var _R5A2WTWBcjs = require('./R5A2WTWB.cjs');
+var _XWCNZ2IPcjs = require('./XWCNZ2IP.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -26,6 +27,7 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
+var TagName = "input";
 function getNamedElement(ref, name) {
   const element = ref.current;
   if (!element)
@@ -43,8 +45,8 @@ function useItem(store, name, type) {
     (state) => state.items.find((item) => item.type === type && item.name === name)
   );
 }
-var useFormControl = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useFormControl = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useFormControl2(_a) {
     var _b = _a, {
       store,
       name: nameProp,
@@ -56,7 +58,7 @@ var useFormControl = _RNZNGEL4cjs.createHook.call(void 0,
       "getItem",
       "touchOnBlur"
     ]);
-    const context = _FROYTN4Bcjs.useFormContext.call(void 0, );
+    const context = _F6NX4XH2cjs.useFormContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -114,17 +116,16 @@ var useFormControl = _RNZNGEL4cjs.createHook.call(void 0,
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onBlur
     });
-    props = _R5A2WTWBcjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { name, getItem }));
+    props = _XWCNZ2IPcjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { name, getItem }));
     return props;
   }
 );
-var FormControl = _RNZNGEL4cjs.createMemoComponent.call(void 0, (props) => {
-  const htmlProps = useFormControl(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "input", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  FormControl.displayName = "FormControl";
-}
+var FormControl = _Q67LZMDTcjs.memo.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function FormControl2(props) {
+    const htmlProps = useFormControl(props);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  })
+);
 
 
 

package/cjs/__chunks/{DTEFSZZZ.cjs → PVRCH7FU.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TK6GOI2Vcjs = require('./TK6GOI2V.cjs');
+var _XAEBGC7Dcjs = require('./XAEBGC7D.cjs');
 
 
-var _F2A2ZQDBcjs = require('./F2A2ZQDB.cjs');
+var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -21,10 +21,11 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/dialog/dialog-heading.ts
 var _react = require('react');
-var useDialogHeading = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "h1";
+var useDialogHeading = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useDialogHeading2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const setHeadingId = _react.useContext.call(void 0, _F2A2ZQDBcjs.DialogHeadingContext);
+    const setHeadingId = _react.useContext.call(void 0, _OLPMMKKOcjs.DialogHeadingContext);
     const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
     _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
       setHeadingId == null ? void 0 : setHeadingId(id);
@@ -33,17 +34,14 @@ var useDialogHeading = _RNZNGEL4cjs.createHook.call(void 0,
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id
     }, props);
-    props = _TK6GOI2Vcjs.useHeading.call(void 0, props);
+    props = _XAEBGC7Dcjs.useHeading.call(void 0, props);
     return props;
   }
 );
-var DialogHeading = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var DialogHeading = _Q67LZMDTcjs.forwardRef.call(void 0, function DialogHeading2(props) {
   const htmlProps = useDialogHeading(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "h1", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  DialogHeading.displayName = "DialogHeading";
-}
 
 
 

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

@@ -14,63 +14,24 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/utils/system.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-function isRenderProp(children) {
-  return typeof children === "function";
-}
 function forwardRef2(render) {
   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;
 }
 function memo2(Component, propsAreEqual) {
-  const Role = React.memo(Component, propsAreEqual);
-  Role.displayName = Component.displayName || Component.name;
-  return Role;
-}
-function createComponent(render) {
-  const Role = (props, ref) => render(_AV6KTKLEcjs.__spreadValues.call(void 0, { ref }, props));
-  return React.forwardRef(Role);
-}
-function createMemoComponent(render) {
-  const Role = createComponent(render);
-  return React.memo(Role);
+  return React.memo(Component, propsAreEqual);
 }
 function createElement(Type, props) {
-  const _a = props, { as: As, wrapElement, render } = _a, rest = _AV6KTKLEcjs.__objRest.call(void 0, _a, ["as", "wrapElement", "render"]);
-  let element;
+  const _a = props, { wrapElement, render } = _a, rest = _AV6KTKLEcjs.__objRest.call(void 0, _a, ["wrapElement", "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)
-        return;
-      console.warn(
-        "The `as` prop is deprecated. Use the `render` prop instead.",
-        "See https://ariakit.org/guide/composition"
-      );
-    }, [As]);
-  }
-  if (As && typeof As !== "string") {
-    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)) {
+  let element;
+  if (React.isValidElement(render)) {
     const renderProps = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, render.props), { ref: mergedRef });
     element = React.cloneElement(render, _CJDHQUBRcjs.mergeProps.call(void 0, rest, renderProps));
   } else if (render) {
     element = render(rest);
-  } else if (isRenderProp(props.children)) {
-    if (process.env.NODE_ENV !== "production") {
-      React.useEffect(() => {
-        console.warn(
-          "The `children` prop as a function is deprecated. Use the `render` prop instead.",
-          "See https://ariakit.org/guide/composition"
-        );
-      }, []);
-    }
-    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, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, rest));
   } else {
     element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Type, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, rest));
   }
@@ -81,15 +42,9 @@ function createElement(Type, props) {
 }
 function createHook(useProps) {
   const useRole = (props = {}) => {
-    const htmlProps = useProps(props);
-    const copy = {};
-    for (const prop in htmlProps) {
-      if (_misc.hasOwnProperty.call(void 0, htmlProps, prop) && htmlProps[prop] !== void 0) {
-        copy[prop] = htmlProps[prop];
-      }
-    }
-    return copy;
+    return useProps(props);
   };
+  useRole.displayName = useProps.name;
   return useRole;
 }
 function createStoreContext(providers = [], scopedProviders = []) {
@@ -139,6 +94,4 @@ function createStoreContext(providers = [], scopedProviders = []) {
 
 
 
-
-
-exports.forwardRef = forwardRef2; exports.memo = memo2; exports.createComponent = createComponent; exports.createMemoComponent = createMemoComponent; exports.createElement = createElement; exports.createHook = createHook; exports.createStoreContext = createStoreContext;
+exports.forwardRef = forwardRef2; exports.memo = memo2; exports.createElement = createElement; exports.createHook = createHook; exports.createStoreContext = createStoreContext;

package/cjs/__chunks/{BZTDJIVT.cjs → Q6CVYJBO.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 // src/collection/collection-context.tsx
-var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, );
+var ctx = _Q67LZMDTcjs.createStoreContext.call(void 0, );
 var useCollectionContext = ctx.useContext;
 var useCollectionScopedContext = ctx.useScopedContext;
 var useCollectionProviderContext = ctx.useProviderContext;

package/cjs/__chunks/{LFHNPG2L.cjs → QCQVRINH.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5UTRYT6Ecjs = require('./5UTRYT6E.cjs');
+var _M7WN4XJHcjs = require('./M7WN4XJH.cjs');
 
 
-var _S6UU7NA4cjs = require('./S6UU7NA4.cjs');
+var _XRJBC7H7cjs = require('./XRJBC7H7.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -25,11 +25,12 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 // src/disclosure/disclosure.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
+var TagName = "button";
 var symbol = Symbol("disclosure");
-var useDisclosure = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useDisclosure = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useDisclosure2(_a) {
     var _b = _a, { store, toggleOnClick = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "toggleOnClick"]);
-    const context = _S6UU7NA4cjs.useDisclosureProviderContext.call(void 0, );
+    const context = _XRJBC7H7cjs.useDisclosureProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -69,17 +70,14 @@ var useDisclosure = _RNZNGEL4cjs.createHook.call(void 0,
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onClick
     });
-    props = _5UTRYT6Ecjs.useButton.call(void 0, props);
+    props = _M7WN4XJHcjs.useButton.call(void 0, props);
     return props;
   }
 );
-var Disclosure = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var Disclosure = _Q67LZMDTcjs.forwardRef.call(void 0, function Disclosure2(props) {
   const htmlProps = useDisclosure(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Disclosure.displayName = "Disclosure";
-}
 
 
 

package/cjs/__chunks/{JAQJG42R.cjs → QJZAESAR.cjs}

@@ -14,7 +14,7 @@ function useDisclosureStoreProps(store, update, props) {
   _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
   _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "mounted", "setMounted");
   _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "animated");
-  return store;
+  return Object.assign(store, { disclosure: props.disclosure });
 }
 function useDisclosureStore(props = {}) {
   const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createDisclosureStore, props);

package/cjs/__chunks/{RNGIWUQW.cjs → QUSHM3AR.cjs}

@@ -2,18 +2,18 @@
 
 
 
-var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
+var _GAHLF3OIcjs = require('./GAHLF3OI.cjs');
 
 
 var _EUHOCOY2cjs = require('./EUHOCOY2.cjs');
 
 
-var _H6OLBVHAcjs = require('./H6OLBVHA.cjs');
+var _T5YJMXLPcjs = require('./T5YJMXLP.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -24,8 +24,9 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/menubar/menubar.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var useMenubar = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "div";
+var useMenubar = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenubar2(_a) {
     var _b = _a, {
       store: storeProp,
       composite = true,
@@ -41,7 +42,7 @@ var useMenubar = _RNZNGEL4cjs.createHook.call(void 0,
       "focusLoop",
       "rtl"
     ]);
-    const context = _7LBZXSLYcjs.useMenubarProviderContext.call(void 0, );
+    const context = _GAHLF3OIcjs.useMenubarProviderContext.call(void 0, );
     storeProp = storeProp || context;
     const store = _EUHOCOY2cjs.useMenubarStore.call(void 0, {
       store: storeProp,
@@ -55,7 +56,7 @@ var useMenubar = _RNZNGEL4cjs.createHook.call(void 0,
     );
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _7LBZXSLYcjs.MenubarScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GAHLF3OIcjs.MenubarScopedContextProvider, { value: store, children: element }),
       [store]
     );
     if (composite) {
@@ -64,17 +65,14 @@ var useMenubar = _RNZNGEL4cjs.createHook.call(void 0,
         "aria-orientation": orientation
       }, props);
     }
-    props = _H6OLBVHAcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _T5YJMXLPcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, composite }, props));
     return props;
   }
 );
-var Menubar = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var Menubar = _Q67LZMDTcjs.forwardRef.call(void 0, function Menubar2(props) {
   const htmlProps = useMenubar(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Menubar.displayName = "Menubar";
-}
 
 
 

package/cjs/__chunks/{I65V32V2.cjs → R3OO4M3N.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
+var _4XFLDG56cjs = require('./4XFLDG56.cjs');
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 // src/tab/tab-context.tsx
-var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, 
-  [_UZNYSPKPcjs.CompositeContextProvider],
-  [_UZNYSPKPcjs.CompositeScopedContextProvider]
+var ctx = _Q67LZMDTcjs.createStoreContext.call(void 0, 
+  [_4XFLDG56cjs.CompositeContextProvider],
+  [_4XFLDG56cjs.CompositeScopedContextProvider]
 );
 var useTabContext = ctx.useContext;
 var useTabScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{GJX4AG2L.cjs → RYQJ4G5H.cjs}

@@ -2,12 +2,12 @@
 
 
 
-var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
+var _4XFLDG56cjs = require('./4XFLDG56.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -21,8 +21,9 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var useCompositeRow = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "div";
+var useCompositeRow = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useCompositeRow2(_a) {
     var _b = _a, {
       store,
       "aria-setsize": ariaSetSize,
@@ -32,7 +33,7 @@ var useCompositeRow = _RNZNGEL4cjs.createHook.call(void 0,
       "aria-setsize",
       "aria-posinset"
     ]);
-    const context = _UZNYSPKPcjs.useCompositeContext.call(void 0, );
+    const context = _4XFLDG56cjs.useCompositeContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -48,20 +49,17 @@ var useCompositeRow = _RNZNGEL4cjs.createHook.call(void 0,
     );
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UZNYSPKPcjs.CompositeRowContext.Provider, { value: providerValue, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4XFLDG56cjs.CompositeRowContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, { id }, props);
-    return props;
+    return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var CompositeRow = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var CompositeRow = _Q67LZMDTcjs.forwardRef.call(void 0, function CompositeRow2(props) {
   const htmlProps = useCompositeRow(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  CompositeRow.displayName = "CompositeRow";
-}
 
 
 

package/cjs/__chunks/{LAUATD5O.cjs → SFDUOV6F.cjs}

@@ -3,9 +3,10 @@
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 // src/role/role.ts
+var TagName = "div";
 var elements = [
   "a",
   "button",
@@ -34,20 +35,22 @@ var elements = [
   "ul",
   "svg"
 ];
-var useRole = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
-  return props;
-});
-var Role = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", props);
-});
-if (process.env.NODE_ENV !== "production") {
-  Role.displayName = "Role";
-}
+var useRole = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useRole2(props) {
+    return props;
+  }
+);
+var Role = _Q67LZMDTcjs.forwardRef.call(void 0, 
+  // @ts-expect-error
+  function Role2(props) {
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, props);
+  }
+);
 Object.assign(
   Role,
   elements.reduce((acc, element) => {
-    acc[element] = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
-      return _RNZNGEL4cjs.createElement.call(void 0, element, props);
+    acc[element] = _Q67LZMDTcjs.forwardRef.call(void 0, function Role3(props) {
+      return _Q67LZMDTcjs.createElement.call(void 0, element, props);
     });
     return acc;
   }, {})

package/cjs/__chunks/{2WCJJQSK.cjs → STYNL4LL.cjs}

@@ -2,20 +2,20 @@
 
 
 
-var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
+var _4XFLDG56cjs = require('./4XFLDG56.cjs');
 
 
 
-var _UVBBMANLcjs = require('./UVBBMANL.cjs');
+var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 // src/select/select-context.tsx
 var _react = require('react');
-var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, 
-  [_UVBBMANLcjs.PopoverContextProvider, _UZNYSPKPcjs.CompositeContextProvider],
-  [_UVBBMANLcjs.PopoverScopedContextProvider, _UZNYSPKPcjs.CompositeScopedContextProvider]
+var ctx = _Q67LZMDTcjs.createStoreContext.call(void 0, 
+  [_FNVFJ5AFcjs.PopoverContextProvider, _4XFLDG56cjs.CompositeContextProvider],
+  [_FNVFJ5AFcjs.PopoverScopedContextProvider, _4XFLDG56cjs.CompositeScopedContextProvider]
 );
 var useSelectContext = ctx.useContext;
 var useSelectScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{H6OLBVHA.cjs → T5YJMXLP.cjs}

@@ -9,15 +9,15 @@ var _6ZZYUFPWcjs = require('./6ZZYUFPW.cjs');
 
 
 
-var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
+var _4XFLDG56cjs = require('./4XFLDG56.cjs');
 
 
-var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
+var _XRZ2L7EAcjs = require('./XRZ2L7EA.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -43,6 +43,7 @@ var _events = require('@ariakit/core/utils/events');
 var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
 function isGrid(items) {
   return items.some((item) => !!item.rowId);
 }
@@ -108,8 +109,8 @@ function useScheduleFocus(store) {
   }, [activeItem, scheduled]);
   return schedule;
 }
-var useComposite = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useComposite = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useComposite2(_a) {
     var _b = _a, {
       store,
       composite = true,
@@ -121,7 +122,7 @@ var useComposite = _RNZNGEL4cjs.createHook.call(void 0,
       "focusOnMove",
       "moveOnKeyPress"
     ]);
-    const context = _UZNYSPKPcjs.useCompositeProviderContext.call(void 0, );
+    const context = _4XFLDG56cjs.useCompositeProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -319,7 +320,7 @@ var useComposite = _RNZNGEL4cjs.createHook.call(void 0,
     });
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UZNYSPKPcjs.CompositeContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4XFLDG56cjs.CompositeContextProvider, { value: store, children: element }),
       [store]
     );
     const activeDescendant = store.useState((state) => {
@@ -346,17 +347,14 @@ var useComposite = _RNZNGEL4cjs.createHook.call(void 0,
     const focusable = store.useState(
       (state) => composite && (state.virtualFocus || state.activeId === null)
     );
-    props = _Z3GCTNW4cjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { focusable }, props));
+    props = _XRZ2L7EAcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { focusable }, props));
     return props;
   }
 );
-var Composite = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var Composite = _Q67LZMDTcjs.forwardRef.call(void 0, function Composite2(props) {
   const htmlProps = useComposite(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Composite.displayName = "Composite";
-}