@builder.io/sdk-react-nextjs 0.16.11 → 0.16.12

package/lib/edge/scripts/init-editing.mjs

@@ -0,0 +1,95 @@
+import { SDK_VERSION as w } from "../constants/sdk-version.mjs";
+import { TARGET as y } from "../constants/target.mjs";
+import { isBrowser as b } from "../functions/is-browser.mjs";
+import { isFromTrustedHost as C } from "../functions/is-from-trusted-host.mjs";
+import { register as E } from "../functions/register.mjs";
+const S = () => {
+  E("insertMenu", {
+    name: "_default",
+    default: !0,
+    items: [{
+      name: "Box"
+    }, {
+      name: "Text"
+    }, {
+      name: "Image"
+    }, {
+      name: "Columns"
+    }, {
+      name: "Core:Section"
+    }, {
+      name: "Core:Button"
+    }, {
+      name: "Embed"
+    }, {
+      name: "Custom Code"
+    }]
+  });
+};
+let m = !1;
+const k = (o = {}) => {
+  var n, i;
+  m || (m = !0, b() && ((n = window.parent) == null || n.postMessage({
+    type: "builder.sdkInfo",
+    data: {
+      target: y,
+      version: w,
+      supportsPatchUpdates: !1,
+      // Supports builder-model="..." attribute which is needed to
+      // scope our '+ add block' button styling
+      supportsAddBlockScoping: !0,
+      supportsCustomBreakpoints: !0
+    }
+  }, "*"), (i = window.parent) == null || i.postMessage({
+    type: "builder.updateContent",
+    data: {
+      options: o
+    }
+  }, "*"), window.addEventListener("message", (u) => {
+    var p, d;
+    if (!C(o.trustedHosts, u))
+      return;
+    const {
+      data: e
+    } = u;
+    if (e != null && e.type)
+      switch (e.type) {
+        case "builder.evaluate": {
+          const c = e.data.text, f = e.data.arguments || [], r = e.data.id, g = new Function(c);
+          let t, s = null;
+          try {
+            t = g.apply(null, f);
+          } catch (a) {
+            s = a;
+          }
+          s ? (p = window.parent) == null || p.postMessage({
+            type: "builder.evaluateError",
+            data: {
+              id: r,
+              error: s.message
+            }
+          }, "*") : t && typeof t.then == "function" ? t.then((a) => {
+            var l;
+            (l = window.parent) == null || l.postMessage({
+              type: "builder.evaluateResult",
+              data: {
+                id: r,
+                result: a
+              }
+            }, "*");
+          }).catch(console.error) : (d = window.parent) == null || d.postMessage({
+            type: "builder.evaluateResult",
+            data: {
+              result: t,
+              id: r
+            }
+          }, "*");
+          break;
+        }
+      }
+  })));
+};
+export {
+  S as registerInsertMenu,
+  k as setupBrowserForEditing
+};

package/lib/edge/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-3f356fcf.cjs");require("lru-cache");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./functions/is-editing.cjs"),t=require("./functions/is-previewing.cjs"),i=require("./functions/register-component.cjs"),s=require("./functions/register.cjs"),n=require("./functions/set-editor-settings.cjs"),o=require("./functions/get-builder-search-params/index.cjs"),c=require("./functions/track/index.cjs"),u=require("./helpers/subscribe-to-editor.cjs"),g=require("./functions/fetch-builder-props.cjs"),e=require("./functions/get-content/index.cjs");exports.isEditing=r.isEditing;exports.isPreviewing=t.isPreviewing;exports.createRegisterComponentMessage=i.createRegisterComponentMessage;exports.register=s.register;exports.setEditorSettings=n.setEditorSettings;exports.getBuilderSearchParams=o.getBuilderSearchParams;exports.track=c.track;exports.subscribeToEditor=u.subscribeToEditor;exports.fetchBuilderProps=g.fetchBuilderProps;exports._processContentResult=e._processContentResult;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;

package/lib/edge/server-entry.mjs

