@builder.io/sdk-qwik 0.1.3 → 0.1.4

package/lib/index.qwik.cjs

@@ -275,15 +275,19 @@ const RenderInlinedStyles = (props) => {
   const state = {};
   state.tag = tag$1();
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /* @__PURE__ */ jsxRuntime.jsx(state.tag, {
-      children: qwik._wrapSignal(props, "styles")
+    children: /* @__PURE__ */ jsxRuntime.jsx("style", {
+      get dangerouslySetInnerHTML() {
+        return props.styles;
+      },
+      [qwik._IMMUTABLE]: {
+        dangerouslySetInnerHTML: qwik._wrapSignal(props, "styles")
+      }
     }),
     [qwik._IMMUTABLE]: {
       children: false
     }
-  });
+  }, "zz_0");
 };
-const RenderInlinedStyles$1 = RenderInlinedStyles;
 const useBlock$1 = function useBlock2(props, state) {
   return getProcessedBlock({
     block: props.block,
@@ -322,15 +326,14 @@ const css = function css2(props, state) {
 };
 const BlockStyles = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: css(props) ? /* @__PURE__ */ jsxRuntime.jsx(RenderInlinedStyles$1, {
+    children: css(props) ? /* @__PURE__ */ jsxRuntime.jsx(RenderInlinedStyles, {
       styles: css(props)
-    }) : null,
+    }, "LQ_0") : null,
     [qwik._IMMUTABLE]: {
       children: false
     }
-  });
+  }, "LQ_1");
 };
-const BlockStyles$1 = BlockStyles;
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
@@ -485,7 +488,7 @@ const RenderComponent = (props) => {
           }, "render-block-" + child.id);
         }),
         (props.blockChildren || []).map(function(child) {
-          return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles$1, {
+          return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles, {
             block: child,
             get context() {
               return props.context;
@@ -500,9 +503,8 @@ const RenderComponent = (props) => {
     [qwik._IMMUTABLE]: {
       children: false
     }
-  });
+  }, "R9_0");
 };
-const RenderComponent$1 = RenderComponent;
 const RenderRepeatedBlock = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   qwik.useContextProvider(BuilderContext, qwik.useStore({
     content: props.repeatContext.content,
@@ -523,9 +525,8 @@ const RenderRepeatedBlock = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((p
       block: qwik._wrapSignal(props, "block"),
       context: qwik._wrapSignal(props, "repeatContext")
     }
-  });
+  }, "K5_0");
 }, "RenderRepeatedBlock_component_nRyVBtbGKc8"));
-const RenderRepeatedBlock$1 = RenderRepeatedBlock;
 const component = function component2(props, state) {
   return getComponent({
     block: props.block,
@@ -608,7 +609,7 @@ const RenderBlock = (props) => {
           ...actions(props)
         }) : null,
         !isEmptyHtmlElement(tag(props)) && repeatItemData(props) ? (repeatItemData(props) || []).map(function(data, index) {
-          return /* @__PURE__ */ jsxRuntime.jsx(RenderRepeatedBlock$1, {
+          return /* @__PURE__ */ jsxRuntime.jsx(RenderRepeatedBlock, {
             get repeatContext() {
               return data.context;
             },
@@ -625,9 +626,9 @@ const RenderBlock = (props) => {
           ...attributes(props),
           ...actions(props),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(RenderComponent$1, {
+            /* @__PURE__ */ jsxRuntime.jsx(RenderComponent, {
               ...renderComponentProps(props)
-            }),
+            }, "9d_0"),
             (childrenWithoutParentComponent(props) || []).map(function(child) {
               return /* @__PURE__ */ jsxRuntime.jsx(RenderBlock, {
                 block: child,
@@ -635,7 +636,7 @@ const RenderBlock = (props) => {
               }, "render-block-" + child.id);
             }),
             (childrenWithoutParentComponent(props) || []).map(function(child) {
-              return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles$1, {
+              return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles, {
                 block: child,
                 context: childrenContext(props)
               }, "block-style-" + child.id);
@@ -646,13 +647,13 @@ const RenderBlock = (props) => {
       [qwik._IMMUTABLE]: {
         children: false
       }
-    }) : /* @__PURE__ */ jsxRuntime.jsx(RenderComponent$1, {
+    }, "9d_1") : /* @__PURE__ */ jsxRuntime.jsx(RenderComponent, {
       ...renderComponentProps(props)
-    }),
+    }, "9d_2"),
     [qwik._IMMUTABLE]: {
       children: false
     }
-  });
+  }, "9d_3");
 };
 const RenderBlock$1 = RenderBlock;
 const className$1 = function className2(props, state, builderContext) {
@@ -717,7 +718,7 @@ const RenderBlocks = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) =
         }, "render-block-" + block.id);
       }) : null,
       props.blocks ? (props.blocks || []).map(function(block) {
-        return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles$1, {
+        return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles, {
           block,
           context: builderContext
         }, "block-style-" + block.id);
@@ -731,7 +732,6 @@ const RenderBlocks = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) =
     }
   });
 }, "RenderBlocks_component_MYUZ0j1uLsw"));
