@ariakit/react-core 0.3.14 → 0.4.0

package/cjs/__chunks/{H6OLBVHA.cjs → NCXCQQBN.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 _5QD55NKLcjs = require('./5QD55NKL.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 = _5QD55NKLcjs.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";
-}
 
 
 

package/cjs/__chunks/O2WTAUCQ.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _HQKST6ZJcjs = require('./HQKST6ZJ.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/focus-trap/focus-trap.ts
+var TagName = "span";
+var useFocusTrap = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useFocusTrap2(props) {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+      "data-focus-trap": "",
+      tabIndex: 0,
+      "aria-hidden": true
+    }, props), {
+      style: _AV6KTKLEcjs.__spreadValues.call(void 0, {
+        // Prevents unintended scroll jumps.
+        position: "fixed",
+        top: 0,
+        left: 0
+      }, props.style)
+    });
+    props = _HQKST6ZJcjs.useVisuallyHidden.call(void 0, props);
+    return props;
+  }
+);
+var FocusTrap = _Q67LZMDTcjs.forwardRef.call(void 0, function FocusTrap2(props) {
+  const htmlProps = useFocusTrap(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useFocusTrap = useFocusTrap; exports.FocusTrap = FocusTrap;

package/cjs/__chunks/{3QW6ELTG.cjs → O45NLQRZ.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _UVBBMANLcjs = require('./UVBBMANL.cjs');
+var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -17,10 +17,11 @@ var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/popover/popover-anchor.ts
-var usePopoverAnchor = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "div";
+var usePopoverAnchor = _Q67LZMDTcjs.createHook.call(void 0, 
+  function usePopoverAnchor2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _UVBBMANLcjs.usePopoverProviderContext.call(void 0, );
+    const context = _FNVFJ5AFcjs.usePopoverProviderContext.call(void 0, );
     store = store || context;
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, store == null ? void 0 : store.setAnchorElement, props.ref)
@@ -28,13 +29,10 @@ var usePopoverAnchor = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var PopoverAnchor = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var PopoverAnchor = _Q67LZMDTcjs.forwardRef.call(void 0, function PopoverAnchor2(props) {
   const htmlProps = usePopoverAnchor(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  PopoverAnchor.displayName = "PopoverAnchor";
-}
 
 
 

package/cjs/__chunks/{3WCBE6SU.cjs → OBT2YMBC.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/combobox/combobox-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 useComboboxContext = ctx.useContext;
 var useComboboxScopedContext = ctx.useScopedContext;

package/cjs/__chunks/OEWIM6B2.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _HSQMZHBZcjs = require('./HSQMZHBZ.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+// src/hovercard/hovercard-description.ts
+var TagName = "p";
+var useHovercardDescription = _Q67LZMDTcjs.createHook.call(void 0, function useHovercardDescription2(props) {
+  props = _HSQMZHBZcjs.usePopoverDescription.call(void 0, props);
+  return props;
+});
+var HovercardDescription = _Q67LZMDTcjs.forwardRef.call(void 0, function HovercardDescription2(props) {
+  const htmlProps = useHovercardDescription(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useHovercardDescription = useHovercardDescription; exports.HovercardDescription = HovercardDescription;

package/cjs/__chunks/{63UPRTFZ.cjs → OIGGI6DI.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/checkbox/checkbox-context.tsx
-var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, );
+var ctx = _Q67LZMDTcjs.createStoreContext.call(void 0, );
 var useCheckboxContext = ctx.useContext;
 var useCheckboxScopedContext = ctx.useScopedContext;
 var useCheckboxProviderContext = ctx.useProviderContext;

package/cjs/__chunks/{F2A2ZQDB.cjs → OLPMMKKO.cjs}

@@ -2,16 +2,16 @@
 
 
 
-var _S6UU7NA4cjs = require('./S6UU7NA4.cjs');
+var _XRJBC7H7cjs = require('./XRJBC7H7.cjs');
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 // src/dialog/dialog-context.tsx
 var _react = require('react');
-var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, 
-  [_S6UU7NA4cjs.DisclosureContextProvider],
-  [_S6UU7NA4cjs.DisclosureScopedContextProvider]
+var ctx = _Q67LZMDTcjs.createStoreContext.call(void 0, 
+  [_XRJBC7H7cjs.DisclosureContextProvider],
+  [_XRJBC7H7cjs.DisclosureScopedContextProvider]
 );
 var useDialogContext = ctx.useContext;
 var useDialogScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{CFKRWKZR.cjs → OUHSDH5B.cjs}

@@ -4,7 +4,7 @@
 var _LUL2YWZ3cjs = require('./LUL2YWZ3.cjs');
 
 
-var _NRGWVSB5cjs = require('./NRGWVSB5.cjs');
+var _GOS3JJKQcjs = require('./GOS3JJKQ.cjs');
 
 
 
@@ -13,13 +13,15 @@ var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 // src/combobox/combobox-store.ts
 var _comboboxstore = require('@ariakit/core/combobox/combobox-store'); var Core = _interopRequireWildcard(_comboboxstore);
 function useComboboxStoreProps(store, update, props) {
-  store = _NRGWVSB5cjs.usePopoverStoreProps.call(void 0, store, update, props);
-  store = _LUL2YWZ3cjs.useCompositeStoreProps.call(void 0, store, update, props);
   _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "selectedValue", "setSelectedValue");
   _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "resetValueOnHide");
   _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "resetValueOnSelect");
-  return store;
+  return _LUL2YWZ3cjs.useCompositeStoreProps.call(void 0, 
+    _GOS3JJKQcjs.usePopoverStoreProps.call(void 0, store, update, props),
+    update,
+    props
+  );
 }
 function useComboboxStore(props = {}) {
   const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createComboboxStore, props);

package/cjs/__chunks/{BBS4RP44.cjs → OUTZPTLJ.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _63UPRTFZcjs = require('./63UPRTFZ.cjs');
+var _OIGGI6DIcjs = require('./OIGGI6DI.cjs');
 
 
 var _ERFHNHONcjs = require('./ERFHNHON.cjs');
 
 
-var _DAJUUBUIcjs = require('./DAJUUBUI.cjs');
+var _ZMTZTMRScjs = require('./ZMTZTMRS.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
@@ -31,8 +31,12 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/checkbox/checkbox.tsx
 var _react = require('react');
+
+
+
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
+var TagName = "input";
 function setMixed(element, mixed) {
   if (mixed) {
     element.indeterminate = true;
@@ -49,8 +53,8 @@ function getPrimitiveValue(value) {
   }
   return value;
 }
-var useCheckbox = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useCheckbox = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useCheckbox2(_a) {
     var _b = _a, {
       store,
       name,
@@ -64,7 +68,7 @@ var useCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
       "checked",
       "defaultChecked"
     ]);
-    const context = _63UPRTFZcjs.useCheckboxContext.call(void 0, );
+    const context = _OIGGI6DIcjs.useCheckboxContext.call(void 0, );
     store = store || context;
     const [_checked, setChecked] = _react.useState.call(void 0, defaultChecked != null ? defaultChecked : false);
     const checked = _OLOZ5JT2cjs.useStoreState.call(void 0, store, (state) => {
@@ -86,7 +90,7 @@ var useCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
       return false;
     });
     const ref = _react.useRef.call(void 0, null);
-    const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, props.as || "input");
+    const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, TagName);
     const nativeCheckbox = isNativeCheckbox(tagName, props.type);
     const mixed = checked ? checked === "mixed" : void 0;
     const isChecked = checked === "mixed" ? false : checked;
@@ -163,21 +167,18 @@ var useCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
       onChange,
       onClick
     });
-    props = _DAJUUBUIcjs.useCommand.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
-    return _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _ZMTZTMRScjs.useCommand.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
+    return _misc.removeUndefinedValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       name: nativeCheckbox ? name : void 0,
       value: nativeCheckbox ? valueProp : void 0,
       checked: isChecked
-    }, props);
+    }, props));
   }
 );
