@basic-ui/core 0.0.52 → 0.0.54

package/build/cjs/index.js

@@ -2342,15 +2342,30 @@ const context = /*#__PURE__*/react.createContext(null);
 const PopperProvider = context.Provider;
 const usePopperContext = () => react.useContext(context);
 
+const PortalSelectorContext = /*#__PURE__*/react.createContext(null);
+PortalSelectorContext.displayName = 'PortalSelectorContext';
+const PortalSelectorProvider = ({
+  selector,
+  children
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(PortalSelectorContext.Provider, {
+    value: selector,
+    children: children
+  });
+};
+
 const Portal = ({
   children,
-  selector = 'body'
+  selector: selectorProp
 }) => {
+  const selectorCtx = react.useContext(PortalSelectorContext);
+
   if (typeof window === 'undefined') {
     return null;
   }
 
-  const dom = document.querySelector(selector);
+  const selector = selectorProp || selectorCtx || 'body';
+  const dom = typeof selector === 'string' ? document.querySelector(selector) : selector();
 
   if (dom) {
     return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -2374,7 +2389,7 @@ const Popper = /*#__PURE__*/react.memo( /*#__PURE__*/react.forwardRef(function P
   modifiers = emptyModifiers,
   usePortal = false,
   style = {},
-  portalSelector = 'body',
+  portalSelector,
   distance = 0,
   skidding = 0,
   arrowPadding = 5,
@@ -4097,6 +4112,7 @@ exports.Popper = Popper;
 exports.PopperArrow = PopperArrow;
 exports.PopperProvider = PopperProvider;
 exports.Portal = Portal;
+exports.PortalSelectorProvider = PortalSelectorProvider;
 exports.RadioButton = RadioButton;
 exports.RadioGroup = RadioGroup;
 exports.Slider = Slider;