-const RenderBlocks$1 = RenderBlocks;
 const STYLES$3 = `
 .div-RenderBlocks {
   display: flex;
@@ -826,35 +826,29 @@ const columnsStyles = function columnsStyles2(props, state) {
         },
       `;
 };
-const reactNativeColumnsStyles = function reactNativeColumnsStyles2(props, state) {
-  return columnStyleObjects().columns.small;
-};
-const reactNativeColumnStyles = function reactNativeColumnStyles2(props, state) {
-  return columnStyleObjects().column.small;
-};
 const Columns = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   qwik.useStylesScopedQrl(qwik.inlinedQrl(STYLES$2, "Columns_component_useStylesScoped_s7JLZz7MCCQ"));
   const state = {};
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: `builder-columns ${props.builderBlock.id}-breakpoints div-Columns`,
     style: {
-      ...TARGET === "reactNative" ? reactNativeColumnsStyles() : {},
+      ...{},
       ...columnsCssVars(props, state)
     },
     children: [
-      TARGET !== "reactNative" ? /* @__PURE__ */ jsxRuntime.jsx(RenderInlinedStyles$1, {
+      /* @__PURE__ */ jsxRuntime.jsx(RenderInlinedStyles, {
         styles: columnsStyles(props, state)
-      }) : null,
+      }, "c0_0"),
       (props.columns || []).map(function(column, index) {
         return /* @__PURE__ */ jsxRuntime.jsx("div", {
           class: "builder-column div-Columns-2",
           style: {
             width: getColumnCssWidth(props, state, index),
             marginLeft: `${index === 0 ? 0 : getGutterSize(props)}px`,
-            ...TARGET === "reactNative" ? reactNativeColumnStyles() : {},
+            ...{},
             ...columnCssVars(props, state)
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(RenderBlocks$1, {
+          children: /* @__PURE__ */ jsxRuntime.jsx(RenderBlocks, {
             get blocks() {
               return column.blocks;
             },
@@ -869,7 +863,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
               blocks: qwik._wrapSignal(column, "blocks"),
               parent: qwik._wrapSignal(props.builderBlock, "id")
             }
-          })
+          }, "c0_1")
         }, index);
       })
     ],
@@ -878,7 +872,6 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
     }
   });
 }, "Columns_component_7yLj4bxdI6c"));
-const Columns$1 = Columns;
 const STYLES$2 = `
 .div-Columns {
   display: flex;
@@ -1019,18 +1012,17 @@ const Image = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
           paddingTop: props.aspectRatio * 100 + "%"
         }
       }) : null,
-      props.builderBlock?.children?.length && props.fitContent ? /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {}) : null,
+      props.builderBlock?.children?.length && props.fitContent ? /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {}, "0A_0") : null,
       !props.fitContent && props.children ? /* @__PURE__ */ jsxRuntime.jsx("div", {
         class: "div-Image-2",
-        children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {}, "0A_1")
       }) : null
     ],
     [qwik._IMMUTABLE]: {
       children: false
     }
-  });
+  }, "0A_2");
 }, "Image_component_LRxDkFa1EfU"));
-const Image$1 = Image;
 const STYLES$1 = `
 .img-Image {
   opacity: 1;
@@ -1060,7 +1052,6 @@ const Text = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
     }
   });
 }, "Text_component_15p0cKUxgIE"));
-const Text$1 = Text;
 const videoProps = function videoProps2(props, state) {
   return {
     ...props.autoPlay === true ? {
@@ -1106,7 +1097,6 @@ const Video = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
     }
   });
 }, "Video_component_qdcTZflYyoQ"));
-const Video$1 = Video;
 const Button = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   qwik.useStylesScopedQrl(qwik.inlinedQrl(STYLES, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -1129,9 +1119,8 @@ const Button = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
     [qwik._IMMUTABLE]: {
       children: false
     }
-  });
+  }, "jc_0");
 }, "Button_component_gJoMUICXoUQ"));
