@ariakit/react-core 0.4.0 → 0.4.2

package/cjs/__chunks/{JFOUIQSF.cjs → 7CYY7U2A.cjs}

@@ -1,24 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
+var _GDEDCFNUcjs = require('./GDEDCFNU.cjs');
 
 
-var _XRJBC7H7cjs = require('./XRJBC7H7.cjs');
+var _NTNMOEWEcjs = require('./NTNMOEWE.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
-var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
+var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
 
 
 
 
 
-var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
 
 
 
@@ -53,22 +53,28 @@ function parseCSSTime(...times) {
 function isHidden(mounted, hidden, alwaysVisible) {
   return !alwaysVisible && hidden !== false && (!mounted || !!hidden);
 }
-var useDisclosureContent = _Q67LZMDTcjs.createHook.call(void 0, function useDisclosureContent2(_a) {
+var useDisclosureContent = _NGD3IQDBcjs.createHook.call(void 0, function useDisclosureContent2(_a) {
   var _b = _a, { store, alwaysVisible } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
-  const context = _XRJBC7H7cjs.useDisclosureProviderContext.call(void 0, );
+  const context = _NTNMOEWEcjs.useDisclosureProviderContext.call(void 0, );
   store = store || context;
   _misc.invariant.call(void 0, 
     store,
     process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
   );
-  const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
+  const ref = _react.useRef.call(void 0, null);
+  const id = _TW3SFX4Ccjs.useId.call(void 0, props.id);
   const [transition, setTransition] = _react.useState.call(void 0, null);
   const open = store.useState("open");
   const mounted = store.useState("mounted");
   const animated = store.useState("animated");
   const contentElement = store.useState("contentElement");
-  const otherElement = _OLOZ5JT2cjs.useStoreState.call(void 0, store.disclosure, "contentElement");
-  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+  const otherElement = _GXMZA6DTcjs.useStoreState.call(void 0, store.disclosure, "contentElement");
+  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!ref.current)
+      return;
+    store == null ? void 0 : store.setContentElement(ref.current);
+  }, [store]);
+  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
     let previousAnimated;
     store == null ? void 0 : store.setState("animated", (animated2) => {
       previousAnimated = animated2;
@@ -80,7 +86,7 @@ var useDisclosureContent = _Q67LZMDTcjs.createHook.call(void 0, function useDisc
       store == null ? void 0 : store.setState("animated", previousAnimated);
     };
   }, [store]);
-  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
     if (!animated)
       return;
     if (!(contentElement == null ? void 0 : contentElement.isConnected)) {
@@ -91,7 +97,7 @@ var useDisclosureContent = _Q67LZMDTcjs.createHook.call(void 0, function useDisc
       setTransition(open ? "enter" : mounted ? "leave" : null);
     });
   }, [animated, contentElement, open, mounted]);
-  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
     if (!store)
       return;
     if (!animated)
@@ -146,13 +152,18 @@ var useDisclosureContent = _Q67LZMDTcjs.createHook.call(void 0, function useDisc
     const maxTimeout = Math.max(timeout - frameRate, 0);
     return afterTimeout(maxTimeout, stopAnimationSync);
   }, [store, animated, contentElement, otherElement, open, transition]);
-  props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+  props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
     props,
-    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OLPMMKKOcjs.DialogScopedContextProvider, { value: store, children: element }),
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GDEDCFNUcjs.DialogScopedContextProvider, { value: store, children: element }),
     [store]
   );
   const hidden = isHidden(mounted, props.hidden, alwaysVisible);
-  const style = hidden ? _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
+  const styleProp = props.style;
+  const style = _react.useMemo.call(void 0, () => {
+    if (hidden)
+      return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, styleProp), { display: "none" });
+    return styleProp;
+  }, [hidden, styleProp]);
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     id,
     "data-open": open || void 0,
@@ -160,24 +171,24 @@ var useDisclosureContent = _Q67LZMDTcjs.createHook.call(void 0, function useDisc
     "data-leave": transition === "leave" || void 0,
     hidden
   }, props), {
-    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, props.ref),
+    ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
     style
   });
   return _misc.removeUndefinedValues.call(void 0, props);
 });
