@sanity/ui 2.1.1 → 2.1.3-canary.0

package/dist/index.d.mts

@@ -2,6 +2,7 @@
 
 import {BaseTheme as BaseTheme_2} from '@sanity/ui/theme'
 import {Component} from 'react'
+import {Context} from 'react'
 import {CSSObject} from '@sanity/ui/theme'
 import {DetailedHTMLProps} from 'react'
 import {ElementType} from 'react'
@@ -718,7 +719,7 @@ export declare const Dialog: ForwardRefExoticComponent<
 /**
  * @internal
  */
-export declare const DialogContext: React.Context<DialogContextValue>
+export declare const DialogContext: Context<DialogContextValue>
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.

package/dist/index.d.ts

@@ -2,6 +2,7 @@
 
 import {BaseTheme as BaseTheme_2} from '@sanity/ui/theme'
 import {Component} from 'react'
+import {Context} from 'react'
 import {CSSObject} from '@sanity/ui/theme'
 import {DetailedHTMLProps} from 'react'
 import {ElementType} from 'react'
@@ -718,7 +719,7 @@ export declare const Dialog: ForwardRefExoticComponent<
 /**
  * @internal
  */
-export declare const DialogContext: React.Context<DialogContextValue>
+export declare const DialogContext: Context<DialogContextValue>
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.

package/dist/index.esm.js

@@ -517,9 +517,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] || createContext(null);
-const ThemeContext = globalScope[key$8];
+const globalScope = getGlobalScope();
+function createGlobalScopedContext(key2, defaultValue) {
+  return typeof document > "u" ? createContext(defaultValue) : (globalScope[key2] = globalScope[key2] || createContext(defaultValue), globalScope[key2]);
+}
+const key$8 = Symbol.for("@sanity/ui/context/theme"), ThemeContext = createGlobalScopedContext(key$8, null);
 function ThemeProvider(props) {
   const parentTheme = useContext(ThemeContext), {
     children,
@@ -3091,17 +3093,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 = useMemo(() => ({
+  const { boundaryElement, children, element, __unstable_elements: elementsProp } = props, elements = useUnique(elementsProp), fallbackElement = useSyncExternalStore(
+    emptySubscribe$1,
+    () => document.body,
+    () => null
+  ), value = 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__ */ jsx(PortalContext.Provider, { value, children });
 }
-const Root$i = styled.div`
+const emptySubscribe$1 = () => () => {
+}, Root$i = styled.div`
   display: block;
   width: 0;
   height: 0;
@@ -5057,9 +5063,9 @@ function animationDialogStyle(props) {
     }
   ` : css``;
 }
-const key$3 = Symbol.for("@sanity/ui/context/dialog");
-globalScope[key$3] = globalScope[key$3] || 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 useContext(DialogContext);
 }