@avocadostudio-ai/blocks 0.1.0

package/dist/blocks/cta/renderer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveHeadingTag } from "@avocadostudio-ai/shared";
+import { PrimaryButton, SecondaryButton } from "../_shared.js";
+export function CTA(props) {
+    const HeadingTag = resolveHeadingTag("CTA", props);
+    return (_jsx("section", { className: "cta-section", children: _jsxs("div", { className: "section__inner", children: [_jsx(HeadingTag, { "data-editable-target": "title", "data-editable-target-label": "title", "data-editable-label": "title", children: String(props.title ?? "") }), _jsx("p", { "data-editable-target": "description", "data-editable-target-label": "description", "data-editable-label": "description", children: String(props.description ?? "") }), _jsxs("div", { className: "cta__buttons", children: [_jsx(PrimaryButton, { href: String(props.ctaHref ?? "#"), "data-editable-target": "ctaText", "data-editable-target-label": "ctaText", "data-editable-label": "ctaText", children: String(props.ctaText ?? "") }), typeof props.secondaryCtaText === "string" && props.secondaryCtaText.length > 0 && (_jsx(SecondaryButton, { href: String(props.secondaryCtaHref ?? "#"), "data-editable-target": "secondaryCtaText", "data-editable-target-label": "secondaryCtaText", "data-editable-label": "secondaryCtaText", children: props.secondaryCtaText }))] })] }) }));
+}

package/dist/blocks/cta/styles.css

@@ -0,0 +1,111 @@
+.cta-section {
+  text-align: center;
+  padding: 40px 20px;
+  position: relative;
+  overflow: hidden;
+  background: var(--cta-bg);
+}
+
+.cta-section .section__inner {
+  background: transparent;
+  box-shadow: none;
+  border-radius: 0;
+  padding: 0;
+  max-width: 1080px;
+  position: relative;
+  z-index: 1;
+  display: grid;
+  justify-items: center;
+  row-gap: 18px;
+}
+
+.cta-section .section__inner > h2 {
+  margin: 0;
+  max-width: 22ch;
+  font-size: clamp(2rem, 3.7vw, 3.2rem);
+  line-height: 1.08;
+  letter-spacing: -0.02em;
+  text-wrap: balance;
+}
+
+.cta-section .section__inner > p {
+  margin: 0;
+  max-width: 62ch;
+  font-size: clamp(1.1rem, 1.9vw, 1.15rem);
+  line-height: 1.5;
+  color: var(--body);
+  text-wrap: pretty;
+}
+
+.cta__buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  justify-content: center;
+  margin-top: 4px;
+}
+
+.cta__buttons .btn-primary {
+  min-width: 255px;
+  padding: 14px 32px;
+  font-size: 1.1rem;
+  line-height: 1;
+}
+
+.cta__buttons .btn-secondary {
+  padding: 14px 32px;
+  font-size: 1.1rem;
+  line-height: 1;
+}
+
+.cta-section::before {
+  content: "";
+  position: absolute;
+  inset: auto -8% -55% auto;
+  width: 340px;
+  aspect-ratio: 1;
+  border-radius: 999px;
+  background: radial-gradient(circle at center, rgb(20 184 166 / 0.2), transparent 68%);
+  pointer-events: none;
+}
+
+/* Dark */
+.dark .cta-section [data-editable-target="description"] {
+  color: #d6e2f5;
+}
+
+.dark main.editor-mode .cta-section [data-editable-target="description"] {
+  color: #dbe7f7;
+}
+
+.dark .editor-live-draft-active .cta-section [data-editable-target="description"]::after {
+  background: rgba(56, 189, 248, 0.025);
+  animation: none;
+}
+
+@media (max-width: 900px) {
+  .cta-section .section__inner {
+    padding: 24px 16px;
+    row-gap: 14px;
+  }
+
+  .cta-section .section__inner > h2 {
+    max-width: 16ch;
+  }
+
+  .cta-section .section__inner > p {
+    max-width: 40ch;
+    font-size: 1rem;
+  }
+
+  .cta__buttons .btn-primary {
+    min-width: 220px;
+    font-size: 1rem;
+    padding: 12px 26px;
+  }
+
+  .cta__buttons .btn-secondary {
+    font-size: 1rem;
+    padding: 12px 26px;
+  }
+}

