@builder.io/sdk-qwik 0.0.16 → 0.0.18

package/lib/index.qwik.mjs

@@ -62,9 +62,8 @@ const registerInsertMenu = () => {
   });
 };
 const setupBrowserForEditing = () => {
-  var _a;
   if (isBrowser()) {
-    (_a = window.parent) == null || _a.postMessage({
+    window.parent?.postMessage({
       type: "builder.sdkInfo",
       data: {
         target: TARGET,
@@ -72,7 +71,6 @@ const setupBrowserForEditing = () => {
       }
     }, "*");
     window.addEventListener("message", ({ data }) => {
-      var _a2, _b;
       if (data)
         switch (data.type) {
           case "builder.evaluate": {
@@ -88,7 +86,7 @@ const setupBrowserForEditing = () => {
               error = err;
             }
             if (error)
-              (_a2 = window.parent) == null || _a2.postMessage({
+              window.parent?.postMessage({
                 type: "builder.evaluateError",
                 data: {
                   id,
@@ -97,8 +95,7 @@ const setupBrowserForEditing = () => {
               }, "*");
             else if (result && typeof result.then === "function")
               result.then((finalResult) => {
-                var _a3;
-                (_a3 = window.parent) == null || _a3.postMessage({
+                window.parent?.postMessage({
                   type: "builder.evaluateResult",
                   data: {
                     id,
@@ -107,7 +104,7 @@ const setupBrowserForEditing = () => {
                 }, "*");
               }).catch(console.error);
             else
-              (_b = window.parent) == null || _b.postMessage({
+              window.parent?.postMessage({
                 type: "builder.evaluateResult",
                 data: {
                   result,
@@ -120,7 +117,7 @@ const setupBrowserForEditing = () => {
     });
   }
 };
-var stdin_default = createContext("Builder");
+const BuilderContext = createContext("Builder");
 function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
@@ -173,37 +170,18 @@ const set = (obj, _path, value) => {
 function transformBlock(block) {
   return block;
 }
-var __defProp$8 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8) {
-    for (var prop of __getOwnPropSymbols$8(b))
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-  }
-  return a;
-};
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 const evaluateBindings = ({ block, context, state }) => {
   if (!block.bindings)
     return block;
-  const copied = __spreadProps$6(__spreadValues$8({}, block), {
-    properties: __spreadValues$8({}, block.properties),
-    actions: __spreadValues$8({}, block.actions)
-  });
+  const copied = {
+    ...block,
+    properties: {
+      ...block.properties
+    },
+    actions: {
+      ...block.actions
+    }
+  };
   for (const binding in block.bindings) {
     const expression = block.bindings[binding];
     const value = evaluate({
@@ -238,7 +216,9 @@ const tagName$1 = function tagName(props, state) {
   return "style";
 };
 const RenderInlinedStyles = (props) => {
-  const state = {};
+  const state = {
+    tagName: ""
+  };
   state.tagName = tagName$1();
   return /* @__PURE__ */ jsx(Fragment$1, {
     children: /* @__PURE__ */ jsx(state.tagName, {
@@ -283,9 +263,8 @@ function capitalizeFirstLetter(string) {
 }
 const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}`;
 function getBlockActions(options) {
-  var _a;
   const obj = {};
-  const optionActions = (_a = options.block.actions) != null ? _a : {};
+  const optionActions = options.block.actions ?? {};
   for (const key in optionActions) {
     if (!optionActions.hasOwnProperty(key))
       continue;
@@ -299,105 +278,39 @@ function getBlockActions(options) {
   }
   return obj;
 }
-var __defProp$7 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7) {
-    for (var prop of __getOwnPropSymbols$7(b))
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-  }
-  return a;
-};
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 function getBlockComponentOptions(block) {
-  var _a;
-  return __spreadProps$5(__spreadValues$7(__spreadValues$7({}, (_a = block.component) == null ? void 0 : _a.options), block.options), {
+  return {
+    ...block.component?.options,
+    ...block.options,
     builderBlock: block
-  });
+  };
 }
-var __defProp$6 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6) {
-    for (var prop of __getOwnPropSymbols$6(b))
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
-  }
-  return a;
-};
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 function getBlockProperties(block) {
-  var _a;
-  return __spreadProps$4(__spreadValues$6({}, block.properties), {
+  return {
+    ...block.properties,
     "builder-id": block.id,
     class: [
       block.id,
       "builder-block",
       block.class,
-      (_a = block.properties) == null ? void 0 : _a.class
+      block.properties?.class
     ].filter(Boolean).join(" ")
-  });
+  };
 }
 const convertStyleObject = (obj) => {
   return obj;
 };
 const sanitizeBlockStyles = (_styles) => {
 };
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5) {
-    for (var prop of __getOwnPropSymbols$5(b))
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-  }
-  return a;
-};
 function getBlockStyles(block) {
-  var _a, _b, _c, _d, _e;
-  const styles = __spreadValues$5(__spreadValues$5({}, convertStyleObject((_a = block.responsiveStyles) == null ? void 0 : _a.large)), block.styles);
-  if ((_b = block.responsiveStyles) == null ? void 0 : _b.medium)
-    styles[getMaxWidthQueryForSize("medium")] = convertStyleObject((_c = block.responsiveStyles) == null ? void 0 : _c.medium);
-  if ((_d = block.responsiveStyles) == null ? void 0 : _d.small)
-    styles[getMaxWidthQueryForSize("small")] = convertStyleObject((_e = block.responsiveStyles) == null ? void 0 : _e.small);
+  const styles = {
+    ...convertStyleObject(block.responsiveStyles?.large),
+    ...block.styles
+  };
+  if (block.responsiveStyles?.medium)
+    styles[getMaxWidthQueryForSize("medium")] = convertStyleObject(block.responsiveStyles?.medium);
+  if (block.responsiveStyles?.small)
+    styles[getMaxWidthQueryForSize("small")] = convertStyleObject(block.responsiveStyles?.small);
   sanitizeBlockStyles();
   return styles;
 }
@@ -438,13 +351,13 @@ const RenderComponent = (props) => {
     children: props.componentRef ? /* @__PURE__ */ jsxs(props.componentRef, {
       ...markPropsMutable(props.componentOptions),
       children: [
-        (props.blockChildren || []).map((child) => {
+        (props.blockChildren || []).map(function(child) {
           return /* @__PURE__ */ jsx(RenderBlock$1, {
             block: child,
             context: props.context
           }, "render-block-" + child.id);
         }),
-        (props.blockChildren || []).map((child) => {
+        (props.blockChildren || []).map(function(child) {
           return /* @__PURE__ */ jsx(BlockStyles$1, {
             block: child,
             context: props.context
@@ -456,7 +369,7 @@ const RenderComponent = (props) => {
 };
 const RenderComponent$1 = RenderComponent;
 const RenderRepeatedBlock = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
-  useContextProvider(stdin_default, useStore({
+  useContextProvider(BuilderContext, useStore({
     content: (() => {
       return props.repeatContext.content;
     })(),
@@ -477,7 +390,7 @@ const RenderRepeatedBlock = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     block: props.block,
     context: props.repeatContext
   });
-}, "RenderRepeatedBlock_component_fV0PdmPN990"));
+}, "RenderRepeatedBlock_component_nRyVBtbGKc8"));
 const RenderRepeatedBlock$1 = RenderRepeatedBlock;
 const component = function component2(props, state) {
   const componentName = getProcessedBlock({
@@ -584,13 +497,15 @@ const repeatItemData = function repeatItemData2(props, state) {
   return repeatArray;
 };
 const RenderBlock = (props) => {
-  const state = {};
+  const state = {
+    tagName: ""
+  };
   state.tagName = tagName2(props);
   return /* @__PURE__ */ jsx(Fragment$1, {
     children: shouldWrap(props) ? !isEmptyHtmlElement(tagName2(props)) ? /* @__PURE__ */ jsxs(state.tagName, {
       ...attributes(props),
       children: [
-        repeatItemData(props) ? (repeatItemData(props) || []).map((data, index) => {
+        repeatItemData(props) ? (repeatItemData(props) || []).map(function(data, index) {
           return /* @__PURE__ */ jsx(RenderRepeatedBlock$1, {
             repeatContext: data.context,
             block: data.block
@@ -599,13 +514,13 @@ const RenderBlock = (props) => {
         !repeatItemData(props) ? /* @__PURE__ */ jsx(RenderComponent$1, {
           ...renderComponentProps(props)
         }) : null,
-        (childrenWithoutParentComponent(props) || []).map((child) => {
+        (childrenWithoutParentComponent(props) || []).map(function(child) {
           return /* @__PURE__ */ jsx(RenderBlock, {
             block: child,
             context: props.context
           }, "render-block-" + child.id);
         }),
-        (childrenWithoutParentComponent(props) || []).map((child) => {
+        (childrenWithoutParentComponent(props) || []).map(function(child) {
           return /* @__PURE__ */ jsx(BlockStyles$1, {
             block: child,
             context: props.context
@@ -645,20 +560,19 @@ const onMouseEnter = function onMouseEnter2(props, state, builderContext) {
     }, "*");
 };
 const RenderBlocks = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
-  useStylesScopedQrl(inlinedQrl(STYLES$3, "RenderBlocks_component_useStylesScoped_QNti2s7juQc"));
-  const builderContext = useContext(stdin_default);
-  const state = {};
+  useStylesScopedQrl(inlinedQrl(STYLES$3, "RenderBlocks_component_useStylesScoped_0XKYzaR059E"));
+  const builderContext = useContext(BuilderContext);
+  const state = {
+    tagName: ""
+  };
   return /* @__PURE__ */ jsxs("div", {
     class: className(props) + " div-RenderBlocks",
     "builder-path": props.path,
     "builder-parent-id": props.parent,
-    dataSet: {
-      class: className(props)
-    },
     onClick$: inlinedQrl((event) => {
       const [builderContext2, props2, state2] = useLexicalScope();
       return onClick$1(props2);
-    }, "RenderBlocks_component_div_onClick_IHSfVTIKyxE", [
+    }, "RenderBlocks_component_div_onClick_RzhhZa265Yg", [
       builderContext,
       props,
       state
@@ -666,19 +580,19 @@ const RenderBlocks = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     onMouseEnter$: inlinedQrl((event) => {
       const [builderContext2, props2, state2] = useLexicalScope();
       return onMouseEnter(props2);
-    }, "RenderBlocks_component_div_onMouseEnter_qLiEh4n9ugw", [
+    }, "RenderBlocks_component_div_onMouseEnter_nG7I7RYG3JQ", [
       builderContext,
       props,
       state
     ]),
     children: [
-      props.blocks ? (props.blocks || []).map((block) => {
+      props.blocks ? (props.blocks || []).map(function(block) {
         return /* @__PURE__ */ jsx(RenderBlock$1, {
           block,
           context: builderContext
         }, "render-block-" + block.id);
       }) : null,
-      props.blocks ? (props.blocks || []).map((block) => {
+      props.blocks ? (props.blocks || []).map(function(block) {
         return /* @__PURE__ */ jsx(BlockStyles$1, {
           block,
           context: builderContext
@@ -686,7 +600,7 @@ const RenderBlocks = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       }) : null
     ]
   });
-}, "RenderBlocks_component_SXGwmVyEM0s"));
+}, "RenderBlocks_component_MYUZ0j1uLsw"));
 const RenderBlocks$1 = RenderBlocks;
 const STYLES$3 = `.div-RenderBlocks { 
 display: flex;
@@ -730,12 +644,14 @@ const columnCssVars = function columnCssVars2(props, state) {
   };
 };
 const Columns = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
-  useStylesScopedQrl(inlinedQrl(STYLES$2, "Columns_component_useStylesScoped_704fWXyHORo"));
-  const state = {};
+  useStylesScopedQrl(inlinedQrl(STYLES$2, "Columns_component_useStylesScoped_s7JLZz7MCCQ"));
+  const state = {
+    tagName: ""
+  };
   return /* @__PURE__ */ jsx("div", {
     class: "builder-columns div-Columns",
     style: columnsCssVars(props, state),
-    children: (props.columns || []).map((column, index) => {
+    children: (props.columns || []).map(function(column, index) {
       return /* @__PURE__ */ jsx("div", {
         class: "builder-column div-Columns-2",
         style: {
@@ -751,7 +667,7 @@ const Columns = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       }, index);
     })
   });
-}, "Columns_component_0PeVQGTMczc"));
+}, "Columns_component_7yLj4bxdI6c"));
 const Columns$1 = Columns;
 const STYLES$2 = `.div-Columns { 
 display: flex;
@@ -775,7 +691,7 @@ function updateQueryParam(uri = "", key, value) {
   return uri + separator + key + "=" + encodeURIComponent(value);
 }
 function getShopifyImageUrl(src, size) {
-  if (!src || !(src == null ? void 0 : src.match(/cdn\.shopify\.com/)) || !size)
+  if (!src || !src?.match(/cdn\.shopify\.com/) || !size)
     return src;
   if (size === "master")
     return removeProtocol(src);
@@ -839,7 +755,7 @@ const webpSrcSet = function webpSrcSet2(props, state) {
     return "";
 };
 const Image = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
-  useStylesScopedQrl(inlinedQrl(STYLES$1, "Image_component_useStylesScoped_gRbO7w7SeZA"));
+  useStylesScopedQrl(inlinedQrl(STYLES$1, "Image_component_useStylesScoped_fBMYiVf9fuU"));
   return /* @__PURE__ */ jsxs("div", {
     class: "div-Image",
     children: [
@@ -847,7 +763,7 @@ const Image = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
         children: [
           webpSrcSet(props) ? /* @__PURE__ */ jsx("source", {
             type: "image/webp",
-            srcset: webpSrcSet(props)
+            srcSet: webpSrcSet(props)
           }) : null,
           /* @__PURE__ */ jsx("img", {
             loading: "lazy",
@@ -859,11 +775,11 @@ const Image = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
             },
             class: "builder-image" + (props.className ? " " + props.className : "") + " img-Image",
             src: props.image,
-            srcset: srcSetToUse(props),
+            srcSet: srcSetToUse(props),
             sizes: props.sizes
           }),
           /* @__PURE__ */ jsx("source", {
-            srcset: srcSetToUse(props)
+            srcSet: srcSetToUse(props)
           })
         ]
       }),
@@ -880,7 +796,7 @@ const Image = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       }) : null
     ]
   });
-}, "Image_component_y3S3Zox9wEo"));
+}, "Image_component_LRxDkFa1EfU"));
 const Image$1 = Image;
 const STYLES$1 = `.div-Image { 
 position: relative; }.img-Image { 
@@ -903,11 +819,11 @@ left: 0;
 width: 100%;
 height: 100%; }`;
 const Text = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
-  return /* @__PURE__ */ jsx("div", {
+  return /* @__PURE__ */ jsx("span", {
     class: "builder-text",
     dangerouslySetInnerHTML: props.text
   });
-}, "Text_component_ci0NVEdoK0Q"));
+}, "Text_component_15p0cKUxgIE"));
 const Text$1 = Text;
 const videoProps = function videoProps2(props, state) {
   return {
@@ -942,10 +858,10 @@ const Video = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     src: props.video || "no-src",
     poster: props.posterImage
   });
-}, "Video_component_O5sPuWlrTvk"));
+}, "Video_component_qdcTZflYyoQ"));
 const Video$1 = Video;
 const Button = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
-  useStylesScopedQrl(inlinedQrl(STYLES, "Button_component_useStylesScoped_vN61mfeURXY"));
+  useStylesScopedQrl(inlinedQrl(STYLES, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
   return /* @__PURE__ */ jsx(Fragment$2, {
     children: props.link ? /* @__PURE__ */ jsx("a", {
       role: "button",
@@ -959,7 +875,7 @@ const Button = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       children: props.text
     })
   });
-}, "Button_component_FtjCELjtKF4"));
+}, "Button_component_gJoMUICXoUQ"));
 const Button$1 = Button;
 const STYLES = `.button-Button { 
 all: unset; }`;
@@ -1258,7 +1174,7 @@ const FragmentComponent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   return /* @__PURE__ */ jsx("span", {
     children: /* @__PURE__ */ jsx(Slot, {})
   });
-}, "FragmentComponent_component_FJmqlA66Rjg"));
+}, "FragmentComponent_component_T0AypnadAK0"));
 const Fragment = FragmentComponent;
 const componentInfo$6 = {
   name: "Image",
@@ -1463,7 +1379,7 @@ const SectionComponent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     })(),
     children: /* @__PURE__ */ jsx(Slot, {})
   });
-}, "SectionComponent_component_m1CcjCwgHug"));
+}, "SectionComponent_component_ZWF9iD5WeLg"));
 const Section = SectionComponent;
 const componentInfo$4 = {
   name: "Symbol",
@@ -1705,9 +1621,9 @@ const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
 const Embed = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   const elem = useRef();
   const state = useStore({
+    ranInitFn: false,
     scriptsInserted: [],
-    scriptsRun: [],
-    ranInitFn: false
+    scriptsRun: []
   });
   useWatchQrl(inlinedQrl(({ track: track2 }) => {
     const [elem2, props2, state2] = useLexicalScope();
@@ -1716,7 +1632,7 @@ const Embed = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       state2.ranInitFn = true;
       findAndRunScripts(props2, state2, elem2);
     }
-  }, "Embed_component_useWatch_XE41s3iNuto", [
+  }, "Embed_component_useWatch_AxgWjrHdlAI", [
     elem,
     props,
     state
@@ -1726,7 +1642,7 @@ const Embed = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     ref: elem,
     dangerouslySetInnerHTML: props.content
   });
-}, "Embed_component_CP6B8Y76ylw"));
+}, "Embed_component_Uji08ORjXbE"));
 const embed = Embed;
 const ImgComponent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   return /* @__PURE__ */ jsx("img", {
@@ -1738,7 +1654,7 @@ const ImgComponent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     src: props.imgSrc || props.image,
     ...props.attributes
   }, isEditing() && props.imgSrc || "default-key");
-}, "ImgComponent_component_b8FkE9OcVN8"));
+}, "ImgComponent_component_FXvIDBSffO8"));
 const Img = ImgComponent;
 const componentInfo2 = {
   name: "Raw:Img",
@@ -1762,83 +1678,48 @@ const componentInfo2 = {
   noWrap: true,
   static: true
 };
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4) {
-    for (var prop of __getOwnPropSymbols$4(b))
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-  }
-  return a;
-};
 const getDefaultRegisteredComponents = () => [
-  __spreadValues$4({
-    component: Columns$1
-  }, componentInfo$8),
-  __spreadValues$4({
-    component: Image$1
-  }, componentInfo$6),
-  __spreadValues$4({
-    component: Img
-  }, componentInfo2),
-  __spreadValues$4({
-    component: Text$1
-  }, componentInfo$3),
-  __spreadValues$4({
-    component: Video$1
-  }, componentInfo$2),
-  __spreadValues$4({
-    component: Symbol$2
-  }, componentInfo$4),
-  __spreadValues$4({
-    component: Button$1
-  }, componentInfo$9),
-  __spreadValues$4({
-    component: Section
-  }, componentInfo$5),
-  __spreadValues$4({
-    component: Fragment
-  }, componentInfo$7),
-  __spreadValues$4({
-    component: embed
-  }, componentInfo$1)
-];
-var __defProp$3 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3) {
-    for (var prop of __getOwnPropSymbols$3(b))
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+  {
+    component: Columns$1,
+    ...componentInfo$8
+  },
+  {
+    component: Image$1,
+    ...componentInfo$6
+  },
+  {
+    component: Img,
+    ...componentInfo2
+  },
+  {
+    component: Text$1,
+    ...componentInfo$3
+  },
+  {
+    component: Video$1,
+    ...componentInfo$2
+  },
+  {
+    component: Symbol$2,
+    ...componentInfo$4
+  },
+  {
+    component: Button$1,
+    ...componentInfo$9
+  },
+  {
+    component: Section,
+    ...componentInfo$5
+  },
+  {
+    component: Fragment,
+    ...componentInfo$7
+  },
+  {
+    component: embed,
+    ...componentInfo$1
   }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+];
 function flatten(object, path = null, separator = ".") {
   return Object.keys(object).reduce((acc, key) => {
     const value = object[key];
@@ -1851,9 +1732,13 @@ function flatten(object, path = null, separator = ".") {
       value !== null,
       !(Array.isArray(value) && value.length === 0)
     ].every(Boolean);
-    return isObject ? __spreadValues$3(__spreadValues$3({}, acc), flatten(value, newPath, separator)) : __spreadProps$3(__spreadValues$3({}, acc), {
+    return isObject ? {
+      ...acc,
+      ...flatten(value, newPath, separator)
+    } : {
+      ...acc,
       [newPath]: value
-    });
+    };
   }, {});
 }
 const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
@@ -1892,35 +1777,14 @@ function getGlobalThis() {
     return self;
   return null;
 }
-var __async$2 = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-function getFetch() {
-  return __async$2(this, null, function* () {
-    const globalFetch = getGlobalThis().fetch;
-    if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
-      const nodeFetch = import("./index.97024df8.js").then((d) => d.default);
-      return nodeFetch.default || nodeFetch;
-    }
-    return globalFetch.default || globalFetch;
-  });
+const NODE_FETCH_URL = () => "node-fetch";
+async function getFetch() {
+  const globalFetch = getGlobalThis().fetch;
+  if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
+    const nodeFetch = import(NODE_FETCH_URL()).then((d) => d.default);
+    return nodeFetch.default || nodeFetch;
+  }
+  return globalFetch.default || globalFetch;
 }
 const handleABTesting = (item, testGroups) => {
   if (item.variations && Object.keys(item.variations).length) {
@@ -1956,86 +1820,42 @@ const handleABTesting = (item, testGroups) => {
     }
   }
 };
-var __defProp$2 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2) {
-    for (var prop of __getOwnPropSymbols$2(b))
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-  }
-  return a;
-};
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __async$1 = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 const fetch$ = getFetch();
-function getContent(options) {
-  return __async$1(this, null, function* () {
-    return (yield getAllContent(__spreadProps$2(__spreadValues$2({}, options), {
-      limit: 1
-    }))).results[0] || null;
-  });
+async function getContent(options) {
+  return (await getAllContent({
+    ...options,
+    limit: 1
+  })).results[0] || null;
 }
 const generateContentUrl = (options) => {
   const { limit = 30, userAttributes, query, noTraverse = false, model, apiKey } = options;
   const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}`);
-  const queryOptions = __spreadValues$2(__spreadValues$2({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
+  const queryOptions = {
+    ...getBuilderSearchParamsFromWindow(),
+    ...normalizeSearchParams(options.options || {})
+  };
   const flattened = flatten(queryOptions);
   for (const key in flattened)
     url.searchParams.set(key, String(flattened[key]));
   if (userAttributes)
     url.searchParams.set("userAttributes", JSON.stringify(userAttributes));
   if (query) {
-    const flattened2 = flatten({
+    const flattened1 = flatten({
       query
     });
-    for (const key1 in flattened2)
-      url.searchParams.set(key1, JSON.stringify(flattened2[key1]));
+    for (const key1 in flattened1)
+      url.searchParams.set(key1, JSON.stringify(flattened1[key1]));
   }
   return url;
 };
-function getAllContent(options) {
-  return __async$1(this, null, function* () {
-    const url = generateContentUrl(options);
-    const fetch2 = yield fetch$;
-    const content = yield fetch2(url.href).then((res) => res.json());
-    if (options.testGroups)
-      for (const item of content.results)
-        handleABTesting(item, options.testGroups);
-    return content;
-  });
+async function getAllContent(options) {
+  const url = generateContentUrl(options);
+  const fetch2 = await fetch$;
+  const content = await fetch2(url.href).then((res) => res.json());
+  if (options.testGroups)
+    for (const item of content.results)
+      handleABTesting(item, options.testGroups);
+  return content;
 }
 function isPreviewing() {
   if (!isBrowser())
@@ -2044,59 +1864,19 @@ function isPreviewing() {
     return false;
   return Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1) {
-    for (var prop of __getOwnPropSymbols$1(b))
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-  }
-  return a;
-};
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __objRest$1 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1) {
-    for (var prop of __getOwnPropSymbols$1(source))
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
-        target[prop] = source[prop];
-  }
-  return target;
-};
 const components = [];
 function registerComponent(component3, info) {
-  components.push(__spreadValues$1({
-    component: component3
-  }, info));
+  components.push({
+    component: component3,
+    ...info
+  });
   console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.");
   return component3;
 }
-const createRegisterComponentMessage = (_a) => {
-  var info = __objRest$1(_a, [
-    "component"
-  ]);
-  return {
-    type: "builder.registerComponent",
-    data: prepareComponentInfoToSend(info)
-  };
-};
+const createRegisterComponentMessage = ({ component: _, ...info }) => ({
+  type: "builder.registerComponent",
+  data: prepareComponentInfoToSend(info)
+});
 const fastClone = (obj) => JSON.parse(JSON.stringify(obj));
 const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
 const serializeFn = (fnValue) => {
@@ -2104,16 +1884,13 @@ const serializeFn = (fnValue) => {
   const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
-const prepareComponentInfoToSend = (_c) => {
-  var { inputs } = _c, info = __objRest$1(_c, [
-    "inputs"
-  ]);
-  return __spreadProps$1(__spreadValues$1({}, fastClone(info)), {
-    inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => __spreadProps$1(__spreadValues$1({}, acc), {
-      [key]: serializeValue(value)
-    }), {}))
-  });
-};
+const prepareComponentInfoToSend = ({ inputs, ...info }) => ({
+  ...fastClone(info),
+  inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
+    ...acc,
+    [key]: serializeValue(value)
+  }), {}))
+});
 const getTopLevelDomain = (host) => {
   const parts = host.split(".");
   if (parts.length > 2)
@@ -2121,11 +1898,10 @@ const getTopLevelDomain = (host) => {
   return host;
 };
 const getCookie = ({ name, canTrack }) => {
-  var _a;
   try {
     if (!canTrack)
       return void 0;
-    return (_a = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
+    return document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))?.split("=")[1];
   } catch (err) {
     console.debug("[COOKIE] GET error: ", err);
   }
@@ -2223,20 +1999,18 @@ const setSessionId = ({ id, canTrack }) => setCookie({
 });
 const getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
 const getLocalStorageItem = ({ key, canTrack }) => {
-  var _a;
   try {
     if (canTrack)
-      return (_a = getLocalStorage()) == null ? void 0 : _a.getItem(key);
+      return getLocalStorage()?.getItem(key);
     return void 0;
   } catch (err) {
     console.debug("[LocalStorage] GET error: ", err);
   }
 };
 const setLocalStorageItem = ({ key, canTrack, value }) => {
-  var _a;
   try {
     if (canTrack)
-      (_a = getLocalStorage()) == null || _a.setItem(key, value);
+      getLocalStorage()?.setItem(key, value);
   } catch (err) {
     console.debug("[LocalStorage] SET error: ", err);
   }
@@ -2265,62 +2039,6 @@ const setVisitorId = ({ id, canTrack }) => setLocalStorageItem({
   value: id,
   canTrack
 });
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols) {
-    for (var prop of __getOwnPropSymbols(b))
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-  }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols) {
-    for (var prop of __getOwnPropSymbols(source))
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-  }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 const getTrackingEventData = ({ canTrack }) => {
   if (!canTrack)
     return {
@@ -2338,45 +2056,37 @@ const getTrackingEventData = ({ canTrack }) => {
     visitorId
   };
 };
-const createEvent = (_a) => {
-  var { type: eventType, canTrack, orgId, contentId } = _a, properties = __objRest(_a, [
-    "type",
-    "canTrack",
-    "orgId",
-    "contentId"
-  ]);
-  return {
-    type: eventType,
-    data: __spreadProps(__spreadValues(__spreadValues({}, properties), getTrackingEventData({
+const createEvent = ({ type: eventType, canTrack, orgId, contentId, ...properties }) => ({
+  type: eventType,
+  data: {
+    ...properties,
+    ...getTrackingEventData({
       canTrack
-    })), {
-      ownerId: orgId,
-      contentId
-    })
-  };
-};
-function track(eventProps) {
-  return __async(this, null, function* () {
-    if (!eventProps.canTrack)
-      return;
-    if (isEditing())
-      return;
-    if (!(isBrowser() || TARGET === "reactNative"))
-      return;
-    return fetch(`https://builder.io/api/v1/track`, {
-      method: "POST",
-      body: JSON.stringify({
-        events: [
-          createEvent(eventProps)
-        ]
-      }),
-      headers: {
-        "content-type": "application/json"
-      },
-      mode: "cors"
-    }).catch((err) => {
-      console.error("Failed to track: ", err);
-    });
+    }),
+    ownerId: orgId,
+    contentId
+  }
+});
+async function track(eventProps) {
+  if (!eventProps.canTrack)
+    return;
+  if (isEditing())
+    return;
+  if (!(isBrowser() || TARGET === "reactNative"))
+    return;
+  return fetch(`https://builder.io/api/v1/track`, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [
+        createEvent(eventProps)
+      ]
+    }),
+    headers: {
+      "content-type": "application/json"
+    },
+    mode: "cors"
+  }).catch((err) => {
+    console.error("Failed to track: ", err);
   });
 }
 const getCssFromFont = function getCssFromFont2(props, state, font) {
@@ -2422,11 +2132,13 @@ ${getFontCss(props, state, {
   })}`;
 };
 const RenderContentStyles = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
-  const state = {};
+  const state = {
+    tagName: ""
+  };
   return /* @__PURE__ */ jsx(RenderInlinedStyles$1, {
     styles: injectedStyles(props, state)
   });
-}, "RenderContentStyles_component_32XAr483K2o"));
+}, "RenderContentStyles_component_Og0xL34Zbvc"));
 const RenderContentStyles$1 = RenderContentStyles;
 const useContent = function useContent2(props, state, elementRef) {
   if (!props.content && !state.overrideContent)
@@ -2500,7 +2212,7 @@ const onClick2 = function onClick3(props, state, elementRef, _event) {
     track({
       type: "click",
       canTrack: canTrackToUse(props),
-      contentId: useContent(props, state).id,
+      contentId: useContent(props, state)?.id,
       orgId: props.apiKey
     });
 };
@@ -2512,17 +2224,15 @@ const evalExpression = function evalExpression2(props, state, elementRef, expres
   }));
 };
 const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  const fetchAndSetState = async () => {
-    const fetch2 = await getFetch();
-    const response = await fetch2(url);
-    const json = await response.json();
+  getFetch().then((fetch2) => fetch2(url)).then((response) => response.json()).then((json) => {
     const newOverrideState = {
       ...state.overrideState,
       [key]: json
     };
     state.overrideState = newOverrideState;
-  };
-  fetchAndSetState();
+  }).catch((err) => {
+    console.log("error fetching dynamic data", url, err);
+  });
 };
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   const requests = useContent(props, state)?.data?.httpRequests ?? {};
@@ -2555,10 +2265,10 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   const state = useStore({
     forceReRenderCount: 0,
     overrideContent: null,
-    update: 0,
-    overrideState: {}
+    overrideState: {},
+    update: 0
   });
-  useContextProvider(stdin_default, useStore({
+  useContextProvider(BuilderContext, useStore({
     content: (() => {
       return useContent(props, state);
     })(),
@@ -2580,7 +2290,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     if (isBrowser()) {
       if (isEditing()) {
         state2.forceReRenderCount = state2.forceReRenderCount + 1;
-        _useMutableProps(elementRef2.current, true);
+        elementRef2.current && _useMutableProps(elementRef2.current, true);
         registerInsertMenu();
         setupBrowserForEditing();
         Object.values(allRegisteredComponents(props2)).forEach((registeredComponent) => {
@@ -2594,7 +2304,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
         track({
           type: "impression",
           canTrack: canTrackToUse(props2),
-          contentId: useContent(props2, state2).id,
+          contentId: useContent(props2, state2)?.id,
           orgId: props2.apiKey
         });
       if (isPreviewing()) {
@@ -2615,7 +2325,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       runHttpRequests(props2, state2, elementRef2);
       emitStateUpdate(props2, state2);
     }
-  }, "RenderContent_component_useClientEffect_ntruwSC9lSo", [
+  }, "RenderContent_component_useClientEffect_cA0sVHIkr5g", [
     elementRef,
     props,
     state
@@ -2624,7 +2334,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     const [elementRef2, props2, state2] = useLexicalScope();
     state2.useContent?.data && track2(state2.useContent?.data, "jsCode");
     evaluateJsCode(props2, state2);
-  }, "RenderContent_component_useWatch_1P0ujLQOmzc", [
+  }, "RenderContent_component_useWatch_OIBatobA0hE", [
     elementRef,
     props,
     state
@@ -2633,7 +2343,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     const [elementRef2, props2, state2] = useLexicalScope();
     state2.useContent?.data && track2(state2.useContent?.data, "httpRequests");
     runHttpRequests(props2, state2, elementRef2);
-  }, "RenderContent_component_useWatch_1_0hAcn4V2AZw", [
+  }, "RenderContent_component_useWatch_1_LQM67VNl14k", [
     elementRef,
     props,
     state
@@ -2642,7 +2352,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     const [elementRef2, props2, state2] = useLexicalScope();
     state2 && track2(state2, "contentState");
     emitStateUpdate(props2, state2);
-  }, "RenderContent_component_useWatch_2_t2n8zpl4mRs", [
+  }, "RenderContent_component_useWatch_2_aGi0RpYNBO0", [
     elementRef,
     props,
     state
@@ -2653,7 +2363,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       window.removeEventListener("message", processMessage.bind(null, props2, state2, elementRef2));
       window.removeEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, elementRef2));
     }
-  }, "RenderContent_component_useCleanup_sGf1npb03WA", [
+  }, "RenderContent_component_useCleanup_FwcO310HVAI", [
     elementRef,
     props,
     state
@@ -2664,7 +2374,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       onClick$: inlinedQrl((event) => {
         const [elementRef2, props2, state2] = useLexicalScope();
         return onClick2(props2, state2);
-      }, "RenderContent_component__Fragment_div_onClick_76e3rL00UYE", [
+      }, "RenderContent_component__Fragment_div_onClick_wLg5o3ZkpC0", [
         elementRef,
         props,
         state
@@ -2681,10 +2391,10 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       ]
     }) : null
   });
-}, "RenderContent_component_I00xF3zGD1I"));
+}, "RenderContent_component_hEAI0ahViXM"));
 const RenderContent$1 = RenderContent;
 const Symbol$1 = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
-  const builderContext = useContext(stdin_default);
+  const builderContext = useContext(BuilderContext);
   const state = useStore({
     className: "builder-symbol",
     content: null
@@ -2692,7 +2402,7 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   useClientEffectQrl(inlinedQrl(() => {
     const [props2, state2] = useLexicalScope();
     state2.content = props2.symbol?.content;
-  }, "Symbol_component_useClientEffect_nexfMR52XGY", [
+  }, "Symbol_component_useClientEffect_Kfc9q3nzeSQ", [
     props,
     state
   ]));
@@ -2711,16 +2421,13 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       }).then((response) => {
         state2.content = response;
       });
-  }, "Symbol_component_useWatch_cKXWtr2eEjY", [
+  }, "Symbol_component_useWatch_9HNT04zd0Dk", [
     builderContext,
     props,
     state
   ]));
   return /* @__PURE__ */ jsx("div", {
     ...props.attributes,
-    dataSet: {
-      class: state.className
-    },
     class: state.className,
     children: /* @__PURE__ */ jsx(RenderContent$1, {
       apiKey: builderContext.apiKey,
@@ -2735,7 +2442,7 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       content: markMutable(state.content)
     })
   });
-}, "Symbol_component_Dn8mGpai87I"));
+}, "Symbol_component_WVvggdkUPdk"));
 const Symbol$2 = Symbol$1;
 const settings = {};
 function setEditorSettings(newSettings) {