@sanity/ui 2.1.2 → 2.1.3-canary.0

package/dist/index.js

@@ -514,9 +514,11 @@ function getGlobalScope() {
     return global;
   throw new Error("@sanity/ui: could not locate global scope");
 }
-const globalScope = getGlobalScope(), key$8 = Symbol.for("@sanity/ui/context/theme");
-globalScope[key$8] = globalScope[key$8] || react.createContext(null);
-const ThemeContext = globalScope[key$8];
+const globalScope = getGlobalScope();
+function createGlobalScopedContext(key2, defaultValue) {
+  return typeof document > "u" ? react.createContext(defaultValue) : (globalScope[key2] = globalScope[key2] || react.createContext(defaultValue), globalScope[key2]);
+}
+const key$8 = Symbol.for("@sanity/ui/context/theme"), ThemeContext = createGlobalScopedContext(key$8, null);
 function ThemeProvider(props) {
   const parentTheme = react.useContext(ThemeContext), {
     children,
@@ -3088,17 +3090,21 @@ function _isEqual(objA, objB) {
   const keysA = Object.keys(objA), keysB = Object.keys(objB);
   return keysA.length !== keysB.length ? !1 : keysA.every((key2) => objA[key2] === objB[key2]);
 }
-const __BROWSER__ = typeof document < "u";
 function PortalProvider(props) {
-  const { boundaryElement, children, element, __unstable_elements: elementsProp } = props, elements = useUnique(elementsProp), value = react.useMemo(() => ({
+  const { boundaryElement, children, element, __unstable_elements: elementsProp } = props, elements = useUnique(elementsProp), fallbackElement = react.useSyncExternalStore(
+    emptySubscribe$1,
+    () => document.body,
+    () => null
+  ), value = react.useMemo(() => ({
     version: 0,
     boundaryElement: boundaryElement || null,
-    element: element || __BROWSER__ && document.body || null,
+    element: element || fallbackElement,
     elements
-  }), [boundaryElement, element, elements]);
+  }), [boundaryElement, element, elements, fallbackElement]);
   return /* @__PURE__ */ jsxRuntime.jsx(PortalContext.Provider, { value, children });
 }
-const Root$i = styledComponents.styled.div`
+const emptySubscribe$1 = () => () => {
+}, Root$i = styledComponents.styled.div`
   display: block;
   width: 0;
   height: 0;
@@ -5054,9 +5060,9 @@ function animationDialogStyle(props) {
     }
   ` : styledComponents.css``;
 }
-const key$3 = Symbol.for("@sanity/ui/context/dialog");
-globalScope[key$3] = globalScope[key$3] || react.createContext({ version: 0 });
-const DialogContext = globalScope[key$3];
+const key$3 = Symbol.for("@sanity/ui/context/dialog"), DialogContext = createGlobalScopedContext(key$3, {
+  version: 0
+});
 function useDialog() {
   return react.useContext(DialogContext);
 }