@builder.io/sdk-vue 2.0.16 → 2.0.20

package/lib/browser/index.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { n as a, j as r, k as o, C as i, o as n, F as c, I as g, S as m, l, m as u, V as d, z as p, r as C, y as B, A as E, D as S, u as f, p as h, q as x, s as b, t as k, x as y, v as P } from "./index-LzjDY2XM.js";
+import { n as a, j as r, k as o, C as i, o as n, F as c, I as g, S as m, l, m as u, V as d, z as p, r as C, y as B, A as E, D as S, u as f, p as h, q as x, s as b, t as k, x as y, v as P } from "./index-IkCq97zU.js";
 export {
   a as Blocks,
   r as BuilderContext,

package/lib/browser/{repeated-block-qTqSm8kM.js → repeated-block-9kzlJZ0z.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as p, createBlock as c } from "vue";
-import { j as s, e as l } from "./index-LzjDY2XM.js";
-const i = () => import("./index-LzjDY2XM.js").then((o) => o.G).then((o) => o.default).catch((o) => {
+import { j as s, e as l } from "./index-IkCq97zU.js";
+const i = () => import("./index-IkCq97zU.js").then((o) => o.G).then((o) => o.default).catch((o) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     o

package/lib/browser/{repeated-block-BQJwYMB1.cjs → repeated-block-phJGhJDz.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-NFUE2Jgz.cjs"),r=()=>Promise.resolve().then(()=>require("./index-NFUE2Jgz.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,m,a,d){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-G94Y3yOE.cjs"),r=()=>Promise.resolve().then(()=>require("./index-G94Y3yOE.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,m,a,d){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;

package/lib/browser/style.css

@@ -1 +1 @@
-.component-178o76acnws[data-v-824f09a8]{display:flex;flex-direction:column;align-items:stretch}.div-2brhoa1k8gd[data-v-52366f16]{display:flex;line-height:normal}.img-1pl23ac79ld[data-v-b1147753]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-b1147753]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-b1147753]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3i4ezorcfhi[data-v-489330f7]{padding:10px;color:red;text-align:center}
+.component-1k2igrjdg3x[data-v-162df12b]{display:flex;flex-direction:column;align-items:stretch}.div-4wbls88y960[data-v-adc066fc]{display:flex;line-height:normal}.img-29wpyomtntv[data-v-77f8a6c4]{opacity:1;transition:opacity .2s ease-in-out}.div-29wpyomtntv[data-v-77f8a6c4]{width:100%;pointer-events:none;font-size:0}.div-29wpyomtntv-2[data-v-77f8a6c4]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3q96myty4lk[data-v-6e18f21b]{padding:10px;color:red;text-align:center}

package/lib/edge/awaiter-EaEHpSME.js

@@ -0,0 +1,15 @@
+import { defineComponent as t, renderSlot as o } from "vue";
+import { e as r } from "./index-a1uEIlXu.js";
+const n = t({
+  name: "awaiter",
+  props: [],
+  mounted() {
+  }
+});
+function a(e, s, p, f, c, d) {
+  return o(e.$slots, "default");
+}
+const _ = /* @__PURE__ */ r(n, [["render", a]]);
+export {
+  _ as default
+};

package/lib/edge/awaiter-qkwHnyG4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-wbH9RC9d.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,c,i,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;

package/lib/edge/{block-styles-VxOvC1TW.cjs → block-styles-dBm-UB6s.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-sCP9BbUb.cjs"),f=l.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var y,p,h;const e=this.block,t=e.responsiveStyles,c=this.context.content,a=s.getSizesForBreakpoints(((y=c==null?void 0:c.meta)==null?void 0:y.breakpoints)||{}),i=t==null?void 0:t.large,d=t==null?void 0:t.medium,r=t==null?void 0:t.small,n=e.id;if(!n)return"";const S=i?s.createCssClass({className:n,styles:i}):"",k=d?s.createCssClass({className:n,styles:d,mediaQuery:s.getMaxWidthQueryForSize("medium",a)}):"",C=r?s.createCssClass({className:n,styles:r,mediaQuery:s.getMaxWidthQueryForSize("small",a)}):"",o=e.animations&&e.animations.find(m=>m.trigger==="hover");let u="";if(o){const m=((h=(p=o.steps)==null?void 0:p[1])==null?void 0:h.styles)||{};u=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${o.duration}s ${s.camelToKebabCase(o.easing)}`,transitionDelay:o.delay?`${o.delay}s`:"0s"}})||""}return[S,k,C,u].join(" ")}}});function b(e,t,c,a,i,d){const r=l.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(l.openBlock(),l.createBlock(r,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):l.createCommentVNode("",!0)}const g=s._export_sfc(f,[["render",b]]);exports.default=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-wbH9RC9d.cjs"),f=l.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var y,p,h;const e=this.block,t=e.responsiveStyles,c=this.context.content,a=s.getSizesForBreakpoints(((y=c==null?void 0:c.meta)==null?void 0:y.breakpoints)||{}),i=t==null?void 0:t.large,d=t==null?void 0:t.medium,r=t==null?void 0:t.small,n=e.id;if(!n)return"";const S=i?s.createCssClass({className:n,styles:i}):"",k=d?s.createCssClass({className:n,styles:d,mediaQuery:s.getMaxWidthQueryForSize("medium",a)}):"",C=r?s.createCssClass({className:n,styles:r,mediaQuery:s.getMaxWidthQueryForSize("small",a)}):"",o=e.animations&&e.animations.find(m=>m.trigger==="hover");let u="";if(o){const m=((h=(p=o.steps)==null?void 0:p[1])==null?void 0:h.styles)||{};u=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${o.duration}s ${s.camelToKebabCase(o.easing)}`,transitionDelay:o.delay?`${o.delay}s`:"0s"}})||""}return[S,k,C,u].join(" ")}}});function b(e,t,c,a,i,d){const r=l.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(l.openBlock(),l.createBlock(r,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):l.createCommentVNode("",!0)}const g=s._export_sfc(f,[["render",b]]);exports.default=g;

package/lib/{node/block-styles-1_5JG_2z.js → edge/block-styles-e5rHDnez.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, resolveComponent as g, openBlock as $, createBlock as v, createCommentVNode as B } from "vue";
-import { _, T, c as h, g as w, a as l, b as k, d as I, e as N } from "./index-trhIUBJe.js";
+import { _, T, c as h, g as w, a as l, b as k, d as I, e as N } from "./index-a1uEIlXu.js";
 const z = C({
   name: "block-styles",
   components: { InlinedStyles: _ },

package/lib/edge/{block-wrapper--PIvpZ-W.js → block-wrapper-IsmLQCso.js}

@@ -1,7 +1,7 @@
 import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as i, renderSlot as p } from "vue";
-import { g as s, a as l } from "./get-block-properties-1IIhEm1L.js";
-import { e as m } from "./index-_G5Jct0s.js";
-const d = () => import("./index-_G5Jct0s.js").then((e) => e.E).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-jWWYZFYS.js";
+import { e as m } from "./index-a1uEIlXu.js";
+const d = () => import("./index-a1uEIlXu.js").then((e) => e.E).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     e

package/lib/{node/block-wrapper-ofVcndkY.cjs → edge/block-wrapper-XFAJUGmy.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-WxCzIZPQ.cjs"),n=require("./index-Yv0J5kjl.cjs"),c=()=>Promise.resolve().then(()=>require("./index-Yv0J5kjl.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-FTpxQBNr.cjs"),n=require("./index-wbH9RC9d.cjs"),c=()=>Promise.resolve().then(()=>require("./index-wbH9RC9d.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;

package/lib/edge/component-ref-VkKlvDcE.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-wbH9RC9d.cjs"),a=require("./get-block-properties-FTpxQBNr.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-qkwHnyG4.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),d=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["includeBlockProps","block","context","Wrapper","wrapperProps"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function f(e,n,s,l,r,i){const o=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(o,{key:0,load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["load","fallback","props","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))}const m=c._export_sfc(d,[["render",f]]),b=({componentOptions:e,builderBlock:n,context:s,componentRef:l,includeBlockProps:r,isInteractive:i,contextValue:o})=>{const p={...e,...r?{attributes:a.getBlockProperties({block:n,context:o})}:{}};return i?{Wrapper:l,block:n,context:s,wrapperProps:e,includeBlockProps:r}:p},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:b}}});function C(e,n,s,l,r,i){const o=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(p,k)=>(t.openBlock(),t.createBlock(o,{key:p.id,block:p,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const h=c._export_sfc(B,[["render",C]]);exports.default=h;

package/lib/edge/component-ref-mDQskFmn.js

@@ -0,0 +1,134 @@
+import { defineComponent as d, defineAsyncComponent as P, resolveComponent as k, openBlock as o, createBlock as a, withCtx as l, renderSlot as m, resolveDynamicComponent as f, mergeProps as b, normalizeProps as B, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as W } from "vue";
+import { e as h, B as S, w as y } from "./index-a1uEIlXu.js";
+import { a as C, g as A } from "./get-block-properties-jWWYZFYS.js";
+const R = () => import("./awaiter-EaEHpSME.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
+    e
+  ), e;
+}), E = d({
+  name: "interactive-element",
+  components: { Awaiter: P(R) },
+  props: ["includeBlockProps", "block", "context", "Wrapper", "wrapperProps"],
+  computed: {
+    attributes() {
+      return this.includeBlockProps ? {
+        ...C({
+          block: this.block,
+          context: this.context
+        }),
+        ...A({
+          block: this.block,
+          rootState: this.context.rootState,
+          rootSetState: this.context.rootSetState,
+          localState: this.context.localState,
+          context: this.context.context
+        })
+      } : {};
+    }
+  }
+});
+function I(e, n, s, i, r, c) {
+  const t = k("Awaiter");
+  return e.Wrapper.load ? (o(), a(t, {
+    key: 0,
+    load: e.Wrapper.load,
+    fallback: e.Wrapper.fallback,
+    props: e.wrapperProps,
+    attributes: e.attributes
+  }, {
+    default: l(() => [
+      m(e.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["load", "fallback", "props", "attributes"])) : (o(), a(f(e.Wrapper), b({
+    key: 1,
+    attributes: e.attributes
+  }, e.wrapperProps), {
+    default: l(() => [
+      m(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16, ["attributes"]));
+}
+const u = /* @__PURE__ */ h(E, [["render", I]]), O = ({
+  componentOptions: e,
+  builderBlock: n,
+  context: s,
+  componentRef: i,
+  includeBlockProps: r,
+  isInteractive: c,
+  contextValue: t
+}) => {
+  const p = {
+    ...e,
+    /**
+     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
+     * component itself directly. Otherwise, they are provided to the wrapper element.
+     */
+    ...r ? {
+      attributes: C({
+        block: n,
+        context: t
+      })
+    } : {}
+  };
+  return c ? {
+    Wrapper: i,
+    block: n,
+    context: s,
+    wrapperProps: e,
+    includeBlockProps: r
+  } : p;
+}, V = d({
+  name: "component-ref",
+  components: { Block: S, InteractiveElement: u },
+  props: [
+    "isInteractive",
+    "componentRef",
+    "componentOptions",
+    "builderBlock",
+    "context",
+    "linkComponent",
+    "includeBlockProps",
+    "blockChildren",
+    "registeredComponents"
+  ],
+  data() {
+    return {
+      Wrapper: this.isInteractive ? y(u) : this.componentRef,
+      getWrapperProps: O
+    };
+  }
+});
+function z(e, n, s, i, r, c) {
+  const t = k("Block");
+  return e.componentRef ? (o(), a(f(e.Wrapper), B(b(
+    { key: 0 },
+    e.getWrapperProps({
+      componentOptions: e.componentOptions,
+      builderBlock: e.builderBlock,
+      context: e.context,
+      componentRef: e.componentRef,
+      linkComponent: e.linkComponent,
+      includeBlockProps: e.includeBlockProps,
+      isInteractive: e.isInteractive,
+      contextValue: e.context
+    })
+  )), {
+    default: l(() => [
+      (o(!0), g($, null, v(e.blockChildren, (p, w) => (o(), a(t, {
+        key: p.id,
+        block: p,
+        context: e.context,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
+    ]),
+    _: 1
+  }, 16)) : W("", !0);
+}
+const N = /* @__PURE__ */ h(V, [["render", z]]);
+export {
+  N as default
+};

package/lib/edge/components/awaiter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<Readonly<{}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{}>>>, {}, {}>;
+export default _default;

package/lib/edge/components/block/components/interactive-element.vue.d.ts

@@ -13,21 +13,21 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     block?: any;
     includeBlockProps?: any;
-    wrapperProps?: any;
     Wrapper?: any;
+    wrapperProps?: any;
 }>, unknown, unknown, {
     attributes(): {};
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     block?: any;
     includeBlockProps?: any;
-    wrapperProps?: any;
     Wrapper?: any;
+    wrapperProps?: any;
 }>>>, {
     readonly context?: any;
     readonly block?: any;
     readonly includeBlockProps?: any;
-    readonly wrapperProps?: any;
     readonly Wrapper?: any;
+    readonly wrapperProps?: any;
 }, {}>;
 export default _default;

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.16";
+export declare const SDK_VERSION = "2.0.20";

package/lib/edge/context/component-reference-types.d.ts

@@ -0,0 +1,4 @@
+/**
+ * To be overriden to the correct `Component` type for each framework.
+ */
+export type ComponentReference = any;

package/lib/edge/context/types.d.ts

@@ -3,9 +3,10 @@ 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 { ComponentReference } from './component-reference-types';
 import type { ExtraContextTypes } from './extra-context-types';
 export type RegisteredComponent = ComponentInfo & {
-    component: any;
+    component: ComponentReference;
 };
 export type RegisteredComponents = Dictionary<RegisteredComponent>;
 export type BuilderRenderState = Record<string, unknown>;

package/lib/edge/{get-block-properties-YnnLDBjt.cjs → get-block-properties-FTpxQBNr.cjs}

@@ -1 +1 @@
-"use strict";const a=require("./index-sCP9BbUb.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;
+"use strict";const a=require("./index-wbH9RC9d.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;

package/lib/{node/get-block-properties-dtlboGe6.js → edge/get-block-properties-jWWYZFYS.js}

@@ -1,4 +1,4 @@
-import { f as s, T as c, h as i, i as l } from "./index-trhIUBJe.js";
+import { f as s, T as c, h as i, i as l } from "./index-a1uEIlXu.js";
 const f = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => s({
   code: e,
   context: t.context,

package/lib/edge/{index-_G5Jct0s.js → index-a1uEIlXu.js}

@@ -3126,7 +3126,7 @@ function eo(e, t) {
   const n = new URL(t.origin), r = n.hostname;
   return (e || _i).findIndex((o) => o.startsWith("*.") ? r.endsWith(o.slice(1)) : o === r) > -1;
 }
-const Yi = "2.0.16", Zi = () => {
+const Yi = "2.0.20", Zi = () => {
   Oi("insertMenu", {
     name: "_default",
     default: !0,
@@ -3699,22 +3699,22 @@ const bs = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Is = () => import("./block-styles-ZXgAEao4.js").then((e) => e.default).catch((e) => {
+}), Is = () => import("./block-styles-e5rHDnez.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), xs = () => import("./block-wrapper--PIvpZ-W.js").then((e) => e.default).catch((e) => {
+}), xs = () => import("./block-wrapper-IsmLQCso.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), Rs = () => import("./component-ref-J3KW7NWq.js").then((e) => e.default).catch((e) => {
+}), Rs = () => import("./component-ref-mDQskFmn.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), As = () => import("./repeated-block-xjv5lSgT.js").then((e) => e.default).catch((e) => {
+}), As = () => import("./repeated-block-WbUp3X7n.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -3930,7 +3930,7 @@ const Mn = /* @__PURE__ */ V($s, [["render", Ps]]), Tu = /* @__PURE__ */ Object.
 function js(e, t, n, r, o, i) {
   return y(), D(ct(e.BlocksWrapper), K({
     ref: "blocksWrapperRef",
-    class: e.className + " component-178o76acnws",
+    class: e.className + " component-1k2igrjdg3x",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -3944,7 +3944,7 @@ function js(e, t, n, r, o, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Bs = /* @__PURE__ */ V(Os, [["render", js], ["__scopeId", "data-v-824f09a8"]]), Ns = j({
+const Bs = /* @__PURE__ */ V(Os, [["render", js], ["__scopeId", "data-v-162df12b"]]), Ns = j({
   name: "builder-blocks",
   components: { BlocksWrapper: Bs, Block: Mn },
   props: [
@@ -4186,7 +4186,7 @@ function Hs(e, t, n, r, o, i) {
   var m;
   const a = U("InlinedStyles"), u = U("Blocks"), p = U("DynamicRenderer");
   return y(), T("div", K({
-    class: e.getColumnsClass((m = e.builderBlock) == null ? void 0 : m.id) + " div-2brhoa1k8gd",
+    class: e.getColumnsClass((m = e.builderBlock) == null ? void 0 : m.id) + " div-4wbls88y960",
     style: e.columnsCssVars()
   }, {}), [
     e.TARGET !== "reactNative" ? (y(), D(a, {
@@ -4218,7 +4218,7 @@ function Hs(e, t, n, r, o, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Ks = /* @__PURE__ */ V(Ls, [["render", Hs], ["__scopeId", "data-v-52366f16"]]), qs = j({
+const Ks = /* @__PURE__ */ V(Ls, [["render", Hs], ["__scopeId", "data-v-adc066fc"]]), qs = j({
   name: "builder-fragment-component",
   props: []
 });
@@ -4311,7 +4311,7 @@ const _s = j({
   }
 }), Ys = ["srcset"], Zs = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], Qs = {
   key: 2,
-  class: "div-1pl23ac79ld-2"
+  class: "div-29wpyomtntv-2"
 };
 function ea(e, t, n, r, o, i) {
   var a, u, p, m, v, h;
@@ -4333,7 +4333,7 @@ function ea(e, t, n, r, o, i) {
           ...e.aspectRatioCss
         }),
         class: mt(
-          "builder-image" + (e.className ? " " + e.className : "") + " img-1pl23ac79ld"
+          "builder-image" + (e.className ? " " + e.className : "") + " img-29wpyomtntv"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
@@ -4342,7 +4342,7 @@ function ea(e, t, n, r, o, i) {
     ]),
     e.aspectRatio && !((u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent) ? (y(), T("div", {
       key: 0,
-      class: "builder-image-sizer div-1pl23ac79ld",
+      class: "builder-image-sizer div-29wpyomtntv",
       style: Oe({
         paddingTop: e.aspectRatio * 100 + "%"
       })
@@ -4353,7 +4353,7 @@ function ea(e, t, n, r, o, i) {
     ])) : M("", !0)
   ], 64);
 }
-const ta = /* @__PURE__ */ V(_s, [["render", ea], ["__scopeId", "data-v-b1147753"]]), na = j({
+const ta = /* @__PURE__ */ V(_s, [["render", ea], ["__scopeId", "data-v-77f8a6c4"]]), na = j({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -5917,7 +5917,7 @@ const Ha = /* @__PURE__ */ V(Ma, [["render", La]]), Ka = {
   }
 }), Xa = ["validate", "action", "method", "name"], _a = {
   key: 3,
-  class: "builder-form-error-text pre-3i4ezorcfhi"
+  class: "builder-form-error-text pre-3q96myty4lk"
 };
 function Ya(e, t, n, r, o, i) {
   var p;
@@ -5958,7 +5958,7 @@ function Ya(e, t, n, r, o, i) {
     }, null, 8, ["blocks", "context"])) : M("", !0)
   ], 16, Xa);
 }
-const Za = /* @__PURE__ */ V(Ja, [["render", Ya], ["__scopeId", "data-v-489330f7"]]), Qa = {
+const Za = /* @__PURE__ */ V(Ja, [["render", Ya], ["__scopeId", "data-v-6e18f21b"]]), Qa = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [