@builder.io/sdk-react-nextjs 0.11.5 → 0.12.1

package/lib/edge/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-66d2c18f.cjs"),t=require("./USE_CLIENT_BUNDLE-e4756b15.cjs");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-e1b937d8.cjs");exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-6d55a6a7.cjs"),t=require("./USE_CLIENT_BUNDLE-8922846d.cjs");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-24df6623.cjs");exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;

package/lib/edge/index.mjs

@@ -1,10 +1,10 @@
-import { B as i, t as m, C as c, R as g, q as p, S as l, T as C, w as d, m as f, E as u, x as B, n as S, y as E, A as R, z as h, i as x, f as k, u as y, v as P, D as b } from "./bundle-8d356121.js";
-import { b as w, F as A, c as F, S as T, V } from "./USE_CLIENT_BUNDLE-5718fc51.js";
+import { B as i, t as m, C as c, R as g, q as p, S as l, T as C, w as d, m as f, E as u, x as B, n as S, y as E, A as R, z as h, i as x, f as k, u as y, v as P, D as b } from "./bundle-44392f6d.js";
+import { b as w, F as A, c as F, S as T, V } from "./USE_CLIENT_BUNDLE-3049fd56.js";
 import "lru-cache";
 import "react/jsx-runtime";
 import "react";
 import "next/navigation";
