@builder.io/sdk-vue 0.5.9 → 0.6.1-0

package/packages/_vue2/dist/src/types/components.d.ts

@@ -1,111 +0,0 @@
-import type { BuilderElement } from './element.js';
-import type { Input } from './input.js';
-export interface ComponentInfo {
-    /**
-     * Name your component something unique, e.g. 'MyButton'. You can override built-in components
-     * by registering a component with the same name, e.g. 'Text', to replace the built-in text component
-     */
-    name: string;
-    description?: string;
-    /**
-     * Link to a documentation page for this component
-     */
-    docsLink?: string;
-    image?: string;
-    /**
-     * Input schema for your component for users to fill in the options
-     */
-    inputs?: Input[];
-    class?: any;
-    type?: 'angular' | 'webcomponent' | 'react' | 'vue';
-    defaultStyles?: {
-        [key: string]: string;
-    };
-    /**
-     * Turn on if your component can accept children. Be sure to use in combination with
-     * withChildren(YourComponent) like here
-     * github.com/BuilderIO/builder/blob/master/examples/react-design-system/src/components/HeroWithChildren/HeroWithChildren.builder.js#L5
-     */
-    canHaveChildren?: boolean;
-    fragment?: boolean;
-    /**
-     * Do not wrap a component in a dom element. Be sure to use {...props.attributes} with this option
-     * like here github.com/BuilderIO/builder/blob/master/packages/react/src/blocks/forms/Input.tsx#L34
-     */
-    noWrap?: boolean;
-    /**
-     * TO-DO: make this optional only for RSC SDK.
-     *
-     * Set this to `true` if your component is a React Server Component (RSC).
-     */
-    isRSC?: boolean;
-    /**
-     * Default children
-     */
-    defaultChildren?: BuilderElement[];
-    defaults?: Partial<BuilderElement>;
-    hooks?: {
-        [key: string]: string | Function;
-    };
-    /**
-     * Hide your component in editor, useful for gradually deprecating components
-     */
-    hideFromInsertMenu?: boolean;
-    tag?: string;
-    static?: boolean;
-    /**
-     * Passing a list of model names will restrict using the component to only the models listed here, otherwise it'll be available for all models
-     */
-    models?: string[];
-    /**
-     * Specify restrictions direct children must match
-     */
-    childRequirements?: {
-        /** Message to show when this doesn't match, e.g. "Children of 'Columns' must be a 'Column'" */
-        message: string;
-        /** Simple way to say children must be a specific component name */
-        component?: string;
-        /**
-         * More advanced - specify a MongoDB-style query (using sift.js github.com/crcn/sift.js)
-         * of what the children objects should match, e.g.
-         *
-         * @example
-         *  query: {
-         *    // Child of this element must be a 'Button' or 'Text' component
-         *    'component.name': { $in: ['Button', 'Text'] }
-         *  }
-         */
-        query?: any;
-    };
-    /**
-     * Specify restrictions any parent must match
-     */
-    requiresParent?: {
-        /** Message to show when this doesn't match, e.g. "'Add to cart' buttons must be within a 'Product box'" */
-        message: string;
-        /** Simple way to say a parent must be a specific component name, e.g. 'Product box' */
-        component?: string;
-        /**
-         * More advanced - specify a MongoDB-style query (using sift.js github.com/crcn/sift.js)
-         * of what at least one parent in the parents hierarchy should match, e.g.
-         *
-         * @example
-         *  query: {
-         *    // Thils element must be somewhere inside either a 'Product box' or 'Collection' component
-         *    'component.name': { $in: ['Product Box', 'Collection'] }
-         *  }
-         */
-        query?: any;
-    };
-    /** not yet implemented */
-    friendlyName?: string;
-    /**
-     * Use to restrict access to your component based on a the current user permissions
-     * By default components will show to all users
-     * for more information on permissions in builder check https://www.builder.io/c/docs/guides/roles-and-permissions
-     */
-    requiredPermissions?: Array<Permission>;
-    hidden?: boolean;
-}
-type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
-export {};

