@builder.io/sdk-solid 1.0.30 → 1.0.32

package/dist/index.d.ts

@@ -469,6 +469,7 @@ interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'BlocksWrappe
     apiVersion: ApiVersion | undefined;
     componentInfos: Dictionary<ComponentInfo>;
     inheritedStyles: Record<string, unknown>;
+    canTrack?: boolean;
 }
 
 type BuilderDataProps = {
@@ -515,6 +516,7 @@ interface FragmentProps {
 declare function FragmentComponent(props: FragmentProps): solid_js.JSX.Element;
 
 interface ImageProps {
+    highPriority?: boolean;
     className?: string;
     image: string;
     sizes?: string;

package/lib/browser/dev.js

@@ -122,11 +122,7 @@ var components_context_default = createContext({ registeredComponents: {} });
 function getBlockComponentOptions(block) {
   return {
     ...block.component?.options,
-    ...block.options,
-    /**
-     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
-     */
-    builderBlock: block
+    ...block.options
   };
 }
 
@@ -789,11 +785,25 @@ var getRepeatItemData = ({
   }));
   return repeatArray;
 };
-var shouldPassLinkComponent = (block) => {
-  return block && (block.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name));
+var provideLinkComponent = (block, linkComponent) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+    builderLinkComponent: linkComponent
+  } : {};
+};
+var provideRegisteredComponents = (block, registeredComponents) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+    builderComponents: registeredComponents
+  } : {};
+};
+var provideBuilderBlock = (block, builderBlock) => {
+  return block && (block.isRSC && TARGET === "rsc" || TARGET === "reactNative" && block.name === "Text" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(block.name)) ? {
+    builderBlock
+  } : {};
 };
-var shouldPassRegisteredComponents = (block) => {
-  return block && (block.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name));
+var provideBuilderContext = (block, context) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(block.name)) ? {
+    builderContext: context
+  } : {};
 };
 
 // src/constants/device-sizes.ts
