@sanity/ui 2.13.5 → 2.14.1

package/dist/_chunks-cjs/_visual-editing.js

@@ -2484,13 +2484,12 @@ const LazyRefractor = react.lazy(() => Promise.resolve().then(function() {
   const t1 = useArrayProp(t0 === void 0 ? 2 : t0);
   let t2;
   $[6] !== children ? (t2 = /* @__PURE__ */ jsxRuntime.jsx("code", { children }), $[6] = children, $[7] = t2) : t2 = $[7];
-  const t3 = String(children);
+  let t3;
+  $[8] !== children || $[9] !== language ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(LazyRefractor, { language, value: children }), $[8] = children, $[9] = language, $[10] = t3) : t3 = $[10];
   let t4;
-  $[8] !== language || $[9] !== t3 ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(LazyRefractor, { language, value: t3 }), $[8] = language, $[9] = t3, $[10] = t4) : t4 = $[10];
+  $[11] !== t2 || $[12] !== t3 ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: t2, children: t3 }), $[11] = t2, $[12] = t3, $[13] = t4) : t4 = $[13];
   let t5;
-  $[11] !== t2 || $[12] !== t4 ? (t5 = /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: t2, children: t4 }), $[11] = t2, $[12] = t4, $[13] = t5) : t5 = $[13];
-  let t6;
-  return $[14] !== ref || $[15] !== restProps || $[16] !== t1 || $[17] !== t5 || $[18] !== weight ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(StyledCode, { "data-ui": "Code", ...restProps, $size: t1, $weight: weight, ref, children: t5 }), $[14] = ref, $[15] = restProps, $[16] = t1, $[17] = t5, $[18] = weight, $[19] = t6) : t6 = $[19], t6;
+  return $[14] !== ref || $[15] !== restProps || $[16] !== t1 || $[17] !== t4 || $[18] !== weight ? (t5 = /* @__PURE__ */ jsxRuntime.jsx(StyledCode, { "data-ui": "Code", ...restProps, $size: t1, $weight: weight, ref, children: t4 }), $[14] = ref, $[15] = restProps, $[16] = t1, $[17] = t4, $[18] = weight, $[19] = t5) : t5 = $[19], t5;
 });
 Code.displayName = "ForwardRef(Code)";
 const BASE_STYLE$1 = {
@@ -3492,7 +3491,19 @@ const MotionCard$1 = styledComponents.styled(framerMotion.motion.create(Card)).w
   ] }), $[48] = placement, $[49] = radius, $[50] = ref, $[51] = rootStyle2, $[52] = scheme, $[53] = shadow, $[54] = t11, $[55] = t12, $[56] = t8, $[57] = t9, $[58] = tone, $[59] = t13) : t13 = $[59], t13;
 }));
 PopoverCard.displayName = "Memo(ForwardRef(PopoverCard))";
-const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
+const ViewportOverlay = () => {
+  const $ = reactCompilerRuntime.c(2), {
+    zIndex
+  } = useLayer();
+  let t0;
+  return $[0] !== zIndex ? (t0 = /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+    height: "100vh",
+    inset: 0,
+    position: "fixed",
+    width: "100vw",
+    zIndex
+  } }), $[0] = zIndex, $[1] = t0) : t0 = $[1], t0;
+}, Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
   const {
     container,
     layer
@@ -3508,6 +3519,7 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
     fallbackPlacements = props.fallbackPlacements ?? DEFAULT_FALLBACK_PLACEMENTS$1[props.placement ?? "bottom"],
     matchReferenceWidth,
     floatingBoundary = props.boundaryElement ?? boundaryElementContext.element,
+    modal,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onActivate,
     open,
@@ -3615,7 +3627,10 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
     updateRef && (typeof updateRef == "function" ? updateRef(update) : updateRef && (updateRef.current = update));
   }, [update, updateRef]), disabled)
     return childProp || /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-  const popover = /* @__PURE__ */ jsxRuntime.jsx(LayerProvider, { zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverCard, { ...restProps, __unstable_margins: margins, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, hidden: referenceHidden, overflow, padding, placement, radius, ref: setFloating, scheme, shadow, originX, originY, strategy, tone, width: matchReferenceWidth ? referenceWidthRef.current : width, x, y, children: content }) }), children = open && (portal ? /* @__PURE__ */ jsxRuntime.jsx(Portal, { __unstable_name: typeof portal == "string" ? portal : void 0, children: popover }) : popover);
+  const popover = /* @__PURE__ */ jsxRuntime.jsxs(LayerProvider, { zOffset, children: [
+    modal && /* @__PURE__ */ jsxRuntime.jsx(ViewportOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverCard, { ...restProps, __unstable_margins: margins, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, hidden: referenceHidden, overflow, padding, placement, radius, ref: setFloating, scheme, shadow, originX, originY, strategy, tone, width: matchReferenceWidth ? referenceWidthRef.current : width, x, y, children: content })
+  ] }), children = open && (portal ? /* @__PURE__ */ jsxRuntime.jsx(Portal, { __unstable_name: typeof portal == "string" ? portal : void 0, children: popover }) : popover);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     animate ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children }) : children,
     child