@jxsuite/studio 4.0.0 → 4.1.0

package/dist/chunks/{studio-kjjsjak4.js → studio-2b946z26.js}

@@ -9,7 +9,7 @@ import {
   resolveLayoutDoc,
   setLayoutSelection,
   shell
-} from "./studio-hbtp0eh1.js";
+} from "./studio-msd847zn.js";
 import {
   PRIMARY_PANE,
   activeTab,
@@ -40,36 +40,18 @@ import {
   transact,
   transactDoc,
   workspace
-} from "./studio-2zkz8evn.js";
+} from "./studio-trxrabqf.js";
 import {
   allCanvasSurfaces,
   stageContaining,
   surfaceForPane,
   view
 } from "./studio-wcy8trfx.js";
-import {
-  computed,
-  effect,
-  effectScope,
-  isRef as isRef2,
-  notify,
-  onEffectCleanup,
-  reactive,
-  ref,
-  toRaw
-} from "./studio-xrapxwwc.js";
 import {
   classMap,
   ifDefined,
   styleMap
 } from "./studio-m3hwn7y1.js";
-import {
-  ref as ref2
-} from "./studio-4rzyrtjz.js";
-import {
-  html,
-  nothing
-} from "./studio-kryvsw6j.js";
 import {
   _defineProperty,
   combine,
@@ -94,6 +76,24 @@ import {
   renderOnly,
   stripEventHandlers
 } from "./studio-p4ngc046.js";
+import {
+  computed,
+  effect,
+  effectScope,
+  isRef as isRef2,
+  notify,
+  onEffectCleanup,
+  reactive,
+  ref,
+  toRaw
+} from "./studio-xrapxwwc.js";
+import {
+  ref as ref2
+} from "./studio-4rzyrtjz.js";
+import {
+  html,
+  nothing
+} from "./studio-kryvsw6j.js";
 import {
   bodyReturnsValue,
   displayTagName,
@@ -114,7 +114,7 @@ import {
 import {
   formatByName,
   loadExtensions
-} from "./studio-eenfkt4e.js";
+} from "./studio-ahn3pdgx.js";
 import {
   getPlatform,
   hasPlatform
@@ -2074,6 +2074,39 @@ function removeElementRef(elements, ref3) {
   });
 }
 
+// ../runtime/src/css.ts
+function camelToKebab(s) {
+  return s.replaceAll(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+}
+var MEDIA_TYPES = new Set(["all", "print", "screen", "speech"]);
+function resolveAtQuery(atKey, mediaQueries) {
+  if (atKey.startsWith("@--")) {
+    return mediaQueries[atKey.slice(1)] ?? atKey.slice(1);
+  }
+  if (atKey.startsWith("@(")) {
+    const inner = atKey.slice(2, -1).trim();
+    return MEDIA_TYPES.has(inner.toLowerCase()) ? inner : atKey.slice(1);
+  }
+  return null;
+}
+var COLOR_SCHEME_ATTR = "data-color-scheme";
+function pureSchemeOf(query) {
+  const m = /^\(\s*prefers-color-scheme\s*:\s*(light|dark)\s*\)$/.exec(query.trim());
+  return m?.[1] ?? null;
+}
+function schemeSelectors(selector, scheme) {
+  if (selector === ":root" || selector === "html") {
+    return {
+      auto: `${selector}:where(:not([${COLOR_SCHEME_ATTR}]))`,
+      forced: `${selector}:where([${COLOR_SCHEME_ATTR}="${scheme}"])`
+    };
+  }
+  return {
+    auto: `:where(:root:not([${COLOR_SCHEME_ATTR}])) ${selector}`,
+    forced: `:where(:root[${COLOR_SCHEME_ATTR}="${scheme}"]) ${selector}`
+  };
+}
+
 // ../schema/src/intl.ts
 var DEFAULT_FORMAT_LOCALE = "en-US";
 var DEFAULT_TIME_ZONE = "UTC";
@@ -2956,7 +2989,6 @@ function serializeCookie(name, value, options) {
   }
   return parts.join("; ");
 }
-
 // ../runtime/src/runtime.ts
 var _resolveCache = new Map;
 async function resolve(source) {
@@ -4359,40 +4391,9 @@ function mergeProps(def, parentState) {
   }
   return child;
 }
-function camelToKebab(s) {
-  return s.replaceAll(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
-}
 function toCSSText(rules) {
   return Object.entries(rules).filter(([k, v]) => !isNestedSelector(k) && (v === null || typeof v !== "object")).map(([p, v]) => `${camelToKebab(p)}: ${canvasStyleValue(String(v))}`).join("; ");
 }
-var MEDIA_TYPES = new Set(["all", "print", "screen", "speech"]);
-function resolveAtQuery(atKey, mediaQueries) {
-  if (atKey.startsWith("@--")) {
-    return mediaQueries[atKey.slice(1)] ?? atKey.slice(1);
-  }
-  if (atKey.startsWith("@(")) {
-    const inner = atKey.slice(2, -1).trim();
-    return MEDIA_TYPES.has(inner.toLowerCase()) ? inner : atKey.slice(1);
-  }
-  return null;
-}
-var COLOR_SCHEME_ATTR = "data-color-scheme";
-function pureSchemeOf(query) {
-  const m = /^\(\s*prefers-color-scheme\s*:\s*(light|dark)\s*\)$/.exec(query.trim());
-  return m?.[1] ?? null;
-}
-function schemeSelectors(selector, scheme) {
-  if (selector === ":root" || selector === "html") {
-    return {
-      auto: `${selector}:where(:not([${COLOR_SCHEME_ATTR}]))`,
-      forced: `${selector}:where([${COLOR_SCHEME_ATTR}="${scheme}"])`
-    };
-  }
-  return {
-    auto: `:where(:root:not([${COLOR_SCHEME_ATTR}])) ${selector}`,
-    forced: `:where(:root[${COLOR_SCHEME_ATTR}="${scheme}"]) ${selector}`
-  };
-}
 var _rootMedia = {};
 var _elementDefs = new Map;
 async function registerElements(elements, base) {
@@ -7924,7 +7925,7 @@ function openPageAction(label = "Open a page…") {
   return {
     label,
     run: () => {
-      import("./quick-search-cgfmjwq5.js").then((m) => {
+      import("./quick-search-zccjp6gv.js").then((m) => {
         m.openQuickSearch();
       });
     }
@@ -8199,7 +8200,7 @@ function railPanelSet() {
   return RAIL_GROUP_LEVELS.flatMap(({ level }) => railable.filter((panel) => panel.level === level));
 }
 
-export { LEVELS, KEY_SCOPES, CATEGORIES, checkRecordPlacements, intlHelpersClause, PURE_METHOD_OPS, BLESSED_OPERATORS, BLESSED_GLOBALS, isMutating, evaluateExpression, rectOf, loopbackAssetSrc, getPreviewNavigateHandler, activeCanvasSurface, tabOfPane, derivationOfPane, surfacesShowingTab, canvasModeOfTab, canvasModeOfPane, activeMediaOfPane, paneOfContainer, tabOfContainer, documentUrlPattern, dynamicRouteParams, pagePathsDef, invalidateParamValues, loadParamValues, isComponentDoc, componentPropEntries, PUBLIC_DIR, normalizeProjectPath, encodeProjectPath, contentMountFor, resolveAssetRef, projectLocales, assetContextFor, previewAssetSrc, hostAssetDeclarations, SPAN_FULL_RENDER, SPAN_MOUNT_CANVAS, SPAN_PATCH_BATCH, canvasPerf, recordEscalation, timeSpan, timeSpanAsync, mediaDisplayName, defaultDef, parentCursorToIframe, serializeJxPath, elements_meta_default, getInlineActions, isInlineElement, isEditing, bubbleInlinePath, stageZoom, canvasPanelTemplate, observeCenterUntilStable, applyTransform, applyEditZoom, setEditZoom, requestEditZoom, fitToScreen, getFit, setFit, markExplicitZoom, setUserZoom, fitOnCanvasEntry, resetZoom, panToElement, canvasBaseViewsFor, canvasBaseViewOf, previewStateOf, setCanvasView, registerCanvasViewCommands, updateActivePanelHeaders, setDragGhost, moveDragGhost, clearDragGhost, disableNativeDragPreview, attachInstruction, extractInstruction, hasElement, enableElement, disableElement, removePackageElements, removeElementRef, setSkipServerFunctions, runScoped, setCanvasAssetResolver, buildScope, renderNode, pureSchemeOf, renderComponentPreview, registerLayersDnD, registerComponentsDnD, registerElementsDnD, applyDropInstruction, sawIframeDragOver, allowAutoRequestsOnNextRender, requestCanvasEval, flushCanvasEdits, liveDragHostAt, beginDragSession, currentDragSession, hostDragGeometry, canvasIdleBlockers, canvasPointAt, revealCanvasPath, adoptCanvasPreviewMode, postDragMessage, endDragSession, clearDropIndicator, setNativeDragEnterHandler, setInsertZoneClickHandler, setFileDropHandler, setCanvasSlashHandler, setCanvasContextMenuHandler, setStylebookHitHandler, isCaretActive, setToolbarRefresh, setCanvasPointerDownHandler, setIframePatchEscalation, postPatchToHosts, dragHostTab, releaseCanvasHosts, mountIframeCanvas, mountStylebookCanvas, postColorSchemeToLiveHosts, postLocaleToLiveHosts, postSiteStyleToLiveHosts, postStyleUpdateToStylebookHosts, panToStylebookTag, getEditSnapshot, setKeymapSource, postApplyFormat, postOpenSlash, commitActiveEditSession, getEditBarAnchorRect, clickAnythingTo, staleSelectionMessage, openPageAction, renderEmptyState, panelContext, registerPanel, getPanel, listPanels, isPanelVisible, railGroups, railPanelSet };
+export { LEVELS, KEY_SCOPES, CATEGORIES, checkRecordPlacements, intlHelpersClause, PURE_METHOD_OPS, BLESSED_OPERATORS, BLESSED_GLOBALS, isMutating, evaluateExpression, rectOf, loopbackAssetSrc, getPreviewNavigateHandler, activeCanvasSurface, tabOfPane, derivationOfPane, surfacesShowingTab, canvasModeOfTab, canvasModeOfPane, activeMediaOfPane, paneOfContainer, tabOfContainer, documentUrlPattern, dynamicRouteParams, pagePathsDef, invalidateParamValues, loadParamValues, isComponentDoc, componentPropEntries, PUBLIC_DIR, normalizeProjectPath, encodeProjectPath, contentMountFor, resolveAssetRef, projectLocales, assetContextFor, previewAssetSrc, hostAssetDeclarations, SPAN_FULL_RENDER, SPAN_MOUNT_CANVAS, SPAN_PATCH_BATCH, canvasPerf, recordEscalation, timeSpan, timeSpanAsync, mediaDisplayName, defaultDef, parentCursorToIframe, serializeJxPath, elements_meta_default, getInlineActions, isInlineElement, isEditing, bubbleInlinePath, stageZoom, canvasPanelTemplate, observeCenterUntilStable, applyTransform, applyEditZoom, setEditZoom, requestEditZoom, fitToScreen, getFit, setFit, markExplicitZoom, setUserZoom, fitOnCanvasEntry, resetZoom, panToElement, canvasBaseViewsFor, canvasBaseViewOf, previewStateOf, setCanvasView, registerCanvasViewCommands, updateActivePanelHeaders, setDragGhost, moveDragGhost, clearDragGhost, disableNativeDragPreview, attachInstruction, extractInstruction, hasElement, enableElement, disableElement, removePackageElements, removeElementRef, pureSchemeOf, setSkipServerFunctions, runScoped, setCanvasAssetResolver, buildScope, renderNode, renderComponentPreview, registerLayersDnD, registerComponentsDnD, registerElementsDnD, applyDropInstruction, sawIframeDragOver, allowAutoRequestsOnNextRender, requestCanvasEval, flushCanvasEdits, liveDragHostAt, beginDragSession, currentDragSession, hostDragGeometry, canvasIdleBlockers, canvasPointAt, revealCanvasPath, adoptCanvasPreviewMode, postDragMessage, endDragSession, clearDropIndicator, setNativeDragEnterHandler, setInsertZoneClickHandler, setFileDropHandler, setCanvasSlashHandler, setCanvasContextMenuHandler, setStylebookHitHandler, isCaretActive, setToolbarRefresh, setCanvasPointerDownHandler, setIframePatchEscalation, postPatchToHosts, dragHostTab, releaseCanvasHosts, mountIframeCanvas, mountStylebookCanvas, postColorSchemeToLiveHosts, postLocaleToLiveHosts, postSiteStyleToLiveHosts, postStyleUpdateToStylebookHosts, panToStylebookTag, getEditSnapshot, setKeymapSource, postApplyFormat, postOpenSlash, commitActiveEditSession, getEditBarAnchorRect, clickAnythingTo, staleSelectionMessage, openPageAction, renderEmptyState, panelContext, registerPanel, getPanel, listPanels, isPanelVisible, railGroups, railPanelSet };
 
-//# debugId=124567CCB82F091564756E2164756E21
-//# sourceMappingURL=studio-kjjsjak4.js.map
+//# debugId=E18388B1157EC0CA64756E2164756E21
+//# sourceMappingURL=studio-2b946z26.js.map

package/dist/chunks/{studio-4pqqxbrt.js → studio-3bqpr0zh.js}

@@ -2,7 +2,7 @@ import {
   collectionDirs,
   createCollectionSource,
   createPagesSource
-} from "./studio-eesa1myv.js";
+} from "./studio-b55y6ewx.js";
 import {
   cellToText,
   coerceCellInput,
@@ -10,7 +10,7 @@ import {
   createGridController,
   inferColumnsFromRows,
   makeGridTabId
-} from "./studio-cb12yz9w.js";
+} from "./studio-cmb03bg5.js";
 import {
   isRecentLocal,
   markLocalMutation
@@ -18,13 +18,7 @@ import {
 import {
   MEDIA_EXTENSIONS,
   extensionOf
-} from "./studio-htsf0w6m.js";
-import {
-  openModal
-} from "./studio-t7qb9db8.js";
-import {
-  errorMessage
-} from "./studio-9n4mrmnb.js";
+} from "./studio-qjy2z9bv.js";
 import {
   activateTab,
   argsSchema,
@@ -36,17 +30,23 @@ import {
   stringArg,
   stringProperty,
   workspace
-} from "./studio-2zkz8evn.js";
-import {
-  html
-} from "./studio-kryvsw6j.js";
+} from "./studio-trxrabqf.js";
 import {
   projectState
 } from "./studio-p4ngc046.js";
+import {
+  openModal
+} from "./studio-t7qb9db8.js";
+import {
+  errorMessage
+} from "./studio-9n4mrmnb.js";
+import {
+  html
+} from "./studio-kryvsw6j.js";
 import {
   formatForPath,
   loadFormats
-} from "./studio-eenfkt4e.js";
+} from "./studio-ahn3pdgx.js";
 import {
   getPlatform
 } from "./studio-9ab8gqsm.js";
@@ -1004,5 +1004,5 @@ function registerGridCommands(registry) {
 
 export { dataSurfaceAvailable, testConnection, pushSchema, deriveSecretEnvName, parseCsv, createCsvFileSource, LIBRARY_CATEGORIES, LIBRARY_CATEGORY_KEYS, libraryCategory, uploadDirForCategory, scanLibrary, filterLibrary, LIBRARY_LAYOUTS, LIBRARY_LAYOUT_LABELS, PREVIEW_LAYOUTS, projectLocales, libraryLocales, groupByDate, groupByCategory, libraryColumns, createLibrarySource, openCsvGridTab, openLibraryTab, openPagesGrid, openGridSourcePicker, registerGridCommands };
 
-//# debugId=0B0430BF12E1534864756E2164756E21
-//# sourceMappingURL=studio-4pqqxbrt.js.map
+//# debugId=157CEC83DCC4607364756E2164756E21
+//# sourceMappingURL=studio-3bqpr0zh.js.map

package/dist/chunks/{studio-v38hmvx1.js → studio-4b5z1x43.js}

@@ -1,3 +1,6 @@
+import {
+  resetModelCache
+} from "./studio-dm19q43r.js";
 import {
   getCfToken,
   setCfToken
@@ -10,7 +13,10 @@ import {
   noteDeployment,
   platformSupportsPublish,
   writeDeployConfig
-} from "./studio-ahjfdy6e.js";
+} from "./studio-ef49pnzx.js";
+import {
+  projectState
+} from "./studio-p4ngc046.js";
 import {
   activeRegistry,
   openModal
@@ -18,12 +24,12 @@ import {
 import {
   html
 } from "./studio-kryvsw6j.js";
-import {
-  projectState
-} from "./studio-p4ngc046.js";
 import {
   getPlatform
 } from "./studio-9ab8gqsm.js";
+import {
+  __require
+} from "./studio-a0tswy0w.js";
 
 // src/publish/publish-panel.ts
 var PAGES_APP_INSTALL_URL = "https://github.com/apps/cloudflare-pages/installations/new";
@@ -51,7 +57,7 @@ async function loadConnection() {
   render();
   try {
     _connection = await getPlatform().cfConnection?.() ?? null;
-    if (_connection?.connected) {
+    if (_connection?.connected && !_connection.needsReconnect) {
       _accounts = await listAccounts();
       _form.accountId = _connection.accountId ?? _accounts[0]?.id ?? "";
       const deploy = currentDeploy();
@@ -87,13 +93,21 @@ function openAccounts() {
 }
 async function hostedConnect() {
   _busy = true;
+  _error = "";
   render();
   try {
-    await getPlatform().cfConnect?.();
+    const outcome = await getPlatform().cfConnect?.() ?? null;
+    if (outcome?.status === "timeout") {
+      _error = "The Cloudflare window didn't finish. Sign in there, then reconnect — nothing was changed.";
+    } else if (outcome?.status === "connected" && !outcome.connection.accountId) {
+      const { openCfAccountPicker } = await import("./cf-account-picker-en86v7x7.js");
+      await openCfAccountPicker();
+    }
   } catch (error) {
     _error = error instanceof Error ? error.message : String(error);
   }
   _busy = false;
+  resetModelCache();
   await loadConnection();
 }
 async function submitConnect() {
@@ -152,6 +166,23 @@ function fieldRow(label, input) {
     </label>
   `;
 }
+function lapsedTpl() {
+  return html`
+    <p>
+      Your Cloudflare connection has expired, so publishing cannot reach your account. Reconnect to
+      restore it — this site's Pages project and its settings are untouched.
+    </p>
+    <sp-button
+      variant="accent"
+      ?disabled=${_busy}
+      @click=${() => {
+    hostedConnect();
+  }}
+    >
+      ${_busy ? "Reconnecting…" : "Reconnect Cloudflare"}
+    </sp-button>
+  `;
+}
 function credentialTpl() {
   const platform = getPlatform();
   if (platform.cfConnect) {
@@ -318,6 +349,9 @@ function bodyTpl() {
   if (_connection === "loading") {
     return html`<p>Checking Cloudflare connection…</p>`;
   }
+  if (_connection?.connected && _connection.needsReconnect) {
+    return lapsedTpl();
+  }
   if (!_connection?.connected) {
     return credentialTpl();
   }
@@ -386,5 +420,5 @@ function openPublishPanel() {
 
 export { seedPublishConnected, openPublishPanel };
 
-//# debugId=32DE20DAF46B08AA64756E2164756E21
-//# sourceMappingURL=studio-v38hmvx1.js.map
+//# debugId=F3F004CC7536951664756E2164756E21
+//# sourceMappingURL=studio-4b5z1x43.js.map

package/dist/chunks/{studio-9c4k4vhv.js → studio-4n2b5gzb.js}

@@ -1,13 +1,13 @@
 import {
   renderDeployChecklist
-} from "./studio-ahjfdy6e.js";
+} from "./studio-ef49pnzx.js";
 import {
   registerPanel,
   renderEmptyState
-} from "./studio-kjjsjak4.js";
+} from "./studio-2b946z26.js";
 import {
   setBottomTab
-} from "./studio-hbtp0eh1.js";
+} from "./studio-msd847zn.js";
 import {
   openModal
 } from "./studio-t7qb9db8.js";
@@ -354,4 +354,4 @@ function showProgressModal(opts) {
 export { beginActivity, activityIdleBlockers, registerActivityPanel, showProgressModal };
 
 //# debugId=55F83A7B38610BED64756E2164756E21
-//# sourceMappingURL=studio-9c4k4vhv.js.map
+//# sourceMappingURL=studio-4n2b5gzb.js.map

package/dist/chunks/{studio-p8j86wag.js → studio-4r1pv6zf.js}

@@ -1,6 +1,6 @@
 import {
   rectOf
-} from "./studio-kjjsjak4.js";
+} from "./studio-2b946z26.js";
 
 // src/ui/virtual-window.ts
 var DEFAULT_OVERSCAN_ROWS = 3;
@@ -163,4 +163,4 @@ function watchListWindow(previous, list, spec) {
 export { computeWindow, listWindow, revealListRow, measuredRowHeight, watchListWindow };
 
 //# debugId=4C38350338F9781B64756E2164756E21
-//# sourceMappingURL=studio-p8j86wag.js.map
+//# sourceMappingURL=studio-4r1pv6zf.js.map

package/dist/chunks/{studio-mmv72a27.js → studio-5fx3g9jg.js}

@@ -385,7 +385,7 @@ class AbstractOverlay extends SpectrumElement {
     document.dispatchEvent(overlayUpdateEvent);
   }
   static async open(triggerOrContent, interactionOrOptions, content, optionsV1) {
-    await import("./sp-overlay.dev-yztmtrs1.js");
+    await import("./sp-overlay.dev-qgvhnxf4.js");
     const v2 = arguments.length === 2;
     const overlayContent = content || triggerOrContent;
     const overlay = new this;
@@ -1685,12 +1685,12 @@ function getOppositePlacement(placement) {
   return oppositeSideMap[side] + placement.slice(side.length);
 }
 function expandPaddingObject(padding) {
+  var _padding$top, _padding$right, _padding$bottom, _padding$left;
   return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...padding
+    top: (_padding$top = padding.top) != null ? _padding$top : 0,
+    right: (_padding$right = padding.right) != null ? _padding$right : 0,
+    bottom: (_padding$bottom = padding.bottom) != null ? _padding$bottom : 0,
+    left: (_padding$left = padding.left) != null ? _padding$left : 0
   };
 }
 function getPaddingObject(padding) {
@@ -1766,13 +1766,9 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
         y: reference.y
       };
   }
-  switch (getAlignment(placement)) {
-    case "start":
-      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-    case "end":
-      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
+  const alignment = getAlignment(placement);
+  if (alignment) {
+    coords[alignmentAxis] += commonAlign * (alignment === "end" ? 1 : -1) * (rtl && isVertical ? -1 : 1);
   }
   return coords;
 }
@@ -1812,10 +1808,7 @@ async function detectOverflow(state2, options) {
     height: rects.floating.height
   } : rects.reference;
   const offsetParent = await (platform.getOffsetParent == null ? undefined : platform.getOffsetParent(elements.floating));
-  const offsetScale = await (platform.isElement == null ? undefined : platform.isElement(offsetParent)) ? await (platform.getScale == null ? undefined : platform.getScale(offsetParent)) || {
-    x: 1,
-    y: 1
-  } : {
+  const offsetScale = await (platform.isElement == null ? undefined : platform.isElement(offsetParent)) && await (platform.getScale == null ? undefined : platform.getScale(offsetParent)) || {
     x: 1,
     y: 1
   };
@@ -1963,12 +1956,11 @@ var arrow = (options) => ({
     const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
     const minPadding = min(paddingObject[minProp], largestPossiblePadding);
     const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
-    const min$1 = minPadding;
     const max2 = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset = clamp(min$1, center, max2);
-    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
-    const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
+    const offset = clamp(minPadding, center, max2);
+    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < minPadding ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < minPadding ? center - minPadding : center - max2 : 0;
     return {
       [axis]: coords[axis] + alignmentOffset,
       data: {
@@ -2191,23 +2183,16 @@ var shift = function(options) {
         y
       };
       const overflow = await platform.detectOverflow(state2, detectOverflowOptions);
-      const crossAxis = getSideAxis(getSide(placement));
+      const crossAxis = getSideAxis(placement);
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
+      const clampCoord = (axis, coord) => clamp(coord + overflow[axis === "y" ? "top" : "left"], coord, coord - overflow[axis === "y" ? "bottom" : "right"]);
       if (checkMainAxis) {
-        const minSide = mainAxis === "y" ? "top" : "left";
-        const maxSide = mainAxis === "y" ? "bottom" : "right";
-        const min2 = mainAxisCoord + overflow[minSide];
-        const max2 = mainAxisCoord - overflow[maxSide];
-        mainAxisCoord = clamp(min2, mainAxisCoord, max2);
+        mainAxisCoord = clampCoord(mainAxis, mainAxisCoord);
       }
       if (checkCrossAxis) {
-        const minSide = crossAxis === "y" ? "top" : "left";
-        const maxSide = crossAxis === "y" ? "bottom" : "right";
-        const min2 = crossAxisCoord + overflow[minSide];
-        const max2 = crossAxisCoord - overflow[maxSide];
-        crossAxisCoord = clamp(min2, crossAxisCoord, max2);
+        crossAxisCoord = clampCoord(crossAxis, crossAxisCoord);
       }
       const limitedCoords = limiter.fn({
         ...state2,
@@ -2236,7 +2221,6 @@ var size = function(options) {
     name: "size",
     options,
     async fn(state2) {
-      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -2268,24 +2252,21 @@ var size = function(options) {
       const maximumClippingWidth = width - overflow.left - overflow.right;
       const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
       const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
-      const noShift = !state2.middlewareData.shift;
+      const shiftData = state2.middlewareData.shift;
+      const noShift = !shiftData;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if ((_state$middlewareData = state2.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+      if (shiftData != null && shiftData.enabled.x) {
         availableWidth = maximumClippingWidth;
       }
-      if ((_state$middlewareData2 = state2.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+      if (shiftData != null && shiftData.enabled.y) {
         availableHeight = maximumClippingHeight;
       }
       if (noShift && !alignment) {
-        const xMin = max(overflow.left, 0);
-        const xMax = max(overflow.right, 0);
-        const yMin = max(overflow.top, 0);
-        const yMax = max(overflow.bottom, 0);
         if (isYAxis) {
-          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+          availableWidth = width - 2 * max(overflow.left, overflow.right);
         } else {
-          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+          availableHeight = height - 2 * max(overflow.top, overflow.bottom);
         }
       }
       await apply({
@@ -2436,7 +2417,7 @@ function getParentNode(node) {
 function getNearestOverflowAncestor(node) {
   const parentNode = getParentNode(node);
   if (isLastTraversableNode(parentNode)) {
-    return node.ownerDocument ? node.ownerDocument.body : node.body;
+    return (node.ownerDocument || node).body;
   }
   if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
     return parentNode;
@@ -3379,12 +3360,12 @@ class InteractionController {
       return;
     }
     customElements.whenDefined("sp-overlay").then(async () => {
-      const { Overlay } = await import("./Overlay.dev-723bv0df.js");
+      const { Overlay } = await import("./Overlay.dev-etqjwyf9.js");
       this.overlay = new Overlay;
       this.overlay.open = true;
       this.target[lastInteractionType] = this.type;
     });
-    import("./sp-overlay.dev-yztmtrs1.js");
+    import("./sp-overlay.dev-qgvhnxf4.js");
   }
   get overlay() {
     return this._overlay;
@@ -4009,7 +3990,7 @@ var _Overlay = class _Overlay2 extends ComputedOverlayBase {
       return;
     }
     if (targetOpenState) {
-      const focusTrap = await import("./focus-trap.esm-ggawf1hy.js");
+      const focusTrap = await import("./focus-trap.esm-9t2drp0g.js");
       const initialFocus = this.receivesFocus === "false" ? false : focusEl || undefined;
       this._focusTrap = focusTrap.createFocusTrap(this.dialogEl, {
         initialFocus,
@@ -4340,5 +4321,5 @@ var Overlay = _Overlay;
 
 export { FocusVisiblePolyfillMixin, Focusable, LikeAnchor, MutationController, ObserveSlotPresence, ObserveSlotText, isIPhone, isIOS, isWebKit, isAndroid, randomID, conditionAttributeWithoutId, conditionAttributeWithId, elementResolverUpdatedSymbol, ElementResolutionController, LONGPRESS_INSTRUCTIONS, SlottableRequestEvent, Overlay };
 
-//# debugId=B4C0094FFD6AEF9A64756E2164756E21
-//# sourceMappingURL=studio-mmv72a27.js.map
+//# debugId=870A47F946E355DE64756E2164756E21
+//# sourceMappingURL=studio-5fx3g9jg.js.map