dune-react 0.0.22 → 0.0.23

package/dist/components/puck-block/hero-sections/overlapping-image-hero/overlapping-image-hero.js

@@ -199,15 +199,15 @@ const OverlappingImageHeroDefaults = {
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
   firstImage: {
     src: "https://picsum.photos/seed/hero-square/1200/1200",
-    alt: "Relume placeholder image 1"
+    alt: "Placeholder image 1"
   },
   secondImage: {
     src: "https://picsum.photos/seed/hero-portrait/800/1200",
-    alt: "Relume placeholder image 2"
+    alt: "Placeholder image 2"
   },
   thirdImage: {
     src: "https://picsum.photos/seed/hero-dim/1200/800",
-    alt: "Relume placeholder image 3"
+    alt: "Placeholder image 3"
   },
   styles: {
     textPosition: "left",

package/dist/components/puck-block/hero-sections/parallax-images-hero/component.js

@@ -6,6 +6,7 @@ import { CompoundImage } from "../../../puck-base/image.js";
 import { useRef } from "react";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
+import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 import { cn } from "../../../../utils/css-utils.js";
 const ParallaxImagesHero = (props) => {
   const { heading, description, buttons = [], images = [], styles } = {
@@ -13,6 +14,7 @@ const ParallaxImagesHero = (props) => {
     ...props
   };
   const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};
+  const { isEditor } = useEditorContext();
   const transformRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(transformRef);
   const { scrollYProgress } = useScroll({
@@ -24,6 +26,16 @@ const ParallaxImagesHero = (props) => {
   });
   const yFirst = useTransform(animatedScrollYProgress, [0, 1], ["0vh", "-87.5vh"]);
   const ySecond = useTransform(animatedScrollYProgress, [0, 1], ["0vh", "-39.6vh"]);
+  if (isEditor) {
+    return /* @__PURE__ */ jsx(SectionWrapper, { ref: transformRef, className: cn("relative px-[5%]", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-4 py-8", children: images.slice(0, 6).map((image, index) => /* @__PURE__ */ jsx("div", { className: "relative aspect-square", children: /* @__PURE__ */ jsx(CompoundImage, { src: image.src, className: "absolute inset-0 size-full object-cover", alt: image.alt }) }, index)) }),
+      /* @__PURE__ */ jsx("div", { className: "container relative flex max-w-lg items-center py-16 text-center", children: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold md:mb-6 md:text-9xl lg:text-10xl", children: heading }),
+        /* @__PURE__ */ jsx("p", { className: "relative z-20 md:text-md", children: description }),
+        /* @__PURE__ */ jsx("div", { className: "relative z-20 mt-6 flex items-center justify-center gap-x-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
+      ] }) })
+    ] }) });
+  }
   return /* @__PURE__ */ jsx(SectionWrapper, { ref: transformRef, className: cn("relative h-[150vh] px-[5%] md:h-[300vh]", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "sticky top-0 h-screen overflow-hidden", children: [
     /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-auto top-0 z-10", children: /* @__PURE__ */ jsx(motion.div, { className: "flex flex-col gap-[26vw] pt-[70vh]", style: { y: yFirst }, children: images.slice(0, 4).map((image, index) => /* @__PURE__ */ jsx(
       "div",
@@ -93,27 +105,27 @@ const ParallaxImagesHeroDefaults = {
   images: [
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 1"
+      alt: "Placeholder image 1"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 2"
+      alt: "Placeholder image 2"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 3"
+      alt: "Placeholder image 3"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 4"
+      alt: "Placeholder image 4"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 5"
+      alt: "Placeholder image 5"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 6"
+      alt: "Placeholder image 6"
     }
   ]
 };

package/dist/components/puck-block/hero-sections/scatter-parallax-hero/component.js

@@ -6,6 +6,7 @@ import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
+import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 import { useScroll, useTransform, motion } from "framer-motion";
 const ScatterParallaxHero = (props) => {
   const { heading, description, buttons = [], images = [], styles } = {
@@ -13,6 +14,7 @@ const ScatterParallaxHero = (props) => {
     ...props
   };
   const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};
+  const { isEditor } = useEditorContext();
   const sectionRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(sectionRef);
   const { scrollYProgress } = useScroll(
@@ -52,12 +54,12 @@ const ScatterParallaxHero = (props) => {
       /* @__PURE__ */ jsx(
         motion.div,
         {
-          style: containerMotion,
+          style: isEditor ? { y: "0%", scale: 1, opacity: 1 } : containerMotion,
           className: "absolute inset-0 z-10 flex origin-bottom items-end justify-center",
           children: images.map((image, index) => /* @__PURE__ */ jsx(
             motion.div,
             {
-              style: imageMotions[index],
+              style: isEditor ? { x: 0, y: 0 } : imageMotions[index],
               className: cn("absolute w-full max-w-[9rem] sm:max-w-[15rem] lg:max-w-xs", {
                 "left-[-25%] top-[65%] sm:top-[45%] md:left-[-20%] lg:left-[-10%] lg:top-[12%] ": index === 0,
                 "bottom-[5%] left-[-8%] md:left-[5%] lg:bottom-[10%]": index === 1,
@@ -82,23 +84,23 @@ const ScatterParallaxHeroDefaults = {
   images: [
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 1"
+      alt: "Placeholder image 1"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 2"
+      alt: "Placeholder image 2"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 3"
+      alt: "Placeholder image 3"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 4"
+      alt: "Placeholder image 4"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 5"
+      alt: "Placeholder image 5"
     }
   ]
 };

package/dist/components/puck-block/hero-sections/scroll-expand-video-hero/component.js

@@ -8,6 +8,7 @@ import { useScroll, useSpring, useTransform, motion } from "framer-motion";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { cn } from "../../../../utils/css-utils.js";
+import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 import { FaCirclePlay } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/fa6/index.js";
 import { CgSpinner } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/cg/index.js";
 const ScrollExpandVideoHero = (props) => {
@@ -17,6 +18,7 @@ const ScrollExpandVideoHero = (props) => {
   };
   const image = images == null ? void 0 : images[0];
   const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};
+  const { isEditor } = useEditorContext();
   const [isIframeLoaded, setIsIframeLoaded] = useState(false);
   const transformRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(transformRef);
@@ -37,11 +39,11 @@ const ScrollExpandVideoHero = (props) => {
     SectionWrapper,
     {
       ref: transformRef,
-      className: cn("relative flex h-[300vh] flex-col items-center", sectionClassName),
+      className: cn("relative flex flex-col items-center", isEditor ? "h-auto" : "h-[300vh]", sectionClassName),
       style: sectionStyle,
       css,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "px-[5%]", children: /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-0 mx-auto flex min-h-[80vh] max-w-lg items-center justify-center py-16 text-center md:py-24 lg:py-28", children: /* @__PURE__ */ jsxs(motion.div, { style: { opacity: fadeOut, scale: scaleDown }, children: [
+        /* @__PURE__ */ jsx("div", { className: "px-[5%]", children: /* @__PURE__ */ jsx("div", { className: cn("z-0 mx-auto flex min-h-[80vh] max-w-lg items-center justify-center py-16 text-center md:py-24 lg:py-28", !isEditor && "sticky top-0"), children: /* @__PURE__ */ jsxs(motion.div, { style: isEditor ? { opacity: 1, scale: 1 } : { opacity: fadeOut, scale: scaleDown }, children: [
           /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold md:mb-6 md:text-9xl lg:text-10xl", children: heading }),
           /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description }),
           /* @__PURE__ */ jsx("div", { className: "mt-6 flex items-center justify-center gap-x-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
@@ -49,8 +51,8 @@ const ScrollExpandVideoHero = (props) => {
         /* @__PURE__ */ jsx(
           motion.div,
           {
-            style: { width, height, y },
-            className: "sticky top-[10vh] z-10 mb-[-10vh] flex flex-col justify-start",
+            style: isEditor ? { width: "100%", height: "100vh", y: 0 } : { width, height, y },
+            className: cn("z-10 flex flex-col justify-start", isEditor ? "relative" : "sticky top-[10vh] mb-[-10vh]"),
             children: /* @__PURE__ */ jsxs(Dialog, { children: [
               /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: "relative flex size-full items-center justify-center", children: [
                 /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "size-full object-cover" }),
@@ -88,7 +90,7 @@ const ScrollExpandVideoHeroDefaults = {
   video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
   images: [{
     src: "https://picsum.photos/seed/hero-video/1200/800",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   }]
 };
 export {

package/dist/components/puck-block/hero-sections/scroll-zoom-hero/component.js

@@ -6,6 +6,7 @@ import { VideoIframe } from "../../../shadcn/video-iframe.js";
 import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
+import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
@@ -30,6 +31,7 @@ const ScrollZoomHero = (props) => {
     css,
     mediaType
   } = rawStyles ?? {};
+  const { isEditor } = useEditorContext();
   const isMobile = useMediaQuery("(max-width: 767px)");
   const sectionRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(sectionRef);
@@ -71,7 +73,7 @@ const ScrollZoomHero = (props) => {
               role: "button",
               tabIndex: 0,
               className: "relative flex size-full cursor-pointer origin-top-right items-center justify-center",
-              style: { scale: isMobile ? 1 : scaleValue },
+              style: { scale: isMobile || isEditor ? 1 : scaleValue },
               children: [
                 /* @__PURE__ */ jsx(
                   CompoundImage,
@@ -91,7 +93,7 @@ const ScrollZoomHero = (props) => {
           motion.div,
           {
             className: "flex origin-top-right flex-col items-end justify-center md:h-[60vh] lg:h-[80vh] lg:justify-start",
-            style: { scale: isMobile ? 1 : scaleValue },
+            style: { scale: isMobile || isEditor ? 1 : scaleValue },
             children: /* @__PURE__ */ jsx(
               CompoundImage,
               {
@@ -114,7 +116,7 @@ const ScrollZoomHeroDefaults = {
   images: [
     {
       src: "https://picsum.photos/seed/hero-video/1200/800",
-      alt: "Relume placeholder image"
+      alt: "Placeholder image"
     }
   ],
   styles: {

package/dist/components/puck-block/hero-sections/sticky-expand-hero/component.js

@@ -59,7 +59,7 @@ const StickyExpandHeroDefaults = {
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
   images: [{
     src: "https://picsum.photos/seed/hero-landscape/1200/800",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   }]
 };
 export {

package/dist/components/puck-block/hero-sections/sticky-expand-hero/index.d.ts

@@ -91,14 +91,22 @@ declare const conf: {
                 readonly instructions: "Buttons must use the same size";
             };
         };
-        image: {
-            type: "object";
-            objectFields: {
-                src: import("@puckeditor/core").Field<string>;
-                alt: {
+        images: {
+            readonly type: "array";
+            readonly max: 10;
+            readonly getItemSummary: (item: {
+                alt?: string;
+            }, index?: number) => string;
+            readonly arrayFields: {
+                readonly src: import("@puckeditor/core").Field<string>;
+                readonly alt: {
                     type: "text";
                 };
             };
+            readonly defaultItemProps: {
+                alt: string;
+                src: string;
+            };
         };
     };
     defaultProps: StickyExpandHeroProps;

package/dist/components/puck-block/hero-sections/sticky-expand-hero/index.js

@@ -1,13 +1,13 @@
 import { StickyExpandHero, StickyExpandHeroDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
 import { buttonsField } from "../../../puck-core/core/props/interactive.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { imagesField } from "../../../puck-core/core/props/media.js";
 const conf = {
   fields: {
     heading: headingField,
     description: descriptionField,
     buttons: buttonsField,
-    image: imageField
+    images: imagesField
   },
   defaultProps: StickyExpandHeroDefaults,
   render: StickyExpandHero

package/dist/components/puck-block/hero-sections/sticky-video-hero/component.js

@@ -208,11 +208,11 @@ const StickyVideoHeroDefaults = {
   video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
   images: [{
     src: "https://picsum.photos/seed/hero-video/1200/800",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   }],
   videoImage: {
     src: "https://picsum.photos/seed/hero-video/1200/800",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   styles: { variant: "centered" }
 };

package/dist/components/puck-block/hero-sections/tab-hero/component.js

@@ -108,7 +108,7 @@ const TabHeroDefaults = {
         buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
         image: {
           src: "https://picsum.photos/seed/hero-landscape/1200/800",
-          alt: "Relume placeholder image 1"
+          alt: "Placeholder image 1"
         }
       },
       {
@@ -118,7 +118,7 @@ const TabHeroDefaults = {
         buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
         image: {
           src: "https://picsum.photos/seed/hero-landscape/1200/800",
-          alt: "Relume placeholder image 2"
+          alt: "Placeholder image 2"
         }
       },
       {
@@ -128,7 +128,7 @@ const TabHeroDefaults = {
         buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
         image: {
           src: "https://picsum.photos/seed/hero-landscape/1200/800",
-          alt: "Relume placeholder image 3"
+          alt: "Placeholder image 3"
         }
       },
       {
@@ -138,7 +138,7 @@ const TabHeroDefaults = {
         buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
         image: {
           src: "https://picsum.photos/seed/hero-landscape/1200/800",
-          alt: "Relume placeholder image 4"
+          alt: "Placeholder image 4"
         }
       }
     ]

package/dist/components/puck-block/hero-sections/three-image-parallax-hero/component.js

@@ -159,15 +159,15 @@ const ThreeImageParallaxHeroDefaults = {
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
   imageLeft: {
     src: "https://picsum.photos/seed/hero-portrait/800/1200",
-    alt: "Relume placeholder image 1"
+    alt: "Placeholder image 1"
   },
   imageCenter: {
     src: "https://picsum.photos/seed/hero-square/1200/1200",
-    alt: "Relume placeholder image 2"
+    alt: "Placeholder image 2"
   },
   imageRight: {
     src: "https://picsum.photos/seed/hero-portrait/800/1200",
-    alt: "Relume placeholder image 3"
+    alt: "Placeholder image 3"
   },
   styles: {
     textAlign: "left",

package/dist/components/puck-block/hero-sections/vertical-gallery-hero/component.js

@@ -74,27 +74,27 @@ const VerticalGalleryHeroDefaults = {
   images: [
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 1"
+      alt: "Placeholder image 1"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 2"
+      alt: "Placeholder image 2"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 3"
+      alt: "Placeholder image 3"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 4"
+      alt: "Placeholder image 4"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 5"
+      alt: "Placeholder image 5"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 6"
+      alt: "Placeholder image 6"
     }
   ]
 };

package/dist/components/puck-block/hero-sections/zoom-grid-hero/component.js

@@ -6,6 +6,7 @@ import { CompoundButton } from "../../../puck-base/button.js";
 import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
+import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 import { useScroll, useTransform, motion } from "framer-motion";
 const ZoomGridHero = (props) => {
   const { heading, description, buttons = [], images = [], styles } = {
@@ -13,6 +14,7 @@ const ZoomGridHero = (props) => {
     ...props
   };
   const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};
+  const { isEditor } = useEditorContext();
   const sectionRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(sectionRef);
   const { scrollYProgress } = useScroll(
@@ -26,7 +28,7 @@ const ZoomGridHero = (props) => {
       motion.div,
       {
         className: "flex h-full items-center justify-center",
-        style: { opacity: opacityContent },
+        style: { opacity: isEditor ? 1 : opacityContent },
         children: /* @__PURE__ */ jsx("div", { className: "px-[5%] py-8 md:py-12 lg:py-14", children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 mx-auto max-w-lg text-center", children: [
           /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold text-text-alternative md:mb-6 md:text-9xl lg:text-10xl", children: heading }),
           /* @__PURE__ */ jsx("p", { className: "text-text-alternative md:text-md", children: description }),
@@ -39,13 +41,13 @@ const ZoomGridHero = (props) => {
         motion.div,
         {
           className: "absolute inset-0 z-10 bg-black/50",
-          style: { opacity: opacityOverlay }
+          style: { opacity: isEditor ? 0 : opacityOverlay }
         }
       ),
       /* @__PURE__ */ jsx(
         motion.div,
         {
-          style: { scale },
+          style: { scale: isEditor ? 1 : scale },
           className: "grid size-full auto-cols-fr grid-cols-1 gap-x-4 gap-y-4 md:grid-cols-3",
           children: images.map((image, index) => /* @__PURE__ */ jsx(
             "div",
@@ -77,39 +79,39 @@ const ZoomGridHeroDefaults = {
   images: [
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 1"
+      alt: "Placeholder image 1"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 2"
+      alt: "Placeholder image 2"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 3"
+      alt: "Placeholder image 3"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 4"
+      alt: "Placeholder image 4"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 5"
+      alt: "Placeholder image 5"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 6"
+      alt: "Placeholder image 6"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 7"
+      alt: "Placeholder image 7"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 8"
+      alt: "Placeholder image 8"
     },
     {
       src: "https://picsum.photos/seed/hero-square/1200/1200",
-      alt: "Relume placeholder image 9"
+      alt: "Placeholder image 9"
     }
   ]
 };

package/dist/components/puck-block/metrics-sections/center-media-stats/center-media-stats.js

@@ -105,7 +105,7 @@ const CenterMediaStatsDefaults = {
   ],
   image: {
     src: "https://picsum.photos/seed/stats-media/1200/800",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   styles: {
     mediaPosition: "left",

package/dist/components/puck-block/metrics-sections/header-stats-row/header-stats-row.js

@@ -94,7 +94,7 @@ const HeaderStatsRowDefaults = {
   ],
   image: {
     src: "https://picsum.photos/seed/stats-bg/1920/1080",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   styles: {
     textLayout: "twoColumn",

package/dist/components/puck-block/metrics-sections/mixed-grid-stats/mixed-grid-stats.js

@@ -86,7 +86,7 @@ const MixedGridStatsDefaults = {
     {
       image: {
         src: "https://picsum.photos/seed/stats-card1/800/600",
-        alt: "Relume placeholder image"
+        alt: "Placeholder image"
       }
     },
     {
@@ -102,7 +102,7 @@ const MixedGridStatsDefaults = {
     {
       image: {
         src: "https://picsum.photos/seed/stats-card2/800/600",
-        alt: "Relume placeholder image"
+        alt: "Placeholder image"
       }
     }
   ],

package/dist/components/puck-block/metrics-sections/split-stats/split-stats.js

@@ -88,7 +88,7 @@ const SplitStatsDefaults = {
   ],
   image: {
     src: "https://picsum.photos/seed/stats-split-bg/1920/1080",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   styles: {
     statsLayout: "2x2",

package/dist/components/puck-block/metrics-sections/tab-stats/tab-stats.js

@@ -115,7 +115,7 @@ const TabStatsDefaults = {
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
       image: {
         src: "https://picsum.photos/seed/stats-tab1/800/600",
-        alt: "Relume placeholder image 1"
+        alt: "Placeholder image 1"
       }
     },
     {
@@ -126,7 +126,7 @@ const TabStatsDefaults = {
       video: {
         image: {
           src: "https://picsum.photos/seed/stats-tab2/800/600",
-          alt: "Relume placeholder image 2"
+          alt: "Placeholder image 2"
         },
         url: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW"
       }
@@ -138,7 +138,7 @@ const TabStatsDefaults = {
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
       image: {
         src: "https://picsum.photos/seed/stats-tab3/800/600",
-        alt: "Relume placeholder image 3"
+        alt: "Placeholder image 3"
       }
     }
   ],

package/dist/components/puck-block/pricing-sections/pricing-comparison-table/index.d.ts

@@ -43,6 +43,53 @@ declare const conf: {
                 };
             };
         };
+        defaultTabValue: {
+            type: "radio";
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+        };
+        tabs: {
+            type: "array";
+            label: string;
+            getItemSummary: (item: {
+                tabName?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                value: {
+                    type: "radio";
+                    label: string;
+                    options: {
+                        label: string;
+                        value: string;
+                    }[];
+                };
+                tabName: {
+                    type: "text";
+                    label: string;
+                };
+                pricingPlans: {
+                    type: "array";
+                    label: string;
+                    getItemSummary: (item: {
+                        planName?: string;
+                    }, index?: number) => string;
+                    arrayFields: {
+                        planName: {
+                            type: "text";
+                        };
+                        monthlyPrice: {
+                            type: "text";
+                        };
+                        description: {
+                            type: "textarea";
+                        };
+                    };
+                };
+            };
+        };
         styles: {
             type: string;
             label: string;