@builder.io/sdk-vue 1.0.27 → 1.0.28

package/lib/node/{index-551oCh4n.js → index-SBrRKKYe.js}

@@ -14,7 +14,7 @@ function filterAttrs(e = {}, t, n) {
   }
   return o;
 }
-const _sfc_main$r = defineComponent({
+const _sfc_main$s = defineComponent({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
@@ -26,7 +26,7 @@ const _sfc_main$r = defineComponent({
     n[o] = r;
   return n;
 };
-function _sfc_render$p(e, t, n, o, r, s) {
+function _sfc_render$q(e, t, n, o, r, s) {
   return e.isEmptyElement(e.TagName) ? (openBlock(), createBlock(resolveDynamicComponent(e.TagName), mergeProps({ key: 1 }, e.attributes, toHandlers(e.actionAttributes)), null, 16)) : (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
     typeof e.TagName == "string" ? (openBlock(), createBlock(resolveDynamicComponent(e.TagName), mergeProps({ key: 0 }, e.attributes, toHandlers(e.actionAttributes)), {
       default: withCtx(() => [
@@ -41,7 +41,7 @@ function _sfc_render$p(e, t, n, o, r, s) {
     }, 16))
   ], 64));
 }
-const DynamicRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$p]]), dynamicRenderer = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const DynamicRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$q]]), dynamicRenderer = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: DynamicRenderer
 }, Symbol.toStringTag, { value: "Module" })), TARGET = "vue", getClassPropName = () => {
@@ -57,7 +57,7 @@ const DynamicRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sf
     case "angular":
       return "class";
   }
-}, _sfc_main$q = defineComponent({
+}, _sfc_main$r = defineComponent({
   name: "builder-button",
   components: { DynamicRenderer },
   props: [
@@ -86,8 +86,8 @@ const DynamicRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sf
     }
   }
 });
