@builder.io/sdk-qwik 0.14.10 → 0.14.11

package/lib/browser/index.qwik.cjs

@@ -704,7 +704,7 @@ const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: qwik._fnSignal((p0) => p0.id, [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -773,10 +773,12 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
   ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -1623,10 +1625,12 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
     ], "p0.value")
   }, [
     /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -3989,7 +3993,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -4005,9 +4009,9 @@ const InlinedScript = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: qwik._fnSignal((p0) => p0.id || "", [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -4395,7 +4399,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.11";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -5028,10 +5032,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [qwik._IMMUTABLE]: {
+      id: qwik._IMMUTABLE,
       styles: qwik._fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -5162,10 +5168,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -5331,40 +5339,36 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
         children: [
           /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [qwik._IMMUTABLE]: {
-              id: qwik._fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: qwik._IMMUTABLE,
               styles: qwik._fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [qwik._IMMUTABLE]: {
+              id: qwik._IMMUTABLE,
               scriptStr: qwik._fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/lib/browser/index.qwik.mjs

@@ -702,7 +702,7 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: _fnSignal((p0) => p0.id, [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -771,10 +771,12 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -1621,10 +1623,12 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     ], "p0.value")
   }, [
     /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -3987,7 +3991,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -4003,9 +4007,9 @@ const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: _fnSignal((p0) => p0.id || "", [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -4393,7 +4397,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.11";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -5026,10 +5030,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ _jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [_IMMUTABLE]: {
+      id: _IMMUTABLE,
       styles: _fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -5160,10 +5166,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -5329,40 +5337,36 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment, {
         children: [
           /* @__PURE__ */ _jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [_IMMUTABLE]: {
-              id: _fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: _IMMUTABLE,
               styles: _fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ _jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [_IMMUTABLE]: {
+              id: _IMMUTABLE,
               scriptStr: _fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/lib/edge/index.qwik.cjs

@@ -3935,7 +3935,7 @@ const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: qwik._fnSignal((p0) => p0.id, [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -4004,10 +4004,12 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
   ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -4854,10 +4856,12 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
     ], "p0.value")
   }, [
     /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -7220,7 +7224,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -7236,9 +7240,9 @@ const InlinedScript = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: qwik._fnSignal((p0) => p0.id || "", [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -7626,7 +7630,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.11";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -8259,10 +8263,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [qwik._IMMUTABLE]: {
+      id: qwik._IMMUTABLE,
       styles: qwik._fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -8393,10 +8399,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -8562,40 +8570,36 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
         children: [
           /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [qwik._IMMUTABLE]: {
-              id: qwik._fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: qwik._IMMUTABLE,
               styles: qwik._fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [qwik._IMMUTABLE]: {
+              id: qwik._IMMUTABLE,
               scriptStr: qwik._fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/lib/edge/index.qwik.mjs

@@ -3933,7 +3933,7 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: _fnSignal((p0) => p0.id, [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -4002,10 +4002,12 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -4852,10 +4854,12 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     ], "p0.value")
   }, [
     /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -7218,7 +7222,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -7234,9 +7238,9 @@ const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: _fnSignal((p0) => p0.id || "", [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -7624,7 +7628,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.11";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -8257,10 +8261,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ _jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [_IMMUTABLE]: {
+      id: _IMMUTABLE,
       styles: _fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -8391,10 +8397,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -8560,40 +8568,36 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment, {
         children: [
           /* @__PURE__ */ _jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [_IMMUTABLE]: {
-              id: _fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: _IMMUTABLE,
               styles: _fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ _jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [_IMMUTABLE]: {
+              id: _IMMUTABLE,
               scriptStr: _fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/lib/node/index.qwik.cjs

@@ -806,7 +806,7 @@ const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: qwik._fnSignal((p0) => p0.id, [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -875,10 +875,12 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
   ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -1725,10 +1727,12 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
     ], "p0.value")
   }, [
     /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -4091,7 +4095,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -4107,9 +4111,9 @@ const InlinedScript = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: qwik._fnSignal((p0) => p0.id || "", [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -4497,7 +4501,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.11";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -5130,10 +5134,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [qwik._IMMUTABLE]: {
+      id: qwik._IMMUTABLE,
       styles: qwik._fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -5264,10 +5270,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -5433,40 +5441,36 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
         children: [
           /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [qwik._IMMUTABLE]: {
-              id: qwik._fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: qwik._IMMUTABLE,
               styles: qwik._fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [qwik._IMMUTABLE]: {
+              id: qwik._IMMUTABLE,
               scriptStr: qwik._fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/lib/node/index.qwik.mjs

@@ -804,7 +804,7 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: _fnSignal((p0) => p0.id, [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -873,10 +873,12 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -1723,10 +1725,12 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     ], "p0.value")
   }, [
     /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -4089,7 +4093,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -4105,9 +4109,9 @@ const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: _fnSignal((p0) => p0.id || "", [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -4495,7 +4499,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.11";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -5128,10 +5132,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ _jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [_IMMUTABLE]: {
+      id: _IMMUTABLE,
       styles: _fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -5262,10 +5268,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -5431,40 +5439,36 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment, {
         children: [
           /* @__PURE__ */ _jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [_IMMUTABLE]: {
-              id: _fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: _IMMUTABLE,
               styles: _fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ _jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [_IMMUTABLE]: {
+              id: _IMMUTABLE,
               scriptStr: _fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.14.10",
+  "version": "0.14.11",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

package/types/src/components/content-variants/helpers.d.ts

@@ -32,7 +32,7 @@ type VariantData = {
     id: string;
     testRatio?: number;
 };
-export declare const getScriptString: () => string;
+export declare const getInitVariantsFnsScriptString: () => string;
 export declare const getUpdateCookieAndStylesScript: (variants: VariantData[], contentId: string) => string;
 export declare const getUpdateVariantVisibilityScript: ({ contentId, variationId }: {
     variationId: string;

package/types/src/components/inlined-script.d.ts

@@ -1,6 +1,6 @@
 interface Props {
     scriptStr: string;
-    id?: string;
+    id: string;
 }
 export declare const InlinedScript: import("@builder.io/qwik").Component<Props>;
 export default InlinedScript;

package/types/src/components/inlined-styles.d.ts

@@ -1,6 +1,6 @@
 interface Props {
     styles: string;
-    id?: string;
+    id: string;
 }
 export declare const InlinedStyles: import("@builder.io/qwik").Component<Props>;
 export default InlinedStyles;

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.14.10";
+export declare const SDK_VERSION = "0.14.11";