-const Button$1 = Button;
 const STYLES = `
 .button-Button {
   all: unset;
@@ -1430,10 +1419,9 @@ const componentInfo$8 = {
 };
 const FragmentComponent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ jsxRuntime.jsx("span", {
-    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {}, "oj_0")
   });
 }, "FragmentComponent_component_T0AypnadAK0"));
-const Fragment = FragmentComponent;
 const componentInfo$7 = {
   name: "Image",
   static: true,
@@ -1644,10 +1632,9 @@ const SectionComponent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((prop
       marginLeft: "auto",
       marginRight: "auto"
     },
-    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {}, "2Y_0")
   });
 }, "SectionComponent_component_ZWF9iD5WeLg"));
-const Section = SectionComponent;
 const componentInfo$5 = {
   name: "Symbol",
   noWrap: true,
@@ -1917,7 +1904,6 @@ const Embed = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
     }
   });
 }, "Embed_component_Uji08ORjXbE"));
-const embed = Embed;
 const ImgComponent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ jsxRuntime.jsx("img", {
     style: {
@@ -1934,7 +1920,6 @@ const ImgComponent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) =
     }
   }, isEditing() && props.imgSrc || "default-key");
 }, "ImgComponent_component_FXvIDBSffO8"));
-const Img = ImgComponent;
 const componentInfo$1 = {
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -2012,7 +1997,6 @@ const CustomCode = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) =>
     }
   });
 }, "CustomCode_component_uYOSy7w7Zqw"));
-const customCode = CustomCode;
 const componentInfo = {
   name: "Custom Code",
   static: true,
@@ -2045,47 +2029,47 @@ const componentInfo = {
 };
 const getDefaultRegisteredComponents = () => [
   {
-    component: Columns$1,
+    component: Columns,
     ...componentInfo$9
   },
   {
-    component: Image$1,
+    component: Image,
     ...componentInfo$7
   },
   {
-    component: Img,
+    component: ImgComponent,
     ...componentInfo$1
   },
   {
-    component: Text$1,
+    component: Text,
     ...componentInfo$4
   },
   {
-    component: Video$1,
+    component: Video,
     ...componentInfo$3
   },
   {
-    component: Symbol$2,
+    component: Symbol$1,
     ...componentInfo$5
   },
   {
-    component: Button$1,
+    component: Button,
     ...componentInfo$a
   },
   {
-    component: Section,
+    component: SectionComponent,
     ...componentInfo$6
   },
   {
-    component: Fragment,
+    component: FragmentComponent,
     ...componentInfo$8
   },
   {
-    component: embed,
+    component: Embed,
     ...componentInfo$2
   },
   {
-    component: customCode,
+    component: CustomCode,
     ...componentInfo
   }
 ];
@@ -2656,11 +2640,10 @@ ${getFontCss(props, state, {
 };
 const RenderContentStyles = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   const state = {};
-  return /* @__PURE__ */ jsxRuntime.jsx(RenderInlinedStyles$1, {
+  return /* @__PURE__ */ jsxRuntime.jsx(RenderInlinedStyles, {
     styles: injectedStyles(props, state)
-  });
+  }, "V0_0");
 }, "RenderContentStyles_component_Og0xL34Zbvc"));
-const RenderContentStyles$1 = RenderContentStyles;
 const useContent = function useContent2(props, state, elementRef) {
   if (!props.content && !state.overrideContent)
     return void 0;
@@ -2923,11 +2906,11 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
         return props.model;
       },
       children: [
-        shouldRenderContentStyles(props, state) ? /* @__PURE__ */ jsxRuntime.jsx(RenderContentStyles$1, {
+        shouldRenderContentStyles(props, state) ? /* @__PURE__ */ jsxRuntime.jsx(RenderContentStyles, {
           cssCode: useContent(props, state)?.data?.cssCode,
           customFonts: useContent(props, state)?.data?.customFonts
-        }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(RenderBlocks$1, {
+        }, "03_0") : null,
+        /* @__PURE__ */ jsxRuntime.jsx(RenderBlocks, {
           blocks: useContent(props, state)?.data?.blocks
         }, state.forceReRenderCount)
       ],
@@ -2939,9 +2922,8 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
     [qwik._IMMUTABLE]: {
       children: false
     }
-  });
+  }, "03_1");
 }, "RenderContent_component_hEAI0ahViXM"));
-const RenderContent$1 = RenderContent;
 const className = function className22(props, state, builderContext) {
   return [
     ...[
@@ -2983,7 +2965,7 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     ...props.attributes,
     class: className(props),
-    children: /* @__PURE__ */ jsxRuntime.jsx(RenderContent$1, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(RenderContent, {
       get apiKey() {
         return builderContext.apiKey;
       },
@@ -3002,10 +2984,9 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
         apiKey: qwik._wrapSignal(builderContext, "apiKey"),
         context: qwik._wrapSignal(builderContext, "context")
       }
-    })
+    }, "Wt_0")
   });
 }, "Symbol_component_WVvggdkUPdk"));
-const Symbol$2 = Symbol$1;
 const settings = {};
 function setEditorSettings(newSettings) {
   if (isBrowser()) {
@@ -3017,16 +2998,16 @@ function setEditorSettings(newSettings) {
     parent.postMessage(message, "*");
   }
 }
-exports.Button = Button$1;
-exports.Columns = Columns$1;
-exports.Fragment = Fragment;
-exports.Image = Image$1;
-exports.RenderBlocks = RenderBlocks$1;
-exports.RenderContent = RenderContent$1;
-exports.Section = Section;
-exports.Symbol = Symbol$2;
-exports.Text = Text$1;
-exports.Video = Video$1;
+exports.Button = Button;
+exports.Columns = Columns;
+exports.Fragment = FragmentComponent;
+exports.Image = Image;
+exports.RenderBlocks = RenderBlocks;
+exports.RenderContent = RenderContent;
+exports.Section = SectionComponent;
+exports.Symbol = Symbol$1;
+exports.Text = Text;
+exports.Video = Video;
 exports.components = components;
 exports.convertSearchParamsToQueryObject = convertSearchParamsToQueryObject;
 exports.createRegisterComponentMessage = createRegisterComponentMessage;

package/lib/index.qwik.mjs

@@ -1,5 +1,5 @@
-import { createContext, _wrapSignal, _IMMUTABLE, inlinedQrl, useLexicalScope, componentQrl, useContextProvider, useStore, useStylesScopedQrl, useContext, Fragment as Fragment$2, Slot, useRef, useWatchQrl, useClientEffectQrl, useCleanupQrl } from "@builder.io/qwik";
-import { jsx, Fragment as Fragment$1, jsxs } from "@builder.io/qwik/jsx-runtime";
+import { createContext, _IMMUTABLE, _wrapSignal, inlinedQrl, useLexicalScope, componentQrl, useContextProvider, useStore, useStylesScopedQrl, useContext, Fragment as Fragment$1, Slot, useRef, useWatchQrl, useClientEffectQrl, useCleanupQrl } from "@builder.io/qwik";
+import { jsx, Fragment, jsxs } from "@builder.io/qwik/jsx-runtime";
 const TARGET = "qwik";
 function isBrowser() {
   return typeof window !== "undefined" && typeof document !== "undefined";
@@ -272,16 +272,20 @@ const tag$1 = function tag2(props, state) {
 const RenderInlinedStyles = (props) => {
   const state = {};
   state.tag = tag$1();
-  return /* @__PURE__ */ jsx(Fragment$1, {
-    children: /* @__PURE__ */ jsx(state.tag, {
-      children: _wrapSignal(props, "styles")
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsx("style", {
+      get dangerouslySetInnerHTML() {
+        return props.styles;
+      },
+      [_IMMUTABLE]: {
+        dangerouslySetInnerHTML: _wrapSignal(props, "styles")
+      }
     }),
     [_IMMUTABLE]: {
       children: false
     }
-  });
+  }, "zz_0");
 };
-const RenderInlinedStyles$1 = RenderInlinedStyles;
 const useBlock$1 = function useBlock2(props, state) {
   return getProcessedBlock({
     block: props.block,
@@ -319,16 +323,15 @@ const css = function css2(props, state) {
   ].join(" ");
 };
 const BlockStyles = (props) => {
-  return /* @__PURE__ */ jsx(Fragment$1, {
-    children: css(props) ? /* @__PURE__ */ jsx(RenderInlinedStyles$1, {
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: css(props) ? /* @__PURE__ */ jsx(RenderInlinedStyles, {
       styles: css(props)
-    }) : null,
+    }, "LQ_0") : null,
     [_IMMUTABLE]: {
       children: false
     }
-  });
+  }, "LQ_1");
 };
-const BlockStyles$1 = BlockStyles;
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
@@ -467,7 +470,7 @@ const getRepeatItemData = ({ block, context }) => {
   return repeatArray;
 };
 const RenderComponent = (props) => {
-  return /* @__PURE__ */ jsx(Fragment$1, {
+  return /* @__PURE__ */ jsx(Fragment, {
     children: props.componentRef ? /* @__PURE__ */ jsxs(props.componentRef, {
       ...props.componentOptions,
       children: [
@@ -483,7 +486,7 @@ const RenderComponent = (props) => {
           }, "render-block-" + child.id);
         }),
         (props.blockChildren || []).map(function(child) {
-          return /* @__PURE__ */ jsx(BlockStyles$1, {
+          return /* @__PURE__ */ jsx(BlockStyles, {
             block: child,
             get context() {
               return props.context;
@@ -498,9 +501,8 @@ const RenderComponent = (props) => {
     [_IMMUTABLE]: {
       children: false
     }
-  });
+  }, "R9_0");
 };
-const RenderComponent$1 = RenderComponent;
 const RenderRepeatedBlock = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   useContextProvider(BuilderContext, useStore({
     content: props.repeatContext.content,
@@ -521,9 +523,8 @@ const RenderRepeatedBlock = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       block: _wrapSignal(props, "block"),
       context: _wrapSignal(props, "repeatContext")
     }
-  });
+  }, "K5_0");
 }, "RenderRepeatedBlock_component_nRyVBtbGKc8"));
-const RenderRepeatedBlock$1 = RenderRepeatedBlock;
 const component = function component2(props, state) {
   return getComponent({
     block: props.block,
@@ -598,15 +599,15 @@ const childrenContext = function childrenContext2(props, state) {
 const RenderBlock = (props) => {
   const state = {};
   state.tag = tag(props);
-  return /* @__PURE__ */ jsx(Fragment$1, {
-    children: !component(props)?.noWrap ? /* @__PURE__ */ jsxs(Fragment$1, {
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: !component(props)?.noWrap ? /* @__PURE__ */ jsxs(Fragment, {
       children: [
         isEmptyHtmlElement(tag(props)) ? /* @__PURE__ */ jsx(state.tag, {
           ...attributes(props),
           ...actions(props)
         }) : null,
         !isEmptyHtmlElement(tag(props)) && repeatItemData(props) ? (repeatItemData(props) || []).map(function(data, index) {
-          return /* @__PURE__ */ jsx(RenderRepeatedBlock$1, {
+          return /* @__PURE__ */ jsx(RenderRepeatedBlock, {
             get repeatContext() {
               return data.context;
             },
@@ -623,9 +624,9 @@ const RenderBlock = (props) => {
           ...attributes(props),
           ...actions(props),
           children: [
-            /* @__PURE__ */ jsx(RenderComponent$1, {
+            /* @__PURE__ */ jsx(RenderComponent, {
               ...renderComponentProps(props)
-            }),
+            }, "9d_0"),
             (childrenWithoutParentComponent(props) || []).map(function(child) {
               return /* @__PURE__ */ jsx(RenderBlock, {
                 block: child,
@@ -633,7 +634,7 @@ const RenderBlock = (props) => {
               }, "render-block-" + child.id);
             }),
             (childrenWithoutParentComponent(props) || []).map(function(child) {
-              return /* @__PURE__ */ jsx(BlockStyles$1, {
+              return /* @__PURE__ */ jsx(BlockStyles, {
                 block: child,
                 context: childrenContext(props)
               }, "block-style-" + child.id);
@@ -644,13 +645,13 @@ const RenderBlock = (props) => {
       [_IMMUTABLE]: {
         children: false
       }
-    }) : /* @__PURE__ */ jsx(RenderComponent$1, {
+    }, "9d_1") : /* @__PURE__ */ jsx(RenderComponent, {
       ...renderComponentProps(props)
-    }),
+    }, "9d_2"),
     [_IMMUTABLE]: {
       children: false
     }
-  });
+  }, "9d_3");
 };
 const RenderBlock$1 = RenderBlock;
 const className$1 = function className2(props, state, builderContext) {
@@ -715,7 +716,7 @@ const RenderBlocks = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
         }, "render-block-" + block.id);
       }) : null,
       props.blocks ? (props.blocks || []).map(function(block) {
-        return /* @__PURE__ */ jsx(BlockStyles$1, {
+        return /* @__PURE__ */ jsx(BlockStyles, {
           block,
           context: builderContext
         }, "block-style-" + block.id);
@@ -729,7 +730,6 @@ const RenderBlocks = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     }
   });
 }, "RenderBlocks_component_MYUZ0j1uLsw"));
-const RenderBlocks$1 = RenderBlocks;
 const STYLES$3 = `
 .div-RenderBlocks {
   display: flex;
@@ -824,35 +824,29 @@ const columnsStyles = function columnsStyles2(props, state) {
         },
       `;
 };
-const reactNativeColumnsStyles = function reactNativeColumnsStyles2(props, state) {
-  return columnStyleObjects().columns.small;
-};
-const reactNativeColumnStyles = function reactNativeColumnStyles2(props, state) {
-  return columnStyleObjects().column.small;
-};
 const Columns = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   useStylesScopedQrl(inlinedQrl(STYLES$2, "Columns_component_useStylesScoped_s7JLZz7MCCQ"));
   const state = {};
   return /* @__PURE__ */ jsxs("div", {
     class: `builder-columns ${props.builderBlock.id}-breakpoints div-Columns`,
     style: {
-      ...TARGET === "reactNative" ? reactNativeColumnsStyles() : {},
+      ...{},
       ...columnsCssVars(props, state)
     },
     children: [
-      TARGET !== "reactNative" ? /* @__PURE__ */ jsx(RenderInlinedStyles$1, {
+      /* @__PURE__ */ jsx(RenderInlinedStyles, {
         styles: columnsStyles(props, state)
-      }) : null,
+      }, "c0_0"),
       (props.columns || []).map(function(column, index) {
         return /* @__PURE__ */ jsx("div", {
           class: "builder-column div-Columns-2",
           style: {
             width: getColumnCssWidth(props, state, index),
             marginLeft: `${index === 0 ? 0 : getGutterSize(props)}px`,
-            ...TARGET === "reactNative" ? reactNativeColumnStyles() : {},
+            ...{},
             ...columnCssVars(props, state)
           },
-          children: /* @__PURE__ */ jsx(RenderBlocks$1, {
+          children: /* @__PURE__ */ jsx(RenderBlocks, {
             get blocks() {
               return column.blocks;
             },
@@ -867,7 +861,7 @@ const Columns = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
               blocks: _wrapSignal(column, "blocks"),
               parent: _wrapSignal(props.builderBlock, "id")
             }
-          })
+          }, "c0_1")
         }, index);
       })
     ],
@@ -876,7 +870,6 @@ const Columns = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     }
   });
 }, "Columns_component_7yLj4bxdI6c"));
-const Columns$1 = Columns;
 const STYLES$2 = `
 .div-Columns {
   display: flex;
@@ -973,7 +966,7 @@ const aspectRatioCss = function aspectRatioCss2(props, state) {
 };
 const Image = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   useStylesScopedQrl(inlinedQrl(STYLES$1, "Image_component_useStylesScoped_fBMYiVf9fuU"));
-  return /* @__PURE__ */ jsxs(Fragment$2, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [
       /* @__PURE__ */ jsxs("picture", {
         children: [
@@ -1017,18 +1010,17 @@ const Image = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
           paddingTop: props.aspectRatio * 100 + "%"
         }
       }) : null,
-      props.builderBlock?.children?.length && props.fitContent ? /* @__PURE__ */ jsx(Slot, {}) : null,
+      props.builderBlock?.children?.length && props.fitContent ? /* @__PURE__ */ jsx(Slot, {}, "0A_0") : null,
       !props.fitContent && props.children ? /* @__PURE__ */ jsx("div", {
         class: "div-Image-2",
-        children: /* @__PURE__ */ jsx(Slot, {})
+        children: /* @__PURE__ */ jsx(Slot, {}, "0A_1")
       }) : null
     ],
     [_IMMUTABLE]: {
       children: false
     }
-  });
+  }, "0A_2");
 }, "Image_component_LRxDkFa1EfU"));