-function _sfc_render$o(e, t, n, o, r, s) {
-  const i = resolveComponent("dynamic-renderer");
+function _sfc_render$p(e, t, n, o, r, s) {
+  const i = resolveComponent("DynamicRenderer");
   return openBlock(), createBlock(i, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
@@ -99,7 +99,7 @@ function _sfc_render$o(e, t, n, o, r, s) {
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$o]]), key$1 = Symbol(), BuilderContext = {
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$p]]), key$1 = Symbol(), BuilderContext = {
   Builder: {
     content: null,
     context: {},
@@ -212,7 +212,7 @@ const getLocation = () => {
   rootSetState: s,
   rootState: i
 }) => {
-  const a = getFunctionArguments({
+  const l = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
@@ -222,7 +222,7 @@ const getLocation = () => {
       rootSetState: s
     })
   });
-  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
+  return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
 };
 function flattenState({
   rootState: e,
@@ -347,26 +347,26 @@ const getIsolateContext = () => IVM_CONTEXT || setIsolateContext(), runInNode =
   rootSetState: s,
   rootState: i
 }) => {
-  const a = getIvm(), l = fastClone({
+  const l = getIvm(), a = fastClone({
     ...i,
     ...r
   }), d = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
-    state: l
+    state: a
   }), p = getIsolateContext(), c = p.global;
   c.setSync(BUILDER_SET_STATE_NAME, function(m, b) {
     set(i, m, b), s == null || s(i);
   }), d.forEach(([m, b]) => {
-    const S = typeof b == "object" ? new a.Reference(
+    const C = typeof b == "object" ? new l.Reference(
       // workaround: methods with default values for arguments is not being cloned over
       m === "builder" ? {
         ...b,
         getUserAttributes: () => b.getUserAttributes()
       } : b
     ) : null;
-    c.setSync(getSyncValName(m), S);
+    c.setSync(getSyncValName(m), C);
   });
   const u = processCode({
     code: e,
@@ -416,11 +416,11 @@ function evaluate({
   rootSetState: r,
   event: s,
   isExpression: i = !0,
-  enableCache: a
+  enableCache: l
 }) {
   if (e === "")
     return;
-  const l = {
+  const a = {
     code: parseCode(e, {
       isExpression: i
     }),
@@ -431,15 +431,15 @@ function evaluate({
     rootState: o,
     localState: n
   };
-  if (a) {
-    const d = EvalCache.getCacheKey(l), p = EvalCache.getCachedValue(d);
+  if (l) {
+    const d = EvalCache.getCacheKey(a), p = EvalCache.getCachedValue(d);
     if (p)
       return p.value;
   }
   try {
-    const d = chooseBrowserOrServerEval(l);
-    if (a) {
-      const p = EvalCache.getCacheKey(l);
+    const d = chooseBrowserOrServerEval(a);
+    if (l) {
+      const p = EvalCache.getCacheKey(a);
       EvalCache.setCachedValue(p, d);
     }
     return d;
@@ -471,16 +471,16 @@ const evaluateBindings = ({
       ...s.actions
     }
   };
-  for (const a in e.bindings) {
-    const l = e.bindings[a], d = evaluate({
-      code: l,
+  for (const l in e.bindings) {
+    const a = e.bindings[l], d = evaluate({
+      code: a,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t,
       enableCache: !0
     });
-    set(i, a, d);
+    set(i, l, d);
   }
   return i;
 };
@@ -501,16 +501,17 @@ function getProcessedBlock({
     context: t
   }) : i;
 }
+const camelToKebabCase = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
 function throttle(e, t, n = {}) {
-  let o, r, s, i = null, a = 0;
-  const l = function() {
-    a = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
+  let o, r, s, i = null, l = 0;
+  const a = function() {
+    l = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
   };
   return function() {
     const d = Date.now();
-    !a && n.leading === !1 && (a = d);
-    const p = t - (d - a);
-    return o = this, r = arguments, p <= 0 || p > t ? (i && (clearTimeout(i), i = null), a = d, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, p)), s;
+    !l && n.leading === !1 && (l = d);
+    const p = t - (d - l);
+    return o = this, r = arguments, p <= 0 || p > t ? (i && (clearTimeout(i), i = null), l = d, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(a, p)), s;
   };
 }
 function assign(e, ...t) {
@@ -523,7 +524,6 @@ function assign(e, ...t) {
   }
   return n;
 }
-const camelCaseToKebabCase = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
 function bindAnimations(e) {
   for (const t of e)
     switch (t.trigger) {
@@ -540,9 +540,9 @@ function warnElementNotPresent(e) {
 }
 function augmentAnimation(e, t) {
   const n = getAllStylesUsed(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
-  for (const a of i)
-    for (const l of n)
-      l in a || (a[l] = o[l]);
+  for (const l of i)
+    for (const a of n)
+      a in l || (l[a] = o[a]);
 }
 function getAllStylesUsed(e) {
   const t = [];
@@ -559,7 +559,7 @@ function triggerAnimation(e) {
   }
   Array.from(t).forEach((n) => {
     augmentAnimation(e, n), n.style.transition = "none", n.style.transitionDelay = "0", assign(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), assign(n.style, e.steps[1].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${camelToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), assign(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -575,32 +575,32 @@ function bindScrollInViewAnimation(e) {
     augmentAnimation(e, n);
     let o = !1, r = !1;
     function s() {
-      !o && a(n) ? (o = !0, r = !0, setTimeout(() => {
+      !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
         assign(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
           r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && o && !r && !a(n) && (o = !1, assign(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !r && !l(n) && (o = !1, assign(n.style, e.steps[0].styles));
     }
     const i = throttle(s, 200, {
       leading: !1
     });
-    function a(p) {
+    function l(p) {
       const c = p.getBoundingClientRect(), u = window.innerHeight, m = (e.thresholdPercent || 0) / 100 * u;
       return c.bottom > m && c.top < u - m;
     }
-    const l = e.steps[0].styles;
+    const a = e.steps[0].styles;
     function d() {
-      assign(n.style, l);
+      assign(n.style, a);
     }
     d(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${camelToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", i, {
       capture: !0,
       passive: !0
     }), s();
   });
 }
-const camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
+const convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${camelToKebabCase(n)}: ${o};`;
 }).filter(checkIsDefined), convertStyleMapToCSS = (e) => convertStyleMapToCSSArray(e).join(`
@@ -686,35 +686,35 @@ const getComponent = ({
   if (!Array.isArray(r))
     return;
   const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
-  return r.map((l, d) => ({
+  return r.map((a, d) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
         $index: d,
-        $item: l,
-        [i]: l,
+        $item: a,
+        [i]: a,
         [`$${i}Index`]: d
       }
     },
     block: o
   }));
-}, shouldPassLinkComponent = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), shouldPassRegisteredComponents = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), BlockStyles = () => import("./block-styles-rm11zBuW.js").then((e) => e.default).catch((e) => {
+}, shouldPassLinkComponent = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), shouldPassRegisteredComponents = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), BlockStyles = () => import("./block-styles-WCFA1FJi.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;
-}), BlockWrapper = () => import("./block-wrapper-srcEZrVN.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper-x45MAliP.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;
-}), ComponentRef = () => import("./component-ref-fhwnMZz8.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref-ppTIcqTZ.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;
-}), RepeatedBlock = () => import("./repeated-block-UcyfQ95X.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block-NuJ5uVX7.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -724,7 +724,7 @@ const getComponent = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), _sfc_main$p = defineComponent({
+}), _sfc_main$q = defineComponent({
   name: "block",
   components: {
     BlockStyles: defineAsyncComponent(BlockStyles),
@@ -808,15 +808,15 @@ const getComponent = ({
     }
   }
 });
-function _sfc_render$n(e, t, n, o, r, s) {
+function _sfc_render$o(e, t, n, o, r, s) {
   var c;
-  const i = resolveComponent("block-styles"), a = resolveComponent("component-ref"), l = resolveComponent("block", !0), d = resolveComponent("block-wrapper"), p = resolveComponent("repeated-block");
+  const i = resolveComponent("BlockStyles"), l = resolveComponent("ComponentRef"), a = resolveComponent("Block", !0), d = resolveComponent("BlockWrapper"), p = resolveComponent("RepeatedBlock");
   return e.canShowBlock ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
     createVNode(i, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (c = e.blockComponent) != null && c.noWrap ? (openBlock(), createBlock(a, {
+    (c = e.blockComponent) != null && c.noWrap ? (openBlock(), createBlock(l, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -842,7 +842,7 @@ function _sfc_render$n(e, t, n, o, r, s) {
         linkComponent: e.linkComponent
       }, {
         default: withCtx(() => [
-          createVNode(a, {
+          createVNode(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -853,7 +853,7 @@ function _sfc_render$n(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (u, f) => (openBlock(), createBlock(l, {
+          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (u, f) => (openBlock(), createBlock(a, {
             key: u.id,
             block: u,
             registeredComponents: e.registeredComponents,
@@ -866,10 +866,10 @@ function _sfc_render$n(e, t, n, o, r, s) {
     ], 64))
   ], 64)) : createCommentVNode("", !0);
 }
-const Block = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$n]]), block = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Block = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$o]]), block = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Block
-}, Symbol.toStringTag, { value: "Module" })), _sfc_main$o = defineComponent({
+}, Symbol.toStringTag, { value: "Module" })), _sfc_main$p = defineComponent({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -914,9 +914,9 @@ const Block = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$n
     }
   }
 });
-function _sfc_render$m(e, t, n, o, r, s) {
+function _sfc_render$n(e, t, n, o, r, s) {
   return openBlock(), createBlock(resolveDynamicComponent(e.BlocksWrapper), mergeProps({
-    class: e.className + " component-178o76acnws",
+    class: e.className + " component-1k2igrjdg3x",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -930,7 +930,7 @@ function _sfc_render$m(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$m], ["__scopeId", "data-v-a5b13ef9"]]), _sfc_main$n = defineComponent({
+const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$n], ["__scopeId", "data-v-f091a4a7"]]), _sfc_main$o = defineComponent({
   name: "builder-blocks",
   components: { BlocksWrapper, Block },
   props: [
@@ -947,15 +947,15 @@ const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_
     componentsContext: ComponentsContext.key
   }
 });
-function _sfc_render$l(e, t, n, o, r, s) {
-  var l, d;
-  const i = resolveComponent("block"), a = resolveComponent("blocks-wrapper");
-  return openBlock(), createBlock(a, {
+function _sfc_render$m(e, t, n, o, r, s) {
+  var a, d;
+  const i = resolveComponent("Block"), l = resolveComponent("BlocksWrapper");
+  return openBlock(), createBlock(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
-    BlocksWrapper: ((l = e.context) == null ? void 0 : l.BlocksWrapper) || e.builderContext.BlocksWrapper,
+    BlocksWrapper: ((a = e.context) == null ? void 0 : a.BlocksWrapper) || e.builderContext.BlocksWrapper,
     BlocksWrapperProps: ((d = e.context) == null ? void 0 : d.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
   }, {
     default: withCtx(() => [
@@ -970,7 +970,7 @@ function _sfc_render$l(e, t, n, o, r, s) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l]]), _sfc_main$m = defineComponent({
+const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$m]]), _sfc_main$n = defineComponent({
   render() {
     return h("style", {
       innerHTML: this.styles,
@@ -1021,22 +1021,22 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$
     min: s,
     default: s + 1
   }, n;
-}, getColumnsClass = (e) => `builder-columns ${e}-breakpoints`, _sfc_main$l = defineComponent({
+}, getColumnsClass = (e) => `builder-columns ${e}-breakpoints`, _sfc_main$m = defineComponent({
   name: "dynamic-div",
   props: []
 });
-function _sfc_render$k(e, t, n, o, r, s) {
+function _sfc_render$l(e, t, n, o, r, s) {
   return openBlock(), createElementBlock("div", null, [
     renderSlot(e.$slots, "default")
   ]);
 }
-const DynamicDiv = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$k]]), dynamicDiv = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const DynamicDiv = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$l]]), dynamicDiv = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: DynamicDiv
-}, Symbol.toStringTag, { value: "Module" })), _sfc_main$k = defineComponent({
+}, Symbol.toStringTag, { value: "Module" })), _sfc_main$l = defineComponent({
   name: "builder-columns",
   components: {
-    InlinedStyles: _sfc_main$m,
+    InlinedStyles: _sfc_main$n,
     DynamicRenderer,
     Blocks,
     DynamicDiv
@@ -1166,11 +1166,11 @@ const DynamicDiv = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_ren
     }
   }
 });
-function _sfc_render$j(e, t, n, o, r, s) {
+function _sfc_render$k(e, t, n, o, r, s) {
   var d;
-  const i = resolveComponent("inlined-styles"), a = resolveComponent("blocks"), l = resolveComponent("dynamic-renderer");
+  const i = resolveComponent("InlinedStyles"), l = resolveComponent("Blocks"), a = resolveComponent("DynamicRenderer");
   return openBlock(), createElementBlock("div", mergeProps({
-    class: e.getColumnsClass((d = e.builderBlock) == null ? void 0 : d.id) + " div-t9spj7joih",
+    class: e.getColumnsClass((d = e.builderBlock) == null ? void 0 : d.id) + " div-2brhoa1k8gd",
     style: e.columnsCssVars()
   }, {}), [
     e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
@@ -1178,14 +1178,14 @@ function _sfc_render$j(e, t, n, o, r, s) {
       id: "builderio-columns",
       styles: e.columnsStyles()
     }, null, 8, ["styles"])) : createCommentVNode("", !0),
-    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.columns, (p, c) => (openBlock(), createBlock(l, {
+    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.columns, (p, c) => (openBlock(), createBlock(a, {
       key: c,
       TagName: e.getTagName(p),
       actionAttributes: {},
       attributes: e.getAttributes(p, c)
     }, {
       default: withCtx(() => [
-        createVNode(a, {
+        createVNode(l, {
           path: `component.options.columns.${c}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
@@ -1201,16 +1201,16 @@ function _sfc_render$j(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j], ["__scopeId", "data-v-4878b55f"]]), _sfc_main$j = defineComponent({
+const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$k], ["__scopeId", "data-v-92d2d1da"]]), _sfc_main$k = defineComponent({
   name: "builder-fragment-component",
   props: []
 });
-function _sfc_render$i(e, t, n, o, r, s) {
+function _sfc_render$j(e, t, n, o, r, s) {
   return openBlock(), createElementBlock("span", null, [
     renderSlot(e.$slots, "default")
   ]);
 }
-const Fragment = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i]]);
+const Fragment = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j]]);
 function removeProtocol(e) {
   return e.replace(/http(s)?:/, "");
 }
@@ -1241,7 +1241,7 @@ function getSrcSet(e) {
   }
   return e.match(/cdn\.shopify\.com/) ? t.map((n) => [getShopifyImageUrl(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const _sfc_main$i = defineComponent({
+const _sfc_main$j = defineComponent({
   name: "builder-image",
   props: [
     "image",
@@ -1287,19 +1287,19 @@ const _sfc_main$i = defineComponent({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), _hoisted_1$9 = ["srcset"], _hoisted_2$4 = ["alt", "role", "src", "srcset", "sizes"], _hoisted_3$1 = {
+}), _hoisted_1$a = ["srcset"], _hoisted_2$4 = ["alt", "role", "src", "srcset", "sizes"], _hoisted_3$1 = {
   key: 2,
-  class: "div-20351ewpue7-2"
+  class: "div-1pl23ac79ld-2"
 };
-function _sfc_render$h(e, t, n, o, r, s) {
-  var i, a, l, d, p, c;
+function _sfc_render$i(e, t, n, o, r, s) {
+  var i, l, a, d, p, c;
   return openBlock(), createElementBlock(Fragment$1, null, [
     createElementVNode("picture", null, [
       e.webpSrcSet ? (openBlock(), createElementBlock("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, _hoisted_1$9)) : createCommentVNode("", !0),
+      }, null, 8, _hoisted_1$a)) : createCommentVNode("", !0),
       createElementVNode("img", {
         loading: "lazy",
         alt: e.altText,
@@ -1310,34 +1310,34 @@ function _sfc_render$h(e, t, n, o, r, s) {
           ...e.aspectRatioCss
         }),
         class: normalizeClass(
-          "builder-image" + (e.className ? " " + e.className : "") + " img-20351ewpue7"
+          "builder-image" + (e.className ? " " + e.className : "") + " img-1pl23ac79ld"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
       }, null, 14, _hoisted_2$4)
     ]),
-    e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (openBlock(), createElementBlock("div", {
+    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (openBlock(), createElementBlock("div", {
       key: 0,
-      class: "builder-image-sizer div-20351ewpue7",
+      class: "builder-image-sizer div-1pl23ac79ld",
       style: normalizeStyle({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : createCommentVNode("", !0),
-    (d = (l = e.builderBlock) == null ? void 0 : l.children) != null && d.length && e.fitContent ? renderSlot(e.$slots, "default", { key: 1 }, void 0, !0) : createCommentVNode("", !0),
+    (d = (a = e.builderBlock) == null ? void 0 : a.children) != null && d.length && e.fitContent ? renderSlot(e.$slots, "default", { key: 1 }, void 0, !0) : createCommentVNode("", !0),
     !e.fitContent && ((c = (p = e.builderBlock) == null ? void 0 : p.children) != null && c.length) ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
       renderSlot(e.$slots, "default", {}, void 0, !0)
     ])) : createCommentVNode("", !0)
   ], 64);
 }
-const Image = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$h], ["__scopeId", "data-v-5dee860d"]]), _sfc_main$h = defineComponent({
+const Image = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-6b703704"]]), _sfc_main$i = defineComponent({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs };
   }
 });
-function _sfc_render$g(e, t, n, o, r, s) {
+function _sfc_render$h(e, t, n, o, r, s) {
   return openBlock(), createElementBlock("section", mergeProps({
     style: {
       width: "100%",
@@ -1355,7 +1355,7 @@ function _sfc_render$g(e, t, n, o, r, s) {
     renderSlot(e.$slots, "default")
   ], 16);
 }
-const Section = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g]]), getTopLevelDomain = (e) => {
+const Section = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$h]]), getTopLevelDomain = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -1490,7 +1490,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render
     ...e,
     ...r
   };
-}, getDefaultCanTrack = (e) => checkIsDefined(e) ? e : !0, componentInfo$g = {
+}, getDefaultCanTrack = (e) => checkIsDefined(e) ? e : !0, componentInfo$h = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1523,7 +1523,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render
   }],
   static: !0,
   noWrap: !0
-}, componentInfo$f = {
+}, componentInfo$g = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1702,7 +1702,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1724,13 +1724,13 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, componentInfo$e = {
+}, componentInfo$f = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, componentInfo$d = {
+}, componentInfo$e = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1750,17 +1750,17 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, a = 6e4) {
-        return new Promise((l, d) => {
+      function n(i, l = 6e4) {
+        return new Promise((a, d) => {
           const p = document.createElement("img");
           let c = !1;
           p.onload = () => {
-            c = !0, l(p);
+            c = !0, a(p);
           }, p.addEventListener("error", (u) => {
             console.warn("Image load failed", u.error), d(u.error);
           }), p.src = i, setTimeout(() => {
             c || d(new Error("Image load timed out"));
-          }, a);
+          }, l);
         });
       }
       function o(i) {
@@ -1771,8 +1771,8 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render
         i.type.includes("svg") && e.set("noWebp", !0);
       }), r && (!s || s === 0.7041))
         return n(r).then((i) => {
-          const a = e.get("aspectRatio");
-          e.get("image") === r && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+          const l = e.get("aspectRatio");
+          e.get("image") === r && (!l || l === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
         });
     }
   }, {
@@ -1830,7 +1830,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, componentInfo$c = {
+}, componentInfo$d = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1869,7 +1869,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render
       }
     }
   }]
-}, componentInfo$b = {
+}, componentInfo$c = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1882,31 +1882,31 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render
     required: !0,
     defaultValue: "children"
   }]
-}, _sfc_main$g = defineComponent({
+}, _sfc_main$h = defineComponent({
   name: "builder-slot",
   components: { Blocks },
   props: ["builderContext", "name"]
 });
-function _sfc_render$f(e, t, n, o, r, s) {
-  var a, l, d;
-  const i = resolveComponent("blocks");
+function _sfc_render$g(e, t, n, o, r, s) {
+  var l, a, d;
+  const i = resolveComponent("Blocks");
   return openBlock(), createElementBlock("div", mergeProps(
     { style: {
       pointerEvents: "auto"
     } },
-    !((a = e.builderContext.context) != null && a.symbolId) && {
+    !((l = e.builderContext.context) != null && l.symbolId) && {
       "builder-slot": e.name
     }
   ), [
     createVNode(i, {
-      parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
+      parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
       blocks: (d = e.builderContext.rootState) == null ? void 0 : d[e.name]
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const Slot = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]]), componentInfo$a = {
+const Slot = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g]]), componentInfo$b = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1977,7 +1977,7 @@ const Slot = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]
       text: "New tab content "
     }
   }
-}, componentInfo$9 = {
+}, componentInfo$a = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2074,15 +2074,15 @@ const Slot = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]
       value: "flex-end"
     }]
   }]
-}, _sfc_main$f = defineComponent({
+}, _sfc_main$g = defineComponent({
   name: "builder-tabs",
   components: { Blocks },
   props: [
     "defaultActiveTab",
     "tabs",
-    "activeTabStyle",
-    "tabHeaderLayout",
     "collapsible",
+    "tabHeaderLayout",
+    "activeTabStyle",
     "builderBlock",
     "builderContext",
     "builderComponents",
@@ -2095,13 +2095,13 @@ const Slot = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]
     activeTabContent(e) {
       return this.tabs && this.tabs[e].content;
     },
-    getActiveTabStyle(e) {
-      return this.activeTab === e ? this.activeTabStyle : {};
+    onClick(e) {
+      e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), _hoisted_1$8 = ["onClick"], _hoisted_2$3 = { key: 0 };
-function _sfc_render$e(e, t, n, o, r, s) {
-  const i = resolveComponent("blocks");
+}), _hoisted_1$9 = ["onClick"], _hoisted_2$3 = { key: 0 };
+function _sfc_render$f(e, t, n, o, r, s) {
+  const i = resolveComponent("Blocks");
   return openBlock(), createElementBlock("div", null, [
     createElementVNode("div", {
       class: "builder-tabs-wrap",
@@ -2112,23 +2112,23 @@ function _sfc_render$e(e, t, n, o, r, s) {
         overflow: "auto"
       })
     }, [
-      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.tabs, (a, l) => (openBlock(), createElementBlock("span", {
-        key: l,
-        class: normalizeClass(`builder-tab-wrap ${e.activeTab === l ? "builder-tab-active" : ""}`),
-        style: normalizeStyle(e.getActiveTabStyle(l)),
-        onClick: (d) => {
-          l === e.activeTab && e.collapsible ? e.activeTab = -1 : e.activeTab = l;
-        }
+      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.tabs, (l, a) => (openBlock(), createElementBlock("span", {
+        key: a,
+        class: normalizeClass(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
+        style: normalizeStyle({
+          ...e.activeTab === a ? e.activeTabStyle : {}
+        }),
+        onClick: (d) => e.onClick(a)
       }, [
         createVNode(i, {
           parent: e.builderBlock.id,
-          path: `component.options.tabs.${l}.label`,
-          blocks: a.label,
+          path: `component.options.tabs.${a}.label`,
+          blocks: l.label,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, _hoisted_1$8))), 128))
+      ], 14, _hoisted_1$9))), 128))
     ], 4),
     e.activeTabContent(e.activeTab) ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
       createVNode(i, {
@@ -2142,7 +2142,7 @@ function _sfc_render$e(e, t, n, o, r, s) {
     ])) : createCommentVNode("", !0)
   ]);
 }
-const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e]]), componentInfo$8 = {
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]]), componentInfo$9 = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -2160,11 +2160,11 @@ const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e]
     height: "auto",
     textAlign: "center"
   }
-}, _sfc_main$e = defineComponent({
+}, _sfc_main$f = defineComponent({
   name: "builder-text",
   props: ["text"]
-}), _hoisted_1$7 = ["innerHTML"];
-function _sfc_render$d(e, t, n, o, r, s) {
+}), _hoisted_1$8 = ["innerHTML"];
+function _sfc_render$e(e, t, n, o, r, s) {
   var i;
   return openBlock(), createElementBlock("div", {
     class: "builder-text",
@@ -2172,9 +2172,266 @@ function _sfc_render$d(e, t, n, o, r, s) {
     style: {
       outline: "none"
     }
-  }, null, 8, _hoisted_1$7);
+  }, null, 8, _hoisted_1$8);
+}
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e]]), convertOrderNumberToString = (e) => e.toString(), _sfc_main$e = defineComponent({
+  name: "builder-accordion",
+  components: { Blocks },
+  props: [
+    "grid",
+    "oneAtATime",
+    "items",
+    "gridRowWidth",
+    "builderBlock",
+    "builderContext",
+    "builderComponents",
+    "builderLinkComponent"
+  ],
+  data() {
+    return { open: [], convertOrderNumberToString };
+  },
+  computed: {
+    onlyOneAtATime() {
+      return !!(this.grid || this.oneAtATime);
+    },
+    accordionStyles() {
+      return {
+        display: "flex",
+        alignItems: "stretch",
+        flexDirection: "column",
+        ...this.grid && {
+          flexDirection: "row",
+          alignItems: "flex-start",
+          flexWrap: "wrap"
+        }
+      };
+    },
+    accordionTitleStyles() {
+      const t = {
+        ...{
+          display: "flex",
+          flexDirection: "column"
+        },
+        alignItems: "stretch",
+        cursor: "pointer"
+      };
+      return Object.fromEntries(
+        Object.entries(t).filter(([n, o]) => o !== void 0)
+      );
+    },
+    openGridItemOrder() {
+      let e = null;
+      if (this.grid && this.open.length && document) {
+        const n = this.open[0];
+        let r = document.querySelector(
+          `.builder-accordion-title[data-index="${n}"]`
+        );
+        if (e = n, r) {
+          let s = r.getBoundingClientRect();
+          for (; r = r && r.nextElementSibling; )
+            if (r) {
+              if (r.classList.contains("builder-accordion-detail"))
+                continue;
+              const i = r.getBoundingClientRect();
+              if (i.left > s.left) {
+                const l = parseInt(
+                  r.getAttribute("data-index") || "",
+                  10
+                );
+                isNaN(l) || (s = i, e = l);
+              } else
+                break;
+            }
+        }
+      }
+      return typeof e == "number" && (e = e + 1), e;
+    },
+    accordionDetailStyles() {
+      const e = {
+        order: typeof this.openGridItemOrder == "number" ? this.openGridItemOrder : void 0,
+        ...this.grid && {
+          width: "100%"
+        }
+      };
+      return Object.fromEntries(
+        Object.entries(e).filter(([t, n]) => n !== void 0)
+      );
+    }
+  },
+  methods: {
+    getAccordionTitleClassName(e) {
+      return `builder-accordion-title builder-accordion-title-${this.open.includes(e) ? "open" : "closed"}`;
+    },
+    getAccordionDetailClassName(e) {
+      return `builder-accordion-detail builder-accordion-detail-${this.open.includes(e) ? "open" : "closed"}`;
+    },
+    onClick(e) {
+      this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
+    }
+  }
+}), _hoisted_1$7 = ["data-index", "onClick"];
+function _sfc_render$d(e, t, n, o, r, s) {
+  const i = resolveComponent("Blocks");
+  return openBlock(), createElementBlock("div", {
+    class: "builder-accordion",
+    style: normalizeStyle(e.accordionStyles)
+  }, [
+    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.items, (l, a) => (openBlock(), createElementBlock(Fragment$1, { key: a }, [
+      createElementVNode("div", {
+        class: normalizeClass(e.getAccordionTitleClassName(a)),
+        style: normalizeStyle({
+          ...e.accordionTitleStyles,
+          width: e.grid ? e.gridRowWidth : void 0,
+          order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
+        }),
+        "data-index": a,
+        onClick: (d) => e.onClick(a)
+      }, [
+        createVNode(i, {
+          blocks: l.title,
+          path: `items.${a}.title`,
+          parent: e.builderBlock.id,
+          context: e.builderContext,
+          registeredComponents: e.builderComponents,
+          linkComponent: e.builderLinkComponent
+        }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
+      ], 14, _hoisted_1$7),
+      e.open.includes(a) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(e.getAccordionDetailClassName(a)),
+        style: normalizeStyle(e.accordionDetailStyles)
+      }, [
+        createVNode(i, {
+          blocks: l.detail,
+          path: `items.${a}.detail`,
+          parent: e.builderBlock.id,
+          context: e.builderContext,
+          registeredComponents: e.builderComponents,
+          linkComponent: e.builderLinkComponent
+        }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
+      ], 6)) : createCommentVNode("", !0)
+    ], 64))), 128))
+  ], 4);
 }
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d]]), componentInfo$7 = {
+const Accordion = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d]]), defaultTitle = {
+  "@type": "@builder.io/sdk:Element",
+  layerName: "Accordion item title",
+  responsiveStyles: {
+    large: {
+      marginTop: "10px",
+      position: "relative",
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      paddingBottom: "10px"
+    }
+  },
+  children: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        textAlign: "left",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "I am an accordion title. Click me!"
+      }
+    }
+  }]
+}, defaultDetail = {
+  "@type": "@builder.io/sdk:Element",
+  layerName: "Accordion item detail",
+  responsiveStyles: {
+    large: {
+      position: "relative",
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      marginTop: "10px",
+      paddingBottom: "10px"
+    }
+  },
+  children: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        paddingTop: "50px",
+        textAlign: "left",
+        display: "flex",
+        flexDirection: "column",
+        paddingBottom: "50px"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "I am an accordion detail, hello!"
+      }
+    }
+  }]
+}, componentInfo$8 = {
+  name: "Builder:Accordion",
+  canHaveChildren: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
+  defaultStyles: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  },
+  inputs: [{
+    name: "items",
+    type: "list",
+    broadcast: !0,
+    subFields: [{
+      name: "title",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [defaultTitle]
+    }, {
+      name: "detail",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [defaultDetail]
+    }],
+    defaultValue: [{
+      title: [defaultTitle],
+      detail: [defaultDetail]
+    }, {
+      title: [defaultTitle],
+      detail: [defaultDetail]
+    }],
+    showIf: (e) => !e.get("useChildrenForItems")
+  }, {
+    name: "oneAtATime",
+    helperText: "Only allow opening one at a time (collapse all others when new item openned)",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "grid",
+    helperText: "Display as a grid",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "gridRowWidth",
+    helperText: "Display as a grid",
+    type: "string",
+    showIf: (e) => e.get("grid"),
+    defaultValue: "25%"
+  }, {
+    name: "useChildrenForItems",
+    type: "boolean",
+    helperText: "Use child elements for each slide, instead of the array. Useful for dynamically repeating items",
+    advanced: !0,
+    defaultValue: !1,
+    onChange: (e) => {
+      e.get("useChildrenForItems") === !0 && e.set("items", []);
+    }
+  }]
+}, componentInfo$7 = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2609,7 +2866,7 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
         e.preventDefault();
         const o = e.currentTarget, r = this.customHeaders || {};
         let s;
-        const i = new FormData(o), a = Array.from(
+        const i = new FormData(o), l = Array.from(
           e.currentTarget.querySelectorAll("input,select,textarea")
         ).filter((c) => !!c.name).map((c) => {
           let u;
@@ -2635,18 +2892,18 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
             value: u
           };
         });
-        let l = this.contentType;
-        if (this.sendSubmissionsTo === "email" && (l = "multipart/form-data"), Array.from(a).forEach(({ value: c }) => {
-          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (l = "multipart/form-data");
-        }), l !== "application/json")
+        let a = this.contentType;
+        if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: c }) => {
+          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (a = "multipart/form-data");
+        }), a !== "application/json")
           s = i;
         else {
           const c = {};
-          Array.from(a).forEach(({ value: u, key: f }) => {
+          Array.from(l).forEach(({ value: u, key: f }) => {
             set(c, f, u);
           }), s = JSON.stringify(c);
         }
-        l && l !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = l));
+        a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
         const d = new CustomEvent("presubmit", {
           detail: {
             body: s
@@ -2713,11 +2970,11 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
   }
 }), _hoisted_1$4 = ["validate", "action", "method", "name"], _hoisted_2$2 = {
   key: 3,
-  class: "builder-form-error-text pre-3i4ezorcfhi"
+  class: "builder-form-error-text pre-3q96myty4lk"
 };
 function _sfc_render$a(e, t, n, o, r, s) {
-  var l;
-  const i = resolveComponent("block"), a = resolveComponent("blocks");
+  var a;
+  const i = resolveComponent("Block"), l = resolveComponent("Blocks");
   return openBlock(), createElementBlock("form", mergeProps({
     validate: e.validate,
     ref: "formRef",
@@ -2726,27 +2983,27 @@ function _sfc_render$a(e, t, n, o, r, s) {
     name: e.name,
     onSubmit: t[0] || (t[0] = (d) => e.onSubmit(d))
   }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList((l = e.builderBlock) == null ? void 0 : l.children, (d, p) => (openBlock(), createBlock(i, {
+    e.builderBlock && e.builderBlock.children ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList((a = e.builderBlock) == null ? void 0 : a.children, (d, p) => (openBlock(), createBlock(i, {
       key: `form-block-${e.idx}`,
       block: d,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
     }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : createCommentVNode("", !0),
-    e.submissionState() === "error" ? (openBlock(), createBlock(a, {
+    e.submissionState() === "error" ? (openBlock(), createBlock(l, {
       key: 1,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : createCommentVNode("", !0),
-    e.submissionState() === "sending" ? (openBlock(), createBlock(a, {
+    e.submissionState() === "sending" ? (openBlock(), createBlock(l, {
       key: 2,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : createCommentVNode("", !0),
     e.submissionState() === "error" && e.responseData ? (openBlock(), createElementBlock("pre", _hoisted_2$2, toDisplayString(JSON.stringify(e.responseData, null, 2)), 1)) : createCommentVNode("", !0),
-    e.submissionState() === "success" ? (openBlock(), createBlock(a, {
+    e.submissionState() === "success" ? (openBlock(), createBlock(l, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
@@ -2754,7 +3011,7 @@ function _sfc_render$a(e, t, n, o, r, s) {
     }, null, 8, ["blocks", "context"])) : createCommentVNode("", !0)
   ], 16, _hoisted_1$4);
 }
-const Form = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-1573388b"]]), componentInfo$4 = {
+const Form = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-d55453cc"]]), componentInfo$4 = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2887,8 +3144,8 @@ function _sfc_render$8(e, t, n, o, r, s) {
     defaultValue: e.defaultValue,
     name: e.name
   }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.options, (i, a) => (openBlock(), createElementBlock("option", {
-      key: `${i.name}-${a}`,
+    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.options, (i, l) => (openBlock(), createElementBlock("option", {
+      key: `${i.name}-${l}`,
       value: i.value
     }, toDisplayString(i.name || i.value), 9, _hoisted_2$1))), 128))
   ], 16, _hoisted_1$2);
@@ -3117,7 +3374,7 @@ const Img = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]
   }
 };
 function _sfc_render$5(e, t, n, o, r, s) {
-  var i, a, l, d, p, c, u;
+  var i, l, a, d, p, c, u;
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("video", mergeProps({
       class: "builder-video",
@@ -3145,7 +3402,7 @@ function _sfc_render$5(e, t, n, o, r, s) {
         src: e.video
       }, null, 8, _hoisted_3))
     ], 16, _hoisted_2),
-    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length)) ? (openBlock(), createElementBlock("div", {
+    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (openBlock(), createElementBlock("div", {
       key: 0,
       style: normalizeStyle({
         width: "100%",
@@ -3188,31 +3445,34 @@ const Video = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5
   ...componentInfo
 }], getDefaultRegisteredComponents = () => [{
   component: Button,
-  ...componentInfo$g
+  ...componentInfo$h
 }, {
   component: Columns,
-  ...componentInfo$f
+  ...componentInfo$g
 }, {
   component: Fragment,
-  ...componentInfo$e
+  ...componentInfo$f
 }, {
   component: Image,
-  ...componentInfo$d
+  ...componentInfo$e
 }, {
   component: Section,
-  ...componentInfo$c
+  ...componentInfo$d
 }, {
   component: Slot,
-  ...componentInfo$b
+  ...componentInfo$c
 }, {
   component: Symbol$1,
-  ...componentInfo$a
+  ...componentInfo$b
 }, {
   component: Text,
-  ...componentInfo$8
+  ...componentInfo$9
 }, {
   component: Tabs,
-  ...componentInfo$9
+  ...componentInfo$a
+}, {
+  component: Accordion,
+  ...componentInfo$8
 }, ...getExtraComponents()], createRegisterComponentMessage = (e) => ({
   type: "builder.registerComponent",
   data: serializeComponentInfo(e)
@@ -3399,8 +3659,8 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     model: r,
     apiKey: s,
     enrich: i,
-    locale: a,
-    apiVersion: l = DEFAULT_API_VERSION,
+    locale: l,
+    apiVersion: a = DEFAULT_API_VERSION,
     fields: d,
     omit: p,
     offset: c,
@@ -3411,28 +3671,28 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
   } = e;
   if (!s)
     throw new Error("Missing API key");
-  if (!["v3"].includes(l))
-    throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);
-  const S = t !== 1, g = new URL(`https://cdn.builder.io/api/${l}/content/${r}`);
-  if (g.searchParams.set("apiKey", s), g.searchParams.set("limit", String(t)), g.searchParams.set("noTraverse", String(S)), g.searchParams.set("includeRefs", String(!0)), a && g.searchParams.set("locale", a), i && g.searchParams.set("enrich", String(i)), g.searchParams.set("omit", p || "meta.componentsUsed"), d && g.searchParams.set("fields", d), Number.isFinite(c) && c > -1 && g.searchParams.set("offset", String(Math.floor(c))), typeof b == "boolean" && g.searchParams.set("includeUnpublished", String(b)), u && isPositiveNumber(u) && g.searchParams.set("cacheSeconds", String(u)), f && isPositiveNumber(f) && g.searchParams.set("staleCacheSeconds", String(f)), m) {
+  if (!["v3"].includes(a))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
+  const C = t !== 1, g = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
+  if (g.searchParams.set("apiKey", s), g.searchParams.set("limit", String(t)), g.searchParams.set("noTraverse", String(C)), g.searchParams.set("includeRefs", String(!0)), l && g.searchParams.set("locale", l), i && g.searchParams.set("enrich", String(i)), g.searchParams.set("omit", p || "meta.componentsUsed"), d && g.searchParams.set("fields", d), Number.isFinite(c) && c > -1 && g.searchParams.set("offset", String(Math.floor(c))), typeof b == "boolean" && g.searchParams.set("includeUnpublished", String(b)), u && isPositiveNumber(u) && g.searchParams.set("cacheSeconds", String(u)), f && isPositiveNumber(f) && g.searchParams.set("staleCacheSeconds", String(f)), m) {
     const k = flatten({
       sort: m
     });
-    for (const C in k)
-      g.searchParams.set(C, JSON.stringify(k[C]));
+    for (const S in k)
+      g.searchParams.set(S, JSON.stringify(k[S]));
   }
-  const I = {
+  const T = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
-  }, T = flatten(I);
-  for (const k in T)
-    g.searchParams.set(k, String(T[k]));
+  }, I = flatten(T);
+  for (const k in I)
+    g.searchParams.set(k, String(I[k]));
   if (n && g.searchParams.set("userAttributes", JSON.stringify(n)), o) {
     const k = flattenMongoQuery({
       query: o
     });
-    for (const C in k)
-      g.searchParams.set(C, JSON.stringify(k[C]));
+    for (const S in k)
+      g.searchParams.set(S, JSON.stringify(k[S]));
   }
   return g;
 }, checkContentHasResults = (e) => "results" in e;
@@ -3668,7 +3928,7 @@ function isFromTrustedHost(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const SDK_VERSION = "1.0.27", registry = {};
+const SDK_VERSION = "1.0.28", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -3738,10 +3998,10 @@ const setupBrowserForEditing = (e = {}) => {
     if (r != null && r.type)
       switch (r.type) {
         case "builder.evaluate": {
-          const a = r.data.text, l = r.data.arguments || [], d = r.data.id, p = new Function(a);
+          const l = r.data.text, a = r.data.arguments || [], d = r.data.id, p = new Function(l);
           let c, u = null;
           try {
-            c = p.apply(null, l);
+            c = p.apply(null, a);
           } catch (f) {
             u = f;
           }
@@ -3792,8 +4052,8 @@ const setupBrowserForEditing = (e = {}) => {
         break;
       }
       case "builder.contentUpdate": {
-        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, a = s.data;
-        i === e && n.contentUpdate(a);
+        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, l = s.data;
+        i === e && n.contentUpdate(l);
         break;
       }
     }
@@ -3831,11 +4091,11 @@ font-weight: 400;
     for (const i in e.files) {
       if (!(String(Number(i)) === i))
         continue;
-      const l = e.files[i];
-      l && l !== o && (r += `
+      const a = e.files[i];
+      a && a !== o && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${l}') format('woff2');
+src: url('${a}') format('woff2');
 font-display: fallback;
 font-weight: ${i};
 }
@@ -3908,12 +4168,12 @@ font-weight: ${i};
         if (isEditing() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && getDefaultCanTrack(this.canTrack)) {
-          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
+          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
           _track({
             type: "impression",
             canTrack: !0,
             contentId: i,
-            apiKey: a,
+            apiKey: l,
             variationId: s !== i ? s : void 0
           });
         }
@@ -3923,7 +4183,7 @@ font-weight: ${i};
       }
     })(), (() => {
       this.apiKey || logger.error(
-        "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+        "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
       ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
     })();
   },
@@ -4102,9 +4362,9 @@ font-weight: ${i};
         this.httpReqsPending[o] = !0;
         const s = r.replace(
           /{{([^}]+)}}/g,
-          (i, a) => String(
+          (i, l) => String(
             evaluate({
-              code: a,
+              code: l,
               context: this.context || {},
               localState: void 0,
               rootState: this.builderContextSignal.rootState,
@@ -4176,14 +4436,14 @@ font-weight: ${i};
   }
 });
 function _sfc_render$4(e, t, n, o, r, s) {
-  var i, a, l;
+  var i, l, a;
   return e.builderContextSignal.content ? (openBlock(), createBlock(resolveDynamicComponent(e.ContentWrapper), mergeProps({
     key: 0,
     ref: "elementRef",
     onClick: (d) => e.onClick(d),
     "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
-    class: e.getWrapperClassName(((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)),
+    class: e.getWrapperClassName(((l = e.content) == null ? void 0 : l.testVariationId) || ((a = e.content) == null ? void 0 : a.id)),
     onIniteditingbldr: (d) => e.elementRef_onIniteditingbldr(d),
     onInitpreviewingbldr: (d) => e.elementRef_onInitpreviewingbldr(d)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
@@ -4195,7 +4455,7 @@ function _sfc_render$4(e, t, n, o, r, s) {
 }
 const EnableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]), _sfc_main$3 = defineComponent({
   name: "content-styles",
-  components: { InlinedStyles: _sfc_main$m },
+  components: { InlinedStyles: _sfc_main$n },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
   data() {
     return {
@@ -4213,7 +4473,7 @@ ${getDefaultStyles(this.isNestedRender)}
   }
 });
 function _sfc_render$3(e, t, n, o, r, s) {
-  const i = resolveComponent("inlined-styles");
+  const i = resolveComponent("InlinedStyles");
   return openBlock(), createBlock(i, {
     id: "builderio-content",
     styles: e.injectedStyles
@@ -4224,10 +4484,10 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
   data: t,
   locale: n
 }) => {
-  var s, i, a;
+  var s, i, l;
   const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
-  return (a = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || a.forEach((l) => {
-    l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
+  return (l = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || l.forEach((a) => {
+    a.name && a.defaultValue !== void 0 && (o[a.name] = a.defaultValue);
   }), {
     ...o,
     ...r,
@@ -4345,7 +4605,7 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
   }
 });
 function _sfc_render$2(e, t, n, o, r, s) {
-  const i = resolveComponent("inlined-script"), a = resolveComponent("content-styles"), l = resolveComponent("blocks"), d = resolveComponent("enable-editor");
+  const i = resolveComponent("InlinedScript"), l = resolveComponent("ContentStyles"), a = resolveComponent("Blocks"), d = resolveComponent("EnableEditor");
   return openBlock(), createBlock(d, mergeProps({
     content: e.content,
     data: e.data,
@@ -4363,22 +4623,22 @@ function _sfc_render$2(e, t, n, o, r, s) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: withCtx(() => {
-      var p, c, u, f, m, b, S;
+      var p, c, u, f, m, b, C;
       return [
         e.isSsrAbTest ? (openBlock(), createBlock(i, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr
         }, null, 8, ["scriptStr"])) : createCommentVNode("", !0),
-        e.TARGET !== "reactNative" ? (openBlock(), createBlock(a, {
+        e.TARGET !== "reactNative" ? (openBlock(), createBlock(l, {
           key: 1,
           isNestedRender: e.isNestedRender,
           contentId: (p = e.builderContextSignal.content) == null ? void 0 : p.id,
           cssCode: (u = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : u.cssCode,
           customFonts: (m = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : m.customFonts
         }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : createCommentVNode("", !0),
-        createVNode(l, {
-          blocks: (S = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : S.blocks,
+        createVNode(a, {
+          blocks: (C = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : C.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4392,7 +4652,7 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
   name: "content-variants",
   components: {
     InlinedScript: _sfc_main$5,
-    InlinedStyles: _sfc_main$m,
+    InlinedStyles: _sfc_main$n,
     ContentComponent
   },
   props: [
@@ -4454,7 +4714,7 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
   }
 });
 function _sfc_render$1(e, t, n, o, r, s) {
-  const i = resolveComponent("inlined-script"), a = resolveComponent("inlined-styles"), l = resolveComponent("content-component");
+  const i = resolveComponent("InlinedScript"), l = resolveComponent("InlinedStyles"), a = resolveComponent("ContentComponent");
   return openBlock(), createElementBlock(Fragment$1, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
       key: 0,
@@ -4462,7 +4722,7 @@ function _sfc_render$1(e, t, n, o, r, s) {
       scriptStr: e.getInitVariantsFnsScriptString()
     }, null, 8, ["scriptStr"])) : createCommentVNode("", !0),
     e.shouldRenderVariants ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
-      createVNode(a, {
+      createVNode(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString
       }, null, 8, ["styles"]),
@@ -4470,7 +4730,7 @@ function _sfc_render$1(e, t, n, o, r, s) {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr
       }, null, 8, ["scriptStr"]),
-      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, p) => (openBlock(), createBlock(l, {
+      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, p) => (openBlock(), createBlock(a, {
         key: d.testVariationId,
         isNestedRender: e.isNestedRender,
         content: d,
@@ -4493,7 +4753,7 @@ function _sfc_render$1(e, t, n, o, r, s) {
         trustedHosts: e.trustedHosts
       }, null, 8, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : createCommentVNode("", !0),
-    createVNode(l, mergeProps({
+    createVNode(a, mergeProps({
       isNestedRender: e.isNestedRender,
       content: e.defaultContent,
       showContent: !0,
@@ -4597,8 +4857,8 @@ const ContentVariants = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sf
   }
 });
 function _sfc_render(e, t, n, o, r, s) {
-  var a, l, d, p, c;
-  const i = resolveComponent("content-variants");
+  var l, a, d, p, c;
+  const i = resolveComponent("ContentVariants");
   return openBlock(), createElementBlock("div", mergeProps({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     createVNode(i, {
       isNestedRender: !0,
@@ -4606,11 +4866,11 @@ function _sfc_render(e, t, n, o, r, s) {
       apiKey: e.builderContext.apiKey,
       context: {
         ...e.builderContext.context,
-        symbolId: (a = e.builderBlock) == null ? void 0 : a.id
+        symbolId: (l = e.builderBlock) == null ? void 0 : l.id
       },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(l = e.symbol) == null ? void 0 : l.data,
+        ...(a = e.symbol) == null ? void 0 : a.data,
         ...e.builderContext.localState,
         ...(p = (d = e.contentToUse) == null ? void 0 : d.data) == null ? void 0 : p.state
       },
@@ -4666,12 +4926,12 @@ export {
   Section as S,
   TARGET as T,
   Video as V,
-  _sfc_main$m as _,
+  _sfc_main$n as _,
   getSizesForBreakpoints as a,
   createCssClass as b,
   checkIsDefined as c,
   getMaxWidthQueryForSize as d,
-  camelCaseToKebabCase as e,
+  camelToKebabCase as e,
   _export_sfc as f,
   getProcessedBlock as g,
   evaluate as h,