@ariakit/react-core 0.4.18 → 0.4.20

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ariakit/react-core
 
+## 0.4.20
+
+- Fixed `RefObject` types for React 19.
+- Updated packages to target ES2018 (previously ES2017).
+- Updated dependencies: `@ariakit/core@0.4.17`
+
+## 0.4.19
+
+- Updated `Array` types to `ReadonlyArray` for better compatibility.
+- Fixed the automatic border width on [`PopoverArrow`](https://ariakit.org/reference/popover-arrow) to account for the device pixel ratio.
+- Updated dependencies: `@ariakit/core@0.4.16`
+
 ## 0.4.18
 
 ### Improved Combobox performance

package/cjs/__chunks/{FJTSI7V3.cjs → 23MRRQOL.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _JNFJ7OPZcjs = require('./JNFJ7OPZ.cjs');
+var _HDOW3SIEcjs = require('./HDOW3SIE.cjs');
 
 
 
 
-var _WULEED4Qcjs = require('./WULEED4Q.cjs');
+var _WBFXWJUHcjs = require('./WBFXWJUH.cjs');
 
 // src/popover/popover-description.tsx
 var TagName = "p";
-var usePopoverDescription = _WULEED4Qcjs.createHook.call(void 0, function usePopoverDescription2(props) {
-  props = _JNFJ7OPZcjs.useDialogDescription.call(void 0, props);
+var usePopoverDescription = _WBFXWJUHcjs.createHook.call(void 0, function usePopoverDescription2(props) {
+  props = _HDOW3SIEcjs.useDialogDescription.call(void 0, props);
   return props;
 });
-var PopoverDescription = _WULEED4Qcjs.forwardRef.call(void 0, function PopoverDescription2(props) {
+var PopoverDescription = _WBFXWJUHcjs.forwardRef.call(void 0, function PopoverDescription2(props) {
   const htmlProps = usePopoverDescription(props);
-  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
+  return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{PH2DFCJS.cjs → 2MWKJ5UM.cjs}

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ZVJRPAXYcjs = require('./ZVJRPAXY.cjs');
+var _QXXNZT2Icjs = require('./QXXNZT2I.cjs');
 
 
 
-var _D6FV6EYScjs = require('./D6FV6EYS.cjs');
+var _GCJBB4ZTcjs = require('./GCJBB4ZT.cjs');
 
 
-var _WULEED4Qcjs = require('./WULEED4Q.cjs');
+var _WBFXWJUHcjs = require('./WBFXWJUH.cjs');
 
 // src/combobox/combobox-context.tsx
 var _react = require('react');
 var ComboboxListRoleContext = _react.createContext.call(void 0, 
   void 0
 );
-var ctx = _WULEED4Qcjs.createStoreContext.call(void 0, 
-  [_ZVJRPAXYcjs.PopoverContextProvider, _D6FV6EYScjs.CompositeContextProvider],
-  [_ZVJRPAXYcjs.PopoverScopedContextProvider, _D6FV6EYScjs.CompositeScopedContextProvider]
+var ctx = _WBFXWJUHcjs.createStoreContext.call(void 0, 
+  [_QXXNZT2Icjs.PopoverContextProvider, _GCJBB4ZTcjs.CompositeContextProvider],
+  [_QXXNZT2Icjs.PopoverScopedContextProvider, _GCJBB4ZTcjs.CompositeScopedContextProvider]
 );
 var useComboboxContext = ctx.useContext;
 var useComboboxScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{FW2GMPNK.cjs → 2ULOZ743.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
+var _MZ2HG624cjs = require('./MZ2HG624.cjs');
 
 // src/dialog/utils/use-nested-dialogs.tsx
 var _misc = require('@ariakit/core/utils/misc');
@@ -27,7 +27,7 @@ function useNestedDialogs(store) {
     },
     [context]
   );
-  _OZM4QA2Vcjs.useSafeLayoutEffect.call(void 0, () => {
+  _MZ2HG624cjs.useSafeLayoutEffect.call(void 0, () => {
     return _store.sync.call(void 0, store, ["open", "contentElement"], (state) => {
       var _a;
       if (!state.open) return;

package/cjs/__chunks/{LNC7ZL3H.cjs → 3OWJJMJR.cjs}

@@ -1,27 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _5XOEJL7Acjs = require('./5XOEJL7A.cjs');
+var _7PVRUA4Ccjs = require('./7PVRUA4C.cjs');
 
 
 
-var _ZVJRPAXYcjs = require('./ZVJRPAXY.cjs');
+var _QXXNZT2Icjs = require('./QXXNZT2I.cjs');
 
 
 
 
-var _WULEED4Qcjs = require('./WULEED4Q.cjs');
+var _WBFXWJUHcjs = require('./WBFXWJUH.cjs');
 
 
 
 
 
-var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
-
-
-
-
-var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
+var _MZ2HG624cjs = require('./MZ2HG624.cjs');
 
 // src/popover/popover.tsx
 var _misc = require('@ariakit/core/utils/misc');
@@ -52,7 +47,7 @@ function createDOMRect(x = 0, y = 0, width = 0, height = 0) {
     bottom: y + height,
     left: x
   };
-  return _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, rect), { toJSON: () => rect });
+  return { ...rect, toJSON: () => rect };
 }
 function getDOMRect(anchorRect) {
   if (!anchorRect) return createDOMRect();
@@ -151,48 +146,29 @@ function getArrowMiddleware(arrowElement, props) {
     padding: props.arrowPadding
   });
 }
-var usePopover = _WULEED4Qcjs.createHook.call(void 0, 
-  function usePopover2(_a) {
-    var _b = _a, {
-      store,
-      modal = false,
-      portal = !!modal,
-      preserveTabOrder = true,
-      autoFocusOnShow = true,
-      wrapperProps,
-      fixed = false,
-      flip: flip2 = true,
-      shift: shift2 = 0,
-      slide = true,
-      overlap = false,
-      sameWidth = false,
-      fitViewport = false,
-      gutter,
-      arrowPadding = 4,
-      overflowPadding = 8,
-      getAnchorRect,
-      updatePosition
-    } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
-      "store",
-      "modal",
-      "portal",
-      "preserveTabOrder",
-      "autoFocusOnShow",
-      "wrapperProps",
-      "fixed",
-      "flip",
-      "shift",
-      "slide",
-      "overlap",
-      "sameWidth",
-      "fitViewport",
-      "gutter",
-      "arrowPadding",
-      "overflowPadding",
-      "getAnchorRect",
-      "updatePosition"
-    ]);
-    const context = _ZVJRPAXYcjs.usePopoverProviderContext.call(void 0, );
+var usePopover = _WBFXWJUHcjs.createHook.call(void 0, 
+  function usePopover2({
+    store,
+    modal = false,
+    portal = !!modal,
+    preserveTabOrder = true,
+    autoFocusOnShow = true,
+    wrapperProps,
+    fixed = false,
+    flip: flip2 = true,
+    shift: shift2 = 0,
+    slide = true,
+    overlap = false,
+    sameWidth = false,
+    fitViewport = false,
+    gutter,
+    arrowPadding = 4,
+    overflowPadding = 8,
+    getAnchorRect,
+    updatePosition,
+    ...props
+  }) {
+    const context = _QXXNZT2Icjs.usePopoverProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -208,11 +184,11 @@ var usePopover = _WULEED4Qcjs.createHook.call(void 0,
     const rendered = store.useState("rendered");
     const defaultArrowElementRef = _react.useRef.call(void 0, null);
     const [positioned, setPositioned] = _react.useState.call(void 0, false);
-    const { portalRef, domReady } = _OZM4QA2Vcjs.usePortalRef.call(void 0, portal, props.portalRef);
-    const getAnchorRectProp = _OZM4QA2Vcjs.useEvent.call(void 0, getAnchorRect);
-    const updatePositionProp = _OZM4QA2Vcjs.useEvent.call(void 0, updatePosition);
+    const { portalRef, domReady } = _MZ2HG624cjs.usePortalRef.call(void 0, portal, props.portalRef);
+    const getAnchorRectProp = _MZ2HG624cjs.useEvent.call(void 0, getAnchorRect);
+    const updatePositionProp = _MZ2HG624cjs.useEvent.call(void 0, updatePosition);
     const hasCustomUpdatePosition = !!updatePosition;
-    _OZM4QA2Vcjs.useSafeLayoutEffect.call(void 0, () => {
+    _MZ2HG624cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!(popoverElement == null ? void 0 : popoverElement.isConnected)) return;
       popoverElement.style.setProperty(
         "--popover-overflow-padding",
@@ -313,7 +289,7 @@ var usePopover = _WULEED4Qcjs.createHook.call(void 0,
       hasCustomUpdatePosition,
       updatePositionProp
     ]);
-    _OZM4QA2Vcjs.useSafeLayoutEffect.call(void 0, () => {
+    _MZ2HG624cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!mounted) return;
       if (!domReady) return;
       if (!(popoverElement == null ? void 0 : popoverElement.isConnected)) return;
@@ -328,59 +304,62 @@ var usePopover = _WULEED4Qcjs.createHook.call(void 0,
       return () => cancelAnimationFrame(raf);
     }, [mounted, domReady, popoverElement, contentElement]);
     const position = fixed ? "fixed" : "absolute";
-    props = _OZM4QA2Vcjs.useWrapElement.call(void 0, 
+    props = _MZ2HG624cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
-        _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, wrapperProps), {
-          style: _7EQBAZ46cjs.__spreadValues.call(void 0, {
+        {
+          ...wrapperProps,
+          style: {
             // https://floating-ui.com/docs/computeposition#initial-layout
             position,
             top: 0,
             left: 0,
-            width: "max-content"
-          }, wrapperProps == null ? void 0 : wrapperProps.style),
+            width: "max-content",
+            ...wrapperProps == null ? void 0 : wrapperProps.style
+          },
           ref: store == null ? void 0 : store.setPopoverElement,
           children: element
-        })
+        }
       ),
       [store, position, wrapperProps]
     );
-    props = _OZM4QA2Vcjs.useWrapElement.call(void 0, 
+    props = _MZ2HG624cjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZVJRPAXYcjs.PopoverScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QXXNZT2Icjs.PopoverScopedContextProvider, { value: store, children: element }),
       [store]
     );
-    props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
+    props = {
       // data-placing is not part of the public API. We're setting this here so
       // we can wait for the popover to be positioned before other components
       // move focus into it. For example, this attribute is observed by the
       // Combobox component with the autoSelect behavior.
-      "data-placing": !positioned || void 0
-    }, props), {
-      style: _7EQBAZ46cjs.__spreadValues.call(void 0, {
-        position: "relative"
-      }, props.style)
-    });
-    props = _5XOEJL7Acjs.useDialog.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
+      "data-placing": !positioned || void 0,
+      ...props,
+      style: {
+        position: "relative",
+        ...props.style
+      }
+    };
+    props = _7PVRUA4Ccjs.useDialog.call(void 0, {
       store,
       modal,
       portal,
       preserveTabOrder,
       preserveTabOrderAnchor: disclosureElement || anchorElement,
-      autoFocusOnShow: positioned && autoFocusOnShow
-    }, props), {
+      autoFocusOnShow: positioned && autoFocusOnShow,
+      ...props,
       portalRef
-    }));
+    });
     return props;
   }
 );
-var Popover = _5XOEJL7Acjs.createDialogComponent.call(void 0, 
-  _WULEED4Qcjs.forwardRef.call(void 0, function Popover2(props) {
+var Popover = _7PVRUA4Ccjs.createDialogComponent.call(void 0, 
+  _WBFXWJUHcjs.forwardRef.call(void 0, function Popover2(props) {
     const htmlProps = usePopover(props);
-    return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
+    return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
   }),
-  _ZVJRPAXYcjs.usePopoverProviderContext
+  _QXXNZT2Icjs.usePopoverProviderContext
 );
 
 

package/cjs/__chunks/{65FJLYG7.cjs → 3PADF57P.cjs}

@@ -5,37 +5,35 @@ var _XRATBFDXcjs = require('./XRATBFDX.cjs');
 
 
 
-var _WULEED4Qcjs = require('./WULEED4Q.cjs');
+var _WBFXWJUHcjs = require('./WBFXWJUH.cjs');
 
 
-var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
-
-
-var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
+var _MZ2HG624cjs = require('./MZ2HG624.cjs');
 
 // src/group/group.tsx
 var _misc = require('@ariakit/core/utils/misc');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useGroup = _WULEED4Qcjs.createHook.call(void 0, 
+var useGroup = _WBFXWJUHcjs.createHook.call(void 0, 
   function useGroup2(props) {
     const [labelId, setLabelId] = _react.useState.call(void 0, );
-    props = _OZM4QA2Vcjs.useWrapElement.call(void 0, 
+    props = _MZ2HG624cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XRATBFDXcjs.GroupLabelContext.Provider, { value: setLabelId, children: element }),
       []
     );
-    props = _7EQBAZ46cjs.__spreadValues.call(void 0, {
+    props = {
       role: "group",
-      "aria-labelledby": labelId
-    }, props);
+      "aria-labelledby": labelId,
+      ...props
+    };
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var Group = _WULEED4Qcjs.forwardRef.call(void 0, function Group2(props) {
+var Group = _WBFXWJUHcjs.forwardRef.call(void 0, function Group2(props) {
   const htmlProps = useGroup(props);
-  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
+  return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{XBPPFZKG.cjs → 3WNFR7DC.cjs}

@@ -1,20 +1,20 @@
 "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; } }
 
 
-var _25BPIGZHcjs = require('./25BPIGZH.cjs');
+var _EMYYI4CZcjs = require('./EMYYI4CZ.cjs');
 
 
-var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
+var _MZ2HG624cjs = require('./MZ2HG624.cjs');
 
 // src/checkbox/checkbox-store.ts
 var _checkboxstore = require('@ariakit/core/checkbox/checkbox-store'); var Core = _interopRequireWildcard(_checkboxstore);
 function useCheckboxStoreProps(store, update, props) {
-  _OZM4QA2Vcjs.useUpdateEffect.call(void 0, update, [props.store]);
-  _25BPIGZHcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _MZ2HG624cjs.useUpdateEffect.call(void 0, update, [props.store]);
+  _EMYYI4CZcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const [store, update] = _25BPIGZHcjs.useStore.call(void 0, Core.createCheckboxStore, props);
+  const [store, update] = _EMYYI4CZcjs.useStore.call(void 0, Core.createCheckboxStore, props);
   return useCheckboxStoreProps(store, update, props);
 }
 

package/cjs/__chunks/4FK7OQJV.cjs

@@ -0,0 +1,69 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _ZTE44JRLcjs = require('./ZTE44JRL.cjs');
+
+
+var _WILPQ3PLcjs = require('./WILPQ3PL.cjs');
+
+
+var _64BKHVGOcjs = require('./64BKHVGO.cjs');
+
+
+
+
+var _WBFXWJUHcjs = require('./WBFXWJUH.cjs');
+
+
+var _MZ2HG624cjs = require('./MZ2HG624.cjs');
+
+// src/menubar/menubar.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
+var useMenubar = _WBFXWJUHcjs.createHook.call(void 0, 
+  function useMenubar2({
+    store: storeProp,
+    composite = true,
+    orientation: orientationProp,
+    virtualFocus,
+    focusLoop,
+    rtl,
+    ...props
+  }) {
+    const context = _ZTE44JRLcjs.useMenubarProviderContext.call(void 0, );
+    storeProp = storeProp || context;
+    const store = _WILPQ3PLcjs.useMenubarStore.call(void 0, {
+      store: storeProp,
+      orientation: orientationProp,
+      virtualFocus,
+      focusLoop,
+      rtl
+    });
+    const orientation = store.useState(
+      (state) => !composite || state.orientation === "both" ? void 0 : state.orientation
+    );
+    props = _MZ2HG624cjs.useWrapElement.call(void 0, 
+      props,
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZTE44JRLcjs.MenubarScopedContextProvider, { value: store, children: element }),
+      [store]
+    );
+    if (composite) {
+      props = {
+        role: "menubar",
+        "aria-orientation": orientation,
+        ...props
+      };
+    }
+    props = _64BKHVGOcjs.useComposite.call(void 0, { store, composite, ...props });
+    return props;
+  }
+);
+var Menubar = _WBFXWJUHcjs.forwardRef.call(void 0, function Menubar2(props) {
+  const htmlProps = useMenubar(props);
+  return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useMenubar = useMenubar; exports.Menubar = Menubar;

package/cjs/__chunks/4N2CQGGX.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _LQFXUO7Wcjs = require('./LQFXUO7W.cjs');
+
+
+var _5WCU5NVKcjs = require('./5WCU5NVK.cjs');
+
+
+
+
+var _WBFXWJUHcjs = require('./WBFXWJUH.cjs');
+
+
+
+var _MZ2HG624cjs = require('./MZ2HG624.cjs');
+
+// src/dialog/dialog-heading.tsx
+var _react = require('react');
+var TagName = "h1";
+var useDialogHeading = _WBFXWJUHcjs.createHook.call(void 0, 
+  function useDialogHeading2({ store, ...props }) {
+    const setHeadingId = _react.useContext.call(void 0, _5WCU5NVKcjs.DialogHeadingContext);
+    const id = _MZ2HG624cjs.useId.call(void 0, props.id);
+    _MZ2HG624cjs.useSafeLayoutEffect.call(void 0, () => {
+      setHeadingId == null ? void 0 : setHeadingId(id);
+      return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
+    }, [setHeadingId, id]);
+    props = {
+      id,
+      ...props
+    };
+    props = _LQFXUO7Wcjs.useHeading.call(void 0, props);
+    return props;
+  }
+);
+var DialogHeading = _WBFXWJUHcjs.forwardRef.call(void 0, function DialogHeading2(props) {
+  const htmlProps = useDialogHeading(props);
+  return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useDialogHeading = useDialogHeading; exports.DialogHeading = DialogHeading;

package/cjs/__chunks/{6IDGXS7Y.cjs → 4OS43GOE.cjs}

@@ -3,23 +3,19 @@
 var _26P4PLHIcjs = require('./26P4PLHI.cjs');
 
 
-var _VIIJ4PIKcjs = require('./VIIJ4PIK.cjs');
+var _YZWMAQPAcjs = require('./YZWMAQPA.cjs');
 
 
-var _6PUNKVPOcjs = require('./6PUNKVPO.cjs');
+var _WT6V7PQBcjs = require('./WT6V7PQB.cjs');
 
 
-var _FCZ3IGUBcjs = require('./FCZ3IGUB.cjs');
+var _DMTXWFDQcjs = require('./DMTXWFDQ.cjs');
 
 
-var _25BPIGZHcjs = require('./25BPIGZH.cjs');
+var _EMYYI4CZcjs = require('./EMYYI4CZ.cjs');
 
 
-var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
-
-
-
-var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
+var _MZ2HG624cjs = require('./MZ2HG624.cjs');
 
 // src/dialog/dialog-backdrop.tsx
 var _react = require('react');
@@ -31,8 +27,8 @@ function DialogBackdrop({
   hidden
 }) {
   const ref = _react.useRef.call(void 0, null);
-  const disclosure = _6PUNKVPOcjs.useDisclosureStore.call(void 0, { disclosure: store });
-  const contentElement = _25BPIGZHcjs.useStoreState.call(void 0, store, "contentElement");
+  const disclosure = _WT6V7PQBcjs.useDisclosureStore.call(void 0, { disclosure: store });
+  const contentElement = _EMYYI4CZcjs.useStoreState.call(void 0, store, "contentElement");
   _react.useEffect.call(void 0, () => {
     const backdrop2 = ref.current;
     const dialog = contentElement;
@@ -40,14 +36,14 @@ function DialogBackdrop({
     if (!dialog) return;
     backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
   }, [contentElement]);
-  _OZM4QA2Vcjs.useSafeLayoutEffect.call(void 0, () => {
+  _MZ2HG624cjs.useSafeLayoutEffect.call(void 0, () => {
     const id = contentElement == null ? void 0 : contentElement.id;
     if (!id) return;
     const backdrop2 = ref.current;
     if (!backdrop2) return;
     return _26P4PLHIcjs.markAncestor.call(void 0, backdrop2, id);
   }, [contentElement]);
-  const props = _VIIJ4PIKcjs.useDisclosureContent.call(void 0, {
+  const props = _YZWMAQPAcjs.useDisclosureContent.call(void 0, {
     ref,
     store: disclosure,
     role: "presentation",
@@ -64,10 +60,10 @@ function DialogBackdrop({
   });
   if (!backdrop) return null;
   if (_react.isValidElement.call(void 0, backdrop)) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FCZ3IGUBcjs.Role, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), { render: backdrop }));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DMTXWFDQcjs.Role, { ...props, render: backdrop });
   }
   const Component = typeof backdrop !== "boolean" ? backdrop : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FCZ3IGUBcjs.Role, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {}) }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DMTXWFDQcjs.Role, { ...props, render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {}) });
 }