@orion-studios/payload-studio 0.6.0-beta.70 → 0.6.0-beta.71

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

@@ -208,9 +208,19 @@ var parseAttributes = (value) => {
   return props;
 };
 var extractAttribute = (attrs, name) => {
-  const pattern = new RegExp(`${name}=["']([^"']+)["']`, "i");
-  const match = attrs.match(pattern);
-  return match ? decodeHtmlAttribute(match[1]) : null;
+  attrPattern.lastIndex = 0;
+  let match;
+  while ((match = attrPattern.exec(attrs)) !== null) {
+    if (match[1] === name) {
+      return decodeHtmlAttribute(match[2] ?? match[3] ?? "");
+    }
+  }
+  return null;
+};
+var extractWrapperAttributes = (attrs) => {
+  const id = extractAttribute(attrs, "id") || void 0;
+  const className = extractAttribute(attrs, "class") || void 0;
+  return id || className ? { className, id } : void 0;
 };
 var parseBuilderV2DynamicComponents = (html) => {
   const instances = [];
@@ -224,7 +234,8 @@ var parseBuilderV2DynamicComponents = (html) => {
     instances.push({
       component,
       id: extractAttribute(attrs, "data-orion-id") || `component-${instances.length + 1}`,
-      props: parseAttributes(attrs)
+      props: parseAttributes(attrs),
+      wrapperAttributes: extractWrapperAttributes(attrs)
     });
   }
   return instances;

package/dist/builder-v2/client.mjs

@@ -84,9 +84,19 @@ var parseAttributes = (value) => {
   return props;
 };
 var extractAttribute = (attrs, name) => {
-  const pattern = new RegExp(`${name}=["']([^"']+)["']`, "i");
-  const match = attrs.match(pattern);
-  return match ? decodeHtmlAttribute(match[1]) : null;
+  attrPattern.lastIndex = 0;
+  let match;
+  while ((match = attrPattern.exec(attrs)) !== null) {
+    if (match[1] === name) {
+      return decodeHtmlAttribute(match[2] ?? match[3] ?? "");
+    }
+  }
+  return null;
+};
+var extractWrapperAttributes = (attrs) => {
+  const id = extractAttribute(attrs, "id") || void 0;
+  const className = extractAttribute(attrs, "class") || void 0;
+  return id || className ? { className, id } : void 0;
 };
 var parseBuilderV2DynamicComponents = (html) => {
   const instances = [];
@@ -100,7 +110,8 @@ var parseBuilderV2DynamicComponents = (html) => {
     instances.push({
       component,
       id: extractAttribute(attrs, "data-orion-id") || `component-${instances.length + 1}`,
-      props: parseAttributes(attrs)
+      props: parseAttributes(attrs),
+      wrapperAttributes: extractWrapperAttributes(attrs)
     });
   }
   return instances;

package/dist/builder-v2/index.d.mts

@@ -103,6 +103,10 @@ type BuilderV2DynamicComponentInstance = {
     component: string;
     id: string;
     props: Record<string, unknown>;
+    wrapperAttributes?: {
+        className?: string;
+        id?: string;
+    };
 };
 type BuilderV2RuntimeComponentProps = {
     instance: BuilderV2DynamicComponentInstance;

package/dist/builder-v2/index.d.ts

@@ -103,6 +103,10 @@ type BuilderV2DynamicComponentInstance = {
     component: string;
     id: string;
     props: Record<string, unknown>;
+    wrapperAttributes?: {
+        className?: string;
+        id?: string;
+    };
 };
 type BuilderV2RuntimeComponentProps = {
     instance: BuilderV2DynamicComponentInstance;

package/dist/builder-v2/index.js

@@ -218,9 +218,19 @@ var parseAttributes = (value) => {
   return props;
 };
 var extractAttribute = (attrs, name) => {
-  const pattern = new RegExp(`${name}=["']([^"']+)["']`, "i");
-  const match = attrs.match(pattern);
-  return match ? decodeHtmlAttribute(match[1]) : null;
+  attrPattern.lastIndex = 0;
+  let match;
+  while ((match = attrPattern.exec(attrs)) !== null) {
+    if (match[1] === name) {
+      return decodeHtmlAttribute(match[2] ?? match[3] ?? "");
+    }
+  }
+  return null;
+};
+var extractWrapperAttributes = (attrs) => {
+  const id = extractAttribute(attrs, "id") || void 0;
+  const className = extractAttribute(attrs, "class") || void 0;
+  return id || className ? { className, id } : void 0;
 };
 var parseBuilderV2DynamicComponents = (html) => {
   const instances = [];
@@ -234,7 +244,8 @@ var parseBuilderV2DynamicComponents = (html) => {
     instances.push({
       component,
       id: extractAttribute(attrs, "data-orion-id") || `component-${instances.length + 1}`,
-      props: parseAttributes(attrs)
+      props: parseAttributes(attrs),
+      wrapperAttributes: extractWrapperAttributes(attrs)
     });
   }
   return instances;
@@ -255,7 +266,8 @@ var splitBuilderV2HtmlIntoChunks = (html) => {
       instance: {
         component,
         id: extractAttribute(attrs, "data-orion-id") || `component-${componentIndex + 1}`,
-        props: parseAttributes(attrs)
+        props: parseAttributes(attrs),
+        wrapperAttributes: extractWrapperAttributes(attrs)
       },
       kind: "component"
     });
@@ -710,7 +722,20 @@ function BuilderPageRuntime({ adapter, className, page }) {
           `component-${chunk.instance.id}-${index}`
         );
       }
-      return (0, import_react.createElement)(import_react.Fragment, { key: `component-${chunk.instance.id}-${index}` }, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { instance: chunk.instance, page }));
+      const renderedComponent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { instance: chunk.instance, page });
+      const wrapperAttributes = chunk.instance.wrapperAttributes;
+      if (wrapperAttributes?.id || wrapperAttributes?.className) {
+        return (0, import_react.createElement)(
+          "div",
+          {
+            className: wrapperAttributes.className,
+            id: wrapperAttributes.id,
+            key: `component-${chunk.instance.id}-${index}`
+          },
+          renderedComponent
+        );
+      }
+      return (0, import_react.createElement)(import_react.Fragment, { key: `component-${chunk.instance.id}-${index}` }, renderedComponent);
     })
   ] });
 }

