@orion-studios/payload-studio 0.5.0-beta.87 → 0.5.0-beta.89

package/dist/{chunk-ZXKYAGTC.mjs → chunk-2BWLRH75.mjs}

@@ -508,19 +508,6 @@ var mediaFieldSet = [
     ],
     tags: ["image", "radius", "corners"],
     type: "select"
-  },
-  {
-    group: "media",
-    key: "settings.media.position",
-    label: "Image Position",
-    options: [
-      { label: "Center", value: "center" },
-      { label: "Top", value: "top" },
-      { label: "Bottom", value: "bottom" },
-      { label: "Left", value: "left" },
-      { label: "Right", value: "right" }
-    ],
-    type: "select"
   }
 ];
 var inspectorDefinitionByBlockType = {

package/dist/{chunk-VQFGBAW2.mjs → chunk-QWLMYY4E.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ADIIWIYL.mjs";
 import {
   studioDocumentToLayout
-} from "./chunk-ZXKYAGTC.mjs";
+} from "./chunk-2BWLRH75.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";

package/dist/index.js

@@ -3198,19 +3198,6 @@ var mediaFieldSet = [
     ],
     tags: ["image", "radius", "corners"],
     type: "select"
-  },
-  {
-    group: "media",
-    key: "settings.media.position",
-    label: "Image Position",
-    options: [
-      { label: "Center", value: "center" },
-      { label: "Top", value: "top" },
-      { label: "Bottom", value: "bottom" },
-      { label: "Left", value: "left" },
-      { label: "Right", value: "right" }
-    ],
-    type: "select"
   }
 ];
 var inspectorDefinitionByBlockType = {

package/dist/index.mjs

@@ -9,13 +9,13 @@ import {
 } from "./chunk-XK3K5GRP.mjs";
 import {
   nextjs_exports
-} from "./chunk-VQFGBAW2.mjs";
+} from "./chunk-QWLMYY4E.mjs";
 import {
   studio_exports
 } from "./chunk-ADIIWIYL.mjs";
 import {
   studio_pages_exports
-} from "./chunk-ZXKYAGTC.mjs";
+} from "./chunk-2BWLRH75.mjs";
 import "./chunk-SIL2J5MF.mjs";
 import "./chunk-6BWS3CLP.mjs";
 export {

package/dist/nextjs/index.js

@@ -564,19 +564,6 @@ var mediaFieldSet = [
     ],
     tags: ["image", "radius", "corners"],
     type: "select"
-  },
-  {
-    group: "media",
-    key: "settings.media.position",
-    label: "Image Position",
-    options: [
-      { label: "Center", value: "center" },
-      { label: "Top", value: "top" },
-      { label: "Bottom", value: "bottom" },
-      { label: "Left", value: "left" },
-      { label: "Right", value: "right" }
-    ],
-    type: "select"
   }
 ];
 var inspectorDefinitionByBlockType = {

package/dist/nextjs/index.mjs

@@ -4,9 +4,9 @@ import {
   createPayloadClient,
   createSiteQueries,
   resolveMedia
-} from "../chunk-VQFGBAW2.mjs";
+} from "../chunk-QWLMYY4E.mjs";
 import "../chunk-ADIIWIYL.mjs";
-import "../chunk-ZXKYAGTC.mjs";
+import "../chunk-2BWLRH75.mjs";
 import "../chunk-SIL2J5MF.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {

package/dist/studio-pages/client.js