@@ -1242,13 +1252,10 @@ function Block(props) {
       componentRef: blockComponent()?.component,
       componentOptions: {
         ...getBlockComponentOptions(processedBlock()),
-        builderContext: props.context,
-        ...shouldPassLinkComponent(blockComponent()) ? {
-          builderLinkComponent: props.linkComponent
-        } : {},
-        ...shouldPassRegisteredComponents(blockComponent()) ? {
-          builderComponents: props.registeredComponents
-        } : {}
+        ...provideBuilderBlock(blockComponent(), processedBlock()),
+        ...provideBuilderContext(blockComponent(), props.context),
+        ...provideLinkComponent(blockComponent(), props.linkComponent),
+        ...provideRegisteredComponents(blockComponent(), props.registeredComponents)
       },
       context: props.context,
       linkComponent: props.linkComponent,
@@ -1356,9 +1363,6 @@ function Block(props) {
                 get context() {
                   return props.context;
                 },
-                get linkComponent() {
-                  return props.linkComponent;
-                },
                 get children() {
                   return [createComponent(component_ref_default, {
                     get componentRef() {
@@ -1784,7 +1788,7 @@ function getSrcSet(url) {
 
 // src/blocks/image/image.tsx
 var _tmpl$4 = /* @__PURE__ */ template(`<source type=image/webp>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<picture><img loading=lazy>`);
+var _tmpl$22 = /* @__PURE__ */ template(`<picture><img>`);
 var _tmpl$32 = /* @__PURE__ */ template(`<div>`);
 function Image(props) {
   const srcSetToUse = createMemo(() => {
@@ -1839,18 +1843,20 @@ function Image(props) {
       const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " " + css({
         opacity: "1",
         transition: "opacity 0.2s ease-in-out"
-      }), _v$2 = props.altText, _v$3 = props.altText ? void 0 : "presentation", _v$4 = {
+      }), _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
         "object-position": props.backgroundPosition || "center",
         "object-fit": props.backgroundSize || "cover",
         ...aspectRatioCss()
-      }, _v$5 = props.image, _v$6 = srcSetToUse(), _v$7 = props.sizes;
+      }, _v$7 = props.image, _v$8 = srcSetToUse(), _v$9 = props.sizes;
       _v$ !== _p$._v$ && className(_el$3, _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && setAttribute(_el$3, "alt", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && setAttribute(_el$3, "role", _p$._v$3 = _v$3);
-      _p$._v$4 = style(_el$3, _v$4, _p$._v$4);
-      _v$5 !== _p$._v$5 && setAttribute(_el$3, "src", _p$._v$5 = _v$5);
-      _v$6 !== _p$._v$6 && setAttribute(_el$3, "srcset", _p$._v$6 = _v$6);
-      _v$7 !== _p$._v$7 && setAttribute(_el$3, "sizes", _p$._v$7 = _v$7);
+      _v$2 !== _p$._v$2 && setAttribute(_el$3, "loading", _p$._v$2 = _v$2);
+      _v$3 !== _p$._v$3 && setAttribute(_el$3, "fetchpriority", _p$._v$3 = _v$3);
+      _v$4 !== _p$._v$4 && setAttribute(_el$3, "alt", _p$._v$4 = _v$4);
+      _v$5 !== _p$._v$5 && setAttribute(_el$3, "role", _p$._v$5 = _v$5);
+      _p$._v$6 = style(_el$3, _v$6, _p$._v$6);
+      _v$7 !== _p$._v$7 && setAttribute(_el$3, "src", _p$._v$7 = _v$7);
+      _v$8 !== _p$._v$8 && setAttribute(_el$3, "srcset", _p$._v$8 = _v$8);
+      _v$9 !== _p$._v$9 && setAttribute(_el$3, "sizes", _p$._v$9 = _v$9);
       return _p$;
     }, {
       _v$: void 0,
@@ -1859,7 +1865,9 @@ function Image(props) {
       _v$4: void 0,
       _v$5: void 0,
       _v$6: void 0,
-      _v$7: void 0
+      _v$7: void 0,
+      _v$8: void 0,
+      _v$9: void 0
     });
     return _el$;
   })(), createComponent(Show, {
@@ -1869,17 +1877,17 @@ function Image(props) {
     get children() {
       const _el$4 = _tmpl$32();
       effect((_p$) => {
-        const _v$8 = "builder-image-sizer " + css({
+        const _v$10 = "builder-image-sizer " + css({
           width: "100%",
           pointerEvents: "none",
           fontSize: "0"
-        }), _v$9 = props.aspectRatio * 100 + "%";
-        _v$8 !== _p$._v$8 && className(_el$4, _p$._v$8 = _v$8);
-        _v$9 !== _p$._v$9 && ((_p$._v$9 = _v$9) != null ? _el$4.style.setProperty("padding-top", _v$9) : _el$4.style.removeProperty("padding-top"));
+        }), _v$11 = props.aspectRatio * 100 + "%";
+        _v$10 !== _p$._v$10 && className(_el$4, _p$._v$10 = _v$10);
+        _v$11 !== _p$._v$11 && ((_p$._v$11 = _v$11) != null ? _el$4.style.setProperty("padding-top", _v$11) : _el$4.style.removeProperty("padding-top"));
         return _p$;
       }, {
-        _v$8: void 0,
-        _v$9: void 0
+        _v$10: void 0,
+        _v$11: void 0
       });
       return _el$4;
     }
@@ -2820,6 +2828,11 @@ var componentInfo5 = {
     type: "boolean",
     helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
     defaultValue: true
+  }, {
+    name: "highPriority",
+    type: "boolean",
+    advanced: true,
+    helperText: "Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."
   }, {
     name: "aspectRatio",
     type: "number",
@@ -5023,7 +5036,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.30";
+var SDK_VERSION = "1.0.32";
 
 // src/functions/register.ts
 var registry = {};
@@ -5678,6 +5691,7 @@ function ContentComponent(props) {
     }),
     rootSetState: contentSetState,
     context: props.context || {},
+    canTrack: props.canTrack,
     apiKey: props.apiKey,
     apiVersion: props.apiVersion,
     componentInfos: [...getDefaultRegisteredComponents(), ...props.customComponents || []].reduce((acc, {
@@ -5741,9 +5755,6 @@ function ContentComponent(props) {
         get contentWrapperProps() {
           return props.contentWrapperProps;
         },
-        get linkComponent() {
-          return props.linkComponent;
-        },
         get trustedHosts() {
           return props.trustedHosts;
         }
@@ -6071,6 +6082,9 @@ function Symbol(props) {
           ...contentToUse()?.data?.state
         };
       },
+      get canTrack() {
+        return props.builderContext.canTrack;
+      },
       get model() {
         return props.symbol?.model;
       },

package/lib/browser/dev.jsx

@@ -109,11 +109,7 @@ import { Show as Show4, For as For2, onMount, createMemo as createMemo5 } from "
 function getBlockComponentOptions(block) {
   return {
     ...block.component?.options,
-    ...block.options,
-    /**
-     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
-     */
-    builderBlock: block
+    ...block.options
   };
 }
 
@@ -776,11 +772,25 @@ var getRepeatItemData = ({
   }));
   return repeatArray;
 };
-var shouldPassLinkComponent = (block) => {
-  return block && (block.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name));
+var provideLinkComponent = (block, linkComponent) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+    builderLinkComponent: linkComponent
+  } : {};
+};
+var provideRegisteredComponents = (block, registeredComponents) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+    builderComponents: registeredComponents
+  } : {};
 };
-var shouldPassRegisteredComponents = (block) => {
-  return block && (block.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name));
+var provideBuilderBlock = (block, builderBlock) => {
+  return block && (block.isRSC && TARGET === "rsc" || TARGET === "reactNative" && block.name === "Text" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(block.name)) ? {
+    builderBlock
+  } : {};
+};
+var provideBuilderContext = (block, context) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(block.name)) ? {
+    builderContext: context
+  } : {};
 };
 
 // src/components/block/components/block-styles.tsx
@@ -1183,13 +1193,13 @@ function Block(props) {
       componentRef: blockComponent()?.component,
       componentOptions: {
         ...getBlockComponentOptions(processedBlock()),
-        builderContext: props.context,
-        ...shouldPassLinkComponent(blockComponent()) ? {
-          builderLinkComponent: props.linkComponent
-        } : {},
-        ...shouldPassRegisteredComponents(blockComponent()) ? {
-          builderComponents: props.registeredComponents
-        } : {}
+        ...provideBuilderBlock(blockComponent(), processedBlock()),
+        ...provideBuilderContext(blockComponent(), props.context),
+        ...provideLinkComponent(blockComponent(), props.linkComponent),
+        ...provideRegisteredComponents(
+          blockComponent(),
+          props.registeredComponents
+        )
       },
       context: props.context,
       linkComponent: props.linkComponent,
@@ -1242,7 +1252,6 @@ function Block(props) {
       Wrapper={Tag()}
       block={processedBlock()}
       context={props.context}
-      linkComponent={props.linkComponent}
     >
       <Component_ref_default
         componentRef={componentRefProps().componentRef}
@@ -1610,7 +1619,8 @@ function Image(props) {
           opacity: "1",
           transition: "opacity 0.2s ease-in-out"
         })}
-        loading="lazy"
+        loading={props.highPriority ? "eager" : "lazy"}
+        fetchpriority={props.highPriority ? "high" : "auto"}
         alt={props.altText}
         role={props.altText ? void 0 : "presentation"}
         style={{
@@ -2528,6 +2538,11 @@ var componentInfo5 = {
     type: "boolean",
     helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
     defaultValue: true
+  }, {
+    name: "highPriority",
+    type: "boolean",
+    advanced: true,
+    helperText: "Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."
   }, {
     name: "aspectRatio",
     type: "number",
@@ -4534,7 +4549,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.30";
+var SDK_VERSION = "1.0.32";
 
 // src/functions/register.ts
 var registry = {};
@@ -5212,6 +5227,7 @@ function ContentComponent(props) {
     }),
     rootSetState: contentSetState,
     context: props.context || {},
+    canTrack: props.canTrack,
     apiKey: props.apiKey,
     apiVersion: props.apiVersion,
     componentInfos: [
@@ -5251,7 +5267,6 @@ function ContentComponent(props) {
     builderContextSignal={builderContextSignal()}
     contentWrapper={props.contentWrapper}
     contentWrapperProps={props.contentWrapperProps}
-    linkComponent={props.linkComponent}
     trustedHosts={props.trustedHosts}
     {...{
       setBuilderContextSignal
@@ -5449,6 +5464,7 @@ function Symbol(props) {
       ...props.builderContext.localState,
       ...contentToUse()?.data?.state
     }}
+    canTrack={props.builderContext.canTrack}
     model={props.symbol?.model}
     content={contentToUse()}
     linkComponent={props.builderLinkComponent}

package/lib/browser/index.js

@@ -122,11 +122,7 @@ var components_context_default = createContext({ registeredComponents: {} });
 function getBlockComponentOptions(block) {
   return {
     ...block.component?.options,
-    ...block.options,
-    /**
-     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
-     */
-    builderBlock: block
+    ...block.options
   };
 }
 
@@ -783,11 +779,25 @@ var getRepeatItemData = ({
   }));
   return repeatArray;
 };
-var shouldPassLinkComponent = (block) => {
-  return block && (block.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name));
+var provideLinkComponent = (block, linkComponent) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+    builderLinkComponent: linkComponent
+  } : {};
+};
+var provideRegisteredComponents = (block, registeredComponents) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+    builderComponents: registeredComponents
+  } : {};
+};
+var provideBuilderBlock = (block, builderBlock) => {
+  return block && (block.isRSC && TARGET === "rsc" || TARGET === "reactNative" && block.name === "Text" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(block.name)) ? {
+    builderBlock
+  } : {};
 };
-var shouldPassRegisteredComponents = (block) => {
-  return block && (block.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name));
+var provideBuilderContext = (block, context) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(block.name)) ? {
+    builderContext: context
+  } : {};
 };
 
 // src/constants/device-sizes.ts
@@ -1236,13 +1246,10 @@ function Block(props) {
       componentRef: blockComponent()?.component,
       componentOptions: {
         ...getBlockComponentOptions(processedBlock()),
-        builderContext: props.context,
-        ...shouldPassLinkComponent(blockComponent()) ? {
-          builderLinkComponent: props.linkComponent
-        } : {},
-        ...shouldPassRegisteredComponents(blockComponent()) ? {
-          builderComponents: props.registeredComponents
-        } : {}
+        ...provideBuilderBlock(blockComponent(), processedBlock()),
+        ...provideBuilderContext(blockComponent(), props.context),
+        ...provideLinkComponent(blockComponent(), props.linkComponent),
+        ...provideRegisteredComponents(blockComponent(), props.registeredComponents)
       },
       context: props.context,
       linkComponent: props.linkComponent,
@@ -1350,9 +1357,6 @@ function Block(props) {
                 get context() {
                   return props.context;
                 },
-                get linkComponent() {
-                  return props.linkComponent;
-                },
                 get children() {
                   return [createComponent(component_ref_default, {
                     get componentRef() {
@@ -1778,7 +1782,7 @@ function getSrcSet(url) {
 
 // src/blocks/image/image.tsx
 var _tmpl$4 = /* @__PURE__ */ template(`<source type=image/webp>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<picture><img loading=lazy>`);
+var _tmpl$22 = /* @__PURE__ */ template(`<picture><img>`);
 var _tmpl$32 = /* @__PURE__ */ template(`<div>`);
 function Image(props) {
   const srcSetToUse = createMemo(() => {
@@ -1832,18 +1836,20 @@ function Image(props) {
       const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " " + css({
         opacity: "1",
         transition: "opacity 0.2s ease-in-out"
-      }), _v$2 = props.altText, _v$3 = props.altText ? void 0 : "presentation", _v$4 = {
+      }), _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
         "object-position": props.backgroundPosition || "center",
         "object-fit": props.backgroundSize || "cover",
         ...aspectRatioCss()
-      }, _v$5 = props.image, _v$6 = srcSetToUse(), _v$7 = props.sizes;
+      }, _v$7 = props.image, _v$8 = srcSetToUse(), _v$9 = props.sizes;
       _v$ !== _p$._v$ && className(_el$3, _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && setAttribute(_el$3, "alt", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && setAttribute(_el$3, "role", _p$._v$3 = _v$3);
-      _p$._v$4 = style(_el$3, _v$4, _p$._v$4);
-      _v$5 !== _p$._v$5 && setAttribute(_el$3, "src", _p$._v$5 = _v$5);
-      _v$6 !== _p$._v$6 && setAttribute(_el$3, "srcset", _p$._v$6 = _v$6);
-      _v$7 !== _p$._v$7 && setAttribute(_el$3, "sizes", _p$._v$7 = _v$7);
+      _v$2 !== _p$._v$2 && setAttribute(_el$3, "loading", _p$._v$2 = _v$2);
+      _v$3 !== _p$._v$3 && setAttribute(_el$3, "fetchpriority", _p$._v$3 = _v$3);
+      _v$4 !== _p$._v$4 && setAttribute(_el$3, "alt", _p$._v$4 = _v$4);
+      _v$5 !== _p$._v$5 && setAttribute(_el$3, "role", _p$._v$5 = _v$5);
+      _p$._v$6 = style(_el$3, _v$6, _p$._v$6);
+      _v$7 !== _p$._v$7 && setAttribute(_el$3, "src", _p$._v$7 = _v$7);
+      _v$8 !== _p$._v$8 && setAttribute(_el$3, "srcset", _p$._v$8 = _v$8);
+      _v$9 !== _p$._v$9 && setAttribute(_el$3, "sizes", _p$._v$9 = _v$9);
       return _p$;
     }, {
       _v$: void 0,
@@ -1852,7 +1858,9 @@ function Image(props) {
       _v$4: void 0,
       _v$5: void 0,
       _v$6: void 0,
-      _v$7: void 0
+      _v$7: void 0,
+      _v$8: void 0,
+      _v$9: void 0
     });
     return _el$;
   })(), createComponent(Show, {
@@ -1862,17 +1870,17 @@ function Image(props) {
     get children() {
       const _el$4 = _tmpl$32();
       effect((_p$) => {
-        const _v$8 = "builder-image-sizer " + css({
+        const _v$10 = "builder-image-sizer " + css({
           width: "100%",
           pointerEvents: "none",
           fontSize: "0"
-        }), _v$9 = props.aspectRatio * 100 + "%";
-        _v$8 !== _p$._v$8 && className(_el$4, _p$._v$8 = _v$8);
-        _v$9 !== _p$._v$9 && ((_p$._v$9 = _v$9) != null ? _el$4.style.setProperty("padding-top", _v$9) : _el$4.style.removeProperty("padding-top"));
+        }), _v$11 = props.aspectRatio * 100 + "%";
+        _v$10 !== _p$._v$10 && className(_el$4, _p$._v$10 = _v$10);
+        _v$11 !== _p$._v$11 && ((_p$._v$11 = _v$11) != null ? _el$4.style.setProperty("padding-top", _v$11) : _el$4.style.removeProperty("padding-top"));
         return _p$;
       }, {
-        _v$8: void 0,
-        _v$9: void 0
+        _v$10: void 0,
+        _v$11: void 0
       });
       return _el$4;
     }
@@ -2812,6 +2820,11 @@ var componentInfo5 = {
     type: "boolean",
     helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
     defaultValue: true
+  }, {
+    name: "highPriority",
+    type: "boolean",
+    advanced: true,
+    helperText: "Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."
   }, {
     name: "aspectRatio",
     type: "number",
@@ -5008,7 +5021,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.30";
+var SDK_VERSION = "1.0.32";
 
 // src/functions/register.ts
 var registry = {};
@@ -5661,6 +5674,7 @@ function ContentComponent(props) {
     }),
     rootSetState: contentSetState,
     context: props.context || {},
+    canTrack: props.canTrack,
     apiKey: props.apiKey,
     apiVersion: props.apiVersion,
     componentInfos: [...getDefaultRegisteredComponents(), ...props.customComponents || []].reduce((acc, {
@@ -5724,9 +5738,6 @@ function ContentComponent(props) {
         get contentWrapperProps() {
           return props.contentWrapperProps;
         },
-        get linkComponent() {
-          return props.linkComponent;
-        },
         get trustedHosts() {
           return props.trustedHosts;
         }
@@ -6054,6 +6065,9 @@ function Symbol(props) {
           ...contentToUse()?.data?.state
         };
       },
+      get canTrack() {
+        return props.builderContext.canTrack;
+      },
       get model() {
         return props.symbol?.model;
       },

package/lib/browser/index.jsx

@@ -109,11 +109,7 @@ import { Show as Show4, For as For2, onMount, createMemo as createMemo5 } from "
 function getBlockComponentOptions(block) {
   return {
     ...block.component?.options,
-    ...block.options,
-    /**
-     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
-     */
-    builderBlock: block
+    ...block.options
   };
 }
 
@@ -770,11 +766,25 @@ var getRepeatItemData = ({
   }));
   return repeatArray;
 };
-var shouldPassLinkComponent = (block) => {
-  return block && (block.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name));
+var provideLinkComponent = (block, linkComponent) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+    builderLinkComponent: linkComponent
+  } : {};
+};
+var provideRegisteredComponents = (block, registeredComponents) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+    builderComponents: registeredComponents
+  } : {};
 };
-var shouldPassRegisteredComponents = (block) => {
-  return block && (block.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name));
+var provideBuilderBlock = (block, builderBlock) => {
+  return block && (block.isRSC && TARGET === "rsc" || TARGET === "reactNative" && block.name === "Text" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(block.name)) ? {
+    builderBlock
+  } : {};
+};
+var provideBuilderContext = (block, context) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(block.name)) ? {
+    builderContext: context
+  } : {};
 };
 
 // src/components/block/components/block-styles.tsx
@@ -1177,13 +1187,13 @@ function Block(props) {
       componentRef: blockComponent()?.component,
       componentOptions: {
         ...getBlockComponentOptions(processedBlock()),
-        builderContext: props.context,
-        ...shouldPassLinkComponent(blockComponent()) ? {
-          builderLinkComponent: props.linkComponent
-        } : {},
-        ...shouldPassRegisteredComponents(blockComponent()) ? {
-          builderComponents: props.registeredComponents
-        } : {}
+        ...provideBuilderBlock(blockComponent(), processedBlock()),
+        ...provideBuilderContext(blockComponent(), props.context),
+        ...provideLinkComponent(blockComponent(), props.linkComponent),
+        ...provideRegisteredComponents(
+          blockComponent(),
+          props.registeredComponents
+        )
       },
       context: props.context,
       linkComponent: props.linkComponent,
@@ -1236,7 +1246,6 @@ function Block(props) {
       Wrapper={Tag()}
       block={processedBlock()}
       context={props.context}
-      linkComponent={props.linkComponent}
     >
       <Component_ref_default
         componentRef={componentRefProps().componentRef}
@@ -1603,7 +1612,8 @@ function Image(props) {
           opacity: "1",
           transition: "opacity 0.2s ease-in-out"
         })}
-        loading="lazy"
+        loading={props.highPriority ? "eager" : "lazy"}
+        fetchpriority={props.highPriority ? "high" : "auto"}
         alt={props.altText}
         role={props.altText ? void 0 : "presentation"}
         style={{
@@ -2520,6 +2530,11 @@ var componentInfo5 = {
     type: "boolean",
     helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
     defaultValue: true
+  }, {
+    name: "highPriority",
+    type: "boolean",
+    advanced: true,
+    helperText: "Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."
   }, {
     name: "aspectRatio",
     type: "number",
@@ -4519,7 +4534,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.30";
+var SDK_VERSION = "1.0.32";
 
 // src/functions/register.ts
 var registry = {};
@@ -5195,6 +5210,7 @@ function ContentComponent(props) {
     }),
     rootSetState: contentSetState,
     context: props.context || {},
+    canTrack: props.canTrack,
     apiKey: props.apiKey,
     apiVersion: props.apiVersion,
     componentInfos: [
@@ -5234,7 +5250,6 @@ function ContentComponent(props) {
     builderContextSignal={builderContextSignal()}
     contentWrapper={props.contentWrapper}
     contentWrapperProps={props.contentWrapperProps}
-    linkComponent={props.linkComponent}
     trustedHosts={props.trustedHosts}
     {...{
       setBuilderContextSignal
@@ -5432,6 +5447,7 @@ function Symbol(props) {
       ...props.builderContext.localState,
       ...contentToUse()?.data?.state
     }}
+    canTrack={props.builderContext.canTrack}
     model={props.symbol?.model}
     content={contentToUse()}
     linkComponent={props.builderLinkComponent}