package/dist/builder-v2/index.mjs

@@ -169,9 +169,19 @@ var parseAttributes = (value) => {
   return props;
 };
 var extractAttribute = (attrs, name) => {
-  const pattern = new RegExp(`${name}=["']([^"']+)["']`, "i");
-  const match = attrs.match(pattern);
-  return match ? decodeHtmlAttribute(match[1]) : null;
+  attrPattern.lastIndex = 0;
+  let match;
+  while ((match = attrPattern.exec(attrs)) !== null) {
+    if (match[1] === name) {
+      return decodeHtmlAttribute(match[2] ?? match[3] ?? "");
+    }
+  }
+  return null;
+};
+var extractWrapperAttributes = (attrs) => {
+  const id = extractAttribute(attrs, "id") || void 0;
+  const className = extractAttribute(attrs, "class") || void 0;
+  return id || className ? { className, id } : void 0;
 };
 var parseBuilderV2DynamicComponents = (html) => {
   const instances = [];
@@ -185,7 +195,8 @@ var parseBuilderV2DynamicComponents = (html) => {
     instances.push({
       component,
       id: extractAttribute(attrs, "data-orion-id") || `component-${instances.length + 1}`,
-      props: parseAttributes(attrs)
+      props: parseAttributes(attrs),
+      wrapperAttributes: extractWrapperAttributes(attrs)
     });
   }
   return instances;
@@ -206,7 +217,8 @@ var splitBuilderV2HtmlIntoChunks = (html) => {
       instance: {
         component,
         id: extractAttribute(attrs, "data-orion-id") || `component-${componentIndex + 1}`,
-        props: parseAttributes(attrs)
+        props: parseAttributes(attrs),
+        wrapperAttributes: extractWrapperAttributes(attrs)
       },
       kind: "component"
     });
@@ -661,7 +673,20 @@ function BuilderPageRuntime({ adapter, className, page }) {
           `component-${chunk.instance.id}-${index}`
         );
       }
-      return createElement(Fragment, { key: `component-${chunk.instance.id}-${index}` }, /* @__PURE__ */ jsx(Component, { instance: chunk.instance, page }));
+      const renderedComponent = /* @__PURE__ */ jsx(Component, { instance: chunk.instance, page });
+      const wrapperAttributes = chunk.instance.wrapperAttributes;
+      if (wrapperAttributes?.id || wrapperAttributes?.className) {
+        return createElement(
+          "div",
+          {
+            className: wrapperAttributes.className,
+            id: wrapperAttributes.id,
+            key: `component-${chunk.instance.id}-${index}`
+          },
+          renderedComponent
+        );
+      }
+      return createElement(Fragment, { key: `component-${chunk.instance.id}-${index}` }, renderedComponent);
     })
   ] });
 }

package/dist/index.mjs

@@ -1,25 +1,25 @@
 import {
   admin_exports
-} from "./chunk-JC3UV74N.mjs";
-import {
-  admin_app_exports
-} from "./chunk-RKTIFEUY.mjs";
-import "./chunk-W2UOCJDX.mjs";
-import {
-  blocks_exports
-} from "./chunk-JQAHXYAM.mjs";
+} from "./chunk-KHK6RTGC.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";
+import {
+  admin_app_exports
+} from "./chunk-RKTIFEUY.mjs";
+import "./chunk-W2UOCJDX.mjs";
 import "./chunk-6BWS3CLP.mjs";
 export {
   admin_exports as admin,

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.70",
+  "version": "0.6.0-beta.71",
   "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