package/packages/_vue2/dist/src/types/deep-partial.d.ts

@@ -1,3 +0,0 @@
-export type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
-};

package/packages/_vue2/dist/src/types/element.d.ts

@@ -1,59 +0,0 @@
-type JSONValue = string | number | boolean | JSONObject | JSONArray;
-interface JSONObject {
-    [x: string]: JSONValue;
-}
-interface JSONArray extends Array<JSONValue> {
-}
-/** @todo typedoc this */
-export interface BuilderElement {
-    '@type': '@builder.io/sdk:Element';
-    '@version'?: number;
-    id?: string;
-    tagName?: string;
-    layerName?: string;
-    groupLocked?: boolean;
-    layerLocked?: boolean;
-    /** @todo make alias for properties.class */
-    class?: string;
-    children?: BuilderElement[];
-    responsiveStyles?: {
-        large?: Partial<CSSStyleDeclaration>;
-        medium?: Partial<CSSStyleDeclaration>;
-        small?: Partial<CSSStyleDeclaration>;
-        /** @deprecated */
-        xsmall?: Partial<CSSStyleDeclaration>;
-    };
-    component?: {
-        name: string;
-        options?: any;
-        tag?: string;
-    };
-    bindings?: {
-        [key: string]: string;
-    };
-    meta?: {
-        [key: string]: JSONValue;
-    };
-    actions?: {
-        [key: string]: string;
-    };
-    properties?: {
-        [key: string]: string;
-    };
-    code?: {
-        bindings?: {
-            [key: string]: string;
-        };
-        actions?: {
-            [key: string]: string;
-        };
-    };
-    repeat?: {
-        collection: string;
-        itemName?: string;
-    } | null;
-    animations?: Animation[];
-}
-interface Animation {
-}
-export {};

package/packages/_vue2/dist/src/types/enforced-partials.d.ts

@@ -1,21 +0,0 @@
-import type { Prettify } from './typescript.js';
-type OptionalFieldsOnly<T> = {
-    [K in keyof T as T[K] extends Required<T>[K] ? never : K]: T[K];
-};
-type RequiredFieldsOnly<T> = {
-    [K in keyof T as T[K] extends Required<T>[K] ? K : never]: T[K];
-};
-type Enforced<T> = {
-    [K in keyof T]-?: T[K];
-};
-type AndUndefined<T> = {
-    [K in keyof T]: T[K] | undefined;
-};
-/**
- * Enforce that all optional fields are undefined
- * @example
- * type Foo = { a: string, b?: number }
- * type Bar = EnforcePartials<Foo> // { a: string, b: number | undefined }
- */
-export type EnforcePartials<From> = Prettify<AndUndefined<Enforced<OptionalFieldsOnly<From>>> & RequiredFieldsOnly<From>>;
-export {};

package/packages/_vue2/dist/src/types/input.d.ts