-import "./USE_SERVER_BUNDLE-cc60df3b.js";
+import "./USE_SERVER_BUNDLE-231b55dd.js";
 export {
   i as Blocks,
   w as Button,

package/lib/{edge/USE_CLIENT_BUNDLE-e4756b15.cjs → node/USE_CLIENT_BUNDLE-09122ff1.cjs}

@@ -1,4 +1,4 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),c=require("./bundle-66d2c18f.cjs"),r=require("react"),V=require("./USE_SERVER_BUNDLE-e1b937d8.cjs"),A=require("next/navigation");function D(e){return t.jsxs(t.Fragment,{children:[e.link?t.jsx(t.Fragment,{children:t.jsx("a",{...e.attributes,href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"button",children:e.text})}):t.jsx(t.Fragment,{children:t.jsx("button",{...e.attributes,style:e.attributes.style,className:e.attributes.className+" button-fdf49de0",children:e.text})}),t.jsx("style",{children:`.button-fdf49de0 {
+"use client";"use strict";const t=require("react/jsx-runtime"),c=require("./bundle-b9af39ec.cjs"),r=require("react"),V=require("./USE_SERVER_BUNDLE-93366161.cjs"),A=require("next/navigation");function D(e){return t.jsxs(t.Fragment,{children:[e.link?t.jsx(t.Fragment,{children:t.jsx("a",{...e.attributes,href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"button",children:e.text})}):t.jsx(t.Fragment,{children:t.jsx("button",{...e.attributes,style:e.attributes.style,className:e.attributes.className+" button-fdf49de0",children:e.text})}),t.jsx("style",{children:`.button-fdf49de0 {
   all: unset;
 }`})]})}function U(e){return t.jsxs(t.Fragment,{children:[" ",e.hasChildren?t.jsx(t.Fragment,{children:t.jsxs(e.Wrapper,{...c.getBlockProperties({block:e.block,context:e.context}),...c.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}),children:[" ",e.children," "]})}):t.jsx(t.Fragment,{children:t.jsx(e.Wrapper,{...c.getBlockProperties({block:e.block,context:e.context}),...c.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})})})," "]})}function H(e){return t.jsx(e.Wrapper,{...e.wrapperProps,attributes:e.includeBlockProps?{...c.getBlockProperties({block:e.block,context:e.context}),...c.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{},children:e.children})}function O(e){function o(){var s;return"builder-blocks"+((s=e.blocks)!=null&&s.length?"":" no-blocks")}function g(){var s,m;c.isEditing()&&!((s=e.blocks)!=null&&s.length)&&((m=window.parent)==null||m.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function S(){var s,m;c.isEditing()&&!((s=e.blocks)!=null&&s.length)&&((m=window.parent)==null||m.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return t.jsxs(t.Fragment,{children:[t.jsx(e.BlocksWrapper,{className:o()+" props-blocks-wrapper-4f2c12d8","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:s=>g(),onMouseEnter:s=>S(),onKeyPress:s=>g(),...e.BlocksWrapperProps,children:e.children}),t.jsx("style",{children:`.props-blocks-wrapper-4f2c12d8 {
   display: flex;

package/lib/{edge/USE_CLIENT_BUNDLE-5718fc51.js → node/USE_CLIENT_BUNDLE-f4804af3.js}

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as w, Fragment as g, jsx as i } from "react/jsx-runtime";
-import { g as T, a as B, i as E, b as R, c as Y, d as P, e as U, _ as H, f as Z, l as p, h as O, j as ee, k as te, r as ne, s as ie, m as ae, n as ce, o as le } from "./bundle-8d356121.js";
+import { g as T, a as B, i as E, b as R, c as Y, d as P, e as U, _ as H, f as Z, l as p, h as O, j as ee, k as te, r as ne, s as ie, m as ae, n as ce, o as le } from "./bundle-217b5738.js";
 import { useRef as N, useState as v, useEffect as b, createContext as oe, createElement as re } from "react";
-import { p as de } from "./USE_SERVER_BUNDLE-cc60df3b.js";
+import { p as de } from "./USE_SERVER_BUNDLE-33c309df.js";
 import { useRouter as se } from "next/navigation";
 function xe(e) {
   return /* @__PURE__ */ w(g, { children: [

package/lib/{browser/USE_SERVER_BUNDLE-ab38c81e.js → node/USE_SERVER_BUNDLE-33c309df.js}

@@ -1,5 +1,5 @@
 "use server";
-import { p as s } from "./bundle-e5e85e5e.js";
+import { p as s } from "./bundle-217b5738.js";
 async function n({
   key: t,
   value: r

package/lib/{browser/USE_SERVER_BUNDLE-b4858d5f.cjs → node/USE_SERVER_BUNDLE-93366161.cjs}

@@ -1 +1 @@
-"use server";"use strict";const n=require("./bundle-c7776ad8.cjs");async function s({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=s;
+"use server";"use strict";const n=require("./bundle-b9af39ec.cjs");async function s({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=s;

package/lib/node/{bundle-2fa811c7.js → bundle-217b5738.js}

@@ -1,7 +1,7 @@
 import { LRUCache } from "lru-cache";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
-import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-3ca4914e.js";
+import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-f4804af3.js";
 import "next/navigation";
 function getBlockComponentOptions(e) {
   var t;
@@ -187,25 +187,25 @@ output;
     context: n,
     event: o,
     state: s
-  }), u = getIsolateContext(), m = u.global;
-  m.setSync("global", m.derefInto()), m.setSync("log", function(...d) {
-    console.log(...d);
-  }), m.setSync(BUILDER_SET_STATE_NAME, function(d, f) {
-    set(a, d, f), i == null || i(a);
-  }), c.forEach(([d, f]) => {
+  }), m = getIsolateContext(), d = m.global;
+  d.setSync("global", d.derefInto()), d.setSync("log", function(...u) {
+    console.log(...u);
+  }), d.setSync(BUILDER_SET_STATE_NAME, function(u, f) {
+    set(a, u, f), i == null || i(a);
+  }), c.forEach(([u, f]) => {
     const l = typeof f == "object" ? new ivm.Reference(
       // workaround: methods with default values for arguments is not being cloned over
-      d === "builder" ? {
+      u === "builder" ? {
         ...f,
         getUserAttributes: () => f.getUserAttributes()
       } : f
     ) : null;
-    m.setSync(getSyncValName(d), l);
-  }), m.setSync(INJECTED_IVM_GLOBAL, ivm);
+    d.setSync(getSyncValName(u), l);
+  }), d.setSync(INJECTED_IVM_GLOBAL, ivm);
   const p = processCode({
     code: e,
     args: c
-  }), g = u.evalSync(p);
+  }), g = m.evalSync(p);
   try {
     return JSON.parse(g);
   } catch {
@@ -267,14 +267,14 @@ const evaluateBindings = ({
     }
   };
   for (const s in e.bindings) {
-    const c = e.bindings[s], u = evaluate({
+    const c = e.bindings[s], m = evaluate({
       code: c,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    set(a, s, u);
+    set(a, s, m);
   }
   return a;
 };
@@ -337,15 +337,15 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
   if (!Array.isArray(r))
     return;
   const i = n.collection.split(".").pop(), a = n.itemName || (i ? i + "Item" : "item");
-  return r.map((c, u) => ({
+  return r.map((c, m) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: u,
+        $index: m,
         $item: c,
         [a]: c,
-        [`$${a}Index`]: u
+        [`$${a}Index`]: m
       }
     },
     block: o
@@ -433,28 +433,28 @@ function BlockStyles(e) {
       shouldEvaluateBindings: !0
     }), i = r.responsiveStyles, a = e.context.content, s = getSizesForBreakpoints(
       ((l = a == null ? void 0 : a.meta) == null ? void 0 : l.breakpoints) || {}
-    ), c = i == null ? void 0 : i.large, u = i == null ? void 0 : i.medium, m = i == null ? void 0 : i.small, p = r.id;
+    ), c = i == null ? void 0 : i.large, m = i == null ? void 0 : i.medium, d = i == null ? void 0 : i.small, p = r.id;
     if (!p)
       return "";
     const g = c ? createCssClass({
       className: p,
       styles: c
-    }) : "", d = u ? createCssClass({
+    }) : "", u = m ? createCssClass({
       className: p,
-      styles: u,
+      styles: m,
       mediaQuery: getMaxWidthQueryForSize(
         "medium",
         s
       )
-    }) : "", f = m ? createCssClass({
+    }) : "", f = d ? createCssClass({
       className: p,
-      styles: m,
+      styles: d,
       mediaQuery: getMaxWidthQueryForSize(
         "small",
         s
       )
     }) : "";
-    return [g, d, f].join(" ");
+    return [g, u, f].join(" ");
   };
   return /* @__PURE__ */ jsx(Fragment, { children: n() && t() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: n() }) }) : null });
 }
@@ -598,7 +598,7 @@ function RepeatedBlock(e) {
   );
 }
 function Block(e) {
-  var u, m, p;
+  var m, d, p;
   const t = function() {
     return getComponent({
       block: e.block,
@@ -611,8 +611,8 @@ function Block(e) {
       context: e.context
     });
   }, o = function() {
-    var d;
-    return (d = e.block.repeat) != null && d.collection ? e.block : getProcessedBlock({
+    var u;
+    return (u = e.block.repeat) != null && u.collection ? e.block : getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -626,16 +626,16 @@ function Block(e) {
     var l, h;
     if ((l = e.block.repeat) != null && l.collection)
       return !!((h = n()) != null && h.length);
-    const d = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !d;
+    const u = "hide" in o() ? o().hide : !1;
+    return ("show" in o() ? o().show : !0) && !u;
   }, a = function() {
     var f;
     return !((f = t()) != null && f.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var d, f, l, h, y;
+    var u, f, l, h, y;
     return {
       blockChildren: o().children ?? [],
-      componentRef: (d = t()) == null ? void 0 : d.component,
+      componentRef: (u = t()) == null ? void 0 : u.component,
       componentOptions: {
         ...getBlockComponentOptions(o()),
         builderContext: e.context,
@@ -652,7 +652,7 @@ function Block(e) {
   }, c = e.context;
   return /* @__PURE__ */ jsx(Fragment, { children: i() ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(BlockStyles, { block: e.block, context: e.context }),
-    (u = t()) != null && u.noWrap ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    (m = t()) != null && m.noWrap ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       ComponentRef,
       {
         componentRef: s().componentRef,
@@ -674,14 +674,14 @@ function Block(e) {
           hasChildren: !1
         }
       ) }) : null,
-      !isEmptyHtmlElement(r()) && n() ? /* @__PURE__ */ jsx(Fragment, { children: (m = n()) == null ? void 0 : m.map((g, d) => /* @__PURE__ */ jsx(
+      !isEmptyHtmlElement(r()) && n() ? /* @__PURE__ */ jsx(Fragment, { children: (d = n()) == null ? void 0 : d.map((g, u) => /* @__PURE__ */ jsx(
         RepeatedBlock,
         {
           repeatContext: g.context,
           block: g.block,
           registeredComponents: e.registeredComponents
         },
-        d
+        u
       )) }) : null,
       !isEmptyHtmlElement(r()) && !n() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
         BlockWrapper,
@@ -743,7 +743,7 @@ function Blocks(e) {
   );
 }
 function Columns(e) {
-  var d;
+  var u;
   const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", r = function(l) {
     var h;
     return ((h = n[l]) == null ? void 0 : h.width) || 100 / n.length;
@@ -760,7 +760,7 @@ function Columns(e) {
     desktopStyle: h
   }) {
     return o === "never" ? h : l;
-  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
+  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
     return {
       "--flex-dir": c,
       "--flex-dir-tablet": a({
@@ -768,7 +768,7 @@ function Columns(e) {
         desktopStyle: "row"
       })
     };
-  }, m = function(l) {
+  }, d = function(l) {
     const h = l === 0 ? 0 : t, y = i(l), b = `${h}px`, v = "100%", x = 0;
     return {
       width: y,
@@ -827,14 +827,14 @@ function Columns(e) {
       "div",
       {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-39daef82`,
-        style: u(),
+        style: m(),
         children: [
           /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: g() }) }),
-          (d = e.columns) == null ? void 0 : d.map((f, l) => /* @__PURE__ */ createElement(
+          (u = e.columns) == null ? void 0 : u.map((f, l) => /* @__PURE__ */ createElement(
             "div",
             {
               className: "builder-column div-39daef82-2",
-              style: m(l),
+              style: d(l),
               key: l
             },
             /* @__PURE__ */ jsx(
@@ -1029,7 +1029,7 @@ const getTopLevelDomain = (e) => {
     ...e,
     ...r
   };
-}, getDefaultCanTrack = (e) => checkIsDefined(e) ? e : !0, componentInfo$a = {
+}, getDefaultCanTrack = (e) => checkIsDefined(e) ? e : !0, componentInfo$b = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1062,7 +1062,7 @@ const getTopLevelDomain = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, componentInfo$9 = {
+}, componentInfo$a = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1263,7 +1263,7 @@ const getTopLevelDomain = (e) => {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, componentInfo$8 = {
+}, componentInfo$9 = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1285,7 +1285,7 @@ const getTopLevelDomain = (e) => {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, componentInfo$7 = {
+}, componentInfo$8 = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1310,13 +1310,13 @@ const getTopLevelDomain = (e) => {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"], isJsScript = (e) => SCRIPT_MIME_TYPES.includes(e.type), componentInfo$6 = {
+}, SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"], isJsScript = (e) => SCRIPT_MIME_TYPES.includes(e.type), componentInfo$7 = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, componentInfo$5 = {
+}, componentInfo$6 = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1337,15 +1337,15 @@ const getTopLevelDomain = (e) => {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, s = 6e4) {
-        return new Promise((c, u) => {
-          const m = document.createElement("img");
+        return new Promise((c, m) => {
+          const d = document.createElement("img");
           let p = !1;
-          m.onload = () => {
-            p = !0, c(m);
-          }, m.addEventListener("error", (g) => {
-            console.warn("Image load failed", g.error), u(g.error);
-          }), m.src = a, setTimeout(() => {
-            p || u(new Error("Image load timed out"));
+          d.onload = () => {
+            p = !0, c(d);
+          }, d.addEventListener("error", (g) => {
+            console.warn("Image load failed", g.error), m(g.error);
+          }), d.src = a, setTimeout(() => {
+            p || m(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -1416,7 +1416,7 @@ const getTopLevelDomain = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, componentInfo$4 = {
+}, componentInfo$5 = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1430,7 +1430,7 @@ const getTopLevelDomain = (e) => {
   }],
   noWrap: !0,
   static: !0
-}, componentInfo$3 = {
+}, componentInfo$4 = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1469,7 +1469,44 @@ const getTopLevelDomain = (e) => {
       }
     }
   }]
-}, componentInfo$2 = {
+}, componentInfo$3 = {
+  name: "Slot",
+  isRSC: !0,
+  description: "Allow child blocks to be inserted into this content when used as a Symbol",
+  docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
+  // Maybe wrap this for canHaveChildren so bind children to this hm
+  inputs: [{
+    name: "name",
+    type: "string",
+    required: !0,
+    defaultValue: "children"
+  }]
+};
+function Slot(e) {
+  var t, n, o;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        pointerEvents: "auto"
+      },
+      ...!((t = e.builderContext.context) != null && t.symbolId) && {
+        "builder-slot": e.name
+      },
+      children: /* @__PURE__ */ jsx(
+        Blocks,
+        {
+          parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
+          path: `symbol.data.${e.name}`,
+          context: e.builderContext,
+          blocks: (o = e.builderContext.rootState) == null ? void 0 : o[e.name]
+        }
+      )
+    }
+  );
+}
+const componentInfo$2 = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1617,28 +1654,28 @@ const componentInfo = {
   }]
 }, getDefaultRegisteredComponents = () => [{
   component: Button,
-  ...componentInfo$a
+  ...componentInfo$b
 }, {
   component: Columns,
-  ...componentInfo$9
+  ...componentInfo$a
 }, {
   component: CustomCode,
-  ...componentInfo$8
+  ...componentInfo$9
 }, {
   component: Embed,
-  ...componentInfo$7
+  ...componentInfo$8
 }, {
   component: FragmentComponent,
-  ...componentInfo$6
+  ...componentInfo$7
 }, {
   component: Image,
-  ...componentInfo$5
+  ...componentInfo$6
 }, {
   component: ImgComponent,
-  ...componentInfo$4
+  ...componentInfo$5
 }, {
   component: SectionComponent,
-  ...componentInfo$3
+  ...componentInfo$4
 }, {
   component: Symbol$1,
   ...componentInfo$2
@@ -1648,6 +1685,9 @@ const componentInfo = {
 }, {
   component: Video,
   ...componentInfo
+}, {
+  component: Slot,
+  ...componentInfo$3
 }], components = [], createRegisterComponentMessage = (e) => ({
   type: "builder.registerComponent",
   data: serializeComponentInfo(e)
@@ -1852,11 +1892,11 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     apiKey: a,
     includeRefs: s = !0,
     enrich: c,
-    locale: u,
-    apiVersion: m = DEFAULT_API_VERSION,
+    locale: m,
+    apiVersion: d = DEFAULT_API_VERSION,
     fields: p,
     omit: g,
-    offset: d,
+    offset: u,
     cacheSeconds: f,
     staleCacheSeconds: l,
     sort: h,
@@ -1864,11 +1904,11 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
   } = e;
   if (!a)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(m))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${m}'`);
+  if (!["v2", "v3"].includes(d))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${d}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const b = new URL(`https://cdn.builder.io/api/${m}/content/${i}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${u ? `&locale=${u}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (b.searchParams.set("omit", g || "meta.componentsUsed"), p && b.searchParams.set("fields", p), Number.isFinite(d) && d > -1 && b.searchParams.set("offset", String(Math.floor(d))), typeof y == "boolean" && b.searchParams.set("includeUnpublished", String(y)), f && isPositiveNumber(f) && b.searchParams.set("cacheSeconds", String(f)), l && isPositiveNumber(l) && b.searchParams.set("staleCacheSeconds", String(l)), h) {
+  const b = new URL(`https://cdn.builder.io/api/${d}/content/${i}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${m ? `&locale=${m}` : ""}${c ? `&enrich=${c}` : ""}`);
+  if (b.searchParams.set("omit", g || "meta.componentsUsed"), p && b.searchParams.set("fields", p), Number.isFinite(u) && u > -1 && b.searchParams.set("offset", String(Math.floor(u))), typeof y == "boolean" && b.searchParams.set("includeUnpublished", String(y)), f && isPositiveNumber(f) && b.searchParams.set("cacheSeconds", String(f)), l && isPositiveNumber(l) && b.searchParams.set("staleCacheSeconds", String(l)), h) {
     const S = flatten({
       sort: h
     });
@@ -2125,7 +2165,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.11.5", registry = {};
+}, SDK_VERSION = "0.12.1", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2192,10 +2232,10 @@ const setupBrowserForEditing = (e = {}) => {
     if (o != null && o.type)
       switch (o.type) {
         case "builder.evaluate": {
-          const a = o.data.text, s = o.data.arguments || [], c = o.data.id, u = new Function(a);
-          let m, p = null;
+          const a = o.data.text, s = o.data.arguments || [], c = o.data.id, m = new Function(a);
+          let d, p = null;
           try {
-            m = u.apply(null, s);
+            d = m.apply(null, s);
           } catch (g) {
             p = g;
           }
@@ -2205,9 +2245,9 @@ const setupBrowserForEditing = (e = {}) => {
               id: c,
               error: p.message
             }
-          }, "*") : m && typeof m.then == "function" ? m.then((g) => {
-            var d;
-            (d = window.parent) == null || d.postMessage({
+          }, "*") : d && typeof d.then == "function" ? d.then((g) => {
+            var u;
+            (u = window.parent) == null || u.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
@@ -2217,7 +2257,7 @@ const setupBrowserForEditing = (e = {}) => {
           }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: m,
+              result: d,
               id: c
             }
           }, "*");
@@ -2314,7 +2354,7 @@ const getRootStateInitialValue = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ContentComponent(e) {
-  var r, i, a, s, c, u, m, p, g;
+  var r, i, a, s, c, m, d, p, g;
   const t = getUpdateVariantVisibilityScript({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (r = e.content) == null ? void 0 : r.testVariationId,
@@ -2330,8 +2370,8 @@ function ContentComponent(e) {
     ...components,
     ...e.customComponents || []
   ].reduce(
-    (d, { component: f, ...l }) => ({
-      ...d,
+    (u, { component: f, ...l }) => ({
+      ...u,
       [l.name]: {
         component: f,
         ...serializeComponentInfo(l)
@@ -2363,8 +2403,8 @@ function ContentComponent(e) {
       ...components,
       ...e.customComponents || []
     ].reduce(
-      (d, { component: f, ...l }) => ({
-        ...d,
+      (u, { component: f, ...l }) => ({
+        ...u,
         [l.name]: serializeComponentInfo(l)
       }),
       {}
@@ -2396,7 +2436,7 @@ function ContentComponent(e) {
           {
             contentId: (a = o.content) == null ? void 0 : a.id,
             cssCode: (c = (s = o.content) == null ? void 0 : s.data) == null ? void 0 : c.cssCode,
-            customFonts: (m = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : m.customFonts
+            customFonts: (d = (m = o.content) == null ? void 0 : m.data) == null ? void 0 : d.customFonts
           }
         ) }),
         /* @__PURE__ */ jsx(
@@ -2419,9 +2459,9 @@ function ContentVariants(e) {
   }), n = function() {
     var c;
     return getUpdateCookieAndStylesScript(
-      getVariants(e.content).map((u) => ({
-        id: u.testVariationId,
-        testRatio: u.testRatio
+      getVariants(e.content).map((m) => ({
+        id: m.testVariationId,
+        testRatio: m.testRatio
       })),
       ((c = e.content) == null ? void 0 : c.id) || ""
     );
@@ -2516,14 +2556,14 @@ const fetchSymbolContent = async ({
     });
 };
 async function Symbol$1(e) {
-  var o, r, i, a;
+  var o, r, i, a, s;
   const t = function() {
-    var c, u;
+    var m, d;
     return [
       e.attributes.className,
       "builder-symbol",
-      (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
-      (u = e.symbol) != null && u.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
+      (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, n = ((o = e.symbol) == null ? void 0 : o.content) || await fetchSymbolContent({
     symbol: e.symbol,
@@ -2535,14 +2575,17 @@ async function Symbol$1(e) {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
-      context: e.builderContext.context,
+      context: {
+        ...e.builderContext.context,
+        symbolId: (r = e.builderBlock) == null ? void 0 : r.id
+      },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(r = e.symbol) == null ? void 0 : r.data,
+        ...(i = e.symbol) == null ? void 0 : i.data,
         ...e.builderContext.localState,
-        ...(i = n == null ? void 0 : n.data) == null ? void 0 : i.state
+        ...(a = n == null ? void 0 : n.data) == null ? void 0 : a.state
       },
-      model: (a = e.symbol) == null ? void 0 : a.model,
+      model: (s = e.symbol) == null ? void 0 : s.model,
       content: n
     }
   ) });