@orion-studios/payload-studio 0.6.0-beta.150 → 0.6.0-beta.152

package/dist/admin/index.mjs

@@ -7,14 +7,14 @@ import {
   socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
-} from "../chunk-JC3UV74N.mjs";
-import "../chunk-W2UOCJDX.mjs";
+} from "../chunk-KHK6RTGC.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,
   SOCIAL_MEDIA_PLATFORMS,
   SOCIAL_MEDIA_PLATFORM_LABELS
 } from "../chunk-ZTXJG4K5.mjs";
+import "../chunk-W2UOCJDX.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,

package/dist/builder-v2/client.js

@@ -1165,10 +1165,12 @@ var registerProjectDynamicComponents = (editor, adapter) => {
               this.model.addAttributes?.({ "data-orion-background-color": backgroundColor });
             }
             this.model.components(previewForDefinition(definition, props));
-            hoistPreviewSpacingToModel(this);
             lockPreviewChildren(this.model);
           });
-          queueMicrotask(() => bindEditablePreview(this, editor));
+          queueMicrotask(() => {
+            hoistPreviewSpacingToModel(this);
+            bindEditablePreview(this, editor);
+          });
           refreshProjectPreviewLayout(editor);
         }
       }
@@ -1397,6 +1399,14 @@ var decorateBuilderNumericSteppers = (root = document) => {
     field.querySelector("select")?.setAttribute("tabindex", "-1");
     const stepper = document.createElement("span");
     stepper.className = "orion-builder-v2-stepper";
+    stepper.addEventListener("pointerdown", (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+    });
+    stepper.addEventListener("mousedown", (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+    });
     const updateValue = (direction) => {
       const current = Number.parseFloat(input.value || "0");
       const next = Number.isFinite(current) ? current + direction : direction;
@@ -1414,6 +1424,14 @@ var decorateBuilderNumericSteppers = (root = document) => {
       button.setAttribute("aria-label", `${step.label} ${property.replace(/-/g, " ")}`);
       button.tabIndex = -1;
       button.textContent = step.text;
+      button.addEventListener("pointerdown", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      });
+      button.addEventListener("mousedown", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      });
       button.addEventListener("click", (event) => {
         event.preventDefault();
         event.stopPropagation();

package/dist/builder-v2/client.mjs

@@ -1041,10 +1041,12 @@ var registerProjectDynamicComponents = (editor, adapter) => {
               this.model.addAttributes?.({ "data-orion-background-color": backgroundColor });
             }
             this.model.components(previewForDefinition(definition, props));
-            hoistPreviewSpacingToModel(this);
             lockPreviewChildren(this.model);
           });
-          queueMicrotask(() => bindEditablePreview(this, editor));
+          queueMicrotask(() => {
+            hoistPreviewSpacingToModel(this);
+            bindEditablePreview(this, editor);
+          });
           refreshProjectPreviewLayout(editor);
         }
       }
