@builder.io/sdk-qwik 0.16.3 → 0.16.5

package/lib/browser/index.qwik.cjs

@@ -1133,7 +1133,7 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
       registeredComponents: props2.registeredComponents,
       builderBlock: processedBlock2.value,
       includeBlockProps: ((_b = blockComponent2.value) == null ? void 0 : _b.noWrap) === true,
-      isInteractive: !((_c = blockComponent2.value) == null ? void 0 : _c.isRSC)
+      isInteractive: !(((_c = blockComponent2.value) == null ? void 0 : _c.isRSC) && TARGET === "rsc")
     };
   }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
     blockComponent,
@@ -1837,6 +1837,8 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       /* @__PURE__ */ qwik._jsxQ("picture", null, null, [
@@ -3362,7 +3364,8 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -3385,14 +3388,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const processedText = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a;
+    const [props2] = qwik.useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ qwik._jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -5203,7 +5219,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.16.3";
+const SDK_VERSION = "0.16.5";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/browser/index.qwik.mjs

@@ -1131,7 +1131,7 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       registeredComponents: props2.registeredComponents,
       builderBlock: processedBlock2.value,
       includeBlockProps: ((_b = blockComponent2.value) == null ? void 0 : _b.noWrap) === true,
-      isInteractive: !((_c = blockComponent2.value) == null ? void 0 : _c.isRSC)
+      isInteractive: !(((_c = blockComponent2.value) == null ? void 0 : _c.isRSC) && TARGET === "rsc")
     };
   }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
     blockComponent,
@@ -1835,6 +1835,8 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [
@@ -3360,7 +3362,8 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -3383,14 +3386,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const processedText = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a;
+    const [props2] = useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ _jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: _fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -5201,7 +5217,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.16.3";
+const SDK_VERSION = "0.16.5";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/edge/index.qwik.cjs

@@ -4357,7 +4357,7 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
       registeredComponents: props2.registeredComponents,
       builderBlock: processedBlock2.value,
       includeBlockProps: ((_b = blockComponent2.value) == null ? void 0 : _b.noWrap) === true,
-      isInteractive: !((_c = blockComponent2.value) == null ? void 0 : _c.isRSC)
+      isInteractive: !(((_c = blockComponent2.value) == null ? void 0 : _c.isRSC) && TARGET === "rsc")
     };
   }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
     blockComponent,
@@ -5061,6 +5061,8 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       /* @__PURE__ */ qwik._jsxQ("picture", null, null, [
@@ -6586,7 +6588,8 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -6609,14 +6612,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const processedText = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a;
+    const [props2] = qwik.useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ qwik._jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -8427,7 +8443,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.16.3";
+const SDK_VERSION = "0.16.5";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/edge/index.qwik.mjs

@@ -4355,7 +4355,7 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       registeredComponents: props2.registeredComponents,
       builderBlock: processedBlock2.value,
       includeBlockProps: ((_b = blockComponent2.value) == null ? void 0 : _b.noWrap) === true,
-      isInteractive: !((_c = blockComponent2.value) == null ? void 0 : _c.isRSC)
+      isInteractive: !(((_c = blockComponent2.value) == null ? void 0 : _c.isRSC) && TARGET === "rsc")
     };
   }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
     blockComponent,
@@ -5059,6 +5059,8 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [
@@ -6584,7 +6586,8 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -6607,14 +6610,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const processedText = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a;
+    const [props2] = useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ _jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: _fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -8425,7 +8441,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.16.3";
+const SDK_VERSION = "0.16.5";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/node/index.qwik.cjs

@@ -1278,7 +1278,7 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
       registeredComponents: props2.registeredComponents,
       builderBlock: processedBlock2.value,
       includeBlockProps: ((_b = blockComponent2.value) == null ? void 0 : _b.noWrap) === true,
-      isInteractive: !((_c = blockComponent2.value) == null ? void 0 : _c.isRSC)
+      isInteractive: !(((_c = blockComponent2.value) == null ? void 0 : _c.isRSC) && TARGET === "rsc")
     };
   }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
     blockComponent,