@@ -394,7 +394,6 @@ function ImageControls({
   maxHeight = 600,
   minHeight = 40,
   onChange,
-  position,
   positionX,
   positionY
 }) {
@@ -430,25 +429,7 @@ function ImageControls({
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "orion-builder-settings-label", children: [
-      "Image Position",
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-        "select",
-        {
-          className: "orion-builder-settings-input",
-          onChange: (event) => onChange("position", event.target.value),
-          value: position,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "center", children: "Center" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "top", children: "Top" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "bottom", children: "Bottom" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "left", children: "Left" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "right", children: "Right" })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "orion-builder-settings-label", children: [
-      "Horizontal Image Focus (%)",
+      "Horizontal Image Position",
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-builder-settings-input-split", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "input",
@@ -474,7 +455,7 @@ function ImageControls({
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "orion-builder-settings-label", children: [
-      "Vertical Image Focus (%)",
+      "Vertical Image Position",
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-builder-settings-input-split", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "input",
@@ -706,19 +687,6 @@ var mediaFieldSet = [
     ],
     tags: ["image", "radius", "corners"],
     type: "select"
-  },
-  {
-    group: "media",
-    key: "settings.media.position",
-    label: "Image Position",
-    options: [
-      { label: "Center", value: "center" },
-      { label: "Top", value: "top" },
-      { label: "Bottom", value: "bottom" },
-      { label: "Left", value: "left" },
-      { label: "Right", value: "right" }
-    ],
-    type: "select"
   }
 ];
 var commonInspectorGroups = [
@@ -1124,16 +1092,13 @@ function BlockInspectorRenderer({
     groups.map((group) => {
       const mediaFit = getByPath(block, "settings.media.fit");
       const mediaCornerStyle = getByPath(block, "settings.media.cornerStyle");
-      const mediaPosition = getByPath(block, "settings.media.position");
       const mediaPositionX = normalizeNumber(getByPath(block, "settings.media.positionX"), 50);
       const mediaPositionY = normalizeNumber(getByPath(block, "settings.media.positionY"), 50);
       const mediaHeight = getByPath(block, "settings.media.height");
-      const fallbackMediaPosition = mediaPosition === "top" || mediaPosition === "bottom" || mediaPosition === "left" || mediaPosition === "right" ? mediaPosition : "center";
       const fallbackMediaControls = {
         cornerStyle: mediaCornerStyle === "square" ? "square" : "rounded",
         fit: mediaFit === "contain" ? "contain" : "cover",
         height: typeof mediaHeight === "number" ? mediaHeight : null,
-        position: fallbackMediaPosition,
         positionX: mediaPositionX,
         positionY: mediaPositionY
       };
@@ -1229,7 +1194,6 @@ function BlockInspectorRenderer({
                   }
                   updateForKey(`settings.media.${field}`, value);
                 },
-                position: effectiveMedia.position,
                 positionX: effectiveMedia.positionX,
                 positionY: effectiveMedia.positionY
               }
@@ -2270,7 +2234,6 @@ function renderSimpleBlockPreview(args) {
     isBlockUploadTarget,
     normalizeImageCornerStyle: normalizeImageCornerStyle3,
     normalizeImageFit: normalizeImageFit3,
-    normalizeImagePosition: normalizeImagePosition3,
     normalizeText: normalizeText3,
     onDropAt,
     renderWithSectionShell,
@@ -2451,7 +2414,6 @@ function renderSimpleBlockPreview(args) {
     const imageStyle = getImagePresentationStyle2({
       cornerStyle: normalizeImageCornerStyle3(mediaSettings.cornerStyle ?? block?.imageCornerStyle),
       fit: normalizeImageFit3(mediaSettings.fit ?? block?.imageFit),
-      position: normalizeImagePosition3(mediaSettings.position ?? block?.imagePosition),
       positionX: imagePositionX,
       positionY: imagePositionY
     });
@@ -3011,7 +2973,6 @@ var normalizeNumber2 = (value, fallback) => {
 var clamp = (value, min, max) => Math.max(min, Math.min(max, value));
 var normalizeImageFit = (value) => value === "contain" ? "contain" : "cover";
 var normalizeImageCornerStyle = (value) => value === "square" ? "square" : "rounded";
-var normalizeImagePosition = (value) => value === "top" || value === "bottom" || value === "left" || value === "right" ? value : "center";
 var hasQueryMatch = (query, ...values) => {
   const normalized = query.trim().toLowerCase();
   if (!normalized) {
@@ -3419,17 +3380,10 @@ function ArrayItemsEditor({
                       onUpdateItemSetting(itemIndex, "media.cornerStyle", value);
                       return;
                     }
-                    if (field === "position") {
-                      onUpdateItemSetting(itemIndex, "media.position", value);
-                      onUpdateItemSetting(itemIndex, "media.positionX", null);
-                      onUpdateItemSetting(itemIndex, "media.positionY", null);
-                      return;
-                    }
                     if (field === "positionX" || field === "positionY") {
                       onUpdateItemSetting(itemIndex, `media.${field}`, value);
                     }
                   },
-                  position: normalizeImagePosition(item.imagePosition),
                   positionX: clamp(normalizeNumber2(item.imagePositionX, 50), 0, 100),
                   positionY: clamp(normalizeNumber2(item.imagePositionY, 50), 0, 100)
                 }
@@ -3498,12 +3452,6 @@ var normalizeHeroImageCornerStyle = (value, legacyFitValue) => {
   return "rounded";
 };
 var getHeroImageCornerRadius = (cornerStyle) => cornerStyle === "square" ? "0px" : "var(--orion-studio-radius-lg)";
-var normalizeHeroImagePosition = (value) => {
-  if (value === "top" || value === "bottom" || value === "left" || value === "right") {
-    return value;
-  }
-  return "center";
-};
 var normalizeHeroHeight = (value) => {
   if (value === "md" || value === "full") {
     return value;
@@ -3518,7 +3466,6 @@ var resolveBuilderMediumHeroHeight = (topViewportHeight) => {
 };
 var normalizeImageFit2 = (value) => normalizeHeroImageFit(value);
 var normalizeImageCornerStyle2 = (value, legacyFitValue) => normalizeHeroImageCornerStyle(value, legacyFitValue);
-var normalizeImagePosition2 = (value) => normalizeHeroImagePosition(value);
 var positionPercent = (value, fit) => {
   const resolved = fit === "cover" && (value === "left" || value === "right") ? "center" : value;
   switch (resolved) {
@@ -4473,12 +4420,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
       updateArrayItemSettingField(selectedIndex, "items", selectedItemIndex, "media.cornerStyle", value);
       return;
     }
-    if (field === "position") {
-      updateArrayItemSettingField(selectedIndex, "items", selectedItemIndex, "media.position", value);
-      updateArrayItemSettingField(selectedIndex, "items", selectedItemIndex, "media.positionX", null);
-      updateArrayItemSettingField(selectedIndex, "items", selectedItemIndex, "media.positionY", null);
-      return;
-    }
     if (field === "positionX") {
       updateArrayItemSettingField(selectedIndex, "items", selectedItemIndex, "media.positionX", value);
       return;
@@ -5056,7 +4997,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
     })(),
     maxHeight: selectedType === "logoWall" ? 200 : 600,
     minHeight: selectedType === "logoWall" ? 24 : selectedType === "beforeAfter" ? 60 : 40,
-    position: normalizeImagePosition2(selectedItemRecord.imagePosition),
     positionX: parsePercentNumber(selectedItemRecord.imagePositionX, 50),
     positionY: parsePercentNumber(selectedItemRecord.imagePositionY, 50)
   } : void 0;
@@ -5293,7 +5233,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
                 mediaSettings.cornerStyle ?? block.backgroundImageCornerStyle,
                 mediaSettings.fit ?? block.backgroundImageFit
               );
-              const backgroundImagePosition = normalizeHeroImagePosition(mediaSettings.position ?? block.backgroundImagePosition);
               const backgroundImagePositionX = parseOptionalPercentNumber2(mediaSettings.positionX ?? block.backgroundImagePositionX);
               const backgroundImagePositionY = parseOptionalPercentNumber2(mediaSettings.positionY ?? block.backgroundImagePositionY);
               const heroHeight = normalizeHeroHeight(block.heroHeight);
@@ -5305,9 +5244,8 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
               );
               const backgroundImageURL = normalizeText2(block.backgroundImageURL);
               const backgroundImage = media?.url || backgroundImageURL;
-              const backgroundPositionBase = positionPercent(backgroundImagePosition, backgroundImageFit);
-              const resolvedBackgroundPositionX = typeof backgroundImagePositionX === "number" ? backgroundImagePositionX : backgroundPositionBase.x;
-              const resolvedBackgroundPositionY = typeof backgroundImagePositionY === "number" ? backgroundImagePositionY : backgroundPositionBase.y;
+              const resolvedBackgroundPositionX = typeof backgroundImagePositionX === "number" ? backgroundImagePositionX : 50;
+              const resolvedBackgroundPositionY = typeof backgroundImagePositionY === "number" ? backgroundImagePositionY : 50;
               const backgroundImageObjectPosition = `${resolvedBackgroundPositionX}% ${resolvedBackgroundPositionY}%`;
               const hasCustomHeroColor = backgroundColor.length > 0 && backgroundColor.toLowerCase() !== "#124a37";
               const overlayModeRaw = normalizeText2(block?.backgroundOverlayMode, "none");
@@ -5480,7 +5418,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
                               const itemImageStyle = getImagePresentationStyle({
                                 cornerStyle: normalizeImageCornerStyle2(itemRecord?.imageCornerStyle),
                                 fit: normalizeImageFit2(itemRecord?.imageFit),
-                                position: normalizeImagePosition2(itemRecord?.imagePosition),
                                 positionX: itemPositionX,
                                 positionY: itemPositionY
                               });
@@ -5595,7 +5532,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
                             const itemImageStyle = getImagePresentationStyle({
                               cornerStyle: normalizeImageCornerStyle2(itemRecord?.imageCornerStyle),
                               fit: normalizeImageFit2(itemRecord?.imageFit),
-                              position: normalizeImagePosition2(itemRecord?.imagePosition),
                               positionX: itemPositionX,
                               positionY: itemPositionY
                             });
@@ -5799,7 +5735,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
                         const imageStyle = getImagePresentationStyle({
                           cornerStyle: normalizeImageCornerStyle2(itemRecord?.imageCornerStyle),
                           fit: normalizeImageFit2(itemRecord?.imageFit),
-                          position: normalizeImagePosition2(itemRecord?.imagePosition),
                           positionX: itemPositionX,
                           positionY: itemPositionY,
                           roundedRadius: 10
@@ -5906,7 +5841,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
                             const imageStyle = getImagePresentationStyle({
                               cornerStyle: normalizeImageCornerStyle2(itemRecord?.imageCornerStyle),
                               fit: normalizeImageFit2(itemRecord?.imageFit),
-                              position: normalizeImagePosition2(itemRecord?.imagePosition),
                               positionX: itemPositionX,
                               positionY: itemPositionY
                             });
@@ -6214,7 +6148,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
               isBlockUploadTarget,
               normalizeImageCornerStyle: normalizeImageCornerStyle2,
               normalizeImageFit: normalizeImageFit2,
-              normalizeImagePosition: normalizeImagePosition2,
               normalizeText: normalizeText2,
               onDropAt,
               renderWithSectionShell,

package/dist/studio-pages/client.mjs

@@ -368,7 +368,6 @@ function ImageControls({
   maxHeight = 600,
   minHeight = 40,
   onChange,
-  position,
   positionX,
   positionY
 }) {
@@ -404,25 +403,7 @@ function ImageControls({
       )
     ] }),
     /* @__PURE__ */ jsxs2("label", { className: "orion-builder-settings-label", children: [
-      "Image Position",
-      /* @__PURE__ */ jsxs2(
-        "select",
-        {
-          className: "orion-builder-settings-input",
-          onChange: (event) => onChange("position", event.target.value),
-          value: position,
-          children: [
-            /* @__PURE__ */ jsx2("option", { value: "center", children: "Center" }),
-            /* @__PURE__ */ jsx2("option", { value: "top", children: "Top" }),
-            /* @__PURE__ */ jsx2("option", { value: "bottom", children: "Bottom" }),
-            /* @__PURE__ */ jsx2("option", { value: "left", children: "Left" }),
-            /* @__PURE__ */ jsx2("option", { value: "right", children: "Right" })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs2("label", { className: "orion-builder-settings-label", children: [
-      "Horizontal Image Focus (%)",
+      "Horizontal Image Position",
       /* @__PURE__ */ jsxs2("div", { className: "orion-builder-settings-input-split", children: [
         /* @__PURE__ */ jsx2(
           "input",
@@ -448,7 +429,7 @@ function ImageControls({
       ] })
     ] }),
     /* @__PURE__ */ jsxs2("label", { className: "orion-builder-settings-label", children: [
-      "Vertical Image Focus (%)",
+      "Vertical Image Position",
       /* @__PURE__ */ jsxs2("div", { className: "orion-builder-settings-input-split", children: [
         /* @__PURE__ */ jsx2(
           "input",
@@ -680,19 +661,6 @@ var mediaFieldSet = [
     ],
     tags: ["image", "radius", "corners"],
     type: "select"
-  },
-  {
-    group: "media",
-    key: "settings.media.position",
-    label: "Image Position",
-    options: [
-      { label: "Center", value: "center" },
-      { label: "Top", value: "top" },
-      { label: "Bottom", value: "bottom" },
-      { label: "Left", value: "left" },
-      { label: "Right", value: "right" }
-    ],
-    type: "select"
   }
 ];
 var commonInspectorGroups = [
@@ -1098,16 +1066,13 @@ function BlockInspectorRenderer({
     groups.map((group) => {
       const mediaFit = getByPath(block, "settings.media.fit");
       const mediaCornerStyle = getByPath(block, "settings.media.cornerStyle");
-      const mediaPosition = getByPath(block, "settings.media.position");
       const mediaPositionX = normalizeNumber(getByPath(block, "settings.media.positionX"), 50);
       const mediaPositionY = normalizeNumber(getByPath(block, "settings.media.positionY"), 50);
       const mediaHeight = getByPath(block, "settings.media.height");
-      const fallbackMediaPosition = mediaPosition === "top" || mediaPosition === "bottom" || mediaPosition === "left" || mediaPosition === "right" ? mediaPosition : "center";
       const fallbackMediaControls = {
         cornerStyle: mediaCornerStyle === "square" ? "square" : "rounded",
         fit: mediaFit === "contain" ? "contain" : "cover",
         height: typeof mediaHeight === "number" ? mediaHeight : null,
-        position: fallbackMediaPosition,
         positionX: mediaPositionX,
         positionY: mediaPositionY
       };
@@ -1203,7 +1168,6 @@ function BlockInspectorRenderer({
                   }
                   updateForKey(`settings.media.${field}`, value);
                 },
-                position: effectiveMedia.position,
                 positionX: effectiveMedia.positionX,
                 positionY: effectiveMedia.positionY
               }
@@ -2151,7 +2115,6 @@ function renderSimpleBlockPreview(args) {
     isBlockUploadTarget,
     normalizeImageCornerStyle: normalizeImageCornerStyle3,
     normalizeImageFit: normalizeImageFit3,
-    normalizeImagePosition: normalizeImagePosition3,
     normalizeText: normalizeText3,
     onDropAt,
     renderWithSectionShell,
@@ -2332,7 +2295,6 @@ function renderSimpleBlockPreview(args) {
     const imageStyle = getImagePresentationStyle2({
       cornerStyle: normalizeImageCornerStyle3(mediaSettings.cornerStyle ?? block?.imageCornerStyle),
       fit: normalizeImageFit3(mediaSettings.fit ?? block?.imageFit),
-      position: normalizeImagePosition3(mediaSettings.position ?? block?.imagePosition),
       positionX: imagePositionX,
       positionY: imagePositionY
     });
@@ -2892,7 +2854,6 @@ var normalizeNumber2 = (value, fallback) => {
 var clamp = (value, min, max) => Math.max(min, Math.min(max, value));
 var normalizeImageFit = (value) => value === "contain" ? "contain" : "cover";
 var normalizeImageCornerStyle = (value) => value === "square" ? "square" : "rounded";
-var normalizeImagePosition = (value) => value === "top" || value === "bottom" || value === "left" || value === "right" ? value : "center";
 var hasQueryMatch = (query, ...values) => {
   const normalized = query.trim().toLowerCase();
   if (!normalized) {
@@ -3300,17 +3261,10 @@ function ArrayItemsEditor({
                       onUpdateItemSetting(itemIndex, "media.cornerStyle", value);
                       return;
                     }
-                    if (field === "position") {
-                      onUpdateItemSetting(itemIndex, "media.position", value);
-                      onUpdateItemSetting(itemIndex, "media.positionX", null);
-                      onUpdateItemSetting(itemIndex, "media.positionY", null);
-                      return;
-                    }
                     if (field === "positionX" || field === "positionY") {
                       onUpdateItemSetting(itemIndex, `media.${field}`, value);
                     }
                   },
-                  position: normalizeImagePosition(item.imagePosition),
                   positionX: clamp(normalizeNumber2(item.imagePositionX, 50), 0, 100),
                   positionY: clamp(normalizeNumber2(item.imagePositionY, 50), 0, 100)
                 }
@@ -3379,12 +3333,6 @@ var normalizeHeroImageCornerStyle = (value, legacyFitValue) => {
   return "rounded";
 };
 var getHeroImageCornerRadius = (cornerStyle) => cornerStyle === "square" ? "0px" : "var(--orion-studio-radius-lg)";
-var normalizeHeroImagePosition = (value) => {
-  if (value === "top" || value === "bottom" || value === "left" || value === "right") {
-    return value;
-  }
-  return "center";
-};
 var normalizeHeroHeight = (value) => {
   if (value === "md" || value === "full") {
     return value;
@@ -3399,7 +3347,6 @@ var resolveBuilderMediumHeroHeight = (topViewportHeight) => {
 };
 var normalizeImageFit2 = (value) => normalizeHeroImageFit(value);
 var normalizeImageCornerStyle2 = (value, legacyFitValue) => normalizeHeroImageCornerStyle(value, legacyFitValue);
-var normalizeImagePosition2 = (value) => normalizeHeroImagePosition(value);
 var positionPercent = (value, fit) => {
   const resolved = fit === "cover" && (value === "left" || value === "right") ? "center" : value;
   switch (resolved) {
@@ -4354,12 +4301,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
       updateArrayItemSettingField(selectedIndex, "items", selectedItemIndex, "media.cornerStyle", value);
       return;
     }
-    if (field === "position") {
-      updateArrayItemSettingField(selectedIndex, "items", selectedItemIndex, "media.position", value);
-      updateArrayItemSettingField(selectedIndex, "items", selectedItemIndex, "media.positionX", null);
-      updateArrayItemSettingField(selectedIndex, "items", selectedItemIndex, "media.positionY", null);
-      return;
-    }
     if (field === "positionX") {
       updateArrayItemSettingField(selectedIndex, "items", selectedItemIndex, "media.positionX", value);
       return;
@@ -4937,7 +4878,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
     })(),
     maxHeight: selectedType === "logoWall" ? 200 : 600,
     minHeight: selectedType === "logoWall" ? 24 : selectedType === "beforeAfter" ? 60 : 40,
-    position: normalizeImagePosition2(selectedItemRecord.imagePosition),
     positionX: parsePercentNumber(selectedItemRecord.imagePositionX, 50),
     positionY: parsePercentNumber(selectedItemRecord.imagePositionY, 50)
   } : void 0;
@@ -5174,7 +5114,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
                 mediaSettings.cornerStyle ?? block.backgroundImageCornerStyle,
                 mediaSettings.fit ?? block.backgroundImageFit
               );
-              const backgroundImagePosition = normalizeHeroImagePosition(mediaSettings.position ?? block.backgroundImagePosition);
               const backgroundImagePositionX = parseOptionalPercentNumber2(mediaSettings.positionX ?? block.backgroundImagePositionX);
               const backgroundImagePositionY = parseOptionalPercentNumber2(mediaSettings.positionY ?? block.backgroundImagePositionY);
               const heroHeight = normalizeHeroHeight(block.heroHeight);
@@ -5186,9 +5125,8 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
               );
               const backgroundImageURL = normalizeText2(block.backgroundImageURL);
               const backgroundImage = media?.url || backgroundImageURL;
-              const backgroundPositionBase = positionPercent(backgroundImagePosition, backgroundImageFit);
-              const resolvedBackgroundPositionX = typeof backgroundImagePositionX === "number" ? backgroundImagePositionX : backgroundPositionBase.x;
-              const resolvedBackgroundPositionY = typeof backgroundImagePositionY === "number" ? backgroundImagePositionY : backgroundPositionBase.y;
+              const resolvedBackgroundPositionX = typeof backgroundImagePositionX === "number" ? backgroundImagePositionX : 50;
+              const resolvedBackgroundPositionY = typeof backgroundImagePositionY === "number" ? backgroundImagePositionY : 50;
               const backgroundImageObjectPosition = `${resolvedBackgroundPositionX}% ${resolvedBackgroundPositionY}%`;
               const hasCustomHeroColor = backgroundColor.length > 0 && backgroundColor.toLowerCase() !== "#124a37";
               const overlayModeRaw = normalizeText2(block?.backgroundOverlayMode, "none");
@@ -5361,7 +5299,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
                               const itemImageStyle = getImagePresentationStyle({
                                 cornerStyle: normalizeImageCornerStyle2(itemRecord?.imageCornerStyle),
                                 fit: normalizeImageFit2(itemRecord?.imageFit),
-                                position: normalizeImagePosition2(itemRecord?.imagePosition),
                                 positionX: itemPositionX,
                                 positionY: itemPositionY
                               });
@@ -5476,7 +5413,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
                             const itemImageStyle = getImagePresentationStyle({
                               cornerStyle: normalizeImageCornerStyle2(itemRecord?.imageCornerStyle),
                               fit: normalizeImageFit2(itemRecord?.imageFit),
-                              position: normalizeImagePosition2(itemRecord?.imagePosition),
                               positionX: itemPositionX,
                               positionY: itemPositionY
                             });
@@ -5680,7 +5616,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
                         const imageStyle = getImagePresentationStyle({
                           cornerStyle: normalizeImageCornerStyle2(itemRecord?.imageCornerStyle),
                           fit: normalizeImageFit2(itemRecord?.imageFit),
-                          position: normalizeImagePosition2(itemRecord?.imagePosition),
                           positionX: itemPositionX,
                           positionY: itemPositionY,
                           roundedRadius: 10
@@ -5787,7 +5722,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
                             const imageStyle = getImagePresentationStyle({
                               cornerStyle: normalizeImageCornerStyle2(itemRecord?.imageCornerStyle),
                               fit: normalizeImageFit2(itemRecord?.imageFit),
-                              position: normalizeImagePosition2(itemRecord?.imagePosition),
                               positionX: itemPositionX,
                               positionY: itemPositionY
                             });
@@ -6095,7 +6029,6 @@ function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, si
               isBlockUploadTarget,
               normalizeImageCornerStyle: normalizeImageCornerStyle2,
               normalizeImageFit: normalizeImageFit2,
-              normalizeImagePosition: normalizeImagePosition2,
               normalizeText: normalizeText2,
               onDropAt,
               renderWithSectionShell,

package/dist/studio-pages/index.js

@@ -541,19 +541,6 @@ var mediaFieldSet = [
     ],
     tags: ["image", "radius", "corners"],
     type: "select"
-  },
-  {
-    group: "media",
-    key: "settings.media.position",
-    label: "Image Position",
-    options: [
-      { label: "Center", value: "center" },
-      { label: "Top", value: "top" },
-      { label: "Bottom", value: "bottom" },
-      { label: "Left", value: "left" },
-      { label: "Right", value: "right" }
-    ],
-    type: "select"
   }
 ];
 var inspectorDefinitionByBlockType = {

package/dist/studio-pages/index.mjs

@@ -8,7 +8,7 @@ import {
   pageStudioModuleManifest,
   resolveBuilderThemeTokens,
   studioDocumentToLayout
-} from "../chunk-ZXKYAGTC.mjs";
+} from "../chunk-2BWLRH75.mjs";
 import "../chunk-SIL2J5MF.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.5.0-beta.87",
+  "version": "0.5.0-beta.89",
   "description": "Unified Payload CMS toolkit for Orion Studios",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",