@basic-ui/core 0.0.51 → 0.0.53

package/build/cjs/index.js

@@ -220,7 +220,7 @@ function useControlledState(valueProp, onChangeProp, defaultValue, defaultOnChan
   const [valueState, setValueState] = react.useState(defaultValue);
 
   if (isControlled) {
-    if (wasControlled.current && process.env.NODE_ENV !== 'production' && !hasWarned.current) {
+    if (!wasControlled.current && !hasWarned.current && process.env.NODE_ENV !== 'production') {
       console.warn('Trying to change from controlled to uncontrolled.');
       hasWarned.current = true;
     }
@@ -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", {
@@ -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;