@@ -1273,6 +1275,14 @@ var decorateBuilderNumericSteppers = (root = document) => {
     field.querySelector("select")?.setAttribute("tabindex", "-1");
     const stepper = document.createElement("span");
     stepper.className = "orion-builder-v2-stepper";
+    stepper.addEventListener("pointerdown", (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+    });
+    stepper.addEventListener("mousedown", (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+    });
     const updateValue = (direction) => {
       const current = Number.parseFloat(input.value || "0");
       const next = Number.isFinite(current) ? current + direction : direction;
@@ -1290,6 +1300,14 @@ var decorateBuilderNumericSteppers = (root = document) => {
       button.setAttribute("aria-label", `${step.label} ${property.replace(/-/g, " ")}`);
       button.tabIndex = -1;
       button.textContent = step.text;
+      button.addEventListener("pointerdown", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      });
+      button.addEventListener("mousedown", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      });
       button.addEventListener("click", (event) => {
         event.preventDefault();
         event.stopPropagation();

package/dist/builder-v2/styles.css

@@ -1578,6 +1578,7 @@
   align-items: stretch;
   display: grid !important;
   grid-template-columns: minmax(0, 1fr) auto auto;
+  overflow: hidden;
 }
 
 .orion-builder-v2-editor .gjs-field.has-orion-builder-stepper input {
@@ -1585,8 +1586,10 @@
 }
 
 .orion-builder-v2-editor .gjs-field.has-orion-builder-stepper .gjs-input-unit {
+  pointer-events: none;
   padding-left: 8px;
-  padding-right: 18px;
+  padding-right: 24px;
+  user-select: none;
 }
 
 .orion-builder-v2-stepper {
@@ -1595,7 +1598,11 @@
   display: grid;
   grid-template-rows: 1fr 1fr;
   min-height: 34px;
-  width: 24px;
+  pointer-events: auto;
+  position: relative;
+  user-select: none;
+  width: 30px;
+  z-index: 2;
 }
 
 .orion-builder-v2-stepper-button {
@@ -1610,6 +1617,10 @@
   justify-content: center;
   min-height: 0;
   padding: 0;
+  pointer-events: auto;
+  touch-action: manipulation;
+  user-select: none;
+  width: 30px;
 }
 
 .orion-builder-v2-stepper-button + .orion-builder-v2-stepper-button {

package/dist/index.mjs

@@ -1,22 +1,22 @@
 import {
   admin_exports
-} from "./chunk-JC3UV74N.mjs";
+} from "./chunk-KHK6RTGC.mjs";
 import {
-  admin_app_exports
-} from "./chunk-RKTIFEUY.mjs";
-import "./chunk-W2UOCJDX.mjs";
+  nextjs_exports
+} from "./chunk-ZADL33R6.mjs";
+import "./chunk-ZTXJG4K5.mjs";
 import {
   blocks_exports
 } from "./chunk-JQAHXYAM.mjs";
 import {
-  nextjs_exports
-} from "./chunk-ZADL33R6.mjs";
-import "./chunk-ZTXJG4K5.mjs";
+  admin_app_exports
+} from "./chunk-RKTIFEUY.mjs";
+import "./chunk-W2UOCJDX.mjs";
 import {
   studio_pages_exports
-} from "./chunk-NGLIA2OE.mjs";
-import "./chunk-OQSEJXC4.mjs";
+} from "./chunk-276KAPGM.mjs";
 import "./chunk-7ZMXZRBP.mjs";
+import "./chunk-OQSEJXC4.mjs";
 import {
   studio_exports
 } from "./chunk-ADIIWIYL.mjs";

package/dist/studio-pages/index.mjs

@@ -7,14 +7,14 @@ import {
   pageStudioModuleManifest,
   resolveBuilderThemeTokens,
   toEditorInitialDoc
-} from "../chunk-NGLIA2OE.mjs";
-import "../chunk-OQSEJXC4.mjs";
+} from "../chunk-276KAPGM.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
   layoutToStudioDocument,
   studioDocumentToLayout
 } from "../chunk-7ZMXZRBP.mjs";
+import "../chunk-OQSEJXC4.mjs";
 import "../chunk-ADIIWIYL.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.6.0-beta.150",
+  "version": "0.6.0-beta.152",
   "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",

package/dist/{chunk-NGLIA2OE.mjs → chunk-276KAPGM.mjs}

@@ -1,6 +1,3 @@
-import {
-  sectionStyleDefaults
-} from "./chunk-OQSEJXC4.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
@@ -8,6 +5,9 @@ import {
   migrateBlockToSettingsV2,
   studioDocumentToLayout
 } from "./chunk-7ZMXZRBP.mjs";
+import {
+  sectionStyleDefaults
+} from "./chunk-OQSEJXC4.mjs";
 import {
   assertStudioDocumentV1,
   compileStudioDocument,

package/dist/{chunk-JC3UV74N.mjs → chunk-KHK6RTGC.mjs}

@@ -1,12 +1,12 @@
-import {
-  adminNavIcons
-} from "./chunk-W2UOCJDX.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,
   SOCIAL_MEDIA_PLATFORMS,
   SOCIAL_MEDIA_PLATFORM_LABELS
 } from "./chunk-ZTXJG4K5.mjs";
+import {
+  adminNavIcons
+} from "./chunk-W2UOCJDX.mjs";
 import {
   __export,
   __require