-var Checkbox = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var Checkbox = _Q67LZMDTcjs.forwardRef.call(void 0, function Checkbox2(props) {
   const htmlProps = useCheckbox(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "input", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Checkbox.displayName = "Checkbox";
-}
 
 
 

package/cjs/__chunks/PR3MIXQD.cjs

@@ -0,0 +1,64 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _K5V42RR6cjs = require('./K5V42RR6.cjs');
+
+
+var _O45NLQRZcjs = require('./O45NLQRZ.cjs');
+
+
+
+var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/popover/popover-disclosure.tsx
+var _misc = require('@ariakit/core/utils/misc');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "button";
+var usePopoverDisclosure = _Q67LZMDTcjs.createHook.call(void 0, function usePopoverDisclosure2(_a) {
+  var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+  const context = _FNVFJ5AFcjs.usePopoverProviderContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
+  );
+  const onClickProp = props.onClick;
+  const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    store == null ? void 0 : store.setAnchorElement(event.currentTarget);
+    onClickProp == null ? void 0 : onClickProp(event);
+  });
+  props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+    props,
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FNVFJ5AFcjs.PopoverScopedContextProvider, { value: store, children: element }),
+    [store]
+  );
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    onClick
+  });
+  props = _O45NLQRZcjs.usePopoverAnchor.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  props = _K5V42RR6cjs.useDialogDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  return props;
+});
+var PopoverDisclosure = _Q67LZMDTcjs.forwardRef.call(void 0, function PopoverDisclosure2(props) {
+  const htmlProps = usePopoverDisclosure(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.usePopoverDisclosure = usePopoverDisclosure; exports.PopoverDisclosure = PopoverDisclosure;

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;