@@ -1,121 +0,0 @@
-export interface Input {
-    /** This is the name of the component prop this input represents */
-    name: string;
-    /** A friendlier name to show in the UI if the component prop name is not ideal for end users */
-    friendlyName?: string;
-    /** @hidden @deprecated */
-    description?: string;
-    /** A default value to use */
-    defaultValue?: any;
-    /**
-     * The type of input to use, such as 'text'
-     *
-     * See all available inputs [here](https://www.builder.io/c/docs/custom-react-components#input-types)
-     * and you can create your own custom input types and associated editor UIs with [plugins](https://www.builder.io/c/docs/extending/plugins)
-     */
-    type: string;
-    /** Is this input mandatory or not */
-    required?: boolean;
-    /** @hidden */
-    autoFocus?: boolean;
-    subFields?: Input[];
-    /**
-     * Additional text to render in the UI to give guidance on how to use this
-     *
-     * @example
-     * ```js
-     * helperText: 'Be sure to use a proper URL, starting with "https://"'
-     * 111
-     */
-    helperText?: string;
-    /** @hidden */
-    allowedFileTypes?: string[];
-    /** @hidden */
-    imageHeight?: number;
-    /** @hidden */
-    imageWidth?: number;
-    /** @hidden */
-    mediaHeight?: number;
-    /** @hidden */
-    mediaWidth?: number;
-    /** @hidden */
-    hideFromUI?: boolean;
-    /** @hidden */
-    modelId?: string;
-    /**
-     * Number field type validation maximum accepted input
-     */
-    max?: number;
-    /**
-     * Number field type validation minimum accepted input
-     */
-    min?: number;
-    /**
-     * Number field type step size when using arrows
-     */
-    step?: number;
-    /**
-     * Set this to `true` to show the editor for this input when
-     * children of this component are selected. This is useful for things
-     * like Tabs, such that users may not always select the Tabs component
-     * directly but will still be looking for how to add additional tabs
-     */
-    broadcast?: boolean;
-    /**
-     * Set this to `true` to show the editor for this input when
-     * group locked parents of this component are selected. This is useful
-     * to bubble up important inputs for locked groups, like text and images
-     */
-    bubble?: boolean;
-    /**
-     * Set this to `true` if you want this component to be translatable
-     */
-    localized?: boolean;
-    /** @hidden */
-    options?: {
-        [key: string]: any;
-    };
-    /**
-     * For "text" input type, specifying an enum will show a dropdown of options instead
-     */
-    enum?: string[] | {
-        label: string;
-        value: any;
-        helperText?: string;
-    }[];
-    /** Regex field validation for all string types (text, longText, html, url, etc) */
-    regex?: {
-        /** pattern to test, like "^\/[a-z]$" */
-        pattern: string;
-        /** flags for the RegExp constructor, e.g. "gi"  */
-        options?: string;
-        /**
-         * Friendly message to display to end-users if the regex fails, e.g.
-         * "You must use a relative url starting with '/...' "
-         */
-        message: string;
-    };
-    /**
-     * Set this to `true` to put this under the "show more" section of
-     * the options editor. Useful for things that are more advanced
-     * or more rarely used and don't need to be too prominent
-     */
-    advanced?: boolean;
-    /** @hidden */
-    /** @hidden */
-    code?: boolean;
-    /** @hidden */
-    richText?: boolean;
-    /** @hidden */
-    showIf?: ((options: Map<string, any>) => boolean) | string;
-    /** @hidden */
-    copyOnAdd?: boolean;
-    /**
-     * Use optionally with inputs of type `reference`. Restricts the content entry picker to a specific model by name.
-     */
-    model?: string;
-    valueType?: {
-        type?: string;
-    };
-    onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
-}

package/packages/_vue2/dist/src/types/targets.d.ts

@@ -1 +0,0 @@
-export type Target = 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid' | 'rsc';

package/packages/_vue2/dist/src/types/typescript.d.ts

@@ -1,11 +0,0 @@
-export type Nullable<T> = T | null | undefined;
-export type Dictionary<T> = {
-    [key: string]: T;
-};
-export type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T, keyof U>> & U : never;
-export type Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-export type PropsWithChildren<P> = P & {
-    children?: any;
-};

package/packages/_vue2/dist/style.css

@@ -1 +0,0 @@
-.button-2fnk003dqad[data-v-d03c6eb1]{all:unset}.div-t9spj7joih[data-v-b1c2e5e0]{display:flex;line-height:normal}.div-t9spj7joih-2[data-v-b1c2e5e0]{display:flex;flex-direction:column;align-items:stretch}.img-1pl23ac79ld[data-v-29cdebee]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-29cdebee]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-29cdebee]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-tqyw9m0iue[data-v-a3106f07]{display:flex;flex-direction:column;align-items:stretch}

package/packages/_vue2/dist/styles.22b87564.js