package/dist/blocks/embed/renderer.d.ts

@@ -0,0 +1,2 @@
+import type { JSX } from "react";
+export declare function Embed(props: Record<string, unknown>): JSX.Element | null;

package/dist/blocks/embed/renderer.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderInline } from "../_shared.js";
+const ratioClass = {
+    "16:9": "embed-block__frame--16-9",
+    "4:3": "embed-block__frame--4-3",
+    "1:1": "embed-block__frame--1-1",
+};
+export function Embed(props) {
+    const url = String(props.url ?? "");
+    const title = String(props.title ?? "");
+    const aspectRatio = String(props.aspectRatio ?? "16:9");
+    if (!url) {
+        return (_jsx("section", { className: "embed-block", children: _jsx("div", { className: "section__inner", children: _jsx("p", { className: "embed-block__error", children: "No embed URL provided" }) }) }));
+    }
+    return (_jsx("section", { className: "embed-block", children: _jsxs("div", { className: "section__inner", children: [_jsx("div", { className: `embed-block__frame ${ratioClass[aspectRatio] ?? ratioClass["16:9"]}`, children: _jsx("iframe", { src: url, title: title || "Embedded content", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true }) }), title.length > 0 && (_jsx("p", { className: "embed-block__caption", "data-editable-target": "title", "data-editable-target-label": "title", "data-editable-label": "title", children: renderInline(title) }))] }) }));
+}

package/dist/blocks/embed/styles.css

@@ -0,0 +1,58 @@
+.embed-block {
+  padding: 40px 20px;
+  background: var(--section-bg);
+}
+
+.embed-block .section__inner {
+  max-width: 960px;
+  display: grid;
+  row-gap: 12px;
+  justify-items: center;
+}
+
+/* Responsive iframe container */
+.embed-block__frame {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  border-radius: var(--radius-card, 12px);
+  background: var(--bg-1);
+}
+
+.embed-block__frame--16-9 { aspect-ratio: 16 / 9; }
+.embed-block__frame--4-3  { aspect-ratio: 4 / 3; }
+.embed-block__frame--1-1  { aspect-ratio: 1 / 1; }
+
+.embed-block__frame iframe {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.embed-block__caption {
+  margin: 0;
+  font-size: 0.95rem;
+  color: var(--text-200);
+  text-align: center;
+  text-wrap: pretty;
+}
+
+.embed-block__error {
+  margin: 0;
+  padding: 40px 20px;
+  text-align: center;
+  color: var(--text-200);
+  font-style: italic;
+}
+
+@media (max-width: 900px) {
+  .embed-block {
+    padding: 24px 12px;
+  }
+
+  .embed-block__frame {
+    border-radius: var(--radius-card, 8px);
+  }
+}

package/dist/blocks/faq-accordion/renderer.d.ts

@@ -0,0 +1 @@
+export declare function FAQAccordion(props: Record<string, unknown>): import("react/jsx-runtime").JSX.Element;

package/dist/blocks/faq-accordion/renderer.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveHeadingTag } from "@avocadostudio-ai/shared";
+import { renderRichTextContent } from "../_shared.js";
+export function FAQAccordion(props) {
+    const items = Array.isArray(props.items) ? props.items : [];
+    const HeadingTag = resolveHeadingTag("FAQAccordion", props);
+    return (_jsx("section", { children: _jsxs("div", { className: "section__inner", children: [_jsx(HeadingTag, { "data-editable-target": "title", "data-editable-target-label": "title", "data-editable-label": "title", children: String(props.title ?? "") }), items.map((item, idx) => {
+                    const row = (item ?? {});
+                    return (_jsxs("details", { className: "faq-item", children: [_jsx("summary", { "data-editable-target": `items[${idx}].q`, "data-editable-target-label": `items[${idx}].q`, "data-editable-label": `items[${idx}].q`, children: String(row.q ?? "") }), _jsx("div", { className: "faq-item__answer", "data-editable-target": `items[${idx}].a`, "data-editable-target-label": `items[${idx}].a`, "data-editable-label": `items[${idx}].a`, children: renderRichTextContent(String(row.a ?? "")) })] }, idx));
+                })] }) }));
+}