@@ -1982,6 +1982,8 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       /* @__PURE__ */ qwik._jsxQ("picture", null, null, [
@@ -3507,7 +3509,8 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -3530,14 +3533,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const processedText = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a;
+    const [props2] = qwik.useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ qwik._jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -5348,7 +5364,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.16.3";
+const SDK_VERSION = "0.16.5";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/node/index.qwik.mjs

@@ -1276,7 +1276,7 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       registeredComponents: props2.registeredComponents,
       builderBlock: processedBlock2.value,
       includeBlockProps: ((_b = blockComponent2.value) == null ? void 0 : _b.noWrap) === true,
-      isInteractive: !((_c = blockComponent2.value) == null ? void 0 : _c.isRSC)
+      isInteractive: !(((_c = blockComponent2.value) == null ? void 0 : _c.isRSC) && TARGET === "rsc")
     };
   }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
     blockComponent,
@@ -1980,6 +1980,8 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [
@@ -3505,7 +3507,8 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -3528,14 +3531,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const processedText = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a;
+    const [props2] = useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ _jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: _fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -5346,7 +5362,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.16.3";
+const SDK_VERSION = "0.16.5";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/package.json

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

package/types/src/blocks/image/image.types.d.ts

@@ -1,5 +1,6 @@
 import type { BuilderBlock } from '../../types/builder-block';
 export interface ImageProps {
+    attributes?: string;
     highPriority?: boolean;
     className?: string;
     image: string;
@@ -12,6 +13,7 @@ export interface ImageProps {
     backgroundPosition?: string;
     srcset?: string;
     aspectRatio?: number;
+    lockAspectRatio?: boolean;
     children?: any;
     fitContent?: boolean;
     builderBlock?: BuilderBlock;

package/types/src/blocks/symbol/symbol.types.d.ts

@@ -14,5 +14,6 @@ export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, Bu
     dynamic?: boolean;
     attributes?: any;
     inheritState?: boolean;
+    renderToLiquid?: boolean;
 }
 export {};

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

@@ -2,7 +2,8 @@ import type { BuilderRenderContext, RegisteredComponent } from '../../context/ty
 import type { ApiVersion } from '../../types/api-version';
 import type { BuilderContent } from '../../types/builder-content';
 import type { Nullable } from '../../types/typescript';
-export interface ContentVariantsPrps {
+import type { ExtraFrameworkProps } from './extra-framework-props-types';
+export interface ContentVariantsPrps extends ExtraFrameworkProps {
     /**
      * The Builder content JSON to render (required).
      */

package/types/src/components/content-variants/extra-framework-props-types.d.ts

@@ -0,0 +1,2 @@
+export interface ExtraFrameworkProps {
+}

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.3";
+export declare const SDK_VERSION = "0.16.5";

package/types/src/context/extra-context-types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * no-op type for extra context types on a per-SDK basis
+ * See `overrides/react-native/src/context/extra-context-types.ts` for an example
+ * */
+export interface ExtraContextTypes {
+}

package/types/src/context/types.d.ts

@@ -3,13 +3,14 @@ import type { ApiVersion } from '../types/api-version';
 import type { BuilderContent } from '../types/builder-content';
 import type { ComponentInfo } from '../types/components';
 import type { Dictionary, Nullable } from '../types/typescript';
+import type { ExtraContextTypes } from './extra-context-types';
 export type RegisteredComponent = ComponentInfo & {
     component: any;
 };
 export type RegisteredComponents = Dictionary<RegisteredComponent>;
 export type BuilderRenderState = Record<string, unknown>;
 export type BuilderRenderContext = Record<string, unknown>;
-export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'> {
+export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>, ExtraContextTypes {
     content: Nullable<BuilderContent>;
     context: BuilderRenderContext;
     /**