-var DisclosureContentImpl = _Q67LZMDTcjs.forwardRef.call(void 0, function DisclosureContentImpl2(props) {
+var DisclosureContentImpl = _NGD3IQDBcjs.forwardRef.call(void 0, function DisclosureContentImpl2(props) {
   const htmlProps = useDisclosureContent(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
-var DisclosureContent = _Q67LZMDTcjs.forwardRef.call(void 0, function DisclosureContent2(_a) {
+var DisclosureContent = _NGD3IQDBcjs.forwardRef.call(void 0, function DisclosureContent2(_a) {
   var _b = _a, {
     unmountOnHide
   } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
     "unmountOnHide"
   ]);
-  const context = _XRJBC7H7cjs.useDisclosureProviderContext.call(void 0, );
+  const context = _NTNMOEWEcjs.useDisclosureProviderContext.call(void 0, );
   const store = props.store || context;
-  const mounted = _OLOZ5JT2cjs.useStoreState.call(void 0, 
+  const mounted = _GXMZA6DTcjs.useStoreState.call(void 0, 
     store,
     (state) => !unmountOnHide || (state == null ? void 0 : state.mounted)
   );

package/cjs/__chunks/{LTCHZ5L3.cjs → 7YZTB6W7.cjs}

@@ -4,16 +4,16 @@
 var _AH3CUB6Ncjs = require('./AH3CUB6N.cjs');
 
 
-var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
+var _77BAEZ2Zcjs = require('./77BAEZ2Z.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
 
-var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
 
 
 
@@ -37,7 +37,7 @@ var rotateMap = {
 function useComputedStyle(store) {
   const [style, setStyle] = _react.useState.call(void 0, );
   const contentElement = store.useState("contentElement");
-  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
     if (!contentElement)
       return;
     const win = _dom.getWindow.call(void 0, contentElement);
@@ -46,10 +46,10 @@ function useComputedStyle(store) {
   }, [contentElement]);
   return style;
 }
-var usePopoverArrow = _Q67LZMDTcjs.createHook.call(void 0, 
+var usePopoverArrow = _NGD3IQDBcjs.createHook.call(void 0, 
   function usePopoverArrow2(_a) {
     var _b = _a, { store, size = defaultSize } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "size"]);
-    const context = _FNVFJ5AFcjs.usePopoverContext.call(void 0, );
+    const context = _77BAEZ2Zcjs.usePopoverContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -75,7 +75,7 @@ var usePopoverArrow = _Q67LZMDTcjs.createHook.call(void 0,
       children,
       "aria-hidden": true
     }, props), {
-      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
+      ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
       style: _AV6KTKLEcjs.__spreadValues.call(void 0, {
         // server side rendering
         position: "absolute",
@@ -91,9 +91,9 @@ var usePopoverArrow = _Q67LZMDTcjs.createHook.call(void 0,
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var PopoverArrow = _Q67LZMDTcjs.forwardRef.call(void 0, function PopoverArrow2(props) {
+var PopoverArrow = _NGD3IQDBcjs.forwardRef.call(void 0, function PopoverArrow2(props) {
   const htmlProps = usePopoverArrow(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{4ITCBJNT.cjs → A356CGND.cjs}

@@ -6,7 +6,7 @@ var _ERFHNHONcjs = require('./ERFHNHON.cjs');
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
 
@@ -42,7 +42,7 @@ function getChildren(props) {
   }
   return null;
 }
-var useCheckboxCheck = _Q67LZMDTcjs.createHook.call(void 0, 
+var useCheckboxCheck = _NGD3IQDBcjs.createHook.call(void 0, 
   function useCheckboxCheck2(_a) {
     var _b = _a, { store, checked } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
     const context = _react.useContext.call(void 0, _ERFHNHONcjs.CheckboxCheckedContext);
@@ -61,9 +61,9 @@ var useCheckboxCheck = _Q67LZMDTcjs.createHook.call(void 0,
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var CheckboxCheck = _Q67LZMDTcjs.forwardRef.call(void 0, function CheckboxCheck2(props) {
+var CheckboxCheck = _NGD3IQDBcjs.forwardRef.call(void 0, function CheckboxCheck2(props) {
   const htmlProps = useCheckboxCheck(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{5SRODZ4B.cjs → AFPGTIIH.cjs}

@@ -6,10 +6,10 @@ var _75KXQZJXcjs = require('./75KXQZJX.cjs');
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
-var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
@@ -17,18 +17,18 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 // src/focusable/focusable-container.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useFocusableContainer = _Q67LZMDTcjs.createHook.call(void 0, function useFocusableContainer2(_a) {
+var useFocusableContainer = _NGD3IQDBcjs.createHook.call(void 0, function useFocusableContainer2(_a) {
   var _b = _a, { autoFocusOnShow = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["autoFocusOnShow"]);
-  props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+  props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
     props,
     (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _75KXQZJXcjs.FocusableContext.Provider, { value: autoFocusOnShow, children: element }),
     [autoFocusOnShow]
   );
   return props;
 });
-var FocusableContainer = _Q67LZMDTcjs.forwardRef.call(void 0, function FocusableContainer2(props) {
+var FocusableContainer = _NGD3IQDBcjs.forwardRef.call(void 0, function FocusableContainer2(props) {
   const htmlProps = useFocusableContainer(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{O2WTAUCQ.cjs → AXNMZ6L6.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _HQKST6ZJcjs = require('./HQKST6ZJ.cjs');
+var _LLMPAMXIcjs = require('./LLMPAMXI.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
 
@@ -14,7 +14,7 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/focus-trap/focus-trap.ts
 var TagName = "span";
-var useFocusTrap = _Q67LZMDTcjs.createHook.call(void 0, 
+var useFocusTrap = _NGD3IQDBcjs.createHook.call(void 0, 
   function useFocusTrap2(props) {
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "data-focus-trap": "",
@@ -28,13 +28,13 @@ var useFocusTrap = _Q67LZMDTcjs.createHook.call(void 0,
         left: 0
       }, props.style)
     });
-    props = _HQKST6ZJcjs.useVisuallyHidden.call(void 0, props);
+    props = _LLMPAMXIcjs.useVisuallyHidden.call(void 0, props);
     return props;
   }
 );
-var FocusTrap = _Q67LZMDTcjs.forwardRef.call(void 0, function FocusTrap2(props) {
+var FocusTrap = _NGD3IQDBcjs.forwardRef.call(void 0, function FocusTrap2(props) {
   const htmlProps = useFocusTrap(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{K5V42RR6.cjs → BSEVPIKO.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _JH5Y3M4Vcjs = require('./JH5Y3M4V.cjs');
+var _27SIFUY3cjs = require('./27SIFUY3.cjs');
 
 
-var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
+var _GDEDCFNUcjs = require('./GDEDCFNU.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 var TagName = "button";
-var useDialogDisclosure = _Q67LZMDTcjs.createHook.call(void 0, 
+var useDialogDisclosure = _NGD3IQDBcjs.createHook.call(void 0, 
   function useDialogDisclosure2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _OLPMMKKOcjs.useDialogProviderContext.call(void 0, );
+    const context = _GDEDCFNUcjs.useDialogProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -32,13 +32,13 @@ var useDialogDisclosure = _Q67LZMDTcjs.createHook.call(void 0,
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "aria-haspopup": _dom.getPopupRole.call(void 0, contentElement, "dialog")
     }, props);
-    props = _JH5Y3M4Vcjs.useDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _27SIFUY3cjs.useDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var DialogDisclosure = _Q67LZMDTcjs.forwardRef.call(void 0, function DialogDisclosure2(props) {
+var DialogDisclosure = _NGD3IQDBcjs.forwardRef.call(void 0, function DialogDisclosure2(props) {
   const htmlProps = useDialogDisclosure(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{V7ENWBON.cjs → CHZV625D.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _M5PQIWTWcjs = require('./M5PQIWTW.cjs');
+var _XRPBWSUIcjs = require('./XRPBWSUI.cjs');
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 // src/tooltip/tooltip-context.tsx
-var ctx = _Q67LZMDTcjs.createStoreContext.call(void 0, 
-  [_M5PQIWTWcjs.HovercardContextProvider],
-  [_M5PQIWTWcjs.HovercardScopedContextProvider]
+var ctx = _NGD3IQDBcjs.createStoreContext.call(void 0, 
+  [_XRPBWSUIcjs.HovercardContextProvider],
+  [_XRPBWSUIcjs.HovercardScopedContextProvider]
 );
 var useTooltipContext = ctx.useContext;
 var useTooltipScopedContext = ctx.useScopedContext;