package/dist/blocks/faq-accordion/styles.css

@@ -0,0 +1,68 @@
+.faq-item {
+  border-bottom: 1px solid var(--surface-border);
+}
+
+.faq-item:first-of-type {
+  border-top: 1px solid var(--surface-border);
+}
+
+.faq-item summary {
+  padding: 14px 40px 14px 0;
+  font-weight: 600;
+  cursor: pointer;
+  list-style: none;
+  position: relative;
+  user-select: none;
+  color: var(--heading);
+}
+
+.faq-item summary::-webkit-details-marker {
+  display: none;
+}
+
+.faq-item summary::after {
+  content: "";
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  width: 9px;
+  height: 9px;
+  border-right: 2px solid var(--caption);
+  border-bottom: 2px solid var(--caption);
+  transform: translateY(-70%) rotate(45deg);
+  transition: transform 0.2s ease;
+}
+
+.faq-item[open] summary::after {
+  transform: translateY(-30%) rotate(225deg);
+}
+
+.faq-item__answer {
+  padding: 4px 0 16px;
+  color: var(--body-secondary);
+  line-height: 1.65;
+}
+
+.faq-item__answer p {
+  margin: 0 0 8px;
+}
+
+.faq-item__answer p:last-child {
+  margin-bottom: 0;
+}
+
+.faq-item__answer ul,
+.faq-item__answer ol {
+  margin: 0 0 8px;
+  padding-left: 24px;
+}
+
+.faq-item__answer li {
+  margin-bottom: 2px;
+}
+
+.faq-item__answer a {
+  color: var(--brand);
+  text-decoration: underline;
+}
+

package/dist/blocks/feature-grid/renderer.d.ts

@@ -0,0 +1 @@
+export declare function FeatureGrid(props: Record<string, unknown>): import("react/jsx-runtime").JSX.Element;

package/dist/blocks/feature-grid/renderer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveHeadingTag } from "@avocadostudio-ai/shared";
+import { renderBlockIcon } from "../_shared.js";
+export function FeatureGrid(props) {
+    const items = Array.isArray(props.features) ? props.features : [];
+    const columns = String(props.columns ?? "3");
+    const HeadingTag = resolveHeadingTag("FeatureGrid", props);
+    return (_jsx("section", { children: _jsxs("div", { className: "section__inner", children: [_jsx(HeadingTag, { "data-editable-target": "title", "data-editable-target-label": "title", "data-editable-label": "title", children: String(props.title ?? "") }), _jsx("ul", { className: `feature-grid${columns !== "3" ? ` feature-grid--${columns}-col` : ""}`, children: items.map((item, idx) => {
+                        const row = (item ?? {});
+                        return (_jsxs("li", { className: "feature-card", children: [renderBlockIcon(row.icon, { className: "feature-card__icon", size: 40 }), _jsx("strong", { "data-editable-target": `features[${idx}].title`, "data-editable-target-label": `features[${idx}].title`, "data-editable-label": `features[${idx}].title`, children: String(row.title ?? "") }), _jsx("p", { "data-editable-target": `features[${idx}].description`, "data-editable-target-label": `features[${idx}].description`, "data-editable-label": `features[${idx}].description`, children: String(row.description ?? "") })] }, idx));
+                    }) })] }) }));
+}

package/dist/blocks/feature-grid/styles.css