-const Image$1 = Image;
 const STYLES$1 = `
 .img-Image {
   opacity: 1;
@@ -1058,7 +1050,6 @@ const Text = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     }
   });
 }, "Text_component_15p0cKUxgIE"));
-const Text$1 = Text;
 const videoProps = function videoProps2(props, state) {
   return {
     ...props.autoPlay === true ? {
@@ -1104,10 +1095,9 @@ const Video = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     }
   });
 }, "Video_component_qdcTZflYyoQ"));
-const Video$1 = Video;
 const Button = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   useStylesScopedQrl(inlinedQrl(STYLES, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
-  return /* @__PURE__ */ jsx(Fragment$1, {
+  return /* @__PURE__ */ jsx(Fragment, {
     children: props.link ? /* @__PURE__ */ jsx("a", {
       role: "button",
       ...props.attributes,
@@ -1127,9 +1117,8 @@ const Button = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     [_IMMUTABLE]: {
       children: false
     }
-  });
+  }, "jc_0");
 }, "Button_component_gJoMUICXoUQ"));
-const Button$1 = Button;
 const STYLES = `
 .button-Button {
   all: unset;
@@ -1428,10 +1417,9 @@ const componentInfo$8 = {
 };
 const FragmentComponent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   return /* @__PURE__ */ jsx("span", {
-    children: /* @__PURE__ */ jsx(Slot, {})
+    children: /* @__PURE__ */ jsx(Slot, {}, "oj_0")
   });
 }, "FragmentComponent_component_T0AypnadAK0"));
