@commercetools-demo/puck-components 0.8.0

package/dist/index.mjs

@@ -0,0 +1,2476 @@
+// src/intl/en.json
+var en_default = {
+  "Editor.loadingEditor": "Loading editor\u2026",
+  "Editor.errorLoadingPage": "Error loading page:",
+  "Editor.toggleComponentsPanel": "Toggle components panel",
+  "Editor.togglePropertiesPanel": "Toggle properties panel",
+  "Editor.undo": "Undo",
+  "Editor.redo": "Redo",
+  "Editor.badgeSaving": "Saving\u2026",
+  "Editor.badgeUnsaved": "Unsaved",
+  "Editor.badgeDraft": "Draft",
+  "Editor.badgePublished": "Published",
+  "Editor.preview": "Preview",
+  "Editor.save": "Save",
+  "Editor.publish": "Publish",
+  "Editor.moreOptions": "More options",
+  "Editor.hideVersionHistory": "Hide version history",
+  "Editor.versionHistory": "Version history",
+  "Editor.revertToPublished": "Revert to published",
+  "Editor.createTemplateFromPage": "Create a template from this page",
+  "Editor.createTemplateTitle": "Create a new template",
+  "Editor.nameLabel": "Name",
+  "Editor.nameRequired": "Name is required",
+  "Editor.templateNamePlaceholder": "e.g. Landing page",
+  "Editor.createTemplateWithoutData": "Create template without data",
+  "Editor.cancel": "Cancel",
+  "Editor.creating": "Creating\u2026",
+  "Editor.create": "Create",
+  "Editor.discardChangesTitle": "Discard unsaved changes?",
+  "Editor.discardChangesBody": "You have unsaved changes on this page. If you leave now, those changes will be lost.",
+  "Editor.stayOnPage": "Stay on page",
+  "Editor.leaveAndDiscard": "Leave & discard",
+  "Editor.showPanel": "Show {panel} panel",
+  "Editor.tabComponents": "Components",
+  "Editor.tabHistory": "History",
+  "Editor.searchComponents": "Search components",
+  "Editor.searchComponentsPlaceholder": "Search components\u2026",
+  "Editor.clearSearch": "Clear search",
+  "Editor.resizePropertiesPanel": "Resize properties panel",
+  "Editor.resizeComponentsPanel": "Resize components panel",
+  "Editor.searchProducts": "Search products",
+  "Editor.searchProductsPlaceholder": "Search by product name\u2026",
+  "Editor.productSearchResults": "Product search results",
+  "Editor.searching": "Searching\u2026",
+  "Editor.noProductsFound": "No products found",
+  "Editor.unnamedProduct": "(unnamed product)",
+  "Editor.skuLabel": "SKU: {sku}",
+  "Editor.noSkuOnMasterVariant": "No SKU on master variant",
+  "Editor.added": "Added",
+  "Editor.datasourceType": "Datasource type",
+  "Editor.datasourceProductBySku": "Product by SKU",
+  "Editor.datasourceProductsBySku": "Products by SKU",
+  "Editor.selectedProduct": "Selected product",
+  "Editor.selectedProducts": "Selected products",
+  "Editor.noProductSelectedSearch": "No product selected \u2014 search above to add one.",
+  "Editor.remove": "Remove",
+  "Editor.richTextPlaceholder": "Start typing\u2026",
+  "Editor.uploadAFile": "Upload a file",
+  "Editor.close": "Close",
+  "Editor.title": "Title",
+  "Editor.fileTitlePlaceholder": "File title",
+  "Editor.description": "Description",
+  "Editor.optionalDescriptionPlaceholder": "Optional description",
+  "Editor.dropToSelectFile": "Click or drag & drop to select a file",
+  "Editor.noFileSelected": "No file selected",
+  "Editor.uploading": "Uploading\u2026",
+  "Editor.upload": "Upload",
+  "Editor.selectFromMediaLibrary": "Select from Media Library",
+  "Editor.noFilesFound": "No files found.",
+  "Editor.prev": "\u2190 Prev",
+  "Editor.next": "Next \u2192",
+  "Editor.nothingSelected": "Nothing selected",
+  "Editor.select": "Select",
+  "Editor.selectedImagePreview": "Selected image preview",
+  "Editor.noImageSelected": "No image selected",
+  "Editor.mediaLibrary": "Media Library",
+  "Editor.loading": "Loading\u2026",
+  "Editor.loadingProduct": "Loading product\u2026",
+  "Editor.loadingProducts": "Loading products\u2026",
+  "Editor.errorLoadingProduct": "Error loading product",
+  "Editor.noProductSelected": "No product selected",
+  "Editor.noDescription": "No description",
+  "Editor.noCategoriesConfigured": "No categories configured",
+  "Editor.noFaqItemsConfigured": "No FAQ items configured",
+  "Editor.noProductsConfigured": "No products configured",
+  "Editor.noImage": "No image",
+  "Editor.noVideoUrlConfigured": "No video URL configured",
+  "Editor.cfg.root.field.title": "Page Title",
+  "Editor.cfg.root.field.backgroundColor": "Background Color",
+  "Editor.cfg.root.field.contentWidth": "Content Width",
+  "Editor.cfg.root.contentWidth.full": "Full width",
+  "Editor.cfg.category.layout": "Layout",
+  "Editor.cfg.category.text": "Text & Content",
+  "Editor.cfg.category.media": "Media",
+  "Editor.cfg.category.heroBanners": "Hero & Banners",
+  "Editor.cfg.category.products": "Products",
+  "Editor.cfg.category.actions": "Buttons & Forms",
+  "Editor.cfg.category.socialProof": "Social Proof & Info",
+  "Editor.cfg.category.sections": "Page Sections",
+  "Editor.cfg.category.other": "Other",
+  "Editor.cfg.shared.field.linkWith": "Link products by",
+  "Editor.cfg.shared.linkWith.slug": "Slug",
+  "Editor.cfg.shared.linkWith.sku": "SKU",
+  "Editor.cfg.shared.field.baseUrl": "Link base URL",
+  "Editor.cfg.fontSize.default": "Default",
+  "Editor.cfg.fontSize.small": "Small (0.875rem)",
+  "Editor.cfg.fontSize.medium": "Medium (1rem)",
+  "Editor.cfg.fontSize.large": "Large (1.25rem)",
+  "Editor.cfg.fontSize.xLarge": "X-Large (1.5rem)",
+  "Editor.cfg.fontSize.2xLarge": "2X-Large (2rem)",
+  "Editor.cfg.fontSize.3xLarge": "3X-Large (2.5rem)",
+  "Editor.cfg.fontSize.4xLarge": "4X-Large (3rem)",
+  "Editor.cfg.hero.label": "Hero",
+  "Editor.cfg.hero.field.heading": "Heading",
+  "Editor.cfg.hero.field.headingFontSize": "Heading Font Size",
+  "Editor.cfg.hero.field.subheading": "Subheading",
+  "Editor.cfg.hero.field.subheadingFontSize": "Subheading Font Size",
+  "Editor.cfg.hero.field.backgroundImage": "Background Image URL",
+  "Editor.cfg.hero.field.ctaText": "CTA Button Text",
+  "Editor.cfg.hero.field.ctaUrl": "CTA Button URL",
+  "Editor.cfg.hero.field.layout": "Layout",
+  "Editor.cfg.hero.layout.centered": "Centered",
+  "Editor.cfg.hero.layout.leftAligned": "Left Aligned",
+  "Editor.cfg.hero.field.minHeight": "Min Height (CSS, e.g. 400px)",
+  "Editor.cfg.richText.label": "Rich Text",
+  "Editor.cfg.richText.field.content": "Content",
+  "Editor.cfg.richText.field.align": "Text Alignment",
+  "Editor.cfg.align.left": "Left",
+  "Editor.cfg.align.center": "Center",
+  "Editor.cfg.align.right": "Right",
+  "Editor.cfg.richText.field.maxWidth": "Max Width (CSS)",
+  "Editor.cfg.richText.field.padding": "Padding (CSS)",
+  "Editor.cfg.grid.label": "Grid",
+  "Editor.cfg.grid.field.columnCount": "Number of Columns",
+  "Editor.cfg.grid.field.rowCount": "Number of Rows",
+  "Editor.cfg.grid.field.gap": "Gap (CSS)",
+  "Editor.cfg.grid.field.padding": "Padding (CSS)",
+  "Editor.cfg.columns.label": "Columns",
+  "Editor.cfg.columns.field.columnCount": "Number of Columns",
+  "Editor.cfg.columns.count.2": "2 Columns",
+  "Editor.cfg.columns.count.3": "3 Columns",
+  "Editor.cfg.columns.count.4": "4 Columns",
+  "Editor.cfg.columns.field.gap": "Column Gap (CSS)",
+  "Editor.cfg.columns.field.padding": "Padding (CSS)",
+  "Editor.cfg.image.label": "Image",
+  "Editor.cfg.image.field.src": "Image",
+  "Editor.cfg.image.field.alt": "Alt Text",
+  "Editor.cfg.image.field.caption": "Caption",
+  "Editor.cfg.image.field.width": "Width (CSS, e.g. 100%)",
+  "Editor.cfg.image.field.height": "Height (CSS, e.g. 300px)",
+  "Editor.cfg.image.field.objectFit": "Object Fit",
+  "Editor.cfg.image.objectFit.cover": "Cover",
+  "Editor.cfg.image.objectFit.contain": "Contain",
+  "Editor.cfg.image.objectFit.fill": "Fill",
+  "Editor.cfg.image.field.borderRadius": "Border Radius (CSS)",
+  "Editor.cfg.image.field.align": "Alignment",
+  "Editor.cfg.button.label": "Button",
+  "Editor.cfg.button.field.label": "Button Label",
+  "Editor.cfg.button.field.href": "Link URL",
+  "Editor.cfg.button.field.variant": "Variant",
+  "Editor.cfg.button.variant.primary": "Primary",
+  "Editor.cfg.button.variant.secondary": "Secondary",
+  "Editor.cfg.button.variant.outline": "Outline",
+  "Editor.cfg.button.field.size": "Size",
+  "Editor.cfg.button.size.small": "Small",
+  "Editor.cfg.button.size.medium": "Medium",
+  "Editor.cfg.button.size.large": "Large",
+  "Editor.cfg.button.field.fontSize": "Font Size Override",
+  "Editor.cfg.button.field.align": "Alignment",
+  "Editor.cfg.button.field.openInNewTab": "Open in New Tab",
+  "Editor.cfg.yesNo.yes": "Yes",
+  "Editor.cfg.yesNo.no": "No",
+  "Editor.cfg.card.label": "Card",
+  "Editor.cfg.card.field.title": "Title",
+  "Editor.cfg.card.field.titleFontSize": "Title Font Size",
+  "Editor.cfg.card.field.body": "Body Text",
+  "Editor.cfg.card.field.imageUrl": "Image URL",
+  "Editor.cfg.card.field.ctaText": "CTA Text",
+  "Editor.cfg.card.field.ctaUrl": "CTA URL",
+  "Editor.cfg.card.field.shadow": "Drop Shadow",
+  "Editor.cfg.card.field.borderRadius": "Border Radius (CSS)",
+  "Editor.cfg.spacer.label": "Spacer",
+  "Editor.cfg.spacer.field.height": "Height (CSS, e.g. 48px)",
+  "Editor.cfg.spacer.field.showLine": "Show Divider Line",
+  "Editor.cfg.spacer.field.lineColor": "Line Color",
+  "Editor.cfg.productTeaser.label": "Product Teaser",
+  "Editor.cfg.productTeaser.field.datasource": "Product Datasource",
+  "Editor.cfg.productTeaser.field.richText": "Rich Text",
+  "Editor.cfg.heroBanner.label": "Hero Banner",
+  "Editor.cfg.heroBanner.field.title": "Title",
+  "Editor.cfg.heroBanner.field.subtitle": "Subtitle",
+  "Editor.cfg.heroBanner.field.image": "Image",
+  "Editor.cfg.textBlock.label": "Text Block",
+  "Editor.cfg.textBlock.field.content": "Content",
+  "Editor.cfg.categoryGrid.label": "Category Grid",
+  "Editor.cfg.categoryGrid.field.image": "Category {n} Image",
+  "Editor.cfg.categoryGrid.field.label": "Category {n} Label",
+  "Editor.cfg.categoryGrid.field.link": "Category {n} Link",
+  "Editor.cfg.categoryHero.label": "Category Hero",
+  "Editor.cfg.categoryHero.field.title": "Title",
+  "Editor.cfg.categoryHero.field.subtitle": "Subtitle",
+  "Editor.cfg.categoryHero.field.image": "Background Image",
+  "Editor.cfg.categoryHero.field.ctaText": "CTA Text",
+  "Editor.cfg.categoryHero.field.ctaLink": "CTA Link",
+  "Editor.cfg.checkoutPromoBanner.label": "Checkout Promo Banner",
+  "Editor.cfg.checkoutPromoBanner.field.title": "Title",
+  "Editor.cfg.checkoutPromoBanner.field.message": "Message",
+  "Editor.cfg.checkoutPromoBanner.field.ctaText": "CTA Text",
+  "Editor.cfg.checkoutPromoBanner.field.ctaLink": "CTA Link",
+  "Editor.cfg.countdownBanner.label": "Countdown Banner",
+  "Editor.cfg.countdownBanner.field.headline": "Headline",
+  "Editor.cfg.countdownBanner.field.subline": "Subline",
+  "Editor.cfg.countdownBanner.field.endDate": "End Date (ISO, e.g. 2025-12-31T23:59:59)",
+  "Editor.cfg.countdownBanner.field.ctaText": "CTA Text",
+  "Editor.cfg.countdownBanner.field.ctaLink": "CTA Link",
+  "Editor.cfg.countdownBanner.field.background": "Background Color",
+  "Editor.cfg.crossSellBlock.label": "Cross-Sell Block",
+  "Editor.cfg.crossSellBlock.field.title": "Title",
+  "Editor.cfg.crossSellBlock.field.products": "Products",
+  "Editor.cfg.crossSellBlock.field.ctaText": "CTA Text",
+  "Editor.cfg.deliveryMessage.label": "Delivery Message",
+  "Editor.cfg.deliveryMessage.field.message": "Message (use $XX for threshold)",
+  "Editor.cfg.deliveryMessage.field.threshold": "Threshold Amount (e.g. 50)",
+  "Editor.cfg.divider.label": "Divider",
+  "Editor.cfg.divider.field.lineStyle": "Line Style",
+  "Editor.cfg.divider.lineStyle.solid": "Solid",
+  "Editor.cfg.divider.lineStyle.dashed": "Dashed",
+  "Editor.cfg.divider.lineStyle.dotted": "Dotted",
+  "Editor.cfg.divider.field.spacing": "Spacing (px)",
+  "Editor.cfg.emptyState.label": "Empty State",
+  "Editor.cfg.emptyState.field.image": "Image",
+  "Editor.cfg.emptyState.field.title": "Title",
+  "Editor.cfg.emptyState.field.description": "Description",
+  "Editor.cfg.emptyState.field.ctaText": "CTA Text",
+  "Editor.cfg.emptyState.field.ctaLink": "CTA Link",
+  "Editor.cfg.faqAccordion.label": "FAQ Accordion",
+  "Editor.cfg.faqAccordion.field.question": "Question {n}",
+  "Editor.cfg.faqAccordion.field.answer": "Answer {n}",
+  "Editor.cfg.footerBlock.label": "Footer Block",
+  "Editor.cfg.footerBlock.field.column": "Column {n}",
+  "Editor.cfg.footerBlock.field.copyright": "Copyright Text",
+  "Editor.cfg.imageBlock.label": "Image Block",
+  "Editor.cfg.imageBlock.field.image": "Image",
+  "Editor.cfg.imageBlock.field.caption": "Caption",
+  "Editor.cfg.imageBlock.field.link": "Link URL",
+  "Editor.cfg.newsletterSignup.label": "Newsletter Signup",
+  "Editor.cfg.newsletterSignup.field.title": "Title",
+  "Editor.cfg.newsletterSignup.field.subtitle": "Subtitle",
+  "Editor.cfg.newsletterSignup.field.ctaText": "Button Text",
+  "Editor.cfg.newsletterSignup.field.placeholder": "Input Placeholder",
+  "Editor.newsletterEmailAria": "Email",
+  "Editor.cfg.productBanner.label": "Product Banner",
+  "Editor.cfg.productBanner.field.title": "Title",
+  "Editor.cfg.productBanner.field.description": "Description",
+  "Editor.cfg.productBanner.field.ctaText": "CTA Text",
+  "Editor.cfg.productBanner.field.ctaLink": "CTA Link",
+  "Editor.cfg.productBanner.field.product": "Product",
+  "Editor.cfg.productBanner.field.productOnLeft": "Product Position",
+  "Editor.cfg.productBanner.productPosition.right": "Product on Right",
+  "Editor.cfg.productBanner.productPosition.left": "Product on Left",
+  "Editor.cfg.productBanner.field.background": "Background Color",
+  "Editor.cfg.productGridHeader.label": "Product Grid Header",
+  "Editor.cfg.productGridHeader.field.title": "Title",
+  "Editor.cfg.productGridHeader.field.description": "Description",
+  "Editor.cfg.productSlider.label": "Product Slider",
+  "Editor.cfg.productSlider.field.title": "Title",
+  "Editor.cfg.productSlider.field.subtitle": "Subtitle",
+  "Editor.cfg.productSlider.field.products": "Products",
+  "Editor.cfg.promotionalBanner.label": "Promotional Banner",
+  "Editor.cfg.promotionalBanner.field.image": "Image",
+  "Editor.cfg.promotionalBanner.field.title": "Title",
+  "Editor.cfg.promotionalBanner.field.subtitle": "Subtitle",
+  "Editor.cfg.promotionalBanner.field.ctaText": "CTA Text",
+  "Editor.cfg.promotionalBanner.field.ctaLink": "CTA Link",
+  "Editor.cfg.promotionalBanner.field.background": "Background Color",
+  "Editor.cfg.relatedProducts.label": "Related Products",
+  "Editor.cfg.relatedProducts.field.title": "Title",
+  "Editor.cfg.relatedProducts.field.subtitle": "Subtitle",
+  "Editor.cfg.relatedProducts.field.products": "Products",
+  "Editor.cfg.socialLinks.label": "Social Links",
+  "Editor.cfg.socialLinks.field.label": "Link {n} Label",
+  "Editor.cfg.socialLinks.field.url": "Link {n} URL",
+  "Editor.cfg.tabContent.label": "Tab Content",
+  "Editor.cfg.tabContent.field.tabLabel": "Tab Label",
+  "Editor.cfg.tabContent.field.content": "Content",
+  "Editor.cfg.testimonials.label": "Testimonials",
+  "Editor.cfg.testimonials.field.quote": "Quote {n}",
+  "Editor.cfg.testimonials.field.author": "Author {n}",
+  "Editor.cfg.testimonials.field.role": "Role {n}",
+  "Editor.cfg.thankYouContent.label": "Thank You Content",
+  "Editor.cfg.thankYouContent.field.headline": "Headline",
+  "Editor.cfg.thankYouContent.field.message": "Message",
+  "Editor.cfg.thankYouContent.field.ctaText": "CTA Text",
+  "Editor.cfg.thankYouContent.field.ctaLink": "CTA Link",
+  "Editor.cfg.trustBadges.label": "Trust Badges",
+  "Editor.cfg.trustBadges.field.icon": "Badge {n} Icon",
+  "Editor.cfg.trustBadges.field.label": "Badge {n} Label",
+  "Editor.cfg.videoBlock.label": "Video Block",
+  "Editor.cfg.videoBlock.field.videoUrl": "Video URL",
+  "Editor.cfg.videoBlock.field.posterImage": "Poster Image",
+  "Editor.cfg.videoBlock.field.title": "Title",
+  "Editor.cfg.videoBlock.field.caption": "Caption",
+  "Editor.cfg.websiteLogo.label": "Website Logo",
+  "Editor.cfg.websiteLogo.field.logo": "Logo",
+  "Editor.cfg.websiteLogo.field.maxWidth": "Max Width (px)",
+  "Editor.cfg.websiteLogo.field.maxHeight": "Max Height (px)",
+  "Editor.websiteLogoAlt": "Logo",
+  "Editor.color.none": "None",
+  "Editor.color.custom": "Custom color",
+  "Editor.color.white": "White",
+  "Editor.color.lightGray": "Light gray",
+  "Editor.color.gray": "Gray",
+  "Editor.color.slate": "Slate",
+  "Editor.color.charcoal": "Charcoal",
+  "Editor.color.black": "Black",
+  "Editor.color.red": "Red",
+  "Editor.color.orange": "Orange",
+  "Editor.color.amber": "Amber",
+  "Editor.color.yellow": "Yellow",
+  "Editor.color.lime": "Lime",
+  "Editor.color.green": "Green",
+  "Editor.color.teal": "Teal",
+  "Editor.color.cyan": "Cyan",
+  "Editor.color.skyBlue": "Sky blue",
+  "Editor.color.blue": "Blue",
+  "Editor.color.navy": "Navy",
+  "Editor.color.purple": "Purple",
+  "Editor.color.pink": "Pink",
+  "Editor.color.sand": "Sand"
+};
+
+// src/intl/es.json
+var es_default = {
+  "Editor.loadingEditor": "Cargando editor\u2026",
+  "Editor.errorLoadingPage": "Error al cargar la p\xE1gina:",
+  "Editor.toggleComponentsPanel": "Panel de componentes alternados",
+  "Editor.togglePropertiesPanel": "Mostrar/ocultar panel de propiedades",
+  "Editor.undo": "Deshacer",
+  "Editor.redo": "Rehacer",
+  "Editor.badgeSaving": "Ahorro\u2026",
+  "Editor.badgeUnsaved": "No guardado",
+  "Editor.badgeDraft": "Borrador",
+  "Editor.badgePublished": "Publicado",
+  "Editor.preview": "Vista previa",
+  "Editor.save": "Guardar",
+  "Editor.publish": "Publicar",
+  "Editor.moreOptions": "M\xE1s opciones",
+  "Editor.hideVersionHistory": "Ocultar historial de versiones",
+  "Editor.versionHistory": "Historial de versiones",
+  "Editor.revertToPublished": "Volver a la versi\xF3n publicada",
+  "Editor.createTemplateFromPage": "Crea una plantilla a partir de esta p\xE1gina.",
+  "Editor.createTemplateTitle": "Crear una nueva plantilla",
+  "Editor.nameLabel": "Nombre",
+  "Editor.nameRequired": "Se requiere el nombre",
+  "Editor.templateNamePlaceholder": "p. ej. P\xE1gina de inicio",
+  "Editor.createTemplateWithoutData": "Crear plantilla sin datos",
+  "Editor.cancel": "Cancelar",
+  "Editor.creating": "Creando\u2026",
+  "Editor.create": "Crear",
+  "Editor.discardChangesTitle": "\xBFDescartar los cambios no guardados?",
+  "Editor.discardChangesBody": "Tienes cambios sin guardar en esta p\xE1gina. Si sales ahora, esos cambios se perder\xE1n.",
+  "Editor.stayOnPage": "Permanecer en la p\xE1gina",
+  "Editor.leaveAndDiscard": "Dejar y desechar",
+  "Editor.showPanel": "Mostrar panel {panel}",
+  "Editor.tabComponents": "Componentes",
+  "Editor.tabHistory": "Historia",
+  "Editor.searchComponents": "Componentes de b\xFAsqueda",
+  "Editor.searchComponentsPlaceholder": "Componentes de b\xFAsqueda\u2026",
+  "Editor.clearSearch": "Borrar b\xFAsqueda",
+  "Editor.resizePropertiesPanel": "Redimensionar el panel de propiedades",
+  "Editor.resizeComponentsPanel": "Redimensionar el panel de componentes",
+  "Editor.searchProducts": "Buscar productos",
+  "Editor.searchProductsPlaceholder": "Buscar por nombre del producto\u2026",
+  "Editor.productSearchResults": "Resultados de la b\xFAsqueda de productos",
+  "Editor.searching": "B\xFAsqueda\u2026",
+  "Editor.noProductsFound": "No se encontraron productos",
+  "Editor.unnamedProduct": "(producto sin nombre)",
+  "Editor.skuLabel": "SKU: {sku}",
+  "Editor.noSkuOnMasterVariant": "No hay SKU en la variante principal",
+  "Editor.added": "Agregado",
+  "Editor.datasourceType": "Tipo de fuente de datos",
+  "Editor.datasourceProductBySku": "Producto por SKU",
+  "Editor.datasourceProductsBySku": "Productos por SKU",
+  "Editor.selectedProduct": "Producto seleccionado",
+  "Editor.selectedProducts": "Productos seleccionados",
+  "Editor.noProductSelectedSearch": "No se ha seleccionado ning\xFAn producto; busque arriba para a\xF1adir uno.",
+  "Editor.remove": "Eliminar",
+  "Editor.richTextPlaceholder": "Empieza a escribir\u2026",
+  "Editor.uploadAFile": "Subir un archivo",
+  "Editor.close": "Cerrar",
+  "Editor.title": "T\xEDtulo",
+  "Editor.fileTitlePlaceholder": "T\xEDtulo del archivo",
+  "Editor.description": "Descripci\xF3n",
+  "Editor.optionalDescriptionPlaceholder": "Descripci\xF3n opcional",
+  "Editor.dropToSelectFile": "Haz clic o arrastra y suelta para seleccionar un archivo.",
+  "Editor.noFileSelected": "No se ha seleccionado ning\xFAn archivo.",
+  "Editor.uploading": "Subiendo\u2026",
+  "Editor.upload": "Subir",
+  "Editor.selectFromMediaLibrary": "Seleccionar de la biblioteca multimedia",
+  "Editor.noFilesFound": "No se encontraron archivos.",
+  "Editor.prev": "\u2190 Anterior",
+  "Editor.next": "Siguiente \u2192",
+  "Editor.nothingSelected": "No se ha seleccionado nada",
+  "Editor.select": "Seleccionar",
+  "Editor.selectedImagePreview": "Vista previa de la imagen seleccionada",
+  "Editor.noImageSelected": "No se ha seleccionado ninguna imagen",
+  "Editor.mediaLibrary": "Biblioteca multimedia",
+  "Editor.loading": "Cargando\u2026",
+  "Editor.loadingProduct": "Cargando producto\u2026",
+  "Editor.loadingProducts": "Cargando productos\u2026",
+  "Editor.errorLoadingProduct": "Error al cargar el producto",
+  "Editor.noProductSelected": "No se ha seleccionado ning\xFAn producto.",
+  "Editor.noDescription": "Sin descripci\xF3n",
+  "Editor.noCategoriesConfigured": "No se han configurado categor\xEDas",
+  "Editor.noFaqItemsConfigured": "No hay elementos de preguntas frecuentes configurados.",
+  "Editor.noProductsConfigured": "No hay productos configurados",
+  "Editor.noImage": "Sin imagen",
+  "Editor.noVideoUrlConfigured": "No se ha configurado ninguna URL de v\xEDdeo.",
+  "Editor.cfg.root.field.title": "T\xEDtulo de la p\xE1gina",
+  "Editor.cfg.root.field.backgroundColor": "Color de fondo",
+  "Editor.cfg.root.field.contentWidth": "Ancho del contenido",
+  "Editor.cfg.root.contentWidth.full": "Ancho completo",
+  "Editor.cfg.category.layout": "Disposici\xF3n",
+  "Editor.cfg.category.text": "Texto y contenido",
+  "Editor.cfg.category.media": "Medios de comunicaci\xF3n",
+  "Editor.cfg.category.heroBanners": "H\xE9roes y Estandartes",
+  "Editor.cfg.category.products": "Productos",
+  "Editor.cfg.category.actions": "Botones y formularios",
+  "Editor.cfg.category.socialProof": "Prueba social e informaci\xF3n",
+  "Editor.cfg.category.sections": "Secciones de p\xE1gina",
+  "Editor.cfg.category.other": "Otro",
+  "Editor.cfg.shared.field.linkWith": "Enlace productos por",
+  "Editor.cfg.shared.linkWith.slug": "Slug",
+  "Editor.cfg.shared.linkWith.sku": "SKU",
+  "Editor.cfg.shared.field.baseUrl": "URL base del enlace",
+  "Editor.cfg.fontSize.default": "Por defecto",
+  "Editor.cfg.fontSize.small": "Peque\xF1o (0,875 rem)",
+  "Editor.cfg.fontSize.medium": "Medio (1 rem)",
+  "Editor.cfg.fontSize.large": "Grande (1,25 rem)",
+  "Editor.cfg.fontSize.xLarge": "Extra grande (1,5 rem)",
+  "Editor.cfg.fontSize.2xLarge": "2X-Grande (2rem)",
+  "Editor.cfg.fontSize.3xLarge": "3X-Grande (2,5 rem)",
+  "Editor.cfg.fontSize.4xLarge": "4X-Grande (3rem)",
+  "Editor.cfg.hero.label": "Hero",
+  "Editor.cfg.hero.field.heading": "T\xEDtulo",
+  "Editor.cfg.hero.field.headingFontSize": "Tama\xF1o de fuente del encabezado",
+  "Editor.cfg.hero.field.subheading": "Subt\xEDtulo",
+  "Editor.cfg.hero.field.subheadingFontSize": "Tama\xF1o de fuente del subt\xEDtulo",
+  "Editor.cfg.hero.field.backgroundImage": "URL de la imagen de fondo",
+  "Editor.cfg.hero.field.ctaText": "Texto del bot\xF3n CTA",
+  "Editor.cfg.hero.field.ctaUrl": "URL del bot\xF3n CTA",
+  "Editor.cfg.hero.field.layout": "Disposici\xF3n",
+  "Editor.cfg.hero.layout.centered": "Centrado",
+  "Editor.cfg.hero.layout.leftAligned": "Alineado a la izquierda",
+  "Editor.cfg.hero.field.minHeight": "Altura m\xEDnima (CSS, por ejemplo, 400px)",
+  "Editor.cfg.richText.label": "Texto enriquecido",
+  "Editor.cfg.richText.field.content": "Contenido",
+  "Editor.cfg.richText.field.align": "Alineaci\xF3n del texto",
+  "Editor.cfg.align.left": "Izquierda",
+  "Editor.cfg.align.center": "Centro",
+  "Editor.cfg.align.right": "Bien",
+  "Editor.cfg.richText.field.maxWidth": "Ancho m\xE1ximo (CSS)",
+  "Editor.cfg.richText.field.padding": "Relleno (CSS)",
+  "Editor.cfg.grid.label": "Red",
+  "Editor.cfg.grid.field.columnCount": "N\xFAmero de columnas",
+  "Editor.cfg.grid.field.rowCount": "N\xFAmero de filas",
+  "Editor.cfg.grid.field.gap": "Brecha (CSS)",
+  "Editor.cfg.grid.field.padding": "Relleno (CSS)",
+  "Editor.cfg.columns.label": "Columnas",
+  "Editor.cfg.columns.field.columnCount": "N\xFAmero de columnas",
+  "Editor.cfg.columns.count.2": "2 columnas",
+  "Editor.cfg.columns.count.3": "3 columnas",
+  "Editor.cfg.columns.count.4": "4 columnas",
+  "Editor.cfg.columns.field.gap": "Espacio entre columnas (CSS)",
+  "Editor.cfg.columns.field.padding": "Relleno (CSS)",
+  "Editor.cfg.image.label": "Imagen",
+  "Editor.cfg.image.field.src": "Imagen",
+  "Editor.cfg.image.field.alt": "Texto alternativo",
+  "Editor.cfg.image.field.caption": "Subt\xEDtulo",
+  "Editor.cfg.image.field.width": "Ancho (CSS, por ejemplo, 100%)",
+  "Editor.cfg.image.field.height": "Altura (CSS, por ejemplo, 300px)",
+  "Editor.cfg.image.field.objectFit": "Ajuste del objeto",
+  "Editor.cfg.image.objectFit.cover": "Cubrir",
+  "Editor.cfg.image.objectFit.contain": "Contener",
+  "Editor.cfg.image.objectFit.fill": "Llenar",
+  "Editor.cfg.image.field.borderRadius": "Radio de borde (CSS)",
+  "Editor.cfg.image.field.align": "Alineaci\xF3n",
+  "Editor.cfg.button.label": "Bot\xF3n",
+  "Editor.cfg.button.field.label": "Etiqueta del bot\xF3n",
+  "Editor.cfg.button.field.href": "URL del enlace",
+  "Editor.cfg.button.field.variant": "Variante",
+  "Editor.cfg.button.variant.primary": "Primario",
+  "Editor.cfg.button.variant.secondary": "Secundario",
+  "Editor.cfg.button.variant.outline": "Describir",
+  "Editor.cfg.button.field.size": "Tama\xF1o",
+  "Editor.cfg.button.size.small": "Peque\xF1o",
+  "Editor.cfg.button.size.medium": "Medio",
+  "Editor.cfg.button.size.large": "Grande",
+  "Editor.cfg.button.field.fontSize": "Anulaci\xF3n del tama\xF1o de fuente",
+  "Editor.cfg.button.field.align": "Alineaci\xF3n",
+  "Editor.cfg.button.field.openInNewTab": "Abrir en una pesta\xF1a nueva",
+  "Editor.cfg.yesNo.yes": "S\xED",
+  "Editor.cfg.yesNo.no": "No",
+  "Editor.cfg.card.label": "Tarjeta",
+  "Editor.cfg.card.field.title": "T\xEDtulo",
+  "Editor.cfg.card.field.titleFontSize": "Tama\xF1o de fuente del t\xEDtulo",
+  "Editor.cfg.card.field.body": "Texto del cuerpo",
+  "Editor.cfg.card.field.imageUrl": "URL de la imagen",
+  "Editor.cfg.card.field.ctaText": "Texto de llamada a la acci\xF3n",
+  "Editor.cfg.card.field.ctaUrl": "URL de llamada a la acci\xF3n",
+  "Editor.cfg.card.field.shadow": "Sombra paralela",
+  "Editor.cfg.card.field.borderRadius": "Radio de borde (CSS)",
+  "Editor.cfg.spacer.label": "espaciador",
+  "Editor.cfg.spacer.field.height": "Altura (CSS, por ejemplo, 48px)",
+  "Editor.cfg.spacer.field.showLine": "Mostrar l\xEDnea divisoria",
+  "Editor.cfg.spacer.field.lineColor": "Color de l\xEDnea",
+  "Editor.cfg.productTeaser.label": "Avance del producto",
+  "Editor.cfg.productTeaser.field.datasource": "Fuente de datos del producto",
+  "Editor.cfg.productTeaser.field.richText": "Texto enriquecido",
+  "Editor.cfg.heroBanner.label": "Hero Banner",
+  "Editor.cfg.heroBanner.field.title": "T\xEDtulo",
+  "Editor.cfg.heroBanner.field.subtitle": "Subtitular",
+  "Editor.cfg.heroBanner.field.image": "Imagen",
+  "Editor.cfg.textBlock.label": "Bloque de texto",
+  "Editor.cfg.textBlock.field.content": "Contenido",
+  "Editor.cfg.categoryGrid.label": "Cuadr\xEDcula de categor\xEDas",
+  "Editor.cfg.categoryGrid.field.image": "Categor\xEDa {n} Imagen",
+  "Editor.cfg.categoryGrid.field.label": "Categor\xEDa {n} Etiqueta",
+  "Editor.cfg.categoryGrid.field.link": "Enlace de categor\xEDa {n}",
+  "Editor.cfg.categoryHero.label": "H\xE9roe de categor\xEDa",
+  "Editor.cfg.categoryHero.field.title": "T\xEDtulo",
+  "Editor.cfg.categoryHero.field.subtitle": "Subtitular",
+  "Editor.cfg.categoryHero.field.image": "Imagen de fondo",
+  "Editor.cfg.categoryHero.field.ctaText": "Texto de llamada a la acci\xF3n",
+  "Editor.cfg.categoryHero.field.ctaLink": "Enlace CTA",
+  "Editor.cfg.checkoutPromoBanner.label": "Banner promocional de pago",
+  "Editor.cfg.checkoutPromoBanner.field.title": "T\xEDtulo",
+  "Editor.cfg.checkoutPromoBanner.field.message": "Mensaje",
+  "Editor.cfg.checkoutPromoBanner.field.ctaText": "Texto de llamada a la acci\xF3n",
+  "Editor.cfg.checkoutPromoBanner.field.ctaLink": "Enlace CTA",
+  "Editor.cfg.countdownBanner.label": "Banner de cuenta regresiva",
+  "Editor.cfg.countdownBanner.field.headline": "Titular",
+  "Editor.cfg.countdownBanner.field.subline": "Subl\xEDnea",
+  "Editor.cfg.countdownBanner.field.endDate": "Fecha de finalizaci\xF3n (ISO, por ejemplo, 2025-12-31T23:59:59)",
+  "Editor.cfg.countdownBanner.field.ctaText": "Texto de llamada a la acci\xF3n",
+  "Editor.cfg.countdownBanner.field.ctaLink": "Enlace CTA",
+  "Editor.cfg.countdownBanner.field.background": "Color de fondo",
+  "Editor.cfg.crossSellBlock.label": "Bloque de venta cruzada",
+  "Editor.cfg.crossSellBlock.field.title": "T\xEDtulo",
+  "Editor.cfg.crossSellBlock.field.products": "Productos",
+  "Editor.cfg.crossSellBlock.field.ctaText": "Texto de llamada a la acci\xF3n",
+  "Editor.cfg.deliveryMessage.label": "Mensaje de entrega",
+  "Editor.cfg.deliveryMessage.field.message": "Mensaje (use $XX para el umbral)",
+  "Editor.cfg.deliveryMessage.field.threshold": "Cantidad umbral (p. ej., 50)",
+  "Editor.cfg.divider.label": "Divisor",
+  "Editor.cfg.divider.field.lineStyle": "Estilo de l\xEDnea",
+  "Editor.cfg.divider.lineStyle.solid": "S\xF3lido",
+  "Editor.cfg.divider.lineStyle.dashed": "Corrido",
+  "Editor.cfg.divider.lineStyle.dotted": "Punteado",
+  "Editor.cfg.divider.field.spacing": "Espaciado (px)",
+  "Editor.cfg.emptyState.label": "Estado vac\xEDo",
+  "Editor.cfg.emptyState.field.image": "Imagen",
+  "Editor.cfg.emptyState.field.title": "T\xEDtulo",
+  "Editor.cfg.emptyState.field.description": "Descripci\xF3n",
+  "Editor.cfg.emptyState.field.ctaText": "Texto de llamada a la acci\xF3n",
+  "Editor.cfg.emptyState.field.ctaLink": "Enlace CTA",
+  "Editor.cfg.faqAccordion.label": "Acorde\xF3n de preguntas frecuentes",
+  "Editor.cfg.faqAccordion.field.question": "Pregunta {n}",
+  "Editor.cfg.faqAccordion.field.answer": "Respuesta {n}",
+  "Editor.cfg.footerBlock.label": "Bloque de pie de p\xE1gina",
+  "Editor.cfg.footerBlock.field.column": "Columna {n}",
+  "Editor.cfg.footerBlock.field.copyright": "Texto de derechos de autor",
+  "Editor.cfg.imageBlock.label": "Bloque de imagen",
+  "Editor.cfg.imageBlock.field.image": "Imagen",
+  "Editor.cfg.imageBlock.field.caption": "Subt\xEDtulo",
+  "Editor.cfg.imageBlock.field.link": "URL del enlace",
+  "Editor.cfg.newsletterSignup.label": "Suscripci\xF3n al bolet\xEDn informativo",
+  "Editor.cfg.newsletterSignup.field.title": "T\xEDtulo",
+  "Editor.cfg.newsletterSignup.field.subtitle": "Subtitular",
+  "Editor.cfg.newsletterSignup.field.ctaText": "Texto del bot\xF3n",
+  "Editor.cfg.newsletterSignup.field.placeholder": "Marcador de posici\xF3n de entrada",
+  "Editor.newsletterEmailAria": "Correo electr\xF3nico",
+  "Editor.cfg.productBanner.label": "Banner del producto",
+  "Editor.cfg.productBanner.field.title": "T\xEDtulo",
+  "Editor.cfg.productBanner.field.description": "Descripci\xF3n",
+  "Editor.cfg.productBanner.field.ctaText": "Texto de llamada a la acci\xF3n",
+  "Editor.cfg.productBanner.field.ctaLink": "Enlace CTA",
+  "Editor.cfg.productBanner.field.product": "Producto",
+  "Editor.cfg.productBanner.field.productOnLeft": "Posicionamiento del producto",
+  "Editor.cfg.productBanner.productPosition.right": "Producto a la derecha",
+  "Editor.cfg.productBanner.productPosition.left": "Producto a la izquierda",
+  "Editor.cfg.productBanner.field.background": "Color de fondo",
+  "Editor.cfg.productGridHeader.label": "Encabezado de la cuadr\xEDcula de productos",
+  "Editor.cfg.productGridHeader.field.title": "T\xEDtulo",
+  "Editor.cfg.productGridHeader.field.description": "Descripci\xF3n",
+  "Editor.cfg.productSlider.label": "Deslizador de productos",
+  "Editor.cfg.productSlider.field.title": "T\xEDtulo",
+  "Editor.cfg.productSlider.field.subtitle": "Subtitular",
+  "Editor.cfg.productSlider.field.products": "Productos",
+  "Editor.cfg.promotionalBanner.label": "Banner promocional",
+  "Editor.cfg.promotionalBanner.field.image": "Imagen",
+  "Editor.cfg.promotionalBanner.field.title": "T\xEDtulo",
+  "Editor.cfg.promotionalBanner.field.subtitle": "Subtitular",
+  "Editor.cfg.promotionalBanner.field.ctaText": "Texto de llamada a la acci\xF3n",
+  "Editor.cfg.promotionalBanner.field.ctaLink": "Enlace CTA",
+  "Editor.cfg.promotionalBanner.field.background": "Color de fondo",
+  "Editor.cfg.relatedProducts.label": "Productos relacionados",
+  "Editor.cfg.relatedProducts.field.title": "T\xEDtulo",
+  "Editor.cfg.relatedProducts.field.subtitle": "Subtitular",
+  "Editor.cfg.relatedProducts.field.products": "Productos",
+  "Editor.cfg.socialLinks.label": "Enlaces sociales",
+  "Editor.cfg.socialLinks.field.label": "Enlace {n} Etiqueta",
+  "Editor.cfg.socialLinks.field.url": "Enlace {n} URL",
+  "Editor.cfg.tabContent.label": "Contenido de la pesta\xF1a",
+  "Editor.cfg.tabContent.field.tabLabel": "Etiqueta de pesta\xF1a",
+  "Editor.cfg.tabContent.field.content": "Contenido",
+  "Editor.cfg.testimonials.label": "Testimonios",
+  "Editor.cfg.testimonials.field.quote": "Cita {n}",
+  "Editor.cfg.testimonials.field.author": "Autor {n}",
+  "Editor.cfg.testimonials.field.role": "Rol {n}",
+  "Editor.cfg.thankYouContent.label": "Contenido de agradecimiento",
+  "Editor.cfg.thankYouContent.field.headline": "Titular",
+  "Editor.cfg.thankYouContent.field.message": "Mensaje",
+  "Editor.cfg.thankYouContent.field.ctaText": "Texto de llamada a la acci\xF3n",
+  "Editor.cfg.thankYouContent.field.ctaLink": "Enlace CTA",
+  "Editor.cfg.trustBadges.label": "Insignias de confianza",
+  "Editor.cfg.trustBadges.field.icon": "Insignia {n} Icono",
+  "Editor.cfg.trustBadges.field.label": "Etiqueta de insignia {n}",
+  "Editor.cfg.videoBlock.label": "Bloque de v\xEDdeo",
+  "Editor.cfg.videoBlock.field.videoUrl": "URL del v\xEDdeo",
+  "Editor.cfg.videoBlock.field.posterImage": "Imagen del p\xF3ster",
+  "Editor.cfg.videoBlock.field.title": "T\xEDtulo",
+  "Editor.cfg.videoBlock.field.caption": "Subt\xEDtulo",
+  "Editor.cfg.websiteLogo.label": "Logotipo del sitio web",
+  "Editor.cfg.websiteLogo.field.logo": "Logo",
+  "Editor.cfg.websiteLogo.field.maxWidth": "Ancho m\xE1ximo (px)",
+  "Editor.cfg.websiteLogo.field.maxHeight": "Altura m\xE1xima (px)",
+  "Editor.websiteLogoAlt": "Logo",
+  "Editor.color.none": "Ninguno",
+  "Editor.color.custom": "Color personalizado",
+  "Editor.color.white": "Blanco",
+  "Editor.color.lightGray": "Gris claro",
+  "Editor.color.gray": "Gris",
+  "Editor.color.slate": "Pizarra",
+  "Editor.color.charcoal": "Carb\xF3n",
+  "Editor.color.black": "Negro",
+  "Editor.color.red": "Rojo",
+  "Editor.color.orange": "Naranja",
+  "Editor.color.amber": "\xC1mbar",
+  "Editor.color.yellow": "Amarillo",
+  "Editor.color.lime": "Lima",
+  "Editor.color.green": "Verde",
+  "Editor.color.teal": "Verde azulado",
+  "Editor.color.cyan": "Cian",
+  "Editor.color.skyBlue": "Azul cielo",
+  "Editor.color.blue": "Azul",
+  "Editor.color.navy": "Azul marino",
+  "Editor.color.purple": "Morado",
+  "Editor.color.pink": "Rosa",
+  "Editor.color.sand": "Arena"
+};
+
+// src/intl/index.ts
+var catalogs = { en: en_default, es: es_default };
+
+// src/utils/sanitizeHtml.ts
+import DOMPurify from "isomorphic-dompurify";
+var sanitizeHtml = (html) => {
+  if (!html) return "";
+  return DOMPurify.sanitize(html, {
+    USE_PROFILES: { html: true },
+    ADD_ATTR: ["target", "rel"]
+  });
+};
+
+// src/components/RichTextContent.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var STYLE_ID = "puck-rich-text-content-styles";
+var RICH_TEXT_CSS = `
+.puck-rich-text-content { line-height: 1.6; }
+.puck-rich-text-content > :first-child { margin-top: 0; }
+.puck-rich-text-content > :last-child { margin-bottom: 0; }
+.puck-rich-text-content h1 { font-size: 2em; font-weight: 700; line-height: 1.2; margin: 0.67em 0; }
+.puck-rich-text-content h2 { font-size: 1.5em; font-weight: 700; line-height: 1.25; margin: 0.75em 0; }
+.puck-rich-text-content h3 { font-size: 1.17em; font-weight: 700; line-height: 1.3; margin: 0.83em 0; }
+.puck-rich-text-content h4 { font-size: 1em; font-weight: 700; margin: 1em 0; }
+.puck-rich-text-content h5 { font-size: 0.83em; font-weight: 700; margin: 1.17em 0; }
+.puck-rich-text-content h6 { font-size: 0.75em; font-weight: 700; margin: 1.33em 0; }
+.puck-rich-text-content p { margin: 1em 0; }
+.puck-rich-text-content strong, .puck-rich-text-content b { font-weight: 700; }
+.puck-rich-text-content em, .puck-rich-text-content i { font-style: italic; }
+.puck-rich-text-content u { text-decoration: underline; }
+.puck-rich-text-content s, .puck-rich-text-content del { text-decoration: line-through; }
+.puck-rich-text-content ul { list-style: disc; margin: 1em 0; padding-left: 1.5em; }
+.puck-rich-text-content ol { list-style: decimal; margin: 1em 0; padding-left: 1.5em; }
+.puck-rich-text-content li { margin: 0.25em 0; }
+.puck-rich-text-content a { color: #2563eb; text-decoration: underline; }
+.puck-rich-text-content blockquote { margin: 1em 0; padding-left: 1em; border-left: 3px solid #d1d5db; color: #4b5563; }
+.puck-rich-text-content code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; background: rgba(0,0,0,0.06); padding: 0.1em 0.3em; border-radius: 3px; font-size: 0.9em; }
+.puck-rich-text-content pre { background: rgba(0,0,0,0.06); padding: 0.75em 1em; border-radius: 6px; overflow-x: auto; }
+.puck-rich-text-content pre code { background: none; padding: 0; }
+.puck-rich-text-content img { max-width: 100%; height: auto; }
+.puck-rich-text-content hr { border: none; border-top: 1px solid #e5e7eb; margin: 1.5em 0; }
+`.trim();
+var RichTextContent = ({
+  html,
+  className,
+  style
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("style", { href: STYLE_ID, precedence: "default", children: RICH_TEXT_CSS }),
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: className ? `puck-rich-text-content ${className}` : "puck-rich-text-content",
+      style,
+      dangerouslySetInnerHTML: { __html: sanitizeHtml(html) }
+    }
+  )
+] });
+
+// src/components/cms/shared.ts
+var getLocalizedText = (obj) => {
+  if (!obj) return "";
+  return obj["en-US"] ?? obj["en"] ?? Object.values(obj)[0] ?? "";
+};
+var formatPrice = (centAmount, currencyCode = "USD", fractionDigits = 2) => {
+  const amount = centAmount / Math.pow(10, fractionDigits);
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: currencyCode
+  }).format(amount);
+};
+var getFirstPrice = (product) => {
+  const p = product;
+  return p?.masterVariant?.prices?.[0]?.value ?? null;
+};
+var getProductImage = (product) => {
+  const p = product;
+  return p?.masterVariant?.images?.[0]?.url ?? null;
+};
+var getProductName = (product) => {
+  const p = product;
+  return getLocalizedText(p?.name) || "Product";
+};
+var getProductSlug = (product) => {
+  const p = product;
+  return getLocalizedText(p?.slug) || p?.id || "#";
+};
+var getProductSku = (product) => {
+  const p = product;
+  return p?.masterVariant?.sku ?? "";
+};
+var resolveProductLink = (product, linkWith = "sku", baseUrl = "/p/") => {
+  const p = product;
+  const slug = getLocalizedText(p?.slug);
+  const sku = getProductSku(product);
+  const id = p?.id ?? "";
+  const identifier = (linkWith === "sku" ? sku : slug) || id || slug || sku;
+  const base = "/" + String(baseUrl ?? "").trim().replace(/^\/+|\/+$/g, "").replace(/\/{2,}/g, "/");
+  const cleanId = String(identifier ?? "").trim().replace(/^\/+|\/+$/g, "");
+  return (cleanId ? `${base}/${cleanId}` : base).replace(/\/{2,}/g, "/");
+};
+var productLinkDefaults = {
+  linkWith: "sku",
+  baseUrl: "/p/"
+};
+var colors = {
+  primary: "#2c5530",
+  primaryHover: "#1e3a21",
+  lightBg: "#f0f7f0",
+  lightBorder: "#c8e6c8",
+  text: "#333",
+  textMuted: "#666",
+  border: "#eee",
+  bg: "#f5f5f5"
+};
+
+// src/components/Root.tsx
+import React from "react";
+var CONTENT_WIDTHS = {
+  x: "256px",
+  "2x": "512px",
+  "3x": "768px",
+  "4x": "1024px",
+  "5x": "1280px",
+  "6x": "1536px",
+  full: "100%"
+};
+var renderRoot = ({
+  children,
+  backgroundColor,
+  contentWidth
+}) => {
+  const maxWidth = CONTENT_WIDTHS[contentWidth] ?? "100%";
+  const isConstrained = maxWidth !== "100%";
+  return React.createElement(
+    "div",
+    {
+      style: {
+        background: backgroundColor ?? "#ffffff",
+        minHeight: "100vh",
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+      }
+    },
+    React.createElement(
+      "div",
+      {
+        style: {
+          maxWidth,
+          // Centre the content column and give it breathing room on the sides
+          // when its width is constrained.
+          margin: "0 auto",
+          paddingLeft: isConstrained ? "24px" : void 0,
+          paddingRight: isConstrained ? "24px" : void 0,
+          boxSizing: "border-box"
+        }
+      },
+      children
+    )
+  );
+};
+
+// src/components/Hero.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var renderHero = ({
+  heading,
+  headingFontSize,
+  subheading,
+  subheadingFontSize,
+  backgroundImage,
+  ctaText,
+  ctaUrl,
+  layout,
+  minHeight
+}) => {
+  const isCenter = layout !== "left-aligned";
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      style: {
+        position: "relative",
+        minHeight: minHeight ?? "400px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: isCenter ? "center" : "flex-start",
+        padding: "48px 32px",
+        backgroundImage: backgroundImage ? `url(${backgroundImage})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+        backgroundColor: backgroundImage ? void 0 : "#1a1a2e",
+        color: "#fff",
+        boxSizing: "border-box"
+      },
+      children: [
+        backgroundImage && /* @__PURE__ */ jsx2(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              inset: 0,
+              background: "rgba(0,0,0,0.45)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            style: {
+              position: "relative",
+              maxWidth: "720px",
+              textAlign: isCenter ? "center" : "left"
+            },
+            children: [
+              /* @__PURE__ */ jsx2("h1", { style: { margin: "0 0 16px", fontSize: headingFontSize || "2.5rem", fontWeight: 700 }, children: heading }),
+              subheading && /* @__PURE__ */ jsx2("p", { style: { margin: "0 0 24px", fontSize: subheadingFontSize || "1.2rem", opacity: 0.85 }, children: subheading }),
+              ctaText && ctaUrl && /* @__PURE__ */ jsx2(
+                "a",
+                {
+                  href: ctaUrl,
+                  style: {
+                    display: "inline-block",
+                    padding: "12px 28px",
+                    background: "#e94560",
+                    color: "#fff",
+                    borderRadius: "4px",
+                    textDecoration: "none",
+                    fontWeight: 600
+                  },
+                  children: ctaText
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/RichText.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var renderRichText = ({
+  content,
+  align,
+  maxWidth,
+  padding
+}) => /* @__PURE__ */ jsx3(
+  RichTextContent,
+  {
+    html: content,
+    style: {
+      padding: padding ?? "32px",
+      textAlign: align ?? "left",
+      maxWidth,
+      margin: maxWidth ? "0 auto" : void 0,
+      boxSizing: "border-box"
+    }
+  }
+);
+
+// src/components/Grid.tsx
+import { DropZone } from "@measured/puck";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var renderGrid = ({
+  columnCount = 2,
+  rowCount = 1,
+  gap = "16px",
+  padding = "16px"
+}) => {
+  const cols = Math.max(1, columnCount);
+  const rows = Math.max(1, rowCount);
+  const cells = Array.from({ length: cols * rows }, (_, i) => i);
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: `repeat(${cols}, 1fr)`,
+        gridTemplateRows: `repeat(${rows}, minmax(40px, auto))`,
+        gap,
+        padding,
+        boxSizing: "border-box"
+      },
+      children: cells.map((i) => /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(DropZone, { zone: `cell-${i}` }) }, i))
+    }
+  );
+};
+
+// src/components/Columns.tsx
+import { DropZone as DropZone2 } from "@measured/puck";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var renderColumns = ({
+  columnCount = 2,
+  gap = "16px",
+  padding = "16px"
+}) => {
+  const cols = Array.from({ length: columnCount }, (_, i) => i);
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: `repeat(${columnCount}, 1fr)`,
+        gap,
+        padding,
+        boxSizing: "border-box"
+      },
+      children: cols.map((i) => /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsx5(DropZone2, { zone: `column-${i}` }) }, i))
+    }
+  );
+};
+
+// src/components/Image.tsx
+import { FormattedMessage } from "react-intl";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var renderImage = ({
+  src,
+  alt,
+  caption,
+  width,
+  height,
+  objectFit,
+  borderRadius,
+  align
+}) => /* @__PURE__ */ jsxs3(
+  "figure",
+  {
+    style: {
+      margin: 0,
+      padding: "16px",
+      textAlign: align ?? "center",
+      boxSizing: "border-box"
+    },
+    children: [
+      src ? /* @__PURE__ */ jsx6(
+        "img",
+        {
+          src,
+          alt: alt ?? "",
+          style: {
+            width: width ?? "100%",
+            height,
+            objectFit: objectFit ?? "cover",
+            borderRadius,
+            display: "inline-block",
+            maxWidth: "100%"
+          }
+        }
+      ) : /* @__PURE__ */ jsx6(
+        "div",
+        {
+          style: {
+            width: width ?? "100%",
+            height: height ?? "200px",
+            background: "#e0e0e0",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: "#888",
+            fontSize: "14px",
+            borderRadius
+          },
+          children: /* @__PURE__ */ jsx6(FormattedMessage, { id: "Editor.noImageSelected" })
+        }
+      ),
+      caption && /* @__PURE__ */ jsx6(
+        "figcaption",
+        {
+          style: { marginTop: "8px", fontSize: "14px", color: "#666" },
+          children: caption
+        }
+      )
+    ]
+  }
+);
+
+// src/components/Button.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var VARIANT_STYLES = {
+  primary: { background: "#1a1a2e", color: "#fff", border: "2px solid #1a1a2e" },
+  secondary: { background: "#e94560", color: "#fff", border: "2px solid #e94560" },
+  outline: { background: "transparent", color: "#1a1a2e", border: "2px solid #1a1a2e" }
+};
+var SIZE_STYLES = {
+  sm: { padding: "6px 16px", fontSize: "14px" },
+  md: { padding: "10px 24px", fontSize: "16px" },
+  lg: { padding: "14px 32px", fontSize: "18px" }
+};
+var renderButton = ({
+  label,
+  href,
+  variant = "primary",
+  size = "md",
+  fontSize,
+  align = "left",
+  openInNewTab
+}) => /* @__PURE__ */ jsx7("div", { style: { padding: "12px 16px", textAlign: align, boxSizing: "border-box" }, children: /* @__PURE__ */ jsx7(
+  "a",
+  {
+    href: href ?? "#",
+    target: openInNewTab ? "_blank" : void 0,
+    rel: openInNewTab ? "noopener noreferrer" : void 0,
+    style: {
+      display: "inline-block",
+      borderRadius: "4px",
+      textDecoration: "none",
+      fontWeight: 600,
+      cursor: "pointer",
+      ...VARIANT_STYLES[variant],
+      ...SIZE_STYLES[size],
+      ...fontSize ? { fontSize } : {}
+    },
+    children: label
+  }
+) });
+
+// src/components/Card.tsx
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var renderCard = ({
+  title,
+  titleFontSize,
+  body,
+  imageUrl,
+  ctaText,
+  ctaUrl,
+  shadow,
+  borderRadius
+}) => /* @__PURE__ */ jsxs4(
+  "div",
+  {
+    style: {
+      border: "1px solid #e0e0e0",
+      borderRadius: borderRadius ?? "8px",
+      overflow: "hidden",
+      boxShadow: shadow ? "0 2px 8px rgba(0,0,0,0.12)" : void 0,
+      background: "#fff",
+      margin: "8px",
+      boxSizing: "border-box"
+    },
+    children: [
+      imageUrl && /* @__PURE__ */ jsx8(
+        "img",
+        {
+          src: imageUrl,
+          alt: title,
+          style: { width: "100%", height: "200px", objectFit: "cover", display: "block" }
+        }
+      ),
+      /* @__PURE__ */ jsxs4("div", { style: { padding: "16px" }, children: [
+        /* @__PURE__ */ jsx8("h3", { style: { margin: "0 0 8px", fontSize: titleFontSize || "1.1rem" }, children: title }),
+        body && /* @__PURE__ */ jsx8(
+          RichTextContent,
+          {
+            html: body,
+            style: { margin: "0 0 16px", color: "#555", fontSize: "14px" }
+          }
+        ),
+        ctaText && ctaUrl && /* @__PURE__ */ jsxs4(
+          "a",
+          {
+            href: ctaUrl,
+            style: {
+              color: "#e94560",
+              fontWeight: 600,
+              textDecoration: "none",
+              fontSize: "14px"
+            },
+            children: [
+              ctaText,
+              " \u2192"
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+);
+
+// src/components/Spacer.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+var renderSpacer = ({
+  height = "48px",
+  showLine = false,
+  lineColor = "#e0e0e0"
+}) => /* @__PURE__ */ jsx9(
+  "div",
+  {
+    style: {
+      height,
+      display: "flex",
+      alignItems: "center",
+      padding: "0 16px",
+      boxSizing: "border-box"
+    },
+    children: showLine && /* @__PURE__ */ jsx9("hr", { style: { width: "100%", border: "none", borderTop: `1px solid ${lineColor}` } })
+  }
+);
+
+// src/components/ProductTeaser.tsx
+import { FormattedMessage as FormattedMessage2 } from "react-intl";
+import { useDatasource } from "@commercetools-demo/puck-api";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+var getLocalizedName = (name) => {
+  if (!name) return "";
+  return name["en"] ?? name["en-US"] ?? Object.values(name)[0] ?? "";
+};
+var formatPrice2 = (centAmount, currencyCode, fractionDigits) => {
+  const amount = centAmount / Math.pow(10, fractionDigits);
+  return `${currencyCode} ${amount.toFixed(fractionDigits)}`;
+};
+var renderProductTeaser = ({ datasource, richText, linkWith, baseUrl }) => {
+  const hasPreResolved = datasource?.resolvedData != null;
+  const { data: fetchedData, loading, error } = useDatasource(
+    hasPreResolved ? void 0 : datasource?.type,
+    hasPreResolved ? [] : datasource?.skus ?? []
+  );
+  const data = hasPreResolved ? datasource.resolvedData : fetchedData;
+  const product = data ? Array.isArray(data) ? data[0] ?? null : data : null;
+  const imageUrl = product?.masterVariant?.images?.[0]?.url;
+  const priceValue = product?.masterVariant?.prices?.[0]?.value;
+  const productName = getLocalizedName(product?.name);
+  const href = product ? resolveProductLink(product, linkWith, baseUrl) : void 0;
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: "24px",
+        padding: "16px",
+        alignItems: "flex-start",
+        fontFamily: "inherit"
+      },
+      children: [
+        /* @__PURE__ */ jsx10("div", { style: { flexShrink: 0, width: "200px" }, children: loading ? /* @__PURE__ */ jsx10(
+          "div",
+          {
+            style: {
+              width: "200px",
+              height: "200px",
+              background: "#f3f4f6",
+              borderRadius: "8px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: "#9ca3af",
+              fontSize: "13px"
+            },
+            children: /* @__PURE__ */ jsx10(FormattedMessage2, { id: "Editor.loading" })
+          }
+        ) : imageUrl ? /* @__PURE__ */ jsx10("a", { href, style: { display: "block" }, children: /* @__PURE__ */ jsx10(
+          "img",
+          {
+            src: imageUrl,
+            alt: productName,
+            style: {
+              width: "200px",
+              height: "200px",
+              objectFit: "cover",
+              borderRadius: "8px",
+              display: "block"
+            }
+          }
+        ) }) : /* @__PURE__ */ jsx10(
+          "div",
+          {
+            style: {
+              width: "200px",
+              height: "200px",
+              background: "#f3f4f6",
+              borderRadius: "8px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: "#9ca3af",
+              fontSize: "13px"
+            },
+            children: error ? /* @__PURE__ */ jsx10(FormattedMessage2, { id: "Editor.errorLoadingProduct" }) : /* @__PURE__ */ jsx10(FormattedMessage2, { id: "Editor.noProductSelected" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs5(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "12px",
+              flex: 1,
+              minWidth: 0
+            },
+            children: [
+              richText ? /* @__PURE__ */ jsx10(RichTextContent, { html: richText }) : /* @__PURE__ */ jsx10("div", { style: { color: "#9ca3af", fontSize: "13px" }, children: /* @__PURE__ */ jsx10(FormattedMessage2, { id: "Editor.noDescription" }) }),
+              priceValue && /* @__PURE__ */ jsx10(
+                "div",
+                {
+                  style: {
+                    fontSize: "20px",
+                    fontWeight: 700,
+                    color: "#111827"
+                  },
+                  children: formatPrice2(
+                    priceValue.centAmount,
+                    priceValue.currencyCode,
+                    priceValue.fractionDigits
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/cms/HeroBanner.tsx
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+var renderHeroBanner = ({ title, subtitle, image }) => /* @__PURE__ */ jsxs6(
+  "div",
+  {
+    style: {
+      position: "relative",
+      width: "100%",
+      paddingBottom: "56.25%",
+      overflow: "hidden",
+      backgroundColor: "#f0f0f0"
+    },
+    children: [
+      image && /* @__PURE__ */ jsx11(
+        "img",
+        {
+          src: image,
+          alt: title || "Hero banner",
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: "100%",
+            objectFit: "cover",
+            objectPosition: "center"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx11(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: "100%",
+            background: "rgba(0,0,0,0.3)",
+            zIndex: 1
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs6(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%,-50%)",
+            textAlign: "center",
+            color: "white",
+            zIndex: 2,
+            padding: "2rem",
+            maxWidth: "90%"
+          },
+          children: [
+            title && /* @__PURE__ */ jsx11(
+              "h1",
+              {
+                style: {
+                  fontSize: "3rem",
+                  fontWeight: "bold",
+                  margin: "0 0 1rem 0",
+                  textShadow: "2px 2px 4px rgba(0,0,0,0.7)"
+                },
+                children: title
+              }
+            ),
+            subtitle && /* @__PURE__ */ jsx11(
+              "p",
+              {
+                style: {
+                  fontSize: "1.25rem",
+                  margin: 0,
+                  textShadow: "1px 1px 2px rgba(0,0,0,0.7)",
+                  opacity: 0.95
+                },
+                children: subtitle
+              }
+            )
+          ]
+        }
+      )
+    ]
+  }
+);
+
+// src/components/cms/TextBlock.tsx
+import { Fragment as Fragment2, jsx as jsx12 } from "react/jsx-runtime";
+var renderTextBlock = ({ content }) => {
+  if (!content) return /* @__PURE__ */ jsx12(Fragment2, {});
+  return /* @__PURE__ */ jsx12(
+    RichTextContent,
+    {
+      html: content,
+      style: {
+        maxWidth: "720px",
+        margin: "0 auto",
+        padding: "1.5rem 1rem",
+        lineHeight: 1.6,
+        color: "#333"
+      }
+    }
+  );
+};
+
+// src/components/cms/CategoryGrid.tsx
+import { FormattedMessage as FormattedMessage3 } from "react-intl";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+var renderCategoryGrid = (props) => {
+  const categories = [
+    [props.category1Image, props.category1Label, props.category1Link],
+    [props.category2Image, props.category2Label, props.category2Link],
+    [props.category3Image, props.category3Label, props.category3Link],
+    [props.category4Image, props.category4Label, props.category4Link]
+  ].filter(([, label, link]) => label && link);
+  if (categories.length === 0) return /* @__PURE__ */ jsx13("div", { style: { padding: "2rem", textAlign: "center", color: "#999", fontSize: "13px" }, children: /* @__PURE__ */ jsx13(FormattedMessage3, { id: "Editor.noCategoriesConfigured" }) });
+  return /* @__PURE__ */ jsx13(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))",
+        gap: "1.5rem",
+        padding: "2rem 1rem"
+      },
+      children: categories.map(([image, label, link], i) => /* @__PURE__ */ jsxs7(
+        "a",
+        {
+          href: link,
+          style: {
+            display: "block",
+            textAlign: "center",
+            textDecoration: "none",
+            color: "inherit",
+            borderRadius: "8px",
+            overflow: "hidden",
+            boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
+          },
+          children: [
+            /* @__PURE__ */ jsx13("div", { style: { aspectRatio: "1", background: "#f0f0f0", overflow: "hidden" }, children: image && /* @__PURE__ */ jsx13(
+              "img",
+              {
+                src: image,
+                alt: label,
+                style: { width: "100%", height: "100%", objectFit: "cover" }
+              }
+            ) }),
+            /* @__PURE__ */ jsx13(
+              "span",
+              {
+                style: {
+                  display: "block",
+                  padding: "1rem",
+                  fontWeight: 600,
+                  color: "#333"
+                },
+                children: label
+              }
+            )
+          ]
+        },
+        i
+      ))
+    }
+  );
+};
+
+// src/components/cms/CategoryHero.tsx
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+var renderCategoryHero = ({ title, subtitle, image, ctaText, ctaLink }) => /* @__PURE__ */ jsxs8(
+  "div",
+  {
+    style: {
+      position: "relative",
+      minHeight: "220px",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      background: "#f0f0f0",
+      borderRadius: "8px",
+      overflow: "hidden",
+      margin: "1rem 0"
+    },
+    children: [
+      image && /* @__PURE__ */ jsx14(
+        "img",
+        {
+          src: image,
+          alt: title || "Category",
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: "100%",
+            objectFit: "cover",
+            opacity: 0.85
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx14("div", { style: { position: "absolute", inset: 0, background: "rgba(0,0,0,0.25)" } }),
+      /* @__PURE__ */ jsxs8(
+        "div",
+        {
+          style: {
+            position: "relative",
+            zIndex: 1,
+            textAlign: "center",
+            padding: "2rem",
+            color: "white",
+            textShadow: "0 1px 3px rgba(0,0,0,0.5)"
+          },
+          children: [
+            title && /* @__PURE__ */ jsx14("h1", { style: { fontSize: "2.5rem", marginBottom: "0.5rem" }, children: title }),
+            subtitle && /* @__PURE__ */ jsx14("p", { style: { fontSize: "1.1rem", marginBottom: "1rem" }, children: subtitle }),
+            ctaText && ctaLink && /* @__PURE__ */ jsx14(
+              "a",
+              {
+                href: ctaLink,
+                style: {
+                  display: "inline-block",
+                  background: "white",
+                  color: "#2c5530",
+                  padding: "0.75rem 2rem",
+                  borderRadius: "4px",
+                  textDecoration: "none",
+                  fontWeight: 600
+                },
+                children: ctaText
+              }
+            )
+          ]
+        }
+      )
+    ]
+  }
+);
+
+// src/components/cms/CheckoutPromoBanner.tsx
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+var renderCheckoutPromoBanner = ({ title, message, ctaText, ctaLink }) => {
+  if (!title && !message && !ctaText) return /* @__PURE__ */ jsx15(Fragment3, {});
+  return /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      style: {
+        padding: "1rem 1.25rem",
+        background: "#f0f7f0",
+        border: "1px solid #c8e6c8",
+        borderRadius: "4px",
+        marginBottom: "1rem",
+        fontSize: "0.95rem"
+      },
+      children: [
+        title && /* @__PURE__ */ jsx15("div", { style: { fontWeight: 600, color: "#2c5530", marginBottom: "0.25rem" }, children: title }),
+        message && /* @__PURE__ */ jsx15("p", { style: { margin: "0 0 0.5rem 0", color: "#333" }, children: message }),
+        ctaText && ctaLink && /* @__PURE__ */ jsx15("a", { href: ctaLink, style: { color: "#2c5530", fontWeight: 600, textDecoration: "none" }, children: ctaText })
+      ]
+    }
+  );
+};
+
+// src/components/cms/CountdownBanner.tsx
+import { useEffect, useState } from "react";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+var calcTimeLeft = (endDate) => {
+  if (!endDate) return "";
+  const end = new Date(endDate);
+  const now = /* @__PURE__ */ new Date();
+  if (end <= now) return "Offer ended";
+  const diff = end.getTime() - now.getTime();
+  const d = Math.floor(diff / 864e5);
+  const h = Math.floor(diff % 864e5 / 36e5);
+  const m = Math.floor(diff % 36e5 / 6e4);
+  const s = Math.floor(diff % 6e4 / 1e3);
+  if (d > 0) return `${d}d ${h}h ${m}m left`;
+  if (h > 0) return `${h}h ${m}m ${s}s left`;
+  return `${m}m ${s}s left`;
+};
+var renderCountdownBanner = ({ headline, subline, endDate, ctaText, ctaLink, background }) => {
+  const [timeLeft, setTimeLeft] = useState(() => calcTimeLeft(endDate));
+  useEffect(() => {
+    if (!endDate) return;
+    const id = setInterval(() => setTimeLeft(calcTimeLeft(endDate)), 1e3);
+    return () => clearInterval(id);
+  }, [endDate]);
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      style: {
+        background: background || "#2c5530",
+        color: "white",
+        padding: "2rem 1rem",
+        textAlign: "center",
+        borderRadius: "4px",
+        margin: "1rem 0"
+      },
+      children: [
+        headline && /* @__PURE__ */ jsx16("h2", { style: { fontSize: "1.75rem", marginBottom: "0.5rem" }, children: headline }),
+        subline && /* @__PURE__ */ jsx16("p", { style: { fontSize: "1rem", opacity: 0.9, marginBottom: "1rem" }, children: subline }),
+        timeLeft && /* @__PURE__ */ jsx16("p", { style: { fontSize: "1.25rem", fontWeight: 600, margin: "0 0 1rem 0", letterSpacing: "0.05em" }, children: timeLeft }),
+        ctaText && ctaLink && /* @__PURE__ */ jsx16(
+          "a",
+          {
+            href: ctaLink,
+            style: {
+              display: "inline-block",
+              background: "white",
+              color: "#2c5530",
+              padding: "0.75rem 2rem",
+              borderRadius: "4px",
+              textDecoration: "none",
+              fontWeight: 600
+            },
+            children: ctaText
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/cms/CrossSellBlock.tsx
+import { FormattedMessage as FormattedMessage4 } from "react-intl";
+import { useDatasource as useDatasource2 } from "@commercetools-demo/puck-api";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+var renderCrossSellBlock = ({ title, products, ctaText, linkWith, baseUrl }) => {
+  const hasPreResolved = products?.resolvedData != null;
+  const { data: fetchedData, loading } = useDatasource2(
+    hasPreResolved ? void 0 : products?.type,
+    hasPreResolved ? [] : products?.skus ?? []
+  );
+  const items = hasPreResolved ? Array.isArray(products.resolvedData) ? products.resolvedData : [] : Array.isArray(fetchedData) ? fetchedData : [];
+  if (!loading && items.length === 0) return /* @__PURE__ */ jsx17(Fragment4, {});
+  return /* @__PURE__ */ jsxs11("div", { style: { padding: "2rem 0", borderTop: "1px solid #eee" }, children: [
+    title && /* @__PURE__ */ jsx17("h3", { style: { fontSize: "1.5rem", marginBottom: "1.5rem", color: "#333" }, children: title || "Frequently bought together" }),
+    loading && /* @__PURE__ */ jsx17("div", { style: { color: "#999", padding: "1rem" }, children: /* @__PURE__ */ jsx17(FormattedMessage4, { id: "Editor.loading" }) }),
+    items.length > 0 && /* @__PURE__ */ jsx17(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))",
+          gap: "1rem"
+        },
+        children: items.map((product, i) => {
+          const name = getLocalizedText(product?.name);
+          const imageUrl = getProductImage(product);
+          const priceVal = getFirstPrice(product);
+          return /* @__PURE__ */ jsxs11(
+            "a",
+            {
+              href: resolveProductLink(product, linkWith, baseUrl),
+              style: {
+                textAlign: "center",
+                textDecoration: "none",
+                color: "inherit",
+                padding: "1rem",
+                borderRadius: "8px",
+                border: "1px solid #eee"
+              },
+              children: [
+                /* @__PURE__ */ jsx17("div", { style: { height: "120px", marginBottom: "0.75rem", display: "flex", alignItems: "center", justifyContent: "center", background: "#f9f9f9", borderRadius: "4px" }, children: imageUrl ? /* @__PURE__ */ jsx17("img", { src: imageUrl, alt: name, style: { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } }) : null }),
+                /* @__PURE__ */ jsx17("div", { style: { fontWeight: 600, fontSize: "0.95rem", marginBottom: "0.25rem" }, children: name }),
+                priceVal && /* @__PURE__ */ jsx17("div", { style: { fontSize: "1.1rem", color: "#2c5530", fontWeight: "bold" }, children: formatPrice(priceVal.centAmount, priceVal.currencyCode, priceVal.fractionDigits) })
+              ]
+            },
+            product?.id ?? i
+          );
+        })
+      }
+    ),
+    ctaText && /* @__PURE__ */ jsx17("a", { href: "#", style: { display: "inline-block", marginTop: "1rem", color: "#2c5530", fontWeight: 600, textDecoration: "none" }, children: ctaText })
+  ] });
+};
+
+// src/components/cms/DeliveryMessage.tsx
+import { Fragment as Fragment5, jsx as jsx18 } from "react/jsx-runtime";
+var renderDeliveryMessage = ({ message, threshold }) => {
+  if (!message) return /* @__PURE__ */ jsx18(Fragment5, {});
+  const text = threshold ? message.replace(/\$\d+/g, `$${threshold}`) : message;
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      style: {
+        padding: "0.75rem 1rem",
+        background: "#f0f7f0",
+        borderRadius: "4px",
+        fontSize: "0.95rem",
+        color: "#2c5530"
+      },
+      children: text
+    }
+  );
+};
+
+// src/components/cms/Divider.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var renderDivider = ({
+  lineStyle,
+  spacing
+}) => {
+  const s = parseInt(spacing, 10) || 24;
+  return /* @__PURE__ */ jsx19(
+    "hr",
+    {
+      style: {
+        border: "none",
+        borderTop: `1px ${lineStyle} #ddd`,
+        margin: `${s / 2}px 0`
+      }
+    }
+  );
+};
+
+// src/components/cms/EmptyState.tsx
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+var renderEmptyState = ({ image, title, description, ctaText, ctaLink }) => /* @__PURE__ */ jsxs12("div", { style: { textAlign: "center", padding: "3rem 1rem" }, children: [
+  image && /* @__PURE__ */ jsx20(
+    "img",
+    {
+      src: image,
+      alt: title || "Empty state",
+      style: { maxWidth: "200px", height: "auto", marginBottom: "1.5rem", opacity: 0.8 }
+    }
+  ),
+  title && /* @__PURE__ */ jsx20("h2", { style: { fontSize: "1.5rem", color: "#333", marginBottom: "0.5rem" }, children: title }),
+  description && /* @__PURE__ */ jsx20("p", { style: { color: "#666", marginBottom: "1.5rem", maxWidth: "400px", margin: "0 auto 1.5rem" }, children: description }),
+  ctaText && ctaLink && /* @__PURE__ */ jsx20(
+    "a",
+    {
+      href: ctaLink,
+      style: {
+        display: "inline-block",
+        background: "#2c5530",
+        color: "white",
+        padding: "0.75rem 2rem",
+        borderRadius: "4px",
+        textDecoration: "none",
+        fontWeight: 600
+      },
+      children: ctaText
+    }
+  )
+] });
+
+// src/components/cms/FAQAccordion.tsx
+import { useState as useState2 } from "react";
+import { FormattedMessage as FormattedMessage5 } from "react-intl";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+var renderFAQAccordion = (props) => {
+  const items = [
+    [props.question1, props.answer1],
+    [props.question2, props.answer2],
+    [props.question3, props.answer3],
+    [props.question4, props.answer4]
+  ].filter(([q]) => q);
+  const [open, setOpen] = useState2(null);
+  if (items.length === 0) return /* @__PURE__ */ jsx21("div", { style: { padding: "1rem", color: "#999", fontSize: "13px" }, children: /* @__PURE__ */ jsx21(FormattedMessage5, { id: "Editor.noFaqItemsConfigured" }) });
+  return /* @__PURE__ */ jsx21("div", { style: { border: "1px solid #eee", borderRadius: "8px", overflow: "hidden" }, children: items.map(([question, answer], i) => /* @__PURE__ */ jsxs13("div", { style: { borderBottom: i < items.length - 1 ? "1px solid #eee" : "none" }, children: [
+    /* @__PURE__ */ jsxs13(
+      "button",
+      {
+        onClick: () => setOpen(open === i ? null : i),
+        style: {
+          width: "100%",
+          padding: "1rem 1.25rem",
+          textAlign: "left",
+          fontWeight: 600,
+          fontSize: "1rem",
+          background: "#fafafa",
+          border: "none",
+          cursor: "pointer",
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        children: [
+          question,
+          /* @__PURE__ */ jsx21("span", { style: { fontSize: "1.2rem", lineHeight: 1 }, children: open === i ? "\u2212" : "+" })
+        ]
+      }
+    ),
+    open === i && answer && /* @__PURE__ */ jsx21(
+      RichTextContent,
+      {
+        html: answer,
+        style: {
+          padding: "1rem 1.25rem",
+          background: "white",
+          fontSize: "0.95rem",
+          lineHeight: 1.5,
+          color: "#555"
+        }
+      }
+    )
+  ] }, i)) });
+};
+
+// src/components/cms/FooterBlock.tsx
+import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+var renderFooterBlock = ({ column1, column2, column3, copyright }) => {
+  const columns = [column1, column2, column3].filter(Boolean);
+  return /* @__PURE__ */ jsxs14("footer", { style: { background: "#333", color: "#eee", padding: "2rem 1rem", marginTop: "3rem" }, children: [
+    columns.length > 0 && /* @__PURE__ */ jsx22(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: `repeat(${columns.length}, 1fr)`,
+          gap: "2rem",
+          maxWidth: "1200px",
+          margin: "0 auto 2rem"
+        },
+        children: columns.map((html, i) => /* @__PURE__ */ jsx22(
+          RichTextContent,
+          {
+            html,
+            style: { fontSize: "0.9rem", lineHeight: 1.6 }
+          },
+          i
+        ))
+      }
+    ),
+    copyright && /* @__PURE__ */ jsx22("p", { style: { textAlign: "center", fontSize: "0.85rem", color: "#999", margin: 0 }, children: copyright })
+  ] });
+};
+
+// src/components/cms/ImageBlock.tsx
+import { FormattedMessage as FormattedMessage6 } from "react-intl";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+var renderImageBlock = ({ image, caption, link }) => {
+  if (!image) return /* @__PURE__ */ jsx23("div", { style: { padding: "2rem", textAlign: "center", color: "#999", background: "#f5f5f5", borderRadius: "4px" }, children: /* @__PURE__ */ jsx23(FormattedMessage6, { id: "Editor.noImageSelected" }) });
+  const img = /* @__PURE__ */ jsx23(
+    "img",
+    {
+      src: image,
+      alt: caption || "Image",
+      style: { maxWidth: "100%", height: "auto", borderRadius: "4px" }
+    }
+  );
+  return /* @__PURE__ */ jsxs15("figure", { style: { margin: "1rem 0", textAlign: "center" }, children: [
+    link ? /* @__PURE__ */ jsx23("a", { href: link, style: { display: "inline-block" }, children: img }) : img,
+    caption && /* @__PURE__ */ jsx23("figcaption", { style: { marginTop: "0.5rem", fontSize: "0.9rem", color: "#666" }, children: caption })
+  ] });
+};
+
+// src/components/cms/NewsletterSignup.tsx
+import { useIntl } from "react-intl";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+var renderNewsletterSignup = ({ title, subtitle, ctaText, placeholder }) => {
+  const intl = useIntl();
+  return /* @__PURE__ */ jsxs16(
+    "div",
+    {
+      style: {
+        textAlign: "center",
+        padding: "2rem 1rem",
+        background: "#f5f5f5",
+        borderRadius: "8px",
+        maxWidth: "480px",
+        margin: "0 auto"
+      },
+      children: [
+        title && /* @__PURE__ */ jsx24("h3", { style: { fontSize: "1.5rem", marginBottom: "0.5rem", color: "#333" }, children: title }),
+        subtitle && /* @__PURE__ */ jsx24("p", { style: { fontSize: "0.95rem", color: "#666", marginBottom: "1.5rem" }, children: subtitle }),
+        /* @__PURE__ */ jsxs16(
+          "form",
+          {
+            onSubmit: (e) => e.preventDefault(),
+            style: { display: "flex", gap: "0.5rem", flexWrap: "wrap", justifyContent: "center" },
+            children: [
+              /* @__PURE__ */ jsx24(
+                "input",
+                {
+                  type: "email",
+                  placeholder,
+                  "aria-label": intl.formatMessage({ id: "Editor.newsletterEmailAria" }),
+                  style: {
+                    padding: "0.75rem 1rem",
+                    border: "1px solid #ddd",
+                    borderRadius: "4px",
+                    fontSize: "1rem",
+                    minWidth: "200px"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx24(
+                "button",
+                {
+                  type: "submit",
+                  style: {
+                    padding: "0.75rem 1.5rem",
+                    background: "#2c5530",
+                    color: "white",
+                    border: "none",
+                    borderRadius: "4px",
+                    fontWeight: 600,
+                    cursor: "pointer"
+                  },
+                  children: ctaText || "Subscribe"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/cms/ProductBanner.tsx
+import { FormattedMessage as FormattedMessage7 } from "react-intl";
+import { useDatasource as useDatasource3 } from "@commercetools-demo/puck-api";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+var renderProductBanner = ({
+  title,
+  description,
+  ctaText,
+  ctaLink,
+  product,
+  productOnLeft,
+  background,
+  linkWith,
+  baseUrl
+}) => {
+  const hasPreResolved = product?.resolvedData != null;
+  const { data: fetchedData, loading } = useDatasource3(
+    hasPreResolved ? void 0 : product?.type,
+    hasPreResolved ? [] : product?.skus ?? []
+  );
+  const raw = hasPreResolved ? product.resolvedData : fetchedData;
+  const p = raw;
+  const name = getLocalizedText(p?.name);
+  const description2 = getLocalizedText(p?.description);
+  const imageUrl = p?.masterVariant?.images?.[0]?.url;
+  const sku = p?.masterVariant?.sku;
+  const priceVal = getFirstPrice(p);
+  const productHref = p ? resolveProductLink(p, linkWith, baseUrl) : void 0;
+  return /* @__PURE__ */ jsxs17(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        minHeight: "400px",
+        backgroundColor: background || "#f5f5f5",
+        padding: "2rem",
+        borderRadius: "2px",
+        margin: "1rem 0",
+        gap: "2rem",
+        flexDirection: productOnLeft ? "row-reverse" : "row",
+        flexWrap: "wrap"
+      },
+      children: [
+        /* @__PURE__ */ jsxs17("div", { style: { flex: 1, minWidth: "200px" }, children: [
+          title && /* @__PURE__ */ jsx25("h2", { style: { fontSize: "2rem", fontWeight: "bold", marginBottom: "1rem", color: "#333" }, children: title }),
+          description && /* @__PURE__ */ jsx25(
+            RichTextContent,
+            {
+              html: description,
+              style: { marginBottom: "2rem", color: "#555", lineHeight: 1.6 }
+            }
+          ),
+          ctaText && ctaLink && /* @__PURE__ */ jsx25(
+            "a",
+            {
+              href: ctaLink,
+              style: {
+                display: "inline-block",
+                backgroundColor: "#2c5530",
+                color: "white",
+                padding: "0.75rem 2rem",
+                borderRadius: "2px",
+                textDecoration: "none",
+                fontWeight: 600
+              },
+              children: ctaText
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs17("div", { style: { flex: 1, minWidth: "200px", display: "flex", flexDirection: "column", alignItems: "center" }, children: [
+          loading && /* @__PURE__ */ jsx25("div", { style: { color: "#999", padding: "2rem" }, children: /* @__PURE__ */ jsx25(FormattedMessage7, { id: "Editor.loadingProduct" }) }),
+          name && /* @__PURE__ */ jsx25("a", { href: productHref, style: { textDecoration: "none", color: "inherit" }, children: /* @__PURE__ */ jsx25("h3", { style: { fontSize: "1.5rem", fontWeight: 600, marginBottom: "0.5rem", textAlign: "center" }, children: name }) }),
+          description2 && /* @__PURE__ */ jsx25("p", { style: { fontSize: "0.9rem", color: "#666", textAlign: "center", marginBottom: "1rem", fontStyle: "italic" }, children: description2 }),
+          imageUrl && /* @__PURE__ */ jsx25("a", { href: productHref, style: { display: "block", marginBottom: "1rem" }, children: /* @__PURE__ */ jsx25(
+            "img",
+            {
+              src: imageUrl,
+              alt: name || "Product",
+              style: { maxWidth: "100%", maxHeight: "300px", objectFit: "cover", borderRadius: "2px", boxShadow: "0 4px 12px rgba(0,0,0,0.1)", display: "block" }
+            }
+          ) }),
+          priceVal && /* @__PURE__ */ jsx25(
+            "span",
+            {
+              style: {
+                fontSize: "1.25rem",
+                fontWeight: "bold",
+                color: "#2c5530",
+                background: "rgba(255,255,255,0.8)",
+                padding: "0.5rem 1rem",
+                borderRadius: "2px",
+                marginBottom: "0.5rem"
+              },
+              children: formatPrice(priceVal.centAmount, priceVal.currencyCode, priceVal.fractionDigits)
+            }
+          ),
+          sku && /* @__PURE__ */ jsx25("span", { style: { fontSize: "0.85rem", color: "#666", background: "rgba(255,255,255,0.6)", padding: "0.25rem 0.75rem", borderRadius: "2px" }, children: /* @__PURE__ */ jsx25(FormattedMessage7, { id: "Editor.skuLabel", values: { sku } }) }),
+          !loading && !p && /* @__PURE__ */ jsx25("div", { style: { color: "#999", fontSize: "13px", padding: "2rem", textAlign: "center" }, children: /* @__PURE__ */ jsx25(FormattedMessage7, { id: "Editor.noProductSelected" }) })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/cms/ProductGridHeader.tsx
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+var renderProductGridHeader = ({ title, description }) => /* @__PURE__ */ jsxs18("div", { style: { marginBottom: "2rem", padding: "0 1rem" }, children: [
+  title && /* @__PURE__ */ jsx26("h1", { style: { fontSize: "2rem", fontWeight: "bold", color: "#333", marginBottom: "0.75rem" }, children: title }),
+  description && /* @__PURE__ */ jsx26(
+    RichTextContent,
+    {
+      html: description,
+      style: { fontSize: "1rem", color: "#666", lineHeight: 1.5, maxWidth: "720px" }
+    }
+  )
+] });
+
+// src/components/cms/ProductSlider.tsx
+import { FormattedMessage as FormattedMessage8 } from "react-intl";
+import { useDatasource as useDatasource4 } from "@commercetools-demo/puck-api";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+var renderProductSlider = ({ title, subtitle, products, linkWith, baseUrl }) => {
+  const hasPreResolved = products?.resolvedData != null;
+  const { data: fetchedData, loading } = useDatasource4(
+    hasPreResolved ? void 0 : products?.type,
+    hasPreResolved ? [] : products?.skus ?? []
+  );
+  const items = hasPreResolved ? Array.isArray(products.resolvedData) ? products.resolvedData : [] : Array.isArray(fetchedData) ? fetchedData : [];
+  return /* @__PURE__ */ jsxs19("div", { style: { padding: "2rem 0" }, children: [
+    (title || subtitle) && /* @__PURE__ */ jsxs19("div", { style: { textAlign: "center", marginBottom: "1.5rem" }, children: [
+      title && /* @__PURE__ */ jsx27("h2", { style: { fontSize: "2rem", fontWeight: "bold", color: "#333", marginBottom: "0.5rem" }, children: title }),
+      subtitle && /* @__PURE__ */ jsx27("p", { style: { fontSize: "1.1rem", color: "#666", margin: 0 }, children: subtitle })
+    ] }),
+    loading && /* @__PURE__ */ jsx27("div", { style: { textAlign: "center", color: "#999", padding: "2rem" }, children: /* @__PURE__ */ jsx27(FormattedMessage8, { id: "Editor.loadingProducts" }) }),
+    !loading && items.length === 0 && /* @__PURE__ */ jsx27("div", { style: { textAlign: "center", color: "#999", padding: "2rem", fontSize: "13px" }, children: /* @__PURE__ */ jsx27(FormattedMessage8, { id: "Editor.noProductsConfigured" }) }),
+    items.length > 0 && /* @__PURE__ */ jsx27(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: "1rem",
+          overflowX: "auto",
+          scrollSnapType: "x mandatory",
+          paddingBottom: "1rem"
+        },
+        children: items.map((product, i) => {
+          const name = getLocalizedText(product?.name);
+          const desc = getLocalizedText(product?.description);
+          const imageUrl = getProductImage(product);
+          const priceVal = getFirstPrice(product);
+          return /* @__PURE__ */ jsxs19(
+            "a",
+            {
+              href: resolveProductLink(product, linkWith, baseUrl),
+              style: {
+                flex: "0 0 280px",
+                background: "white",
+                borderRadius: "12px",
+                boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
+                overflow: "hidden",
+                textDecoration: "none",
+                color: "inherit",
+                scrollSnapAlign: "start"
+              },
+              children: [
+                /* @__PURE__ */ jsx27("div", { style: { width: "100%", height: "200px", background: "#f5f5f5", display: "flex", alignItems: "center", justifyContent: "center", overflow: "hidden" }, children: imageUrl ? /* @__PURE__ */ jsx27("img", { src: imageUrl, alt: name, style: { width: "100%", height: "100%", objectFit: "contain" } }) : /* @__PURE__ */ jsx27("span", { style: { color: "#999", fontSize: "0.85rem" }, children: /* @__PURE__ */ jsx27(FormattedMessage8, { id: "Editor.noImage" }) }) }),
+                /* @__PURE__ */ jsxs19("div", { style: { padding: "1.5rem" }, children: [
+                  /* @__PURE__ */ jsx27("h3", { style: { fontSize: "1.1rem", fontWeight: 600, color: "#333", marginBottom: "0.5rem", lineHeight: 1.3 }, children: name }),
+                  desc && /* @__PURE__ */ jsx27("p", { style: { fontSize: "0.9rem", color: "#666", marginBottom: "1rem", display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden" }, children: desc }),
+                  priceVal && /* @__PURE__ */ jsx27("div", { style: { fontSize: "1.2rem", fontWeight: "bold", color: "#2c5530" }, children: formatPrice(priceVal.centAmount, priceVal.currencyCode, priceVal.fractionDigits) })
+                ] })
+              ]
+            },
+            product?.id ?? i
+          );
+        })
+      }
+    )
+  ] });
+};
+
+// src/components/cms/PromotionalBanner.tsx
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+var renderPromotionalBanner = ({ image, title, subtitle, ctaText, ctaLink, background }) => /* @__PURE__ */ jsxs20(
+  "div",
+  {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: "280px",
+      backgroundColor: background || "#f5f5f5",
+      padding: "2rem",
+      borderRadius: "2px",
+      margin: "1rem 0",
+      gap: "2rem",
+      flexWrap: "wrap"
+    },
+    children: [
+      image && /* @__PURE__ */ jsx28("div", { style: { flex: "0 0 auto", maxWidth: "40%" }, children: /* @__PURE__ */ jsx28("img", { src: image, alt: title || "Promo", style: { maxWidth: "100%", height: "auto", borderRadius: "2px" } }) }),
+      /* @__PURE__ */ jsxs20("div", { style: { flex: 1, minWidth: "200px" }, children: [
+        title && /* @__PURE__ */ jsx28("h2", { style: { fontSize: "1.75rem", fontWeight: "bold", marginBottom: "0.5rem", color: "#333" }, children: title }),
+        subtitle && /* @__PURE__ */ jsx28("p", { style: { fontSize: "1rem", color: "#666", marginBottom: "1rem" }, children: subtitle }),
+        ctaText && ctaLink && /* @__PURE__ */ jsx28(
+          "a",
+          {
+            href: ctaLink,
+            style: {
+              display: "inline-block",
+              backgroundColor: "#2c5530",
+              color: "white",
+              padding: "0.75rem 2rem",
+              borderRadius: "2px",
+              textDecoration: "none",
+              fontWeight: 600
+            },
+            children: ctaText
+          }
+        )
+      ] })
+    ]
+  }
+);
+
+// src/components/cms/RelatedProductsSlider.tsx
+import { FormattedMessage as FormattedMessage9 } from "react-intl";
+import { useDatasource as useDatasource5 } from "@commercetools-demo/puck-api";
+import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+var renderRelatedProductsSlider = ({ title, subtitle, products, linkWith, baseUrl }) => {
+  const hasPreResolved = products?.resolvedData != null;
+  const { data: fetchedData, loading } = useDatasource5(
+    hasPreResolved ? void 0 : products?.type,
+    hasPreResolved ? [] : products?.skus ?? []
+  );
+  const items = hasPreResolved ? Array.isArray(products.resolvedData) ? products.resolvedData : [] : Array.isArray(fetchedData) ? fetchedData : [];
+  if (!loading && items.length === 0) return /* @__PURE__ */ jsx29(Fragment6, {});
+  return /* @__PURE__ */ jsxs21("div", { style: { padding: "2rem 0" }, children: [
+    (title || subtitle) && /* @__PURE__ */ jsxs21("div", { style: { textAlign: "center", marginBottom: "1.5rem" }, children: [
+      title && /* @__PURE__ */ jsx29("h2", { style: { fontSize: "2rem", fontWeight: "bold", color: "#333", marginBottom: "0.5rem" }, children: title }),
+      subtitle && /* @__PURE__ */ jsx29("p", { style: { fontSize: "1.1rem", color: "#666", margin: 0 }, children: subtitle })
+    ] }),
+    loading && /* @__PURE__ */ jsx29("div", { style: { textAlign: "center", color: "#999", padding: "2rem" }, children: /* @__PURE__ */ jsx29(FormattedMessage9, { id: "Editor.loading" }) }),
+    items.length > 0 && /* @__PURE__ */ jsx29(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: "1rem",
+          overflowX: "auto",
+          scrollSnapType: "x mandatory",
+          paddingBottom: "1rem"
+        },
+        children: items.map((product, i) => {
+          const name = getLocalizedText(product?.name);
+          const imageUrl = getProductImage(product);
+          const priceVal = getFirstPrice(product);
+          return /* @__PURE__ */ jsxs21(
+            "a",
+            {
+              href: resolveProductLink(product, linkWith, baseUrl),
+              style: {
+                flex: "0 0 280px",
+                background: "white",
+                borderRadius: "12px",
+                boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
+                overflow: "hidden",
+                textDecoration: "none",
+                color: "inherit",
+                scrollSnapAlign: "start"
+              },
+              children: [
+                /* @__PURE__ */ jsx29("div", { style: { width: "100%", height: "200px", background: "#f5f5f5", display: "flex", alignItems: "center", justifyContent: "center", overflow: "hidden" }, children: imageUrl ? /* @__PURE__ */ jsx29("img", { src: imageUrl, alt: name, style: { width: "100%", height: "100%", objectFit: "contain" } }) : /* @__PURE__ */ jsx29("span", { style: { color: "#999", fontSize: "0.85rem" }, children: /* @__PURE__ */ jsx29(FormattedMessage9, { id: "Editor.noImage" }) }) }),
+                /* @__PURE__ */ jsxs21("div", { style: { padding: "1.5rem" }, children: [
+                  /* @__PURE__ */ jsx29("h3", { style: { fontSize: "1.1rem", fontWeight: 600, color: "#333", marginBottom: "0.5rem" }, children: name }),
+                  priceVal && /* @__PURE__ */ jsx29("div", { style: { fontSize: "1.2rem", fontWeight: "bold", color: "#2c5530" }, children: formatPrice(priceVal.centAmount, priceVal.currencyCode, priceVal.fractionDigits) })
+                ] })
+              ]
+            },
+            product?.id ?? i
+          );
+        })
+      }
+    )
+  ] });
+};
+
+// src/components/cms/SocialLinks.tsx
+import { Fragment as Fragment7, jsx as jsx30 } from "react/jsx-runtime";
+var renderSocialLinks = (props) => {
+  const links = [
+    [props.link1Label, props.link1Url],
+    [props.link2Label, props.link2Url],
+    [props.link3Label, props.link3Url],
+    [props.link4Label, props.link4Url]
+  ].filter(([label, url]) => label && url);
+  if (links.length === 0) return /* @__PURE__ */ jsx30(Fragment7, {});
+  return /* @__PURE__ */ jsx30("div", { style: { display: "flex", flexWrap: "wrap", gap: "1rem", padding: "0.5rem 0" }, children: links.map(([label, url], i) => /* @__PURE__ */ jsx30(
+    "a",
+    {
+      href: url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: { color: "#2c5530", textDecoration: "none", fontWeight: 500, fontSize: "0.95rem" },
+      children: label
+    },
+    i
+  )) });
+};
+
+// src/components/cms/TabContent.tsx
+import { Fragment as Fragment8, jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
+var renderTabContent = ({ tabLabel, content }) => {
+  if (!content) return /* @__PURE__ */ jsx31(Fragment8, {});
+  return /* @__PURE__ */ jsxs22("div", { style: { padding: "1.5rem 0", lineHeight: 1.6, color: "#333" }, children: [
+    tabLabel && /* @__PURE__ */ jsx31("h3", { style: { marginBottom: "1rem" }, children: tabLabel }),
+    /* @__PURE__ */ jsx31(RichTextContent, { html: content })
+  ] });
+};
+
+// src/components/cms/TestimonialsSlider.tsx
+import { Fragment as Fragment9, jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
+var renderTestimonialsSlider = (props) => {
+  const items = [
+    [props.quote1, props.author1, props.role1],
+    [props.quote2, props.author2, props.role2],
+    [props.quote3, props.author3, props.role3]
+  ].filter(([q]) => q);
+  if (items.length === 0) return /* @__PURE__ */ jsx32(Fragment9, {});
+  return /* @__PURE__ */ jsx32("div", { style: { padding: "2rem 1rem", background: "#f9f9f9", borderRadius: "8px", margin: "1rem 0" }, children: items.map(([quote, author, role], i) => /* @__PURE__ */ jsxs23("div", { style: { marginBottom: i < items.length - 1 ? "2rem" : 0 }, children: [
+    /* @__PURE__ */ jsx32(
+      "blockquote",
+      {
+        style: {
+          fontSize: "1.15rem",
+          fontStyle: "italic",
+          color: "#444",
+          margin: "0 0 0.75rem 0",
+          paddingLeft: "1rem",
+          borderLeft: "4px solid #2c5530"
+        },
+        children: quote
+      }
+    ),
+    author && /* @__PURE__ */ jsxs23("cite", { style: { fontStyle: "normal", fontSize: "0.95rem", fontWeight: 600, color: "#333" }, children: [
+      "\u2014 ",
+      author,
+      role && /* @__PURE__ */ jsxs23("span", { style: { fontWeight: "normal", color: "#666" }, children: [
+        " (",
+        role,
+        ")"
+      ] })
+    ] })
+  ] }, i)) });
+};
+
+// src/components/cms/ThankYouContent.tsx
+import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
+var renderThankYouContent = ({ headline, message, ctaText, ctaLink }) => /* @__PURE__ */ jsxs24("div", { style: { textAlign: "center", padding: "3rem 1rem", maxWidth: "560px", margin: "0 auto" }, children: [
+  headline && /* @__PURE__ */ jsx33("h1", { style: { fontSize: "2rem", color: "#2c5530", marginBottom: "1rem" }, children: headline }),
+  message && /* @__PURE__ */ jsx33(
+    RichTextContent,
+    {
+      html: message,
+      style: { fontSize: "1rem", lineHeight: 1.6, color: "#555", marginBottom: "2rem" }
+    }
+  ),
+  ctaText && ctaLink && /* @__PURE__ */ jsx33(
+    "a",
+    {
+      href: ctaLink,
+      style: {
+        display: "inline-block",
+        background: "#2c5530",
+        color: "white",
+        padding: "0.75rem 2rem",
+        borderRadius: "4px",
+        textDecoration: "none",
+        fontWeight: 600
+      },
+      children: ctaText
+    }
+  )
+] });
+
+// src/components/cms/TrustBadges.tsx
+import { Fragment as Fragment10, jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
+var renderTrustBadges = (props) => {
+  const badges = [
+    [props.badge1Icon, props.badge1Label],
+    [props.badge2Icon, props.badge2Label],
+    [props.badge3Icon, props.badge3Label],
+    [props.badge4Icon, props.badge4Label]
+  ].filter(([, label]) => label);
+  if (badges.length === 0) return /* @__PURE__ */ jsx34(Fragment10, {});
+  return /* @__PURE__ */ jsx34(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexWrap: "wrap",
+        justifyContent: "center",
+        gap: "2rem",
+        padding: "2rem 1rem",
+        background: "#f9f9f9",
+        borderRadius: "4px"
+      },
+      children: badges.map(([icon, label], i) => /* @__PURE__ */ jsxs25("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+        icon && /* @__PURE__ */ jsx34(
+          "img",
+          {
+            src: icon,
+            alt: label,
+            style: { width: "40px", height: "40px", objectFit: "contain" }
+          }
+        ),
+        /* @__PURE__ */ jsx34("span", { style: { fontSize: "0.95rem", fontWeight: 500, color: "#333" }, children: label })
+      ] }, i))
+    }
+  );
+};
+
+// src/components/cms/VideoBlock.tsx
+import { FormattedMessage as FormattedMessage10 } from "react-intl";
+import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+var renderVideoBlock = ({ videoUrl, posterImage, title, caption }) => {
+  if (!videoUrl) return /* @__PURE__ */ jsx35("div", { style: { padding: "2rem", textAlign: "center", color: "#999", background: "#f5f5f5", borderRadius: "8px" }, children: /* @__PURE__ */ jsx35(FormattedMessage10, { id: "Editor.noVideoUrlConfigured" }) });
+  return /* @__PURE__ */ jsxs26("div", { style: { margin: "1.5rem 0" }, children: [
+    /* @__PURE__ */ jsx35(
+      "div",
+      {
+        style: {
+          position: "relative",
+          paddingBottom: "56.25%",
+          height: 0,
+          overflow: "hidden",
+          background: "#000",
+          borderRadius: "8px"
+        },
+        children: /* @__PURE__ */ jsx35(
+          "video",
+          {
+            src: videoUrl,
+            poster: posterImage || void 0,
+            controls: true,
+            preload: "metadata",
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              height: "100%",
+              objectFit: "contain"
+            }
+          }
+        )
+      }
+    ),
+    title && /* @__PURE__ */ jsx35("h4", { style: { marginTop: "0.75rem", fontSize: "1.1rem", color: "#333" }, children: title }),
+    caption && /* @__PURE__ */ jsx35("p", { style: { fontSize: "0.9rem", color: "#666", marginTop: "0.25rem" }, children: caption })
+  ] });
+};
+
+// src/components/cms/WebsiteLogo.tsx
+import { useIntl as useIntl2 } from "react-intl";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var renderWebsiteLogo = ({ logo, maxWidth, maxHeight }) => {
+  const intl = useIntl2();
+  if (!logo) return /* @__PURE__ */ jsx36("div", { style: { width: `${parseInt(maxWidth, 10) || 180}px`, height: `${parseInt(maxHeight, 10) || 50}px`, background: "#f0f0f0", borderRadius: "4px" } });
+  return /* @__PURE__ */ jsx36(
+    "div",
+    {
+      style: {
+        maxWidth: `${parseInt(maxWidth, 10) || 180}px`,
+        maxHeight: `${parseInt(maxHeight, 10) || 50}px`
+      },
+      children: /* @__PURE__ */ jsx36(
+        "img",
+        {
+          src: logo,
+          alt: intl.formatMessage({ id: "Editor.websiteLogoAlt" }),
+          style: { width: "100%", height: "100%", objectFit: "contain" }
+        }
+      )
+    }
+  );
+};
+
+// src/renderConfig.tsx
+var components = {
+  Hero: { render: renderHero },
+  RichText: { render: renderRichText },
+  Grid: { render: renderGrid },
+  Columns: { render: renderColumns },
+  Image: { render: renderImage },
+  Button: { render: renderButton },
+  Card: { render: renderCard },
+  Spacer: { render: renderSpacer },
+  ProductTeaser: { render: renderProductTeaser },
+  HeroBanner: { render: renderHeroBanner },
+  TextBlock: { render: renderTextBlock },
+  CategoryGrid: { render: renderCategoryGrid },
+  CategoryHero: { render: renderCategoryHero },
+  CheckoutPromoBanner: { render: renderCheckoutPromoBanner },
+  CountdownBanner: { render: renderCountdownBanner },
+  CrossSellBlock: { render: renderCrossSellBlock },
+  DeliveryMessage: { render: renderDeliveryMessage },
+  Divider: { render: renderDivider },
+  EmptyState: { render: renderEmptyState },
+  FAQAccordion: { render: renderFAQAccordion },
+  FooterBlock: { render: renderFooterBlock },
+  ImageBlock: { render: renderImageBlock },
+  NewsletterSignup: { render: renderNewsletterSignup },
+  ProductBanner: { render: renderProductBanner },
+  ProductGridHeader: { render: renderProductGridHeader },
+  ProductSlider: { render: renderProductSlider },
+  PromotionalBanner: { render: renderPromotionalBanner },
+  RelatedProductsSlider: { render: renderRelatedProductsSlider },
+  SocialLinks: { render: renderSocialLinks },
+  TabContent: { render: renderTabContent },
+  TestimonialsSlider: { render: renderTestimonialsSlider },
+  ThankYouContent: { render: renderThankYouContent },
+  TrustBadges: { render: renderTrustBadges },
+  VideoBlock: { render: renderVideoBlock },
+  WebsiteLogo: { render: renderWebsiteLogo }
+};
+function createRenderConfig() {
+  return {
+    components,
+    root: { render: renderRoot }
+  };
+}
+var defaultRenderConfig = createRenderConfig();
+export {
+  CONTENT_WIDTHS,
+  RichTextContent,
+  colors,
+  createRenderConfig,
+  defaultRenderConfig,
+  formatPrice,
+  getFirstPrice,
+  getLocalizedText,
+  getProductImage,
+  getProductName,
+  getProductSku,
+  getProductSlug,
+  catalogs as intlCatalogs,
+  productLinkDefaults,
+  renderButton,
+  renderCard,
+  renderCategoryGrid,
+  renderCategoryHero,
+  renderCheckoutPromoBanner,
+  renderColumns,
+  renderCountdownBanner,
+  renderCrossSellBlock,
+  renderDeliveryMessage,
+  renderDivider,
+  renderEmptyState,
+  renderFAQAccordion,
+  renderFooterBlock,
+  renderGrid,
+  renderHero,
+  renderHeroBanner,
+  renderImage,
+  renderImageBlock,
+  renderNewsletterSignup,
+  renderProductBanner,
+  renderProductGridHeader,
+  renderProductSlider,
+  renderProductTeaser,
+  renderPromotionalBanner,
+  renderRelatedProductsSlider,
+  renderRichText,
+  renderRoot,
+  renderSocialLinks,
+  renderSpacer,
+  renderTabContent,
+  renderTestimonialsSlider,
+  renderTextBlock,
+  renderThankYouContent,
+  renderTrustBadges,
+  renderVideoBlock,
+  renderWebsiteLogo,
+  resolveProductLink,
+  sanitizeHtml
+};
+//# sourceMappingURL=index.mjs.map