@@ -0,0 +1,62 @@
+.feature-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 14px;
+  margin-top: 16px;
+  list-style: none;
+  padding: 0;
+}
+
+.feature-grid--2-col {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.feature-grid--4-col {
+  grid-template-columns: repeat(4, 1fr);
+}
+
+.feature-card {
+  background: var(--surface);
+  border: 1px solid var(--surface-border);
+  border-radius: var(--radius-feature);
+  padding: 20px;
+}
+
+.feature-card__icon {
+  display: block;
+  font-size: 2rem;
+  line-height: 1;
+  margin-bottom: 10px;
+  width: 40px;
+  height: 40px;
+  object-fit: contain;
+}
+
+img.feature-card__icon {
+  border-radius: 6px;
+}
+
+.feature-card strong {
+  display: block;
+  font-size: 1.125rem;
+  line-height: 1.3;
+  letter-spacing: -0.006em;
+  font-weight: 700;
+  margin-bottom: 8px;
+  color: var(--heading);
+}
+
+.feature-card p {
+  margin: 0;
+  color: var(--body-secondary);
+  font-size: 0.9375rem;
+  line-height: 1.55;
+}
+
+@media (max-width: 900px) {
+  .feature-grid,
+  .feature-grid--2-col,
+  .feature-grid--4-col {
+    grid-template-columns: 1fr;
+  }
+}

package/dist/blocks/footer/renderer.d.ts

@@ -0,0 +1 @@
+export declare function Footer(props: Record<string, unknown>): import("react/jsx-runtime").JSX.Element;

package/dist/blocks/footer/renderer.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveHeadingTag } from "@avocadostudio-ai/shared";
+export function Footer(props) {
+    const columns = Array.isArray(props.columns) ? props.columns : [];
+    const HeadingTag = resolveHeadingTag("Footer", props);
+    return (_jsx("footer", { className: "site-footer", "data-block-chrome": "true", children: _jsxs("div", { className: "section__inner", children: [_jsx("div", { className: "site-footer__columns", children: columns.map((col, idx) => {
+                        const row = (col ?? {});
+                        const linksRaw = String(row.links ?? "");
+                        const links = linksRaw
+                            .split("\n")
+                            .map((line) => line.trim())
+                            .filter(Boolean)
+                            .map((line) => {
+                            const parts = line.split("|");
+                            return { label: parts[0]?.trim() ?? "", href: parts[1]?.trim() ?? "#" };
+                        });
+                        return (_jsxs("div", { className: "site-footer__col", children: [_jsx(HeadingTag, { "data-editable-target": `columns[${idx}].title`, "data-editable-target-label": `columns[${idx}].title`, "data-editable-label": `columns[${idx}].title`, children: String(row.title ?? "") }), _jsx("ul", { "data-editable-target": `columns[${idx}].links`, "data-editable-target-label": `columns[${idx}].links`, "data-editable-label": `columns[${idx}].links`, children: links.map((link, linkIdx) => (_jsx("li", { children: _jsx("a", { href: link.href, children: link.label }) }, linkIdx))) })] }, idx));
+                    }) }), _jsx("div", { className: "site-footer__copyright", "data-editable-target": "copyright", "data-editable-target-label": "copyright", "data-editable-label": "copyright", children: String(props.copyright ?? "") })] }) }));
+}

package/dist/blocks/footer/styles.css