-const Fragment = FragmentComponent;
 const componentInfo$7 = {
   name: "Image",
   static: true,
@@ -1642,10 +1630,9 @@ const SectionComponent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       marginLeft: "auto",
       marginRight: "auto"
     },
-    children: /* @__PURE__ */ jsx(Slot, {})
+    children: /* @__PURE__ */ jsx(Slot, {}, "2Y_0")
   });
 }, "SectionComponent_component_ZWF9iD5WeLg"));
-const Section = SectionComponent;
 const componentInfo$5 = {
   name: "Symbol",
   noWrap: true,
@@ -1915,7 +1902,6 @@ const Embed = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     }
   });
 }, "Embed_component_Uji08ORjXbE"));
-const embed = Embed;
 const ImgComponent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   return /* @__PURE__ */ jsx("img", {
     style: {
@@ -1932,7 +1918,6 @@ const ImgComponent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     }
   }, isEditing() && props.imgSrc || "default-key");
 }, "ImgComponent_component_FXvIDBSffO8"));
-const Img = ImgComponent;
 const componentInfo$1 = {
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -2010,7 +1995,6 @@ const CustomCode = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     }
   });
 }, "CustomCode_component_uYOSy7w7Zqw"));
-const customCode = CustomCode;
 const componentInfo = {
   name: "Custom Code",
   static: true,
@@ -2043,47 +2027,47 @@ const componentInfo = {
 };
 const getDefaultRegisteredComponents = () => [
   {
-    component: Columns$1,
+    component: Columns,
     ...componentInfo$9
   },
   {
-    component: Image$1,
+    component: Image,
     ...componentInfo$7
   },
   {
-    component: Img,
+    component: ImgComponent,
     ...componentInfo$1
   },
   {
-    component: Text$1,
+    component: Text,
     ...componentInfo$4
   },
   {
-    component: Video$1,
+    component: Video,
     ...componentInfo$3
   },
   {
-    component: Symbol$2,
+    component: Symbol$1,
     ...componentInfo$5
   },
   {
-    component: Button$1,
+    component: Button,
     ...componentInfo$a
   },
   {
-    component: Section,
+    component: SectionComponent,
     ...componentInfo$6
   },
   {
-    component: Fragment,
+    component: FragmentComponent,
     ...componentInfo$8
   },
   {
-    component: embed,
+    component: Embed,
     ...componentInfo$2
   },
   {
-    component: customCode,
+    component: CustomCode,
     ...componentInfo
   }
 ];
@@ -2654,11 +2638,10 @@ ${getFontCss(props, state, {
 };
 const RenderContentStyles = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   const state = {};
-  return /* @__PURE__ */ jsx(RenderInlinedStyles$1, {
+  return /* @__PURE__ */ jsx(RenderInlinedStyles, {
     styles: injectedStyles(props, state)
-  });
+  }, "V0_0");
 }, "RenderContentStyles_component_Og0xL34Zbvc"));
-const RenderContentStyles$1 = RenderContentStyles;
 const useContent = function useContent2(props, state, elementRef) {
   if (!props.content && !state.overrideContent)
     return void 0;
@@ -2905,7 +2888,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     props,
     state
   ]));
-  return /* @__PURE__ */ jsx(Fragment$1, {
+  return /* @__PURE__ */ jsx(Fragment, {
     children: useContent(props, state) ? /* @__PURE__ */ jsxs("div", {
       ref: elementRef,
       onClick$: inlinedQrl((event) => {
@@ -2921,11 +2904,11 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
         return props.model;
       },
       children: [
-        shouldRenderContentStyles(props, state) ? /* @__PURE__ */ jsx(RenderContentStyles$1, {
+        shouldRenderContentStyles(props, state) ? /* @__PURE__ */ jsx(RenderContentStyles, {
           cssCode: useContent(props, state)?.data?.cssCode,
           customFonts: useContent(props, state)?.data?.customFonts
-        }) : null,
-        /* @__PURE__ */ jsx(RenderBlocks$1, {
+        }, "03_0") : null,
+        /* @__PURE__ */ jsx(RenderBlocks, {
           blocks: useContent(props, state)?.data?.blocks
         }, state.forceReRenderCount)
       ],
@@ -2937,9 +2920,8 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     [_IMMUTABLE]: {
       children: false
     }
-  });
+  }, "03_1");
 }, "RenderContent_component_hEAI0ahViXM"));
-const RenderContent$1 = RenderContent;
 const className = function className22(props, state, builderContext) {
   return [
     ...[
@@ -2981,7 +2963,7 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   return /* @__PURE__ */ jsx("div", {
     ...props.attributes,
     class: className(props),
-    children: /* @__PURE__ */ jsx(RenderContent$1, {
+    children: /* @__PURE__ */ jsx(RenderContent, {
       get apiKey() {
         return builderContext.apiKey;
       },
@@ -3000,10 +2982,9 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
         apiKey: _wrapSignal(builderContext, "apiKey"),
         context: _wrapSignal(builderContext, "context")
       }
-    })
+    }, "Wt_0")
   });
 }, "Symbol_component_WVvggdkUPdk"));
-const Symbol$2 = Symbol$1;
 const settings = {};
 function setEditorSettings(newSettings) {
   if (isBrowser()) {
@@ -3016,16 +2997,16 @@ function setEditorSettings(newSettings) {
   }
 }
 export {
-  Button$1 as Button,
-  Columns$1 as Columns,
-  Fragment,
-  Image$1 as Image,
-  RenderBlocks$1 as RenderBlocks,
-  RenderContent$1 as RenderContent,
-  Section,
-  Symbol$2 as Symbol,
-  Text$1 as Text,
-  Video$1 as Video,
+  Button,
+  Columns,
+  FragmentComponent as Fragment,
+  Image,
+  RenderBlocks,
+  RenderContent,
+  SectionComponent as Section,
+  Symbol$1 as Symbol,
+  Text,
+  Video,
   components,
   convertSearchParamsToQueryObject,
   createRegisterComponentMessage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",
@@ -28,7 +28,7 @@
     "release:dev": "yarn run build && npm version prerelease && npm publish --tag dev"
   },
   "devDependencies": {
-    "@builder.io/qwik": ">=0.13.3",
+    "@builder.io/qwik": "^0.16.2",
     "@types/node": "latest",
     "typescript": "^4",
     "vite": "^3.0.4"

package/types/components/render-content/index.d.ts

@@ -1 +1 @@
-export { default } from './render-content.jsx';
+export { default } from './render-content';

package/types/index-helpers/blocks-exports.d.ts

@@ -1,10 +1,10 @@
-export { default as Columns } from '../blocks/columns/columns.jsx';
-export { default as Image } from '../blocks/image/image.jsx';
-export { default as Text } from '../blocks/text/text.jsx';
-export { default as Video } from '../blocks/video/video.jsx';
-export { default as Symbol } from '../blocks/symbol/symbol.jsx';
-export { default as Button } from '../blocks/button/button.jsx';
-export { default as Section } from '../blocks/section/section.jsx';
-export { default as Fragment } from '../blocks/fragment/fragment.jsx';
-export { default as RenderContent } from '../components/render-content/render-content.jsx';
-export { default as RenderBlocks } from '../components/render-blocks.jsx';
+export { default as Columns } from '../blocks/columns/columns';
+export { default as Image } from '../blocks/image/image';
+export { default as Text } from '../blocks/text/text';
+export { default as Video } from '../blocks/video/video';
+export { default as Symbol } from '../blocks/symbol/symbol';
+export { default as Button } from '../blocks/button/button';
+export { default as Section } from '../blocks/section/section';
+export { default as Fragment } from '../blocks/fragment/fragment';
+export { default as RenderContent } from '../components/render-content/render-content';
+export { default as RenderBlocks } from '../components/render-blocks';