@@ -1,16 +1,24 @@
-import { _processContentResult as i, createRegisterComponentMessage as s, fetchBuilderProps as o, fetchEntries as n, fetchOneEntry as c, getBuilderSearchParams as g, isEditing as a, isPreviewing as d, register as p, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-71111a1f.js";
-import "lru-cache";
+import { isEditing as t } from "./functions/is-editing.mjs";
+import { isPreviewing as s } from "./functions/is-previewing.mjs";
+import { createRegisterComponentMessage as f } from "./functions/register-component.mjs";
+import { register as m } from "./functions/register.mjs";
+import { setEditorSettings as x } from "./functions/set-editor-settings.mjs";
+import { getBuilderSearchParams as g } from "./functions/get-builder-search-params/index.mjs";
+import { track as d } from "./functions/track/index.mjs";
+import { subscribeToEditor as h } from "./helpers/subscribe-to-editor.mjs";
+import { fetchBuilderProps as l } from "./functions/fetch-builder-props.mjs";
+import { _processContentResult as b, fetchEntries as B, fetchOneEntry as C } from "./functions/get-content/index.mjs";
 export {
-  i as _processContentResult,
-  s as createRegisterComponentMessage,
-  o as fetchBuilderProps,
-  n as fetchEntries,
-  c as fetchOneEntry,
+  b as _processContentResult,
+  f as createRegisterComponentMessage,
+  l as fetchBuilderProps,
+  B as fetchEntries,
+  C as fetchOneEntry,
   g as getBuilderSearchParams,
-  a as isEditing,
-  d as isPreviewing,
-  p as register,
-  E as setEditorSettings,
-  f as subscribeToEditor,
-  h as track
+  t as isEditing,
+  s as isPreviewing,
+  m as register,
+  x as setEditorSettings,
+  h as subscribeToEditor,
+  d as track
 };

package/lib/edge/types/api-version.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="v3";exports.DEFAULT_API_VERSION=e;

package/lib/edge/types/api-version.mjs

@@ -0,0 +1,4 @@
+const o = "v3";
+export {
+  o as DEFAULT_API_VERSION
+};

package/lib/node/blocks/button/button.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const i=require("react/jsx-runtime"),r=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),e=require("../../functions/get-class-prop-name.cjs");function u(t){function n(){return{...t.attributes,[e.getClassPropName()]:`${t.link?"":"builder-button"} ${t.attributes[e.getClassPropName()]||""}`,...t.link?{href:t.link,target:t.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return i.jsx(r,{attributes:n(),TagName:t.link?t.builderLinkComponent||"a":"button",actionAttributes:{},children:t.text})}module.exports=u;

package/lib/node/blocks/button/button.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import r from "../../components/dynamic-renderer/dynamic-renderer.mjs";
+import { getClassPropName as e } from "../../functions/get-class-prop-name.mjs";
+function o(t) {
+  function n() {
+    return {
+      ...t.attributes,
+      [e()]: `${t.link ? "" : "builder-button"} ${t.attributes[e()] || ""}`,
+      ...t.link ? {
+        href: t.link,
+        target: t.openLinkInNewTab ? "_blank" : void 0,
+        role: "link"
+      } : {
+        role: "button"
+      }
+    };
+  }
+  return /* @__PURE__ */ i(
+    r,
+    {
+      attributes: n(),
+      TagName: t.link ? t.builderLinkComponent || "a" : "button",
+      actionAttributes: {},
+      children: t.text
+    }
+  );
+}
+export {
+  o as default
+};

package/lib/node/blocks/button/component-info.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Core:Button",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#000000",color:"white",borderRadius:"4px",textAlign:"center",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me!",bubble:!0},{name:"link",type:"url",bubble:!0},{name:"openLinkInNewTab",type:"boolean",defaultValue:!1,friendlyName:"Open link in new tab"}],static:!0,noWrap:!0,shouldReceiveBuilderProps:{builderLinkComponent:!0}};exports.componentInfo=e;

package/lib/node/blocks/button/component-info.mjs

@@ -0,0 +1,40 @@
+const e = {
+  name: "Core:Button",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
+  defaultStyles: {
+    // TODO: make min width more intuitive and set one
+    appearance: "none",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    paddingLeft: "25px",
+    paddingRight: "25px",
+    backgroundColor: "#000000",
+    color: "white",
+    borderRadius: "4px",
+    textAlign: "center",
+    cursor: "pointer"
+  },
+  inputs: [{
+    name: "text",
+    type: "text",
+    defaultValue: "Click me!",
+    bubble: !0
+  }, {
+    name: "link",
+    type: "url",
+    bubble: !0
+  }, {
+    name: "openLinkInNewTab",
+    type: "boolean",
+    defaultValue: !1,
+    friendlyName: "Open link in new tab"
+  }],
+  static: !0,
+  noWrap: !0,
+  shouldReceiveBuilderProps: {
+    builderLinkComponent: !0
+  }
+};
+export {
+  e as componentInfo
+};

package/lib/node/blocks/columns/columns.cjs

@@ -0,0 +1,28 @@
+"use strict";const o=require("react/jsx-runtime"),p=require("../../components/blocks/blocks.cjs"),W=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),j=require("../../components/inlined-styles.cjs"),q=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),z=require("../../functions/get-style.cjs"),N=require("./helpers.cjs");function A(e){var g,k;const a=typeof e.space=="number"?e.space||0:20,r=e.columns||[],u=e.stackColumnsAt||"tablet",y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var n;return((n=r[t])==null?void 0:n.width)||100/r.length},x=function(t){const n=S(t),l=a*(r.length-1)*(n/100);return`calc(${n}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:n}){return u==="tablet"?t:n},d=function({stackedStyle:t,desktopStyle:n}){return u==="never"?n:t},m=e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column",C=function(){return{"--flex-dir":m,"--flex-dir-tablet":c({stackedStyle:m,desktopStyle:"row"})}},v=function(t){const n=t===0?0:a,l=x(t),s=`${n}px`,h="100%",f=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:s,"--column-width-mobile":d({stackedStyle:h,desktopStyle:l}),"--column-margin-left-mobile":d({stackedStyle:f,desktopStyle:s}),"--column-width-tablet":c({stackedStyle:h,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:f,desktopStyle:s})}},b=function(t){var l,s;return q.getSizesForBreakpoints(((s=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:s.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
+        @media (max-width: ${b("medium")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          ${t} {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${b("small")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          ${t} {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `},$=function(t,n){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:z.mapStyleObjToStrIfNeeded(v(n))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:N.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-2cd13691",style:C(),children:[o.jsx(j,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(k=e.columns)==null?void 0:k.map((i,t)=>o.jsx(W,{TagName:y(i),actionAttributes:{},attributes:$(i,t),children:o.jsx(p,{path:`component.options.columns.${t}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:i.blocks})},t))]}),o.jsx("style",{children:`.div-2cd13691 {
+  display: flex;
+  line-height: normal;
+}`})]})}module.exports=A;

package/lib/node/blocks/columns/columns.mjs

@@ -0,0 +1,154 @@
+import { jsxs as y, Fragment as B, jsx as r } from "react/jsx-runtime";
+import W from "../../components/blocks/blocks.mjs";
+import z from "../../components/dynamic-renderer/dynamic-renderer.mjs";
+import A from "../../components/inlined-styles.mjs";
+import { getSizesForBreakpoints as L } from "../../constants/device-sizes.mjs";
+import { getClassPropName as N } from "../../functions/get-class-prop-name.mjs";
+import { mapStyleObjToStrIfNeeded as T } from "../../functions/get-style.mjs";
+import { getColumnsClass as D } from "./helpers.mjs";
+function q(e) {
+  var f, g;
+  const a = typeof e.space == "number" ? e.space || 0 : 20, s = e.columns || [], m = e.stackColumnsAt || "tablet", S = function(t) {
+    return t.link ? e.builderLinkComponent || "a" : "div";
+  }, C = function(t) {
+    var n;
+    return ((n = s[t]) == null ? void 0 : n.width) || 100 / s.length;
+  }, x = function(t) {
+    const n = C(t), l = a * (s.length - 1) * (n / 100);
+    return `calc(${n}% - ${l}px)`;
+  }, c = function({
+    stackedStyle: t,
+    desktopStyle: n
+  }) {
+    return m === "tablet" ? t : n;
+  }, d = function({
+    stackedStyle: t,
+    desktopStyle: n
+  }) {
+    return m === "never" ? n : t;
+  }, u = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", p = function() {
+    return {
+      "--flex-dir": u,
+      "--flex-dir-tablet": c({
+        stackedStyle: u,
+        desktopStyle: "row"
+      })
+    };
+  }, v = function(t) {
+    const n = t === 0 ? 0 : a, l = x(t), o = `${n}px`, k = "100%", h = 0;
+    return {
+      ...{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "stretch"
+      },
+      width: l,
+      ["marginLeft"]: o,
+      "--column-width-mobile": d({
+        stackedStyle: k,
+        desktopStyle: l
+      }),
+      "--column-margin-left-mobile": d({
+        stackedStyle: h,
+        desktopStyle: o
+      }),
+      "--column-width-tablet": c({
+        stackedStyle: k,
+        desktopStyle: l
+      }),
+      "--column-margin-left-tablet": c({
+        stackedStyle: h,
+        desktopStyle: o
+      })
+    };
+  }, b = function(t) {
+    var l, o;
+    return L(
+      ((o = (l = e.builderContext.content) == null ? void 0 : l.meta) == null ? void 0 : o.breakpoints) || {}
+    )[t].max;
+  }, w = function() {
+    const t = `.${e.builderBlock.id}-breakpoints > .builder-column`;
+    return `
+        @media (max-width: ${b("medium")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          ${t} {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${b("small")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          ${t} {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
+  }, $ = function(t, n) {
+    return {
+      ...t.link ? {
+        href: t.link
+      } : {},
+      [N()]: "builder-column",
+      style: T(v(n))
+    };
+  };
+  return /* @__PURE__ */ y(B, { children: [
+    /* @__PURE__ */ y(
+      "div",
+      {
+        className: D((f = e.builderBlock) == null ? void 0 : f.id) + " div-2cd13691",
+        style: p(),
+        children: [
+          /* @__PURE__ */ r(
+            A,
+            {
+              id: "builderio-columns",
+              styles: w(),
+              nonce: e.builderContext.nonce
+            }
+          ),
+          (g = e.columns) == null ? void 0 : g.map((i, t) => /* @__PURE__ */ r(
+            z,
+            {
+              TagName: S(i),
+              actionAttributes: {},
+              attributes: $(i, t),
+              children: /* @__PURE__ */ r(
+                W,
+                {
+                  path: `component.options.columns.${t}.blocks`,
+                  parent: e.builderBlock.id,
+                  styleProp: {
+                    flexGrow: "1"
+                  },
+                  context: e.builderContext,
+                  registeredComponents: e.builderComponents,
+                  linkComponent: e.builderLinkComponent,
+                  blocks: i.blocks
+                }
+              )
+            },
+            t
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ r("style", { children: `.div-2cd13691 {
+  display: flex;
+  line-height: normal;
+}` })
+  ] });
+}
+export {
+  q as default
+};

package/lib/node/blocks/columns/component-info.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s={name:"Columns",isRSC:!0,inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:l=>{function t(){e.forEach(i=>{i.delete("width")})}const e=l.get("columns");Array.isArray(e)&&e.find(n=>n.get("width"))&&(e.find(o=>!o.get("width"))||e.reduce((a,r)=>a+r.get("width"),0)!==100)&&t()}},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}};exports.componentInfo=s;

package/lib/node/blocks/columns/component-info.mjs

@@ -0,0 +1,211 @@
+const p = {
+  // TODO: ways to statically preprocess JSON for references, functions, etc
+  name: "Columns",
+  isRSC: !0,
+  inputs: [{
+    name: "columns",
+    type: "array",
+    broadcast: !0,
+    subFields: [{
+      name: "blocks",
+      type: "array",
+      hideFromUI: !0,
+      defaultValue: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }, {
+      name: "width",
+      type: "number",
+      hideFromUI: !0,
+      helperText: "Width %, e.g. set to 50 to fill half of the space"
+    }, {
+      name: "link",
+      type: "url",
+      helperText: "Optionally set a url that clicking this column will link to"
+    }],
+    defaultValue: [{
+      blocks: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }, {
+      blocks: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }],
+    onChange: (l) => {
+      function t() {
+        e.forEach((i) => {
+          i.delete("width");
+        });
+      }
+      const e = l.get("columns");
+      Array.isArray(e) && e.find((n) => n.get("width")) && (e.find((o) => !o.get("width")) || e.reduce((a, r) => a + r.get("width"), 0) !== 100) && t();
+    }
+  }, {
+    name: "space",
+    type: "number",
+    defaultValue: 20,
+    helperText: "Size of gap between columns",
+    advanced: !0
+  }, {
+    name: "stackColumnsAt",
+    type: "string",
+    defaultValue: "tablet",
+    helperText: "Convert horizontal columns to vertical at what device size",
+    enum: ["tablet", "mobile", "never"],
+    advanced: !0
+  }, {
+    name: "reverseColumnsWhenStacked",
+    type: "boolean",
+    defaultValue: !1,
+    helperText: "When stacking columns for mobile devices, reverse the ordering",
+    advanced: !0
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+};
+export {
+  p as componentInfo
+};

package/lib/node/blocks/columns/helpers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=e=>`builder-columns ${e}-breakpoints`;exports.getColumnsClass=s;

package/lib/node/blocks/columns/helpers.mjs

@@ -0,0 +1,4 @@
+const e = (s) => `builder-columns ${s}-breakpoints`;
+export {
+  e as getColumnsClass
+};

package/lib/node/blocks/custom-code/component-info.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Custom Code",static:!0,requiredPermissions:["editCode"],inputs:[{name:"code",type:"html",required:!0,defaultValue:"<p>Hello there, I am custom HTML code!</p>",code:!0},{name:"replaceNodes",type:"boolean",helperText:"Preserve server rendered dom nodes",advanced:!0},{name:"scriptsClientOnly",type:"boolean",defaultValue:!1,helperText:"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",advanced:!0}]};exports.componentInfo=e;