@@ -0,0 +1,64 @@
+.site-footer {
+  width: 100vw;
+  margin-left: calc(50% - 50vw);
+  margin-right: calc(50% - 50vw);
+  background: var(--footer-bg);
+  color: var(--footer-text);
+  padding: 40px 20px 24px;
+}
+
+.site-footer .section__inner {
+  max-width: 960px;
+  margin: 0 auto;
+}
+
+.site-footer__columns {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  gap: 32px;
+  margin-bottom: 32px;
+}
+
+.site-footer__col h4 {
+  margin: 0 0 12px;
+  font-size: 0.9375rem;
+  font-weight: 700;
+  color: var(--footer-heading);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.site-footer__col ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.site-footer__col a {
+  color: var(--footer-link);
+  text-decoration: none;
+  font-size: 0.9375rem;
+  transition: color 0.15s;
+}
+
+.site-footer__col a:hover {
+  color: var(--footer-link-hover);
+}
+
+.site-footer__copyright {
+  border-top: 1px solid var(--footer-border);
+  padding-top: 16px;
+  font-size: 0.875rem;
+  color: var(--caption);
+  text-align: center;
+}
+
+@media (max-width: 900px) {
+  .site-footer__columns {
+    grid-template-columns: 1fr 1fr;
+    gap: 24px;
+  }
+}

package/dist/blocks/gallery/renderer.d.ts

@@ -0,0 +1,2 @@
+import type { JSX } from "react";
+export declare function Gallery(props: Record<string, unknown>): JSX.Element;

package/dist/blocks/gallery/renderer.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveHeadingTag } from "@avocadostudio-ai/shared";
+import { renderInline, BlockImage } from "../_shared.js";
+const colsClass = {
+    "2": "gallery__grid--2",
+    "3": "gallery__grid--3",
+    "4": "gallery__grid--4",
+};
+export function Gallery(props) {
+    const HeadingTag = resolveHeadingTag("Gallery", props);
+    const title = String(props.title ?? "");
+    const columns = String(props.columns ?? "3");
+    const images = Array.isArray(props.images) ? props.images : [];
+    return (_jsx("section", { className: "gallery", children: _jsxs("div", { className: "section__inner", children: [title.length > 0 && (_jsx(HeadingTag, { "data-editable-target": "title", "data-editable-target-label": "title", "data-editable-label": "title", children: renderInline(title) })), _jsx("div", { className: `gallery__grid ${colsClass[columns] ?? colsClass["3"]}`, children: images.map((raw, idx) => {
+                        const img = (raw ?? {});
+                        const imageUrl = String(img.imageUrl ?? "");
+                        const alt = String(img.alt ?? "");
+                        const caption = String(img.caption ?? "");
+                        return (_jsxs("figure", { className: "gallery__item", children: [imageUrl.length > 0 && (_jsx(BlockImage, { className: "gallery__image", src: imageUrl, alt: alt, width: 800, height: 600, sizes: "(max-width: 768px) 100vw, 33vw", loading: idx < 4 ? "eager" : "lazy" })), caption.length > 0 && (_jsx("figcaption", { className: "gallery__caption", "data-editable-target": `images[${idx}].caption`, "data-editable-target-label": `images[${idx}].caption`, "data-editable-label": `images[${idx}].caption`, children: renderInline(caption) }))] }, idx));
+                    }) })] }) }));
+}

package/dist/blocks/gallery/styles.css

@@ -0,0 +1,59 @@
+.gallery {
+  padding: 40px 20px;
+  background: var(--section-bg);
+}
+
+.gallery__grid {
+  display: grid;
+  gap: 16px;
+  margin-top: 24px;
+}
+
+.gallery__grid--2 { grid-template-columns: repeat(2, 1fr); }
+.gallery__grid--3 { grid-template-columns: repeat(3, 1fr); }
+.gallery__grid--4 { grid-template-columns: repeat(4, 1fr); }
+
+.gallery__item {
+  margin: 0;
+  overflow: hidden;
+  border-radius: var(--radius-card, 12px);
+  background: var(--bg-1);
+}
+
+.gallery__image {
+  width: 100%;
+  aspect-ratio: 4 / 3;
+  object-fit: cover;
+  display: block;
+}
+
+.gallery__caption {
+  padding: 10px 14px;
+  font-size: 0.9rem;
+  line-height: 1.4;
+  color: var(--text-200);
+}
+
+@media (max-width: 600px) {
+  .gallery {
+    padding: 24px 12px;
+  }
+
+  .gallery__grid--3,
+  .gallery__grid--4 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .gallery__grid {
+    gap: 10px;
+    margin-top: 16px;
+  }
+}
+
+@media (max-width: 380px) {
+  .gallery__grid--2,
+  .gallery__grid--3,
+  .gallery__grid--4 {
+    grid-template-columns: 1fr;
+  }
+}

