sanity 5.27.0-next.8 → 5.27.0

package/lib/_chunks-dts/ActiveWorkspaceMatcherContext.d.ts

@@ -29,6 +29,7 @@ import { CSSProperties as CSSProperties$1, ExecutionProps } from "styled-compone
 import { ThrottleSettings } from "lodash-es/throttle.js";
 import { DEFAULT_ANNOTATIONS, DEFAULT_DECORATORS } from "@sanity/schema";
 import * as _$styled_components_dist_types0 from "/home/runner/work/sanity/sanity/node_modules/.pnpm/@sanity+styled-components@6.1.24_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@sanity/styled-components/dist/types.js";
+import { SanityImageSource } from "@sanity/asset-utils";
 import { PortableTextMemberSchemaTypes } from "@portabletext/sanity-bridge";
 import { ImageUrlBuilder, ImageUrlBuilder as ImageUrlBuilder$1 } from "@sanity/image-url";
 import { MarkdownShortcutsPluginProps } from "@portabletext/plugin-markdown-shortcuts";
@@ -9901,7 +9902,7 @@ interface PreviewProps<TLayoutKey = PreviewLayoutKey> {
   imageUrl?: string;
   isPlaceholder?: boolean;
   layout?: TLayoutKey;
-  media?: ReactNode | ComponentType<{
+  media?: ReactNode | SanityImageSource | ComponentType<{
     dimensions: PreviewMediaDimensions;
     layout: TLayoutKey;
   }>;

package/lib/_chunks-es/version.js

@@ -1,4 +1,4 @@
-var version = "5.27.0-next.8+e296b6ce59";
+var version = "5.27.0";
 let buildVersion;
 try {
   buildVersion = process.env.PKG_BUILD_VERSION;
@@ -7,7 +7,7 @@ try {
 try {
   buildVersion = buildVersion || // This is replaced by `@sanity/pkg-utils` at build time
   // and must always be references by its full static name, e.g. no optional chaining, no `if (process && process.env)` etc.
-  "5.27.0-next.8+e296b6ce59";
+  "5.27.0";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.js

@@ -58,7 +58,7 @@ import orderBy from "lodash-es/orderBy.js";
 import { nanoid, customAlphabet } from "nanoid";
 import * as legacyDateFormat from "@sanity/util/legacyDateFormat";
 import { sanitizeLocale, format as format$1, DEFAULT_DATE_FORMAT, parse as parse$2, isValidTimeZoneString, DEFAULT_TIME_FORMAT } from "@sanity/util/legacyDateFormat";
-import { getImageDimensions, isDefaultCrop, isDefaultHotspot, isImageSource, isFileSource, isSanityImageUrl, parseImageAssetUrl, isAssetObjectStub, isImageAssetId, isFileAssetId } from "@sanity/asset-utils";
+import { getImageDimensions, isDefaultCrop, isDefaultHotspot, isImageSource, isFileSource, tryGetImageDimensions, isSanityImageUrl, parseImageAssetUrl, isAssetObjectStub, isImageAssetId, isFileAssetId } from "@sanity/asset-utils";
 import { createImageUrlBuilder } from "@sanity/image-url";
 import uniq from "lodash-es/uniq.js";
 import xor from "lodash-es/xor.js";
@@ -92,6 +92,7 @@ import { differenceInSeconds } from "date-fns/differenceInSeconds";
 import { differenceInWeeks } from "date-fns/differenceInWeeks";
 import { differenceInYears } from "date-fns/differenceInYears";
 import { mergeMapArray } from "rxjs-mergemap-array";
+import { useDevicePixelRatio, getDevicePixelRatio } from "use-device-pixel-ratio";
 import { useSyncExternalStore as useSyncExternalStore$1 } from "use-sync-external-store/shim/index.js";
 import DataLoader from "dataloader";
 import { createNode } from "@sanity/comlink";
@@ -103,7 +104,6 @@ import partition from "lodash-es/partition.js";
 import { diffInput, wrap as wrap$1 } from "@sanity/diff";
 import { applyPatch as applyPatch$1, incremental } from "mendoza";
 import pick from "lodash-es/pick.js";
-import { useDevicePixelRatio, getDevicePixelRatio } from "use-device-pixel-ratio";
 import classNames from "classnames";
 import debounce from "lodash-es/debounce.js";
 import sortBy from "lodash-es/sortBy.js";
@@ -33079,7 +33079,7 @@ const noOutlineStyle = {
   `;
 });
 function Editor(props2) {
-  const $ = c(56), {
+  const $ = c(58), {
     elementRef,
     hideToolbar,
     hotkeys,
@@ -33109,7 +33109,7 @@ function Editor(props2) {
     isTopLayer
   } = useLayer(), {
     element: boundaryElement
-  } = useBoundaryElement();
+  } = useBoundaryElement(), [rootElement, setRootElement] = useState(null);
   let t0;
   $[0] !== isFullscreen || $[1] !== isTopLayer || $[2] !== onToggleFullscreen ? (t0 = (event) => {
     !isTopLayer || !isFullscreen || event.key === "Escape" && onToggleFullscreen();
@@ -33147,26 +33147,26 @@ function Editor(props2) {
   }, $[22] = onItemOpen, $[23] = path, $[24] = t4) : t4 = $[24];
   const handleToolBarOnMemberOpen = t4, collapsibleToolbar = id2 === FORM_BUILDER_DEFAULT_ID;
   let t5;
-  $[25] !== collapsibleToolbar || $[26] !== handleToolBarOnMemberOpen || $[27] !== hideToolbar || $[28] !== hotkeys || $[29] !== isActive || $[30] !== isFullscreen || $[31] !== onToggleFullscreen || $[32] !== readOnly ? (t5 = isActive && !hideToolbar && /* @__PURE__ */ jsx(TooltipDelayGroupProvider, { children: /* @__PURE__ */ jsx(ToolbarCard, { "data-testid": "pt-editor__toolbar-card", shadow: 1, children: /* @__PURE__ */ jsx(Toolbar, { collapsible: collapsibleToolbar, hotkeys, isFullscreen, onMemberOpen: handleToolBarOnMemberOpen, onToggleFullscreen, readOnly }) }) }), $[25] = collapsibleToolbar, $[26] = handleToolBarOnMemberOpen, $[27] = hideToolbar, $[28] = hotkeys, $[29] = isActive, $[30] = isFullscreen, $[31] = onToggleFullscreen, $[32] = readOnly, $[33] = t5) : t5 = $[33];
+  $[25] !== boundaryElement || $[26] !== collapsibleToolbar || $[27] !== handleToolBarOnMemberOpen || $[28] !== hideToolbar || $[29] !== hotkeys || $[30] !== isActive || $[31] !== isFullscreen || $[32] !== onToggleFullscreen || $[33] !== readOnly || $[34] !== rootElement ? (t5 = isActive && !hideToolbar && /* @__PURE__ */ jsx(BoundaryElementProvider, { element: isFullscreen ? rootElement : boundaryElement, children: /* @__PURE__ */ jsx(TooltipDelayGroupProvider, { children: /* @__PURE__ */ jsx(ToolbarCard, { "data-testid": "pt-editor__toolbar-card", shadow: 1, children: /* @__PURE__ */ jsx(Toolbar, { collapsible: collapsibleToolbar, hotkeys, isFullscreen, onMemberOpen: handleToolBarOnMemberOpen, onToggleFullscreen, readOnly }) }) }) }), $[25] = boundaryElement, $[26] = collapsibleToolbar, $[27] = handleToolBarOnMemberOpen, $[28] = hideToolbar, $[29] = hotkeys, $[30] = isActive, $[31] = isFullscreen, $[32] = onToggleFullscreen, $[33] = readOnly, $[34] = rootElement, $[35] = t5) : t5 = $[35];
   const t6 = readOnly ? "transparent" : "default", t7 = readOnly ? "transparent" : "default", t8 = isFullscreen ? scrollElement : boundaryElement;
   let t9;
-  $[34] !== editable || $[35] !== t8 ? (t9 = /* @__PURE__ */ jsx(BoundaryElementProvider, { element: t8, children: editable }), $[34] = editable, $[35] = t8, $[36] = t9) : t9 = $[36];
+  $[36] !== editable || $[37] !== t8 ? (t9 = /* @__PURE__ */ jsx(BoundaryElementProvider, { element: t8, children: editable }), $[36] = editable, $[37] = t8, $[38] = t9) : t9 = $[38];
   let t10;
-  $[37] !== isFullscreen || $[38] !== isOneLine || $[39] !== t7 || $[40] !== t9 ? (t10 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(EditableWrapper, { $isFullscreen: isFullscreen, $isOneLine: isOneLine, tone: t7, children: t9 }) }), $[37] = isFullscreen, $[38] = isOneLine, $[39] = t7, $[40] = t9, $[41] = t10) : t10 = $[41];
+  $[39] !== isFullscreen || $[40] !== isOneLine || $[41] !== t7 || $[42] !== t9 ? (t10 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(EditableWrapper, { $isFullscreen: isFullscreen, $isOneLine: isOneLine, tone: t7, children: t9 }) }), $[39] = isFullscreen, $[40] = isOneLine, $[41] = t7, $[42] = t9, $[43] = t10) : t10 = $[43];
   let t11;
-  $[42] !== setScrollElement || $[43] !== t10 ? (t11 = /* @__PURE__ */ jsx(Scroller, { ref: setScrollElement, children: t10 }), $[42] = setScrollElement, $[43] = t10, $[44] = t11) : t11 = $[44];
+  $[44] !== setScrollElement || $[45] !== t10 ? (t11 = /* @__PURE__ */ jsx(Scroller, { ref: setScrollElement, children: t10 }), $[44] = setScrollElement, $[45] = t10, $[46] = t11) : t11 = $[46];
   let t12;
-  $[45] !== setPortalElement ? (t12 = /* @__PURE__ */ jsx("div", { "data-portal": "", ref: setPortalElement }), $[45] = setPortalElement, $[46] = t12) : t12 = $[46];
+  $[47] !== setPortalElement ? (t12 = /* @__PURE__ */ jsx("div", { "data-portal": "", ref: setPortalElement }), $[47] = setPortalElement, $[48] = t12) : t12 = $[48];
   let t13;
-  $[47] !== t11 || $[48] !== t12 || $[49] !== t6 ? (t13 = /* @__PURE__ */ jsxs(EditableCard, { flex: 1, tone: t6, children: [
+  $[49] !== t11 || $[50] !== t12 || $[51] !== t6 ? (t13 = /* @__PURE__ */ jsxs(EditableCard, { flex: 1, tone: t6, children: [
     t11,
     t12
-  ] }), $[47] = t11, $[48] = t12, $[49] = t6, $[50] = t13) : t13 = $[50];
+  ] }), $[49] = t11, $[50] = t12, $[51] = t6, $[52] = t13) : t13 = $[52];
   let t14;
-  return $[51] !== isFullscreen || $[52] !== isOneLine || $[53] !== t13 || $[54] !== t5 ? (t14 = /* @__PURE__ */ jsxs(Root$j, { "data-fullscreen": isFullscreen, "data-testid": "pt-editor", $isOneLine: isOneLine, children: [
+  return $[53] !== isFullscreen || $[54] !== isOneLine || $[55] !== t13 || $[56] !== t5 ? (t14 = /* @__PURE__ */ jsxs(Root$j, { "data-fullscreen": isFullscreen, "data-testid": "pt-editor", ref: setRootElement, $isOneLine: isOneLine, children: [
     t5,
     t13
-  ] }), $[51] = isFullscreen, $[52] = isOneLine, $[53] = t13, $[54] = t5, $[55] = t14) : t14 = $[55], t14;
+  ] }), $[53] = isFullscreen, $[54] = isOneLine, $[55] = t13, $[56] = t5, $[57] = t14) : t14 = $[57], t14;
 }
 function _temp3$D(listItemProps) {
   return /* @__PURE__ */ jsx(ListItem$1, { ...listItemProps });
@@ -33274,9 +33274,10 @@ function _temp$2S(m) {
 const POPOVER_FALLBACK_PLACEMENTS$6 = ["top", "bottom"];
 function CombinedAnnotationPopover(props2) {
   const $ = c(37), {
-    floatingBoundary,
     referenceBoundary
   } = props2, {
+    element: floatingBoundary
+  } = useBoundaryElement(), {
     annotations
   } = useSelectedAnnotations(), [cursorRect, setCursorRect] = useState(null), [popoverOpen, setPopoverOpen] = useState(!1), rangeRef = useRef(null), {
     sanity
@@ -33943,7 +33944,7 @@ function _temp$2Q(m) {
   return m.kind === "annotation" && m.member.open;
 }
 function Compositor(props2) {
-  const $ = c(167), {
+  const $ = c(169), {
     changed,
     elementRef,
     focused,
@@ -33990,7 +33991,7 @@ function Compositor(props2) {
       schemaTypes
     }), $[0] = onPaste, $[1] = schemaTypes, $[2] = t210) : t210 = $[2], t1 = t210;
   }
-  const wrappedOnPaste = t1, boundaryElement = useBoundaryElement().element, [wrapperElement, setWrapperElement] = useState(null), [scrollElement, setScrollElement] = useState(null);
+  const wrappedOnPaste = t1, boundaryElement = useBoundaryElement().element, [wrapperElement, setWrapperElement] = useState(null), [scrollElement, setScrollElement] = useState(null), floatingBoundary = isFullscreen ? scrollElement : boundaryElement;
   let t2;
   $[3] !== onToggleFullscreen ? (t2 = () => {
     onToggleFullscreen();
@@ -34008,7 +34009,7 @@ function Compositor(props2) {
   }, $[8] = hotkeys, $[9] = t4, $[10] = t5) : t5 = $[10];
   const editorHotkeys = useHotkeys(t5), _renderBlockActions = value && renderBlockActions ? renderBlockActions : void 0, _renderCustomMarkers = value && renderCustomMarkers ? renderCustomMarkers : void 0, [portalElement, setPortalElement] = useState(null);
   let t6;
-  $[11] !== _renderBlockActions || $[12] !== _renderCustomMarkers || $[13] !== boundaryElement || $[14] !== isFullscreen || $[15] !== onItemClose || $[16] !== onItemOpen || $[17] !== onItemRemove || $[18] !== onPathFocus || $[19] !== path || $[20] !== readOnly || $[21] !== renderAnnotation || $[22] !== renderBlock2 || $[23] !== renderField || $[24] !== renderInlineBlock || $[25] !== renderInput || $[26] !== renderItem2 || $[27] !== renderPreview || $[28] !== schemaTypes.block || $[29] !== scrollElement || $[30] !== setElementRef ? (t6 = (blockProps) => {
+  $[11] !== _renderBlockActions || $[12] !== _renderCustomMarkers || $[13] !== floatingBoundary || $[14] !== isFullscreen || $[15] !== onItemClose || $[16] !== onItemOpen || $[17] !== onItemRemove || $[18] !== onPathFocus || $[19] !== path || $[20] !== readOnly || $[21] !== renderAnnotation || $[22] !== renderBlock2 || $[23] !== renderField || $[24] !== renderInlineBlock || $[25] !== renderInput || $[26] !== renderItem2 || $[27] !== renderPreview || $[28] !== schemaTypes.block || $[29] !== scrollElement || $[30] !== setElementRef ? (t6 = (blockProps) => {
     const {
       children,
       focused: blockFocused,
@@ -34016,11 +34017,11 @@ function Compositor(props2) {
       selected,
       value: block
     } = blockProps, fullyQualifiedPath = path.concat(blockPath);
-    return /* @__PURE__ */ jsx(TextBlock, { floatingBoundary: boundaryElement, focused: blockFocused, isFullscreen, onItemClose, onItemOpen, onItemRemove, onPathFocus, path: path.concat(blockPath), readOnly, referenceBoundary: scrollElement, renderAnnotation, renderField, renderInlineBlock, renderInput, renderItem: renderItem2, renderBlockActions: _renderBlockActions, renderCustomMarkers: _renderCustomMarkers, renderPreview, renderBlock: renderBlock2, schemaType: schemaTypes.block, selected, setElementRef, value: block, anchorIdent: pathToAnchorIdent("input", fullyQualifiedPath), children });
-  }, $[11] = _renderBlockActions, $[12] = _renderCustomMarkers, $[13] = boundaryElement, $[14] = isFullscreen, $[15] = onItemClose, $[16] = onItemOpen, $[17] = onItemRemove, $[18] = onPathFocus, $[19] = path, $[20] = readOnly, $[21] = renderAnnotation, $[22] = renderBlock2, $[23] = renderField, $[24] = renderInlineBlock, $[25] = renderInput, $[26] = renderItem2, $[27] = renderPreview, $[28] = schemaTypes.block, $[29] = scrollElement, $[30] = setElementRef, $[31] = t6) : t6 = $[31];
+    return /* @__PURE__ */ jsx(TextBlock, { floatingBoundary, focused: blockFocused, isFullscreen, onItemClose, onItemOpen, onItemRemove, onPathFocus, path: path.concat(blockPath), readOnly, referenceBoundary: scrollElement, renderAnnotation, renderField, renderInlineBlock, renderInput, renderItem: renderItem2, renderBlockActions: _renderBlockActions, renderCustomMarkers: _renderCustomMarkers, renderPreview, renderBlock: renderBlock2, schemaType: schemaTypes.block, selected, setElementRef, value: block, anchorIdent: pathToAnchorIdent("input", fullyQualifiedPath), children });
+  }, $[11] = _renderBlockActions, $[12] = _renderCustomMarkers, $[13] = floatingBoundary, $[14] = isFullscreen, $[15] = onItemClose, $[16] = onItemOpen, $[17] = onItemRemove, $[18] = onPathFocus, $[19] = path, $[20] = readOnly, $[21] = renderAnnotation, $[22] = renderBlock2, $[23] = renderField, $[24] = renderInlineBlock, $[25] = renderInput, $[26] = renderItem2, $[27] = renderPreview, $[28] = schemaTypes.block, $[29] = scrollElement, $[30] = setElementRef, $[31] = t6) : t6 = $[31];
   const renderTextBlock = t6;
   let t7;
-  $[32] !== _renderBlockActions || $[33] !== _renderCustomMarkers || $[34] !== boundaryElement || $[35] !== isFullscreen || $[36] !== onItemClose || $[37] !== onItemOpen || $[38] !== onItemRemove || $[39] !== onPathFocus || $[40] !== path || $[41] !== readOnly || $[42] !== renderAnnotation || $[43] !== renderBlock2 || $[44] !== renderField || $[45] !== renderInlineBlock || $[46] !== renderInput || $[47] !== renderItem2 || $[48] !== renderPreview || $[49] !== schemaTypes.blockObjects || $[50] !== scrollElement || $[51] !== setElementRef ? (t7 = (blockProps_0) => {
+  $[32] !== _renderBlockActions || $[33] !== _renderCustomMarkers || $[34] !== floatingBoundary || $[35] !== isFullscreen || $[36] !== onItemClose || $[37] !== onItemOpen || $[38] !== onItemRemove || $[39] !== onPathFocus || $[40] !== path || $[41] !== readOnly || $[42] !== renderAnnotation || $[43] !== renderBlock2 || $[44] !== renderField || $[45] !== renderInlineBlock || $[46] !== renderInput || $[47] !== renderItem2 || $[48] !== renderPreview || $[49] !== schemaTypes.blockObjects || $[50] !== scrollElement || $[51] !== setElementRef ? (t7 = (blockProps_0) => {
     const {
       focused: blockFocused_0,
       path: blockPath_0,
@@ -34030,8 +34031,8 @@ function Compositor(props2) {
     } = blockProps_0, sanitySchemaType = schemaTypes.blockObjects.find((type) => type.name === blockSchemaType.name);
     if (!sanitySchemaType)
       throw new Error(`Could not find Sanity schema type for block object: ${blockSchemaType.name}`);
-    return /* @__PURE__ */ jsx(BlockObject, { floatingBoundary: boundaryElement, focused: blockFocused_0, isFullscreen, onItemClose, onItemOpen, onItemRemove, onPathFocus, path: path.concat(blockPath_0), readOnly, referenceBoundary: scrollElement, relativePath: blockPath_0, renderAnnotation, renderBlock: renderBlock2, renderBlockActions: _renderBlockActions, renderCustomMarkers: _renderCustomMarkers, renderField, renderInlineBlock, renderInput, renderItem: renderItem2, renderPreview, schemaType: sanitySchemaType, selected: blockSelected, setElementRef, value: blockValue });
-  }, $[32] = _renderBlockActions, $[33] = _renderCustomMarkers, $[34] = boundaryElement, $[35] = isFullscreen, $[36] = onItemClose, $[37] = onItemOpen, $[38] = onItemRemove, $[39] = onPathFocus, $[40] = path, $[41] = readOnly, $[42] = renderAnnotation, $[43] = renderBlock2, $[44] = renderField, $[45] = renderInlineBlock, $[46] = renderInput, $[47] = renderItem2, $[48] = renderPreview, $[49] = schemaTypes.blockObjects, $[50] = scrollElement, $[51] = setElementRef, $[52] = t7) : t7 = $[52];
+    return /* @__PURE__ */ jsx(BlockObject, { floatingBoundary, focused: blockFocused_0, isFullscreen, onItemClose, onItemOpen, onItemRemove, onPathFocus, path: path.concat(blockPath_0), readOnly, referenceBoundary: scrollElement, relativePath: blockPath_0, renderAnnotation, renderBlock: renderBlock2, renderBlockActions: _renderBlockActions, renderCustomMarkers: _renderCustomMarkers, renderField, renderInlineBlock, renderInput, renderItem: renderItem2, renderPreview, schemaType: sanitySchemaType, selected: blockSelected, setElementRef, value: blockValue });
+  }, $[32] = _renderBlockActions, $[33] = _renderCustomMarkers, $[34] = floatingBoundary, $[35] = isFullscreen, $[36] = onItemClose, $[37] = onItemOpen, $[38] = onItemRemove, $[39] = onPathFocus, $[40] = path, $[41] = readOnly, $[42] = renderAnnotation, $[43] = renderBlock2, $[44] = renderField, $[45] = renderInlineBlock, $[46] = renderInput, $[47] = renderItem2, $[48] = renderPreview, $[49] = schemaTypes.blockObjects, $[50] = scrollElement, $[51] = setElementRef, $[52] = t7) : t7 = $[52];
   const renderObjectBlock = t7;
   let t8;
   $[53] !== renderObjectBlock || $[54] !== renderTextBlock || $[55] !== schemaTypes.block.name ? (t8 = (blockProps_1) => {
@@ -34042,7 +34043,7 @@ function Compositor(props2) {
   }, $[53] = renderObjectBlock, $[54] = renderTextBlock, $[55] = schemaTypes.block.name, $[56] = t8) : t8 = $[56];
   const editorRenderBlock = t8;
   let t9;
-  $[57] !== boundaryElement || $[58] !== onItemClose || $[59] !== onItemOpen || $[60] !== onPathFocus || $[61] !== path || $[62] !== readOnly || $[63] !== renderAnnotation || $[64] !== renderBlock2 || $[65] !== renderCustomMarkers || $[66] !== renderField || $[67] !== renderInlineBlock || $[68] !== renderInput || $[69] !== renderItem2 || $[70] !== renderPreview || $[71] !== schemaTypes.inlineObjects || $[72] !== schemaTypes.span.name || $[73] !== scrollElement || $[74] !== setElementRef ? (t9 = (childProps) => {
+  $[57] !== floatingBoundary || $[58] !== onItemClose || $[59] !== onItemOpen || $[60] !== onPathFocus || $[61] !== path || $[62] !== readOnly || $[63] !== renderAnnotation || $[64] !== renderBlock2 || $[65] !== renderCustomMarkers || $[66] !== renderField || $[67] !== renderInlineBlock || $[68] !== renderInput || $[69] !== renderItem2 || $[70] !== renderPreview || $[71] !== schemaTypes.inlineObjects || $[72] !== schemaTypes.span.name || $[73] !== scrollElement || $[74] !== setElementRef ? (t9 = (childProps) => {
     const {
       children: children_0,
       focused: childFocused,
@@ -34056,11 +34057,11 @@ function Compositor(props2) {
     const sanitySchemaType_0 = schemaTypes.inlineObjects.find((type_0) => type_0.name === childSchemaType.name);
     if (!sanitySchemaType_0)
       throw new Error(`Could not find Sanity schema type for inline object: ${childSchemaType.name}`);
-    return /* @__PURE__ */ jsx(InlineObject, { floatingBoundary: boundaryElement, focused: childFocused, onItemClose, onItemOpen, onPathFocus, path: path.concat(childPath), readOnly, referenceBoundary: scrollElement, relativePath: childPath, renderAnnotation, renderBlock: renderBlock2, renderCustomMarkers, renderField, renderInlineBlock, renderInput, renderItem: renderItem2, renderPreview, schemaType: sanitySchemaType_0, selected: selected_0, setElementRef, value: child });
-  }, $[57] = boundaryElement, $[58] = onItemClose, $[59] = onItemOpen, $[60] = onPathFocus, $[61] = path, $[62] = readOnly, $[63] = renderAnnotation, $[64] = renderBlock2, $[65] = renderCustomMarkers, $[66] = renderField, $[67] = renderInlineBlock, $[68] = renderInput, $[69] = renderItem2, $[70] = renderPreview, $[71] = schemaTypes.inlineObjects, $[72] = schemaTypes.span.name, $[73] = scrollElement, $[74] = setElementRef, $[75] = t9) : t9 = $[75];
+    return /* @__PURE__ */ jsx(InlineObject, { floatingBoundary, focused: childFocused, onItemClose, onItemOpen, onPathFocus, path: path.concat(childPath), readOnly, referenceBoundary: scrollElement, relativePath: childPath, renderAnnotation, renderBlock: renderBlock2, renderCustomMarkers, renderField, renderInlineBlock, renderInput, renderItem: renderItem2, renderPreview, schemaType: sanitySchemaType_0, selected: selected_0, setElementRef, value: child });
+  }, $[57] = floatingBoundary, $[58] = onItemClose, $[59] = onItemOpen, $[60] = onPathFocus, $[61] = path, $[62] = readOnly, $[63] = renderAnnotation, $[64] = renderBlock2, $[65] = renderCustomMarkers, $[66] = renderField, $[67] = renderInlineBlock, $[68] = renderInput, $[69] = renderItem2, $[70] = renderPreview, $[71] = schemaTypes.inlineObjects, $[72] = schemaTypes.span.name, $[73] = scrollElement, $[74] = setElementRef, $[75] = t9) : t9 = $[75];
   const editorRenderChild = t9;
   let t10;
-  $[76] !== boundaryElement || $[77] !== focused || $[78] !== onItemClose || $[79] !== onItemOpen || $[80] !== onPathFocus || $[81] !== path || $[82] !== readOnly || $[83] !== renderAnnotation || $[84] !== renderBlock2 || $[85] !== renderCustomMarkers || $[86] !== renderField || $[87] !== renderInlineBlock || $[88] !== renderInput || $[89] !== renderItem2 || $[90] !== renderPreview || $[91] !== schemaTypes.annotations || $[92] !== scrollElement || $[93] !== setElementRef ? (t10 = (annotationProps) => {
+  $[76] !== floatingBoundary || $[77] !== focused || $[78] !== onItemClose || $[79] !== onItemOpen || $[80] !== onPathFocus || $[81] !== path || $[82] !== readOnly || $[83] !== renderAnnotation || $[84] !== renderBlock2 || $[85] !== renderCustomMarkers || $[86] !== renderField || $[87] !== renderInlineBlock || $[88] !== renderInput || $[89] !== renderItem2 || $[90] !== renderPreview || $[91] !== schemaTypes.annotations || $[92] !== scrollElement || $[93] !== setElementRef ? (t10 = (annotationProps) => {
     const {
       children: children_1,
       focused: editorNodeFocused,
@@ -34071,8 +34072,8 @@ function Compositor(props2) {
     } = annotationProps, sanitySchemaType_1 = schemaTypes.annotations.find((type_1) => type_1.name === aSchemaType.name);
     if (!sanitySchemaType_1)
       throw new Error(`Could not find Sanity schema type for annotation: ${aSchemaType.name}`);
-    return /* @__PURE__ */ jsx(Annotation, { editorNodeFocused, floatingBoundary: boundaryElement, focused: !!focused, onItemClose, onItemOpen, onPathFocus, path: path.concat(aPath), readOnly, referenceBoundary: scrollElement, renderAnnotation, renderBlock: renderBlock2, renderCustomMarkers, renderField, renderInlineBlock, renderInput, renderItem: renderItem2, renderPreview, schemaType: sanitySchemaType_1, selected: selected_1, setElementRef, value: aValue, children: children_1 });
-  }, $[76] = boundaryElement, $[77] = focused, $[78] = onItemClose, $[79] = onItemOpen, $[80] = onPathFocus, $[81] = path, $[82] = readOnly, $[83] = renderAnnotation, $[84] = renderBlock2, $[85] = renderCustomMarkers, $[86] = renderField, $[87] = renderInlineBlock, $[88] = renderInput, $[89] = renderItem2, $[90] = renderPreview, $[91] = schemaTypes.annotations, $[92] = scrollElement, $[93] = setElementRef, $[94] = t10) : t10 = $[94];
+    return /* @__PURE__ */ jsx(Annotation, { editorNodeFocused, floatingBoundary, focused: !!focused, onItemClose, onItemOpen, onPathFocus, path: path.concat(aPath), readOnly, referenceBoundary: scrollElement, renderAnnotation, renderBlock: renderBlock2, renderCustomMarkers, renderField, renderInlineBlock, renderInput, renderItem: renderItem2, renderPreview, schemaType: sanitySchemaType_1, selected: selected_1, setElementRef, value: aValue, children: children_1 });
+  }, $[76] = floatingBoundary, $[77] = focused, $[78] = onItemClose, $[79] = onItemOpen, $[80] = onPathFocus, $[81] = path, $[82] = readOnly, $[83] = renderAnnotation, $[84] = renderBlock2, $[85] = renderCustomMarkers, $[86] = renderField, $[87] = renderInlineBlock, $[88] = renderInput, $[89] = renderItem2, $[90] = renderPreview, $[91] = schemaTypes.annotations, $[92] = scrollElement, $[93] = setElementRef, $[94] = t10) : t10 = $[94];
   const editorRenderAnnotation = t10, ariaDescribedBy = elementProps["aria-describedby"];
   let t11;
   $[95] !== focusPath || $[96] !== hasFocusWithin ? (t11 = () => {
@@ -34114,26 +34115,28 @@ function Compositor(props2) {
   let t24;
   $[136] !== focused || $[137] !== onItemClose || $[138] !== scrollElement ? (t24 = /* @__PURE__ */ jsx(AnnotationObjectEditModal, { focused, onItemClose, referenceBoundary: scrollElement }), $[136] = focused, $[137] = onItemClose, $[138] = scrollElement, $[139] = t24) : t24 = $[139];
   let t25;
-  $[140] !== boundaryElement || $[141] !== scrollElement ? (t25 = /* @__PURE__ */ jsx(CombinedAnnotationPopover, { floatingBoundary: boundaryElement, referenceBoundary: scrollElement }), $[140] = boundaryElement, $[141] = scrollElement, $[142] = t25) : t25 = $[142];
+  $[140] !== scrollElement ? (t25 = /* @__PURE__ */ jsx(CombinedAnnotationPopover, { referenceBoundary: scrollElement }), $[140] = scrollElement, $[141] = t25) : t25 = $[141];
   let t26;
-  $[143] !== t22 || $[144] !== t23 || $[145] !== t24 || $[146] !== t25 ? (t26 = /* @__PURE__ */ jsx(Box, { "data-wrapper": "", ref: setWrapperElement, children: /* @__PURE__ */ jsxs(Portal, { __unstable_name: t22, children: [
+  $[142] !== t22 || $[143] !== t23 || $[144] !== t24 || $[145] !== t25 ? (t26 = /* @__PURE__ */ jsx(Box, { "data-wrapper": "", ref: setWrapperElement, children: /* @__PURE__ */ jsxs(Portal, { __unstable_name: t22, children: [
     t23,
     t24,
     t25
-  ] }) }), $[143] = t22, $[144] = t23, $[145] = t24, $[146] = t25, $[147] = t26) : t26 = $[147];
+  ] }) }), $[142] = t22, $[143] = t23, $[144] = t24, $[145] = t25, $[146] = t26) : t26 = $[146];
   let t27;
-  $[148] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t27 = /* @__PURE__ */ jsx("div", { "data-border": "" }), $[148] = t27) : t27 = $[148];
+  $[147] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t27 = /* @__PURE__ */ jsx("div", { "data-border": "" }), $[147] = t27) : t27 = $[147];
   let t28;
-  $[149] !== t20 || $[150] !== t21 || $[151] !== t26 ? (t28 = /* @__PURE__ */ jsxs(Root$m, { "data-focused": t20, "data-read-only": t21, children: [
+  $[148] !== t20 || $[149] !== t21 || $[150] !== t26 ? (t28 = /* @__PURE__ */ jsxs(Root$m, { "data-focused": t20, "data-read-only": t21, children: [
     t26,
     t27
-  ] }), $[149] = t20, $[150] = t21, $[151] = t26, $[152] = t28) : t28 = $[152];
+  ] }), $[148] = t20, $[149] = t21, $[150] = t26, $[151] = t28) : t28 = $[151];
   let t29;
-  $[153] !== changed || $[154] !== isFullscreen || $[155] !== path || $[156] !== t19 || $[157] !== t28 ? (t29 = /* @__PURE__ */ jsx(ChangeIndicator, { disabled: isFullscreen, hasFocus: t19, isChanged: changed, path, children: t28 }), $[153] = changed, $[154] = isFullscreen, $[155] = path, $[156] = t19, $[157] = t28, $[158] = t29) : t29 = $[158];
+  $[152] !== changed || $[153] !== isFullscreen || $[154] !== path || $[155] !== t19 || $[156] !== t28 ? (t29 = /* @__PURE__ */ jsx(ChangeIndicator, { disabled: isFullscreen, hasFocus: t19, isChanged: changed, path, children: t28 }), $[152] = changed, $[153] = isFullscreen, $[154] = path, $[155] = t19, $[156] = t28, $[157] = t29) : t29 = $[157];
   let t30;
-  $[159] !== onActivate || $[160] !== t18 || $[161] !== t29 ? (t30 = /* @__PURE__ */ jsx(ActivateOnFocus, { onActivate, isOverlayActive: t18, children: t29 }), $[159] = onActivate, $[160] = t18, $[161] = t29, $[162] = t30) : t30 = $[162];
+  $[158] !== onActivate || $[159] !== t18 || $[160] !== t29 ? (t30 = /* @__PURE__ */ jsx(ActivateOnFocus, { onActivate, isOverlayActive: t18, children: t29 }), $[158] = onActivate, $[159] = t18, $[160] = t29, $[161] = t30) : t30 = $[161];
   let t31;
-  return $[163] !== portal.element || $[164] !== portalElements || $[165] !== t30 ? (t31 = /* @__PURE__ */ jsx(SelectedAnnotationsProvider, { children: /* @__PURE__ */ jsx(PortalProvider, { __unstable_elements: portalElements, element: t17, children: t30 }) }), $[163] = portal.element, $[164] = portalElements, $[165] = t30, $[166] = t31) : t31 = $[166], t31;
+  $[162] !== floatingBoundary || $[163] !== t30 ? (t31 = /* @__PURE__ */ jsx(BoundaryElementProvider, { element: floatingBoundary, children: t30 }), $[162] = floatingBoundary, $[163] = t30, $[164] = t31) : t31 = $[164];
+  let t32;
+  return $[165] !== portal.element || $[166] !== portalElements || $[167] !== t31 ? (t32 = /* @__PURE__ */ jsx(SelectedAnnotationsProvider, { children: /* @__PURE__ */ jsx(PortalProvider, { __unstable_elements: portalElements, element: t17, children: t31 }) }), $[165] = portal.element, $[166] = portalElements, $[167] = t31, $[168] = t32) : t32 = $[168], t32;
 }
 function FullscreenPTEProvider(t0) {
   const $ = c(17), {
@@ -45395,6 +45398,75 @@ function Preview$1(props2) {
   let t0;
   return $[0] !== PreviewComponent || $[1] !== props2 ? (t0 = /* @__PURE__ */ jsx(PreviewLoader, { ...props2, component: PreviewComponent }), $[0] = PreviewComponent, $[1] = props2, $[2] = t0) : t0 = $[2], t0;
 }
+const PREVIEW_SIZES = {
+  block: {
+    icon: 25,
+    media: {
+      width: 33,
+      height: 33
+    }
+  },
+  blockImage: {
+    icon: 25,
+    media: {
+      width: 600,
+      height: 400
+    }
+  },
+  compact: {
+    icon: 21,
+    media: {
+      width: 25,
+      height: 25
+    }
+  },
+  default: {
+    icon: 21,
+    media: {
+      width: 33,
+      height: 33
+    }
+  },
+  detail: {
+    icon: 25,
+    media: {
+      width: 73,
+      height: 73
+    }
+  },
+  inline: {
+    icon: 15,
+    media: {
+      width: 15,
+      height: 15
+    }
+  },
+  media: {
+    icon: 25,
+    media: {
+      width: 160,
+      height: 160
+    }
+  }
+};
+function renderPreviewMedia(value, layout, dimensions) {
+  return isValidElementType(value) ? /* @__PURE__ */ jsx(value, { layout, dimensions }) : typeof value == "string" ? /* @__PURE__ */ jsx("div", { children: value }) : isValidElement(value) || value === null || typeof value == "number" || typeof value == "boolean" ? value : null;
+}
+function renderPreviewNode(value, layout, fallbackNode) {
+  return typeof value == "string" ? value : isValidElementType(value) ? /* @__PURE__ */ jsx(value, { layout }) : value || fallbackNode;
+}
+function resolveBlockImageDimensions(source) {
+  const sourceDimensions = tryGetImageDimensions(source);
+  if (typeof sourceDimensions > "u")
+    return;
+  const max2 = PREVIEW_SIZES.blockImage.media, scale = Math.min(max2.width / sourceDimensions.width, 1);
+  return {
+    width: Math.round(sourceDimensions.width * scale),
+    height: Math.round(sourceDimensions.height * scale),
+    fit: "max",
+    dpr: getDevicePixelRatio()
+  };
+}
 const _previewComponents = {
   block: BlockPreview,
   blockImage: BlockImagePreview,
@@ -45472,7 +45544,7 @@ function SanityDefaultMedia(t0) {
   return $[14] !== t5 || $[15] !== url ? (t6 = /* @__PURE__ */ jsx("img", { alt: t5, onError: handleError, referrerPolicy: "strict-origin-when-cross-origin", src: url }), $[14] = t5, $[15] = url, $[16] = t6) : t6 = $[16], t6;
 }
 const SanityDefaultPreview = memo(function(props2) {
-  const $ = c(34);
+  const $ = c(37);
   let Icon2, imageUrl, layout, mediaProp, restProps, title, tooltip;
   $[0] !== props2 ? ({
     icon: Icon2,
@@ -45532,25 +45604,44 @@ const SanityDefaultPreview = memo(function(props2) {
     }
     t3 = renderIcon;
   }
-  const t4 = t3;
+  const media = t3;
+  let t4;
+  bb1: {
+    if (props2.mediaDimensions) {
+      t4 = props2.mediaDimensions;
+      break bb1;
+    }
+    if (layout !== "blockImage") {
+      t4 = void 0;
+      break bb1;
+    }
+    if (!isImageSource(mediaProp)) {
+      t4 = void 0;
+      break bb1;
+    }
+    let t52;
+    $[20] !== mediaProp ? (t52 = resolveBlockImageDimensions(mediaProp), $[20] = mediaProp, $[21] = t52) : t52 = $[21], t4 = t52;
+  }
+  const resolvedMediaDimensions = t4;
   let t5;
-  $[20] !== restProps || $[21] !== t4 || $[22] !== title ? (t5 = {
+  $[22] !== media || $[23] !== resolvedMediaDimensions || $[24] !== restProps || $[25] !== title ? (t5 = {
     ...restProps,
-    media: t4,
+    media,
+    mediaDimensions: resolvedMediaDimensions,
     title
-  }, $[20] = restProps, $[21] = t4, $[22] = title, $[23] = t5) : t5 = $[23];
+  }, $[22] = media, $[23] = resolvedMediaDimensions, $[24] = restProps, $[25] = title, $[26] = t5) : t5 = $[26];
   const previewProps = t5, LayoutComponent = _previewComponents[layout || "default"];
   let t6;
-  $[24] !== LayoutComponent || $[25] !== previewProps ? (t6 = /* @__PURE__ */ jsx(LayoutComponent, { ...previewProps }), $[24] = LayoutComponent, $[25] = previewProps, $[26] = t6) : t6 = $[26];
+  $[27] !== LayoutComponent || $[28] !== previewProps ? (t6 = /* @__PURE__ */ jsx(LayoutComponent, { ...previewProps }), $[27] = LayoutComponent, $[28] = previewProps, $[29] = t6) : t6 = $[29];
   const children = t6;
   if (tooltip) {
     const t7 = !tooltip;
     let t8;
-    $[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = ["top-end", "bottom-end"], $[27] = t8) : t8 = $[27];
+    $[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = ["top-end", "bottom-end"], $[30] = t8) : t8 = $[30];
     let t9;
-    $[28] !== children ? (t9 = /* @__PURE__ */ jsx("div", { children }), $[28] = children, $[29] = t9) : t9 = $[29];
+    $[31] !== children ? (t9 = /* @__PURE__ */ jsx("div", { children }), $[31] = children, $[32] = t9) : t9 = $[32];
     let t10;
-    return $[30] !== t7 || $[31] !== t9 || $[32] !== tooltip ? (t10 = /* @__PURE__ */ jsx(Tooltip, { content: tooltip, disabled: t7, fallbackPlacements: t8, placement: "right", children: t9 }), $[30] = t7, $[31] = t9, $[32] = tooltip, $[33] = t10) : t10 = $[33], t10;
+    return $[33] !== t7 || $[34] !== t9 || $[35] !== tooltip ? (t10 = /* @__PURE__ */ jsx(Tooltip, { content: tooltip, disabled: t7, fallbackPlacements: t8, placement: "right", children: t9 }), $[33] = t7, $[34] = t9, $[35] = tooltip, $[36] = t10) : t10 = $[36], t10;
   }
   return children;
 });
@@ -57265,56 +57356,6 @@ const ReleaseDocumentsCounter = (t0) => {
   } = t0, t1 = documentCount || "-";
   let t2;
   return $[0] !== t1 ? (t2 = /* @__PURE__ */ jsx(Text$1, { muted: !0, size: 1, children: t1 }), $[0] = t1, $[1] = t2) : t2 = $[1], t2;
-}, PREVIEW_SIZES = {
-  block: {
-    icon: 25,
-    media: {
-      width: 33,
-      height: 33
-    }
-  },
-  blockImage: {
-    icon: 25,
-    media: {
-      width: 600,
-      height: 400
-    }
-  },
-  compact: {
-    icon: 21,
-    media: {
-      width: 25,
-      height: 25
-    }
-  },
-  default: {
-    icon: 21,
-    media: {
-      width: 33,
-      height: 33
-    }
-  },
-  detail: {
-    icon: 25,
-    media: {
-      width: 73,
-      height: 73
-    }
-  },
-  inline: {
-    icon: 15,
-    media: {
-      width: 15,
-      height: 15
-    }
-  },
-  media: {
-    icon: 25,
-    media: {
-      width: 160,
-      height: 160
-    }
-  }
 }, RootFlex$2 = styled(Flex).attrs({
   align: "center"
 }).withConfig({
@@ -93638,12 +93679,6 @@ function renderMedia(props2) {
   } = props2;
   return typeof media == "string" ? /* @__PURE__ */ jsx(Text$1, { as: "span", className: styles?.mediaString, size: 1, children: media }) : isValidElementType(media) ? /* @__PURE__ */ jsx(media, { dimensions, layout }) : isValidElement(media) ? media : null;
 }
-function renderPreviewMedia(value, layout, dimensions) {
-  return isValidElementType(value) ? /* @__PURE__ */ jsx(value, { layout, dimensions }) : typeof value == "string" ? /* @__PURE__ */ jsx("div", { children: value }) : value;
-}
-function renderPreviewNode(value, layout, fallbackNode) {
-  return typeof value == "string" ? value : isValidElementType(value) ? /* @__PURE__ */ jsx(value, { layout }) : value || fallbackNode;
-}
 const DEFAULT_MEDIA_DIMENSIONS$6 = {
   ...PREVIEW_SIZES.compact.media,
   aspect: 1,