@orion-studios/payload-studio 0.6.0-beta.110 → 0.6.0-beta.112

package/dist/builder-v2/client.js

@@ -1361,6 +1361,40 @@ var canvasSelectionCss = `
   [data-gjs-highlightable].gjs-hovered {
     outline-color: #c7643d !important;
   }
+
+  .xo-builder-preview-grid {
+    display: grid;
+    gap: 22px;
+    grid-template-columns: 1fr;
+  }
+
+  .xo-builder-preview-grid.is-catalog,
+  .xo-builder-preview-grid.is-contact,
+  .xo-builder-preview-grid.is-stacked-image-cards {
+    grid-template-columns: 1fr;
+  }
+
+  @media (min-width: 768px) {
+    .xo-builder-preview-grid,
+    .xo-builder-preview-grid.is-image-tiles,
+    .xo-builder-preview-grid.is-stacked-image-cards {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+
+    .xo-builder-preview-grid.is-catalog {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .xo-builder-preview-grid.is-contact {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .xo-builder-preview-grid.is-catalog {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
 `;
 var isQuickHorizontalAlign = (value) => value === "center" || value === "left" || value === "right";
 var isQuickVerticalAlign = (value) => value === "bottom" || value === "middle" || value === "top";

package/dist/builder-v2/client.mjs

@@ -1237,6 +1237,40 @@ var canvasSelectionCss = `
   [data-gjs-highlightable].gjs-hovered {
     outline-color: #c7643d !important;
   }
+
+  .xo-builder-preview-grid {
+    display: grid;
+    gap: 22px;
+    grid-template-columns: 1fr;
+  }
+
+  .xo-builder-preview-grid.is-catalog,
+  .xo-builder-preview-grid.is-contact,
+  .xo-builder-preview-grid.is-stacked-image-cards {
+    grid-template-columns: 1fr;
+  }
+
+  @media (min-width: 768px) {
+    .xo-builder-preview-grid,
+    .xo-builder-preview-grid.is-image-tiles,
+    .xo-builder-preview-grid.is-stacked-image-cards {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+
+    .xo-builder-preview-grid.is-catalog {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .xo-builder-preview-grid.is-contact {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .xo-builder-preview-grid.is-catalog {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
 `;
 var isQuickHorizontalAlign = (value) => value === "center" || value === "left" || value === "right";
 var isQuickVerticalAlign = (value) => value === "bottom" || value === "middle" || value === "top";

package/dist/builder-v2/styles.css

@@ -2220,10 +2220,39 @@
 .xo-builder-preview-grid {
   display: grid;
   gap: 22px;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
+  grid-template-columns: 1fr;
   margin-top: 32px;
 }
 
+.xo-builder-preview-grid.is-catalog {
+  grid-template-columns: 1fr;
+}
+
+.xo-builder-preview-grid.is-contact {
+  grid-template-columns: 1fr;
+}
+
+@media (min-width: 768px) {
+  .xo-builder-preview-grid,
+  .xo-builder-preview-grid.is-image-tiles {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .xo-builder-preview-grid.is-catalog {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .xo-builder-preview-grid.is-contact {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (min-width: 1280px) {
+  .xo-builder-preview-grid.is-catalog {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+
 .xo-builder-preview-grid article {
   background: #fffdf9;
   border: 1px solid rgba(143, 111, 67, 0.2);
@@ -2364,6 +2393,11 @@
     grid-template-columns: 1fr;
   }
 
+  .xo-builder-preview-grid.is-catalog,
+  .xo-builder-preview-grid.is-image-tiles {
+    grid-template-columns: 1fr;
+  }
+
   .xo-builder-preview-hero {
     min-height: 460px;
   }

package/dist/index.mjs

@@ -5,18 +5,18 @@ import {
   admin_app_exports
 } from "./chunk-RKTIFEUY.mjs";
 import "./chunk-W2UOCJDX.mjs";
-import {
-  blocks_exports
-} from "./chunk-JQAHXYAM.mjs";
 import {
   nextjs_exports
 } from "./chunk-ZADL33R6.mjs";
 import "./chunk-ZTXJG4K5.mjs";
+import {
+  blocks_exports
+} from "./chunk-JQAHXYAM.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.110",
+  "version": "0.6.0-beta.112",
   "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,