@@ -1,89 +0,0 @@
-import { defineComponent as f } from "vue";
-import { n as c } from "./index.835b8ee0.js";
-const m = (t) => {
-  var o, a;
-  const e = t.family + (t.kind && !t.kind.includes("#") ? ", " + t.kind : ""), i = e.split(",")[0], r = (a = t.fileUrl) != null ? a : (o = t == null ? void 0 : t.files) == null ? void 0 : o.regular;
-  let l = "";
-  if (r && e && i && (l += `
-@font-face {
-font-family: "${e}";
-src: local("${i}"), url('${r}') format('woff2');
-font-display: fallback;
-font-weight: 400;
-}
-      `.trim()), t.files)
-    for (const n in t.files) {
-      if (!(String(Number(n)) === n))
-        continue;
-      const s = t.files[n];
-      s && s !== r && (l += `
-@font-face {
-font-family: "${e}";
-src: url('${s}') format('woff2');
-font-display: fallback;
-font-weight: ${n};
-}
-        `.trim());
-    }
-  return l;
-}, u = ({
-  customFonts: t
-}) => {
-  var e;
-  return ((e = t == null ? void 0 : t.map((i) => m(i))) == null ? void 0 : e.join(" ")) || "";
-}, d = ({
-  cssCode: t,
-  contentId: e
-}) => t ? e ? (t == null ? void 0 : t.replace(/&/g, `div[builder-content-id="${e}"]`)) || "" : t : "", p = () => import("./inlined-styles.ccff7c47.js").then((t) => t.default).catch((t) => {
-  throw console.error(
-    "Error while attempting to dynamically import component InlinedStyles at ../../inlined-styles.vue",
-    t
-  ), t;
-}), h = f({
-  name: "content-styles",
-  components: { "inlined-styles": p },
-  props: ["cssCode", "contentId", "customFonts"],
-  data() {
-    return {
-      injectedStyles: `
-${d({
-        cssCode: this.cssCode,
-        contentId: this.contentId
-      })}
-${u({
-        customFonts: this.customFonts
-      })}
-
-.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
-  margin: 0;
-}
-.builder-text > p, .builder-text > .builder-paragraph {
-  color: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  font-weight: inherit;
-  font-size: inherit;
-  text-align: inherit;
-  font-family: inherit;
-}
-`.trim()
-    };
-  }
-});
-var y = function() {
-  var e = this, i = e._self._c;
-  return e._self._setupProxy, i("inlined-styles", { attrs: { styles: e.injectedStyles } });
-}, g = [], _ = /* @__PURE__ */ c(
-  h,
-  y,
-  g,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const x = _.exports;
-export {
-  x as default
-};

package/packages/_vue2/dist/styles.a3209286.cjs

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),f=require("./index.04a22940.cjs"),u=e=>{var o,a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),i=t.split(",")[0],r=(a=e.fileUrl)!=null?a:(o=e==null?void 0:e.files)==null?void 0:o.regular;let l="";if(r&&t&&i&&(l+=`
-@font-face {
-font-family: "${t}";
-src: local("${i}"), url('${r}') format('woff2');
-font-display: fallback;
-font-weight: 400;
-}
-      `.trim()),e.files)for(const n in e.files){if(!(String(Number(n))===n))continue;const s=e.files[n];s&&s!==r&&(l+=`
-@font-face {
-font-family: "${t}";
-src: url('${s}') format('woff2');
-font-display: fallback;
-font-weight: ${n};
-}
-        `.trim())}return l},d=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(i=>u(i)))==null?void 0:t.join(" "))||""},m=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",p=()=>Promise.resolve().then(()=>require("./inlined-styles.89ce41e1.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component InlinedStyles at ../../inlined-styles.vue",e),e}),h=c.defineComponent({name:"content-styles",components:{"inlined-styles":p},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
-${m({cssCode:this.cssCode,contentId:this.contentId})}
-${d({customFonts:this.customFonts})}
-
-.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
-  margin: 0;
-}
-.builder-text > p, .builder-text > .builder-paragraph {
-  color: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  font-weight: inherit;
-  font-size: inherit;
-  text-align: inherit;
-  font-family: inherit;
-}
-`.trim()}}});var y=function(){var t=this,i=t._self._c;return t._self._setupProxy,i("inlined-styles",{attrs:{styles:t.injectedStyles}})},g=[],_=f.normalizeComponent(h,y,g,!1,null,null,null,null);const b=_.exports;exports.default=b;

package/packages/_vue3/dist/block-wrapper.4abbfa5d.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-actions.83a66ea4.cjs"),r=require("./index.f36face2.cjs"),n=t.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function c(e,a,s,i,p,k){return e.hasChildren?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:0},e.getBlockProperties({block:e.block,context:e.context}),t.toHandlers(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},16)):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1},e.getBlockProperties({block:e.block,context:e.context}),t.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),null,16))}const l=r._export_sfc(n,[["render",c]]);exports.default=l;

package/packages/_vue3/dist/block-wrapper.e6a959ca.js

@@ -1,54 +0,0 @@
-import { defineComponent as l, openBlock as o, createBlock as e, resolveDynamicComponent as r, mergeProps as n, toHandlers as a, withCtx as c, renderSlot as p } from "vue";
-import { g as s, a as i } from "./get-block-actions.48118020.js";
-import { _ as k } from "./index.ee80c2d7.js";
-const S = l({
-  name: "block-wrapper",
-  props: ["Wrapper", "block", "context", "hasChildren"],
-  data() {
-    return { getBlockActions: s, getBlockProperties: i };
-  }
-});
-function f(t, d, m, b, u, g) {
-  return t.hasChildren ? (o(), e(r(t.Wrapper), n(
-    { key: 0 },
-    t.getBlockProperties({
-      block: t.block,
-      context: t.context
-    }),
-    a(
-      t.getBlockActions({
-        block: t.block,
-        rootState: t.context.rootState,
-        rootSetState: t.context.rootSetState,
-        localState: t.context.localState,
-        context: t.context.context,
-        stripPrefix: !0
-      })
-    )
-  ), {
-    default: c(() => [
-      p(t.$slots, "default")
-    ]),
-    _: 3
-  }, 16)) : (o(), e(r(t.Wrapper), n(
-    { key: 1 },
-    t.getBlockProperties({
-      block: t.block,
-      context: t.context
-    }),
-    a(
-      t.getBlockActions({
-        block: t.block,
-        rootState: t.context.rootState,
-        rootSetState: t.context.rootSetState,
-        localState: t.context.localState,
-        context: t.context.context,
-        stripPrefix: !0
-      })
-    )
-  ), null, 16));
-}
-const C = /* @__PURE__ */ k(S, [["render", f]]);
-export {
-  C as default
-};

package/packages/_vue3/dist/component-ref.16c18e90.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.f36face2.cjs"),a=require("./get-block-actions.83a66ea4.cjs"),d=o.defineComponent({name:"interactive-element",props:["wrapperProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function B(e,r,c,l,s,p){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=n._export_sfc(d,[["render",B]]),b=({componentOptions:e,builderBlock:r,context:c,componentRef:l,includeBlockProps:s,isInteractive:p,contextValue:i})=>p?{Wrapper:l,block:r,context:c,wrapperProps:e}:{...e,...s?{attributes:a.getBlockProperties({block:r,context:i})}:{}},f=o.defineComponent({name:"component-ref",components:{Block:n.Block,BlockStyles:n.BlockStyles,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?n.wrapComponentRef(m):this.componentRef,getWrapperProps:b}}});function g(e,r,c,l,s,p){const i=o.resolveComponent("block"),k=o.resolveComponent("block-styles");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,u)=>(o.openBlock(),o.createBlock(i,{key:"block-"+t.id,block:t,context:e.context,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128)),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,u)=>(o.openBlock(),o.createBlock(k,{key:"block-style-"+t.id,block:t,context:e.context},null,8,["block","context"]))),128))]),_:1},16)):o.createCommentVNode("",!0)}const P=n._export_sfc(f,[["render",g]]);exports.default=P;

package/packages/_vue3/dist/component-ref.b3232d22.js

@@ -1,111 +0,0 @@
-import { defineComponent as f, openBlock as o, createBlock as r, resolveDynamicComponent as B, mergeProps as P, withCtx as g, renderSlot as S, resolveComponent as m, normalizeProps as y, createElementBlock as k, Fragment as u, renderList as d, createCommentVNode as R } from "vue";
-import { _ as C, a as W, b as h, w } from "./index.ee80c2d7.js";
-import { g as I, a as $ } from "./get-block-actions.48118020.js";
-const E = f({
-  name: "interactive-element",
-  props: ["wrapperProps", "block", "context", "Wrapper"],
-  data() {
-    return { getBlockActions: I, getBlockProperties: $ };
-  }
-});
-function A(e, n, c, p, s, l) {
-  return o(), r(B(e.Wrapper), P({
-    attributes: {
-      ...e.getBlockProperties({
-        block: e.block,
-        context: e.context
-      }),
-      ...e.getBlockActions({
-        block: e.block,
-        rootState: e.context.rootState,
-        rootSetState: e.context.rootSetState,
-        localState: e.context.localState,
-        context: e.context.context
-      })
-    }
-  }, e.wrapperProps), {
-    default: g(() => [
-      S(e.$slots, "default")
-    ]),
-    _: 3
-  }, 16, ["attributes"]);
-}
-const b = /* @__PURE__ */ C(E, [["render", A]]), O = ({
-  componentOptions: e,
-  builderBlock: n,
-  context: c,
-  componentRef: p,
-  includeBlockProps: s,
-  isInteractive: l,
-  contextValue: a
-}) => l ? {
-  Wrapper: p,
-  block: n,
-  context: c,
-  wrapperProps: e
-} : {
-  ...e,
-  ...s ? {
-    attributes: $({
-      block: n,
-      context: a
-    })
-  } : {}
-}, V = f({
-  name: "component-ref",
-  components: {
-    Block: W,
-    BlockStyles: h,
-    InteractiveElement: b
-  },
-  props: [
-    "isInteractive",
-    "componentRef",
-    "componentOptions",
-    "builderBlock",
-    "context",
-    "includeBlockProps",
-    "blockChildren",
-    "registeredComponents"
-  ],
-  data() {
-    return {
-      Wrapper: this.isInteractive ? w(b) : this.componentRef,
-      getWrapperProps: O
-    };
-  }
-});
-function x(e, n, c, p, s, l) {
-  const a = m("block"), i = m("block-styles");
-  return e.componentRef ? (o(), r(B(e.Wrapper), y(P(
-    { key: 0 },
-    e.getWrapperProps({
-      componentOptions: e.componentOptions,
-      builderBlock: e.builderBlock,
-      context: e.context,
-      componentRef: e.componentRef,
-      includeBlockProps: e.includeBlockProps,
-      isInteractive: e.isInteractive,
-      contextValue: e.context
-    })
-  )), {
-    default: g(() => [
-      (o(!0), k(u, null, d(e.blockChildren, (t, v) => (o(), r(a, {
-        key: "block-" + t.id,
-        block: t,
-        context: e.context,
-        registeredComponents: e.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-      (o(!0), k(u, null, d(e.blockChildren, (t, v) => (o(), r(i, {
-        key: "block-style-" + t.id,
-        block: t,
-        context: e.context
-      }, null, 8, ["block", "context"]))), 128))
-    ]),
-    _: 1
-  }, 16)) : R("", !0);
-}
-const L = /* @__PURE__ */ C(V, [["render", x]]);
-export {
-  L as default
-};