@builder.io/sdk-solid 1.0.12 → 1.0.13

package/dist/index.d.ts

@@ -671,7 +671,7 @@ type VariantsProviderProps = ContentVariantsPrps & {
     /**
      * For internal use only. Do not provide this prop.
      */
-    __isNestedRender?: boolean;
+    isNestedRender?: boolean;
 };
 
 declare function ContentVariants(props: VariantsProviderProps): solid_js.JSX.Element;

package/lib/browser/dev.js

@@ -4446,7 +4446,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -5007,18 +5007,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal(`
-${getCss({
-    cssCode: props.cssCode,
-    contentId: props.contentId
-  })}
-${getFontCss({
-    customFonts: props.customFonts
-  })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -5035,6 +5024,22 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal(`
+${getCss({
+    cssCode: props.cssCode,
+    contentId: props.contentId
+  })}
+${getFontCss({
+    customFonts: props.customFonts
+  })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim());
   return createComponent(inlined_styles_default, {
     get styles() {
@@ -5199,6 +5204,9 @@ function ContentComponent(props) {
             when: TARGET !== "reactNative",
             get children() {
               return createComponent(styles_default, {
+                get isNestedRender() {
+                  return props.isNestedRender;
+                },
                 get contentId() {
                   return builderContextSignal().content?.id;
                 },
@@ -5260,7 +5268,7 @@ function ContentVariants(props) {
   });
   return [createComponent(Show, {
     get when() {
-      return !props.__isNestedRender && TARGET !== "reactNative";
+      return !props.isNestedRender && TARGET !== "reactNative";
     },
     get children() {
       return createComponent(inlined_script_default, {
@@ -5292,6 +5300,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, {
+            get isNestedRender() {
+              return props.isNestedRender;
+            },
             get key() {
               return variant.testVariationId;
             },
@@ -5349,7 +5360,11 @@ function ContentVariants(props) {
         }
       })];
     }
-  }), createComponent(content_default, mergeProps({}, {
+  }), createComponent(content_default, mergeProps({
+    get isNestedRender() {
+      return props.isNestedRender;
+    }
+  }, {}, {
     get content() {
       return defaultContent();
     },
@@ -5464,7 +5479,7 @@ function Symbol(props) {
       }
     }, {}, () => props.attributes, {}), false, true);
     insert(_el$, createComponent(content_variants_default, {
-      __isNestedRender: true,
+      isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
       },

package/lib/browser/dev.jsx

@@ -4029,7 +4029,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -4603,19 +4603,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal13(
-    `
-${getCss({
-      cssCode: props.cssCode,
-      contentId: props.contentId
-    })}
-${getFontCss({
-      customFonts: props.customFonts
-    })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -4632,6 +4620,23 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal13(
+    `
+${getCss({
+      cssCode: props.cssCode,
+      contentId: props.contentId
+    })}
+${getFontCss({
+      customFonts: props.customFonts
+    })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim()
   );
   return <Inlined_styles_default styles={injectedStyles()} />;
@@ -4759,6 +4764,7 @@ function ContentComponent(props) {
   >
     <Show11 when={props.isSsrAbTest}><Inlined_script_default scriptStr={scriptStr()} /></Show11>
     <Show11 when={TARGET !== "reactNative"}><Styles_default
+      isNestedRender={props.isNestedRender}
       contentId={builderContextSignal().content?.id}
       cssCode={builderContextSignal().content?.data?.cssCode}
       customFonts={builderContextSignal().content?.data?.customFonts}
@@ -4806,7 +4812,7 @@ function ContentVariants(props) {
     setShouldRenderVariants(false);
   });
   return <>
-    <Show12 when={!props.__isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
+    <Show12 when={!props.isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
     <Show12 when={shouldRenderVariants()}>
       <Inlined_styles_default
         id={`variants-styles-${props.content?.id}`}
@@ -4818,6 +4824,7 @@ function ContentVariants(props) {
       <For7 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           content={variant}
           showContent={false}
@@ -4841,6 +4848,7 @@ function ContentVariants(props) {
       }}</For7>
     </Show12>
     <Content_default
+      isNestedRender={props.isNestedRender}
       {...{}}
       content={defaultContent()}
       showContent={true}
@@ -4920,7 +4928,7 @@ function Symbol(props) {
   }
   createEffect3(on3(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
-    __isNestedRender={true}
+    isNestedRender={true}
     apiVersion={props.builderContext.apiVersion}
     apiKey={props.builderContext.apiKey}
     context={{

package/lib/browser/index.js

@@ -4431,7 +4431,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -4990,18 +4990,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal(`
-${getCss({
-    cssCode: props.cssCode,
-    contentId: props.contentId
-  })}
-${getFontCss({
-    customFonts: props.customFonts
-  })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -5018,6 +5007,22 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal(`
+${getCss({
+    cssCode: props.cssCode,
+    contentId: props.contentId
+  })}
+${getFontCss({
+    customFonts: props.customFonts
+  })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim());
   return createComponent(inlined_styles_default, {
     get styles() {
@@ -5182,6 +5187,9 @@ function ContentComponent(props) {
             when: TARGET !== "reactNative",
             get children() {
               return createComponent(styles_default, {
+                get isNestedRender() {
+                  return props.isNestedRender;
+                },
                 get contentId() {
                   return builderContextSignal().content?.id;
                 },
@@ -5243,7 +5251,7 @@ function ContentVariants(props) {
   });
   return [createComponent(Show, {
     get when() {
-      return !props.__isNestedRender && TARGET !== "reactNative";
+      return !props.isNestedRender && TARGET !== "reactNative";
     },
     get children() {
       return createComponent(inlined_script_default, {
@@ -5275,6 +5283,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, {
+            get isNestedRender() {
+              return props.isNestedRender;
+            },
             get key() {
               return variant.testVariationId;
             },
@@ -5332,7 +5343,11 @@ function ContentVariants(props) {
         }
       })];
     }
-  }), createComponent(content_default, mergeProps({}, {
+  }), createComponent(content_default, mergeProps({
+    get isNestedRender() {
+      return props.isNestedRender;
+    }
+  }, {}, {
     get content() {
       return defaultContent();
     },
@@ -5447,7 +5462,7 @@ function Symbol(props) {
       }
     }, {}, () => props.attributes, {}), false, true);
     insert(_el$, createComponent(content_variants_default, {
-      __isNestedRender: true,
+      isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
       },

package/lib/browser/index.jsx

@@ -4014,7 +4014,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -4586,19 +4586,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal13(
-    `
-${getCss({
-      cssCode: props.cssCode,
-      contentId: props.contentId
-    })}
-${getFontCss({
-      customFonts: props.customFonts
-    })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -4615,6 +4603,23 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal13(
+    `
+${getCss({
+      cssCode: props.cssCode,
+      contentId: props.contentId
+    })}
+${getFontCss({
+      customFonts: props.customFonts
+    })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim()
   );
   return <Inlined_styles_default styles={injectedStyles()} />;
@@ -4742,6 +4747,7 @@ function ContentComponent(props) {
   >
     <Show11 when={props.isSsrAbTest}><Inlined_script_default scriptStr={scriptStr()} /></Show11>
     <Show11 when={TARGET !== "reactNative"}><Styles_default
+      isNestedRender={props.isNestedRender}
       contentId={builderContextSignal().content?.id}
       cssCode={builderContextSignal().content?.data?.cssCode}
       customFonts={builderContextSignal().content?.data?.customFonts}
@@ -4789,7 +4795,7 @@ function ContentVariants(props) {
     setShouldRenderVariants(false);
   });
   return <>
-    <Show12 when={!props.__isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
+    <Show12 when={!props.isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
     <Show12 when={shouldRenderVariants()}>
       <Inlined_styles_default
         id={`variants-styles-${props.content?.id}`}
@@ -4801,6 +4807,7 @@ function ContentVariants(props) {
       <For7 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           content={variant}
           showContent={false}
@@ -4824,6 +4831,7 @@ function ContentVariants(props) {
       }}</For7>
     </Show12>
     <Content_default
+      isNestedRender={props.isNestedRender}
       {...{}}
       content={defaultContent()}
       showContent={true}
@@ -4903,7 +4911,7 @@ function Symbol(props) {
   }
   createEffect3(on3(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
-    __isNestedRender={true}
+    isNestedRender={true}
     apiVersion={props.builderContext.apiVersion}
     apiKey={props.builderContext.apiKey}
     context={{

package/lib/edge/dev.js

@@ -7599,7 +7599,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -8160,18 +8160,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal(`
-${getCss({
-    cssCode: props.cssCode,
-    contentId: props.contentId
-  })}
-${getFontCss({
-    customFonts: props.customFonts
-  })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -8188,6 +8177,22 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal(`
+${getCss({
+    cssCode: props.cssCode,
+    contentId: props.contentId
+  })}
+${getFontCss({
+    customFonts: props.customFonts
+  })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim());
   return createComponent(inlined_styles_default, {
     get styles() {
@@ -8352,6 +8357,9 @@ function ContentComponent(props) {
             when: TARGET !== "reactNative",
             get children() {
               return createComponent(styles_default, {
+                get isNestedRender() {
+                  return props.isNestedRender;
+                },
                 get contentId() {
                   return builderContextSignal().content?.id;
                 },
@@ -8413,7 +8421,7 @@ function ContentVariants(props) {
   });
   return [createComponent(Show, {
     get when() {
-      return !props.__isNestedRender && TARGET !== "reactNative";
+      return !props.isNestedRender && TARGET !== "reactNative";
     },
     get children() {
       return createComponent(inlined_script_default, {
@@ -8445,6 +8453,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, {
+            get isNestedRender() {
+              return props.isNestedRender;
+            },
             get key() {
               return variant.testVariationId;
             },
@@ -8502,7 +8513,11 @@ function ContentVariants(props) {
         }
       })];
     }
-  }), createComponent(content_default, mergeProps({}, {
+  }), createComponent(content_default, mergeProps({
+    get isNestedRender() {
+      return props.isNestedRender;
+    }
+  }, {}, {
     get content() {
       return defaultContent();
     },
@@ -8617,7 +8632,7 @@ function Symbol2(props) {
       }
     }, {}, () => props.attributes, {}), false, true);
     insert(_el$, createComponent(content_variants_default, {
-      __isNestedRender: true,
+      isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
       },

package/lib/edge/dev.jsx

@@ -7184,7 +7184,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -7758,19 +7758,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal13(
-    `
-${getCss({
-      cssCode: props.cssCode,
-      contentId: props.contentId
-    })}
-${getFontCss({
-      customFonts: props.customFonts
-    })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -7787,6 +7775,23 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal13(
+    `
+${getCss({
+      cssCode: props.cssCode,
+      contentId: props.contentId
+    })}
+${getFontCss({
+      customFonts: props.customFonts
+    })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim()
   );
   return <Inlined_styles_default styles={injectedStyles()} />;
@@ -7914,6 +7919,7 @@ function ContentComponent(props) {
   >
     <Show11 when={props.isSsrAbTest}><Inlined_script_default scriptStr={scriptStr()} /></Show11>
     <Show11 when={TARGET !== "reactNative"}><Styles_default
+      isNestedRender={props.isNestedRender}
       contentId={builderContextSignal().content?.id}
       cssCode={builderContextSignal().content?.data?.cssCode}
       customFonts={builderContextSignal().content?.data?.customFonts}
@@ -7961,7 +7967,7 @@ function ContentVariants(props) {
     setShouldRenderVariants(false);
   });
   return <>
-    <Show12 when={!props.__isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
+    <Show12 when={!props.isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
     <Show12 when={shouldRenderVariants()}>
       <Inlined_styles_default
         id={`variants-styles-${props.content?.id}`}
@@ -7973,6 +7979,7 @@ function ContentVariants(props) {
       <For7 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           content={variant}
           showContent={false}
@@ -7996,6 +8003,7 @@ function ContentVariants(props) {
       }}</For7>
     </Show12>
     <Content_default
+      isNestedRender={props.isNestedRender}
       {...{}}
       content={defaultContent()}
       showContent={true}
@@ -8075,7 +8083,7 @@ function Symbol2(props) {
   }
   createEffect3(on3(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
-    __isNestedRender={true}
+    isNestedRender={true}
     apiVersion={props.builderContext.apiVersion}
     apiKey={props.builderContext.apiKey}
     context={{

package/lib/edge/index.js

@@ -7584,7 +7584,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -8143,18 +8143,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal(`
-${getCss({
-    cssCode: props.cssCode,
-    contentId: props.contentId
-  })}
-${getFontCss({
-    customFonts: props.customFonts
-  })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -8171,6 +8160,22 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal(`
+${getCss({
+    cssCode: props.cssCode,
+    contentId: props.contentId
+  })}
+${getFontCss({
+    customFonts: props.customFonts
+  })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim());
   return createComponent(inlined_styles_default, {
     get styles() {
@@ -8335,6 +8340,9 @@ function ContentComponent(props) {
             when: TARGET !== "reactNative",
             get children() {
               return createComponent(styles_default, {
+                get isNestedRender() {
+                  return props.isNestedRender;
+                },
                 get contentId() {
                   return builderContextSignal().content?.id;
                 },
@@ -8396,7 +8404,7 @@ function ContentVariants(props) {
   });
   return [createComponent(Show, {
     get when() {
-      return !props.__isNestedRender && TARGET !== "reactNative";
+      return !props.isNestedRender && TARGET !== "reactNative";
     },
     get children() {
       return createComponent(inlined_script_default, {
@@ -8428,6 +8436,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, {
+            get isNestedRender() {
+              return props.isNestedRender;
+            },
             get key() {
               return variant.testVariationId;
             },
@@ -8485,7 +8496,11 @@ function ContentVariants(props) {
         }
       })];
     }
-  }), createComponent(content_default, mergeProps({}, {
+  }), createComponent(content_default, mergeProps({
+    get isNestedRender() {
+      return props.isNestedRender;
+    }
+  }, {}, {
     get content() {
       return defaultContent();
     },
@@ -8600,7 +8615,7 @@ function Symbol2(props) {
       }
     }, {}, () => props.attributes, {}), false, true);
     insert(_el$, createComponent(content_variants_default, {
-      __isNestedRender: true,
+      isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
       },

package/lib/edge/index.jsx

@@ -7169,7 +7169,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -7741,19 +7741,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal13(
-    `
-${getCss({
-      cssCode: props.cssCode,
-      contentId: props.contentId
-    })}
-${getFontCss({
-      customFonts: props.customFonts
-    })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -7770,6 +7758,23 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal13(
+    `
+${getCss({
+      cssCode: props.cssCode,
+      contentId: props.contentId
+    })}
+${getFontCss({
+      customFonts: props.customFonts
+    })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim()
   );
   return <Inlined_styles_default styles={injectedStyles()} />;
@@ -7897,6 +7902,7 @@ function ContentComponent(props) {
   >
     <Show11 when={props.isSsrAbTest}><Inlined_script_default scriptStr={scriptStr()} /></Show11>
     <Show11 when={TARGET !== "reactNative"}><Styles_default
+      isNestedRender={props.isNestedRender}
       contentId={builderContextSignal().content?.id}
       cssCode={builderContextSignal().content?.data?.cssCode}
       customFonts={builderContextSignal().content?.data?.customFonts}
@@ -7944,7 +7950,7 @@ function ContentVariants(props) {
     setShouldRenderVariants(false);
   });
   return <>
-    <Show12 when={!props.__isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
+    <Show12 when={!props.isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
     <Show12 when={shouldRenderVariants()}>
       <Inlined_styles_default
         id={`variants-styles-${props.content?.id}`}
@@ -7956,6 +7962,7 @@ function ContentVariants(props) {
       <For7 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           content={variant}
           showContent={false}
@@ -7979,6 +7986,7 @@ function ContentVariants(props) {
       }}</For7>
     </Show12>
     <Content_default
+      isNestedRender={props.isNestedRender}
       {...{}}
       content={defaultContent()}
       showContent={true}
@@ -8058,7 +8066,7 @@ function Symbol2(props) {
   }
   createEffect3(on3(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
-    __isNestedRender={true}
+    isNestedRender={true}
     apiVersion={props.builderContext.apiVersion}
     apiKey={props.builderContext.apiKey}
     context={{

package/lib/node/dev.js

@@ -4571,7 +4571,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -5132,18 +5132,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal(`
-${getCss({
-    cssCode: props.cssCode,
-    contentId: props.contentId
-  })}
-${getFontCss({
-    customFonts: props.customFonts
-  })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -5160,6 +5149,22 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal(`
+${getCss({
+    cssCode: props.cssCode,
+    contentId: props.contentId
+  })}
+${getFontCss({
+    customFonts: props.customFonts
+  })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim());
   return createComponent(inlined_styles_default, {
     get styles() {
@@ -5324,6 +5329,9 @@ function ContentComponent(props) {
             when: TARGET !== "reactNative",
             get children() {
               return createComponent(styles_default, {
+                get isNestedRender() {
+                  return props.isNestedRender;
+                },
                 get contentId() {
                   return builderContextSignal().content?.id;
                 },
@@ -5385,7 +5393,7 @@ function ContentVariants(props) {
   });
   return [createComponent(Show, {
     get when() {
-      return !props.__isNestedRender && TARGET !== "reactNative";
+      return !props.isNestedRender && TARGET !== "reactNative";
     },
     get children() {
       return createComponent(inlined_script_default, {
@@ -5417,6 +5425,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, {
+            get isNestedRender() {
+              return props.isNestedRender;
+            },
             get key() {
               return variant.testVariationId;
             },
@@ -5474,7 +5485,11 @@ function ContentVariants(props) {
         }
       })];
     }
-  }), createComponent(content_default, mergeProps({}, {
+  }), createComponent(content_default, mergeProps({
+    get isNestedRender() {
+      return props.isNestedRender;
+    }
+  }, {}, {
     get content() {
       return defaultContent();
     },
@@ -5589,7 +5604,7 @@ function Symbol(props) {
       }
     }, {}, () => props.attributes, {}), false, true);
     insert(_el$, createComponent(content_variants_default, {
-      __isNestedRender: true,
+      isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
       },

package/lib/node/dev.jsx

@@ -4156,7 +4156,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -4730,19 +4730,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal13(
-    `
-${getCss({
-      cssCode: props.cssCode,
-      contentId: props.contentId
-    })}
-${getFontCss({
-      customFonts: props.customFonts
-    })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -4759,6 +4747,23 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal13(
+    `
+${getCss({
+      cssCode: props.cssCode,
+      contentId: props.contentId
+    })}
+${getFontCss({
+      customFonts: props.customFonts
+    })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim()
   );
   return <Inlined_styles_default styles={injectedStyles()} />;
@@ -4886,6 +4891,7 @@ function ContentComponent(props) {
   >
     <Show11 when={props.isSsrAbTest}><Inlined_script_default scriptStr={scriptStr()} /></Show11>
     <Show11 when={TARGET !== "reactNative"}><Styles_default
+      isNestedRender={props.isNestedRender}
       contentId={builderContextSignal().content?.id}
       cssCode={builderContextSignal().content?.data?.cssCode}
       customFonts={builderContextSignal().content?.data?.customFonts}
@@ -4933,7 +4939,7 @@ function ContentVariants(props) {
     setShouldRenderVariants(false);
   });
   return <>
-    <Show12 when={!props.__isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
+    <Show12 when={!props.isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
     <Show12 when={shouldRenderVariants()}>
       <Inlined_styles_default
         id={`variants-styles-${props.content?.id}`}
@@ -4945,6 +4951,7 @@ function ContentVariants(props) {
       <For7 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           content={variant}
           showContent={false}
@@ -4968,6 +4975,7 @@ function ContentVariants(props) {
       }}</For7>
     </Show12>
     <Content_default
+      isNestedRender={props.isNestedRender}
       {...{}}
       content={defaultContent()}
       showContent={true}
@@ -5047,7 +5055,7 @@ function Symbol(props) {
   }
   createEffect3(on3(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
-    __isNestedRender={true}
+    isNestedRender={true}
     apiVersion={props.builderContext.apiVersion}
     apiKey={props.builderContext.apiKey}
     context={{

package/lib/node/index.js

@@ -4555,7 +4555,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -5114,18 +5114,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal(`
-${getCss({
-    cssCode: props.cssCode,
-    contentId: props.contentId
-  })}
-${getFontCss({
-    customFonts: props.customFonts
-  })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -5142,6 +5131,22 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal(`
+${getCss({
+    cssCode: props.cssCode,
+    contentId: props.contentId
+  })}
+${getFontCss({
+    customFonts: props.customFonts
+  })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim());
   return createComponent(inlined_styles_default, {
     get styles() {
@@ -5306,6 +5311,9 @@ function ContentComponent(props) {
             when: TARGET !== "reactNative",
             get children() {
               return createComponent(styles_default, {
+                get isNestedRender() {
+                  return props.isNestedRender;
+                },
                 get contentId() {
                   return builderContextSignal().content?.id;
                 },
@@ -5367,7 +5375,7 @@ function ContentVariants(props) {
   });
   return [createComponent(Show, {
     get when() {
-      return !props.__isNestedRender && TARGET !== "reactNative";
+      return !props.isNestedRender && TARGET !== "reactNative";
     },
     get children() {
       return createComponent(inlined_script_default, {
@@ -5399,6 +5407,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, {
+            get isNestedRender() {
+              return props.isNestedRender;
+            },
             get key() {
               return variant.testVariationId;
             },
@@ -5456,7 +5467,11 @@ function ContentVariants(props) {
         }
       })];
     }
-  }), createComponent(content_default, mergeProps({}, {
+  }), createComponent(content_default, mergeProps({
+    get isNestedRender() {
+      return props.isNestedRender;
+    }
+  }, {}, {
     get content() {
       return defaultContent();
     },
@@ -5571,7 +5586,7 @@ function Symbol(props) {
       }
     }, {}, () => props.attributes, {}), false, true);
     insert(_el$, createComponent(content_variants_default, {
-      __isNestedRender: true,
+      isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
       },

package/lib/node/index.jsx

@@ -4140,7 +4140,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.13";
 
 // src/functions/register.ts
 var registry = {};
@@ -4712,19 +4712,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal13(
-    `
-${getCss({
-      cssCode: props.cssCode,
-      contentId: props.contentId
-    })}
-${getFontCss({
-      customFonts: props.customFonts
-    })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -4741,6 +4729,23 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal13(
+    `
+${getCss({
+      cssCode: props.cssCode,
+      contentId: props.contentId
+    })}
+${getFontCss({
+      customFonts: props.customFonts
+    })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim()
   );
   return <Inlined_styles_default styles={injectedStyles()} />;
@@ -4868,6 +4873,7 @@ function ContentComponent(props) {
   >
     <Show11 when={props.isSsrAbTest}><Inlined_script_default scriptStr={scriptStr()} /></Show11>
     <Show11 when={TARGET !== "reactNative"}><Styles_default
+      isNestedRender={props.isNestedRender}
       contentId={builderContextSignal().content?.id}
       cssCode={builderContextSignal().content?.data?.cssCode}
       customFonts={builderContextSignal().content?.data?.customFonts}
@@ -4915,7 +4921,7 @@ function ContentVariants(props) {
     setShouldRenderVariants(false);
   });
   return <>
-    <Show12 when={!props.__isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
+    <Show12 when={!props.isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
     <Show12 when={shouldRenderVariants()}>
       <Inlined_styles_default
         id={`variants-styles-${props.content?.id}`}
@@ -4927,6 +4933,7 @@ function ContentVariants(props) {
       <For7 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           content={variant}
           showContent={false}
@@ -4950,6 +4957,7 @@ function ContentVariants(props) {
       }}</For7>
     </Show12>
     <Content_default
+      isNestedRender={props.isNestedRender}
       {...{}}
       content={defaultContent()}
       showContent={true}
@@ -5029,7 +5037,7 @@ function Symbol(props) {
   }
   createEffect3(on3(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
-    __isNestedRender={true}
+    isNestedRender={true}
     apiVersion={props.builderContext.apiVersion}
     apiKey={props.builderContext.apiKey}
     context={{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "",
   "files": [
     "dist",