package/dist/blocks/hero/renderer.d.ts

@@ -0,0 +1 @@
+export declare function Hero(props: Record<string, unknown>): import("react/jsx-runtime").JSX.Element;

package/dist/blocks/hero/renderer.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveHeadingTag, IMAGE_PLACEHOLDER } from "@avocadostudio-ai/shared";
+import { PrimaryButton, SecondaryButton, BlockImage } from "../_shared.js";
+export function Hero(props) {
+    const rawPosition = String(props.imagePosition ?? "right");
+    const isFullWidth = rawPosition === "full";
+    const imagePosition = rawPosition === "left" ? "left" : "right";
+    const textAlign = String(props.textAlign ?? "left");
+    const eyebrow = typeof props.eyebrow === "string" ? props.eyebrow.trim() : "";
+    const HeadingTag = resolveHeadingTag("Hero", props);
+    const contentCenterClass = textAlign === "center" ? " hero__content--center" : "";
+    const content = (_jsxs("div", { className: `hero__content layout-grid__col${contentCenterClass}`, children: [eyebrow.length > 0 && (_jsx("span", { className: "hero__eyebrow", "data-editable-target": "eyebrow", "data-editable-target-label": "eyebrow", "data-editable-label": "eyebrow", children: eyebrow })), _jsx(HeadingTag, { "data-editable-target": "heading", "data-editable-target-label": "heading", "data-editable-label": "heading", children: String(props.heading ?? "") }), _jsx("p", { "data-editable-target": "subheading", "data-editable-target-label": "subheading", "data-editable-label": "subheading", children: String(props.subheading ?? "") }), _jsxs("div", { className: "hero__actions", children: [_jsx(PrimaryButton, { href: String(props.ctaHref ?? "#"), "data-editable-target": "ctaText", "data-editable-target-label": "ctaText", "data-editable-label": "ctaText", children: String(props.ctaText ?? "") }), typeof props.secondaryCtaText === "string" && props.secondaryCtaText.length > 0 && (_jsx(SecondaryButton, { href: String(props.secondaryCtaHref ?? "#"), "data-editable-target": "secondaryCtaText", "data-editable-target-label": "secondaryCtaText", "data-editable-label": "secondaryCtaText", children: props.secondaryCtaText }))] })] }));
+    if (isFullWidth) {
+        return (_jsxs("section", { className: "hero hero--full-width", children: [_jsx(BlockImage, { className: "hero__bg-image", src: String(props.imageUrl ?? IMAGE_PLACEHOLDER), alt: String(props.imageAlt ?? "Hero image"), width: 1536, height: 1024, sizes: "100vw", priority: true, "data-editable-target": "imageUrl", "data-editable-target-label": "Hero block image", "data-editable-label": "Hero block image" }), _jsx("div", { className: "section__inner hero__inner", children: content })] }));
+    }
+    const isImageLeft = imagePosition === "left";
+    const sectionClass = isImageLeft ? "hero hero--image-left" : "hero";
+    const gridClass = `section__inner hero__inner layout-grid layout-grid--content-heavy${isImageLeft ? " layout-grid--image-left" : ""}`;
+    return (_jsx("section", { className: sectionClass, children: _jsxs("div", { className: gridClass, children: [content, _jsx("div", { className: "hero__media layout-grid__col", "data-editable-target": "imageUrl", "data-editable-target-label": "Hero block image", children: _jsx(BlockImage, { className: "layout-grid__img", src: String(props.imageUrl ?? IMAGE_PLACEHOLDER), alt: String(props.imageAlt ?? "Hero image"), width: 1536, height: 1024, sizes: "(max-width: 900px) 100vw, 50vw", priority: true, "data-editable-label": "Hero block image" }) })] }) }));
+}