dune-react 0.0.22 → 0.0.24

package/dist/components/puck-base/image.js

@@ -57,7 +57,7 @@ function CompoundImageBase(props) {
     {
       src: props.src,
       alt: props.alt,
-      className: cn("block h-full w-full object-cover", props.className)
+      className: cn("block h-full w-full", props.className)
     }
   );
 }

package/dist/components/puck-block/banner-sections/css-marquee-banner/css-marquee-banner.js

@@ -69,39 +69,39 @@ const CssMarqueeBanner = (props) => {
 };
 const CssMarqueeBannerDefaults = {
   headings: [
-    "Relume Library",
-    "Relume Library",
-    "Relume Library",
-    "Relume Library",
-    "Relume Library"
+    "Brand Name",
+    "Brand Name",
+    "Brand Name",
+    "Brand Name",
+    "Brand Name"
   ],
   sections: [
     {
-      title: "Relume Library",
+      title: "Brand Name",
       image: {
         src: "https://picsum.photos/seed/banner-marquee-1/400/267",
-        alt: "Relume Library"
+        alt: "Brand Name"
       }
     },
     {
-      title: "Relume Library",
+      title: "Brand Name",
       image: {
         src: "https://picsum.photos/seed/banner-marquee-2/400/267",
-        alt: "Relume Library"
+        alt: "Brand Name"
       }
     },
     {
-      title: "Relume Library",
+      title: "Brand Name",
       image: {
         src: "https://picsum.photos/seed/banner-marquee-3/400/267",
-        alt: "Relume Library"
+        alt: "Brand Name"
       }
     },
     {
-      title: "Relume Library",
+      title: "Brand Name",
       image: {
         src: "https://picsum.photos/seed/banner-marquee-4/400/267",
-        alt: "Relume Library"
+        alt: "Brand Name"
       }
     }
   ],

package/dist/components/puck-block/banner-sections/dual-row-marquee/dual-row-marquee.js

@@ -1,11 +1,7 @@
-"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useMediaQuery } from "../../../../hooks/use-media-query.js";
-import { useScroll, useTransform, motion } from "framer-motion";
-import React__default, { useRef } from "react";
+import React__default from "react";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
-import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 const DualRowMarquee = (props) => {
   const {
     headingsTop = [],
@@ -20,68 +16,96 @@ const DualRowMarquee = (props) => {
     style: sectionStyle,
     css
   } = styles ?? {};
-  const sectionRef = useRef(null);
-  const [scrollContainerRef] = useScrollContainer(sectionRef);
-  const { scrollYProgress } = useScroll({
-    target: sectionRef,
-    ...scrollContainerRef.current ? { container: scrollContainerRef } : {},
-    offset: ["start end", "end start"]
-  });
-  const isMobile = useMediaQuery("(max-width: 991px)");
-  const headingTopTranslate = useTransform(
-    scrollYProgress,
-    [0, 1],
-    isMobile ? ["5%", "0%"] : ["25%", "0%"]
-  );
-  const headingBottomTranslate = useTransform(
-    scrollYProgress,
-    [0, 1],
-    isMobile ? ["-5%", "0%"] : ["-25%", "0%"]
-  );
-  const renderHeadings = (headings, translate) => /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: "grid auto-cols-max grid-flow-col grid-cols-[max-content] items-center justify-around py-2",
-      style: { x: translate },
-      children: headings.map((heading, index) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center whitespace-nowrap px-4 text-center lg:text-left", children: /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold md:text-2xl", children: heading.title }) }),
-        /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-hidden", children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: heading.image.src,
-            alt: heading.image.alt,
-            className: "aspect-square size-full max-h-16 object-cover"
-          }
-        ) })
-      ] }, index))
-    }
-  );
+  const renderHeadings = (headings) => {
+    const repeated = [...headings, ...headings, ...headings];
+    return /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center py-2", children: repeated.map((heading, index) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center justify-center whitespace-nowrap px-4 text-center lg:text-left", children: /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold md:text-2xl", children: heading.title }) }),
+      /* @__PURE__ */ jsx("div", { className: "relative shrink-0 overflow-hidden", children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: heading.image.src,
+          alt: heading.image.alt,
+          className: "h-8 object-contain"
+        }
+      ) })
+    ] }, index)) });
+  };
   return /* @__PURE__ */ jsxs(
     SectionWrapper,
     {
-      ref: sectionRef,
-      className: cn("flex w-screen max-w-full flex-col justify-end overflow-hidden", sectionClassName),
+      className: cn(
+        "flex w-screen max-w-full flex-col justify-end overflow-hidden",
+        sectionClassName
+      ),
       style: sectionStyle,
       css,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: Array(2).fill(0).map((_, index) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderHeadings(headingsTop, headingTopTranslate) }, index)) }),
-        /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: Array(2).fill(0).map((_, index) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderHeadings(headingsBottom, headingBottomTranslate) }, index)) })
+        /* @__PURE__ */ jsx("div", { className: "flex animate-marquee-top", children: Array(2).fill(0).map((_, index) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderHeadings(headingsTop) }, index)) }),
+        /* @__PURE__ */ jsx("div", { className: "flex animate-marquee-bottom", children: Array(2).fill(0).map((_, index) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderHeadings(headingsBottom) }, index)) })
       ]
     }
   );
 };
 const DualRowMarqueeDefaults = {
   headingsTop: [
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-1/100/100", alt: "Relume Library 1" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-2/100/100", alt: "Relume Library 2" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-3/100/100", alt: "Relume Library 3" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-4/100/100", alt: "Relume Library 4" } }
+    {
+      title: "Brand Name",
+      image: {
+        src: "https://picsum.photos/seed/banner-dual-1/100/100",
+        alt: "Brand Name 1"
+      }
+    },
+    {
+      title: "Brand Name",
+      image: {
+        src: "https://picsum.photos/seed/banner-dual-2/100/100",
+        alt: "Brand Name 2"
+      }
+    },
+    {
+      title: "Brand Name",
+      image: {
+        src: "https://picsum.photos/seed/banner-dual-3/100/100",
+        alt: "Brand Name 3"
+      }
+    },
+    {
+      title: "Brand Name",
+      image: {
+        src: "https://picsum.photos/seed/banner-dual-4/100/100",
+        alt: "Brand Name 4"
+      }
+    }
   ],
   headingsBottom: [
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-5/100/100", alt: "Relume Library 5" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-6/100/100", alt: "Relume Library 6" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-7/100/100", alt: "Relume Library 7" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-8/100/100", alt: "Relume Library 8" } }
+    {
+      title: "Brand Name",
+      image: {
+        src: "https://picsum.photos/seed/banner-dual-5/100/100",
+        alt: "Brand Name 5"
+      }
+    },
+    {
+      title: "Brand Name",
+      image: {
+        src: "https://picsum.photos/seed/banner-dual-6/100/100",
+        alt: "Brand Name 6"
+      }
+    },
+    {
+      title: "Brand Name",
+      image: {
+        src: "https://picsum.photos/seed/banner-dual-7/100/100",
+        alt: "Brand Name 7"
+      }
+    },
+    {
+      title: "Brand Name",
+      image: {
+        src: "https://picsum.photos/seed/banner-dual-8/100/100",
+        alt: "Brand Name 8"
+      }
+    }
   ]
 };
 export {

package/dist/components/puck-block/banner-sections/scroll-driven-marquee/scroll-driven-marquee.js

@@ -5,6 +5,7 @@ import { useRef } from "react";
 import { cn } from "../../../../utils/css-utils.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";
 const ScrollDrivenMarquee = (props) => {
   const {
     headings = [],
@@ -18,6 +19,7 @@ const ScrollDrivenMarquee = (props) => {
     style: sectionStyle,
     css
   } = styles ?? {};
+  const { isEditor } = useEditorContext();
   const sectionRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(sectionRef);
   const { scrollYProgress } = useScroll({
@@ -30,7 +32,7 @@ const ScrollDrivenMarquee = (props) => {
     motion.div,
     {
       className: "ml-12 grid auto-cols-max grid-flow-col grid-cols-[max-content] gap-12",
-      style: { x: headingTranslate },
+      style: { x: isEditor ? "0%" : headingTranslate },
       children: headings.map((heading, headingIndex) => /* @__PURE__ */ jsx("h1", { className: "text-md font-bold md:text-lg", children: heading }, headingIndex))
     },
     index
@@ -38,11 +40,11 @@ const ScrollDrivenMarquee = (props) => {
 };
 const ScrollDrivenMarqueeDefaults = {
   headings: [
-    "Relume Library",
-    "Relume Library",
-    "Relume Library",
-    "Relume Library",
-    "Relume Library"
+    "Brand Name",
+    "Brand Name",
+    "Brand Name",
+    "Brand Name",
+    "Brand Name"
   ]
 };
 export {

package/dist/components/puck-block/banner-sections/scroll-parallax-text/scroll-parallax-text.js

@@ -5,6 +5,7 @@ import { useScroll, useTransform, motion } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.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";
 const ScrollParallaxText = (props) => {
   const {
     headings = [],
@@ -18,6 +19,7 @@ const ScrollParallaxText = (props) => {
     style: sectionStyle,
     css
   } = styles ?? {};
+  const { isEditor } = useEditorContext();
   const sectionRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(sectionRef);
   const { scrollYProgress } = useScroll({
@@ -37,7 +39,7 @@ const ScrollParallaxText = (props) => {
       children: /* @__PURE__ */ jsx("div", { className: "flex flex-col whitespace-nowrap", children: headings.map((heading, index) => /* @__PURE__ */ jsx(
         motion.h1,
         {
-          style: index % 2 === 0 ? { x: xPartOne } : { x: xPartTwo },
+          style: index % 2 === 0 ? { x: isEditor ? "0%" : xPartOne } : { x: isEditor ? "0%" : xPartTwo },
           className: cn("text-[6rem] font-bold leading-[1.2]", {
             "self-end": index % 2 !== 0
           }),

package/dist/components/puck-block/contact-sections/contact-cards-grid/contact-cards-grid.js

@@ -80,7 +80,7 @@ const ContactCardsGridDefaults = {
       icon: "email",
       title: "Email",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in ero.",
-      link: { label: "hello@relume.io", action: { type: "email", email: "hello@relume.io" } }
+      link: { label: "hello@example.com", action: { type: "email", email: "hello@example.com" } }
     },
     {
       icon: "phone",

package/dist/components/puck-block/contact-sections/form-with-media/form-with-media.js

@@ -94,7 +94,7 @@ const FormWithMediaDefaults = {
   buttons: [],
   image: {
     src: "https://picsum.photos/seed/contact-media/800/800",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   email: "",
   phone: "",

package/dist/components/puck-block/contact-sections/header-form-cards/header-form-cards.js

@@ -154,7 +154,7 @@ const HeaderFormCardsDefaults = {
       icon: "email",
       title: "Email",
       description: "Lorem ipsum dolor sit amet.",
-      link: { label: "hello@relume.io", action: { type: "email", email: "hello@relume.io" } }
+      link: { label: "hello@example.com", action: { type: "email", email: "hello@example.com" } }
     },
     {
       icon: "phone",

package/dist/components/puck-block/contact-sections/header-info-fullwidth/header-info-fullwidth.js

@@ -44,7 +44,7 @@ const HeaderInfoFullwidthDefaults = {
   buttons: [],
   image: {
     src: "https://picsum.photos/seed/contact-fullwidth/1920/600",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   email: "",
   phone: "",
@@ -54,7 +54,7 @@ const HeaderInfoFullwidthDefaults = {
       icon: "email",
       title: "Email",
       description: "",
-      link: { label: "hello@relume.io", action: { type: "email", email: "hello@relume.io" } }
+      link: { label: "hello@example.com", action: { type: "email", email: "hello@example.com" } }
     },
     {
       icon: "phone",

package/dist/components/puck-block/contact-sections/info-cards-media/info-cards-media.js

@@ -42,7 +42,7 @@ const InfoCardsMediaDefaults = {
   buttons: [],
   image: {
     src: "https://picsum.photos/seed/contact-info/1200/800",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   email: "",
   phone: "",
@@ -52,7 +52,7 @@ const InfoCardsMediaDefaults = {
       icon: "email",
       title: "Email",
       description: "Lorem ipsum dolor sit amet.",
-      link: { label: "hello@relume.io", action: { type: "email", email: "hello@relume.io" } }
+      link: { label: "hello@example.com", action: { type: "email", email: "hello@example.com" } }
     },
     {
       icon: "phone",

package/dist/components/puck-block/contact-sections/split-info-form/split-info-form.js

@@ -146,7 +146,7 @@ const SplitInfoFormDefaults = {
   button: { label: "Submit" },
   buttons: [],
   image: { src: "https://picsum.photos/seed/contact-split/800/600", alt: "Placeholder" },
-  email: "hello@relume.io",
+  email: "hello@example.com",
   phone: "+1 (555) 000-0000",
   address: "123 Sample St, Sydney NSW 2000 AU",
   contacts: [],

package/dist/components/puck-block/contact-sections/tab-locations/tab-locations.js

@@ -10,62 +10,75 @@ const TabLocations = (props) => {
     ...TabLocationsDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, mediaType = "map" } = styles ?? {};
-  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-12 flex max-w-lg flex-col justify-start md:mb-18 lg:mb-20", children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
-      /* @__PURE__ */ jsx("h2", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
-      /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Tabs,
-      {
-        defaultValue: (_a = tabs[0]) == null ? void 0 : _a.value,
-        className: "relative grid auto-cols-fr grid-cols-1 gap-12 md:grid-cols-[.5fr_1fr] md:gap-y-16 lg:gap-x-20 lg:gap-y-16",
-        children: [
-          /* @__PURE__ */ jsx(TabsList, { className: "relative grid h-full auto-cols-fr grid-cols-1 gap-x-4 gap-y-10", children: tabs.map((tab, index) => /* @__PURE__ */ jsx(
-            TabsTrigger,
-            {
-              value: tab.value,
-              className: "items-start justify-start border-0 border-l-2 border-border-primary border-transparent px-0 py-0 pl-8 data-[state=active]:border-black data-[state=active]:bg-background-primary data-[state=active]:text-text-primary",
-              children: /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
-                /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xl font-bold md:mb-4 md:text-2xl", children: tab.title }),
-                /* @__PURE__ */ jsxs("p", { className: "inline-block whitespace-normal", children: [
-                  /* @__PURE__ */ jsx("span", { className: "block", children: tab.addressLine1 }),
-                  /* @__PURE__ */ jsx("span", { className: "block", children: tab.addressLine2 })
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "mt-5 font-semibold md:mt-6", children: /* @__PURE__ */ jsx("p", { children: tab.buttonLabel }) })
-              ] })
-            },
-            index
-          )) }),
-          /* @__PURE__ */ jsx("div", { children: tabs.map((tab) => /* @__PURE__ */ jsx(
-            TabsContent,
-            {
-              value: tab.value,
-              className: "data-[state=active]:animate-tabs",
-              children: /* @__PURE__ */ jsx("div", { className: "relative size-full", children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: tab.mapUrl, className: "block", children: /* @__PURE__ */ jsx(
-                CompoundImage,
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    mediaType = "map"
+  } = styles ?? {};
+  return /* @__PURE__ */ jsx(
+    SectionWrapper,
+    {
+      className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName),
+      style: sectionStyle,
+      css,
+      children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-12 flex max-w-lg flex-col justify-start md:mb-18 lg:mb-20", children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
+          /* @__PURE__ */ jsx("h2", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
+          /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Tabs,
+          {
+            defaultValue: (_a = tabs[0]) == null ? void 0 : _a.value,
+            className: "relative grid auto-cols-fr grid-cols-1 gap-12 md:grid-cols-[.5fr_1fr] md:gap-y-16 lg:gap-x-20 lg:gap-y-16",
+            children: [
+              /* @__PURE__ */ jsx(TabsList, { className: "relative grid h-full auto-cols-fr grid-cols-1 gap-x-4 gap-y-10", children: tabs.map((tab, index) => /* @__PURE__ */ jsx(
+                TabsTrigger,
                 {
-                  src: tab.image.src,
-                  alt: tab.image.alt,
-                  className: "size-full object-cover"
-                }
-              ) }) : /* @__PURE__ */ jsx(
-                CompoundImage,
+                  value: tab.value,
+                  className: "items-start justify-start border-0 border-l-2 border-border-primary border-transparent px-0 py-0 pl-8 data-[state=active]:border-black data-[state=active]:bg-background-primary data-[state=active]:text-text-primary",
+                  children: /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
+                    /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xl font-bold md:mb-4 md:text-2xl", children: tab.title }),
+                    /* @__PURE__ */ jsxs("p", { className: "inline-block whitespace-normal", children: [
+                      /* @__PURE__ */ jsx("span", { className: "block", children: tab.addressLine1 }),
+                      /* @__PURE__ */ jsx("span", { className: "block", children: tab.addressLine2 })
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "mt-5 font-semibold md:mt-6", children: /* @__PURE__ */ jsx("p", { children: tab.buttonLabel }) })
+                  ] })
+                },
+                index
+              )) }),
+              /* @__PURE__ */ jsx("div", { children: tabs.map((tab) => /* @__PURE__ */ jsx(
+                TabsContent,
                 {
-                  src: tab.image.src,
-                  alt: tab.image.alt,
-                  className: "size-full object-cover"
-                }
-              ) })
-            },
-            tab.value
-          )) })
-        ]
-      }
-    )
-  ] }) });
+                  value: tab.value,
+                  className: "animate-tabs",
+                  children: /* @__PURE__ */ jsx("div", { className: "relative size-full", children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: tab.mapUrl, className: "block", children: /* @__PURE__ */ jsx(
+                    CompoundImage,
+                    {
+                      src: tab.image.src,
+                      alt: tab.image.alt,
+                      className: "size-full object-cover"
+                    }
+                  ) }) : /* @__PURE__ */ jsx(
+                    CompoundImage,
+                    {
+                      src: tab.image.src,
+                      alt: tab.image.alt,
+                      className: "size-full object-cover"
+                    }
+                  ) })
+                },
+                tab.value
+              )) })
+            ]
+          }
+        )
+      ] })
+    }
+  );
 };
 const TabLocationsDefaults = {
   tagline: "Tagline",
@@ -73,7 +86,10 @@ const TabLocationsDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  image: { src: "https://picsum.photos/seed/contact-tab/800/600", alt: "Placeholder" },
+  image: {
+    src: "https://picsum.photos/seed/contact-tab/800/600",
+    alt: "Placeholder"
+  },
   email: "",
   phone: "",
   address: "",

package/dist/components/puck-block/cta-sections/mouse-track-cta/mouse-track-cta.js

@@ -161,7 +161,7 @@ const MouseTrackCtaDefaults = {
       listNumber: "01",
       image: {
         src: "https://picsum.photos/seed/cta-hover1/600/600",
-        alt: "Relume placeholder image 1"
+        alt: "Placeholder image 1"
       }
     },
     {
@@ -170,7 +170,7 @@ const MouseTrackCtaDefaults = {
       listNumber: "02",
       image: {
         src: "https://picsum.photos/seed/cta-hover2/600/600",
-        alt: "Relume placeholder image 2"
+        alt: "Placeholder image 2"
       }
     },
     {
@@ -179,7 +179,7 @@ const MouseTrackCtaDefaults = {
       listNumber: "03",
       image: {
         src: "https://picsum.photos/seed/cta-hover3/600/600",
-        alt: "Relume placeholder image 3"
+        alt: "Placeholder image 3"
       }
     },
     {
@@ -188,7 +188,7 @@ const MouseTrackCtaDefaults = {
       listNumber: "04",
       image: {
         src: "https://picsum.photos/seed/cta-hover4/600/600",
-        alt: "Relume placeholder image 4"
+        alt: "Placeholder image 4"
       }
     }
   ],

package/dist/components/puck-block/cta-sections/side-media-cta/side-media-cta.js

@@ -60,7 +60,7 @@ const SideMediaCtaDefaults = {
   images: [
     {
       src: "https://picsum.photos/seed/cta-side/800/600",
-      alt: "Relume placeholder image"
+      alt: "Placeholder image"
     }
   ],
   video: "",

package/dist/components/puck-block/cta-sections/text-block-cta/text-block-cta.js

@@ -130,11 +130,11 @@ const TextBlockCtaDefaults = {
   images: [
     {
       src: "https://picsum.photos/seed/cta-bg/1920/1080",
-      alt: "Relume placeholder image"
+      alt: "Placeholder image"
     },
     {
       src: "https://picsum.photos/seed/cta-bottom/1200/600",
-      alt: "Relume placeholder image"
+      alt: "Placeholder image"
     }
   ],
   video: "https://www.example.com/video.mp4",

package/dist/components/puck-block/feature-sections/feature-cards-grid/component.js

@@ -96,7 +96,7 @@ const FeatureCardsGridDefaults = {
   ],
   image: {
     src: "https://picsum.photos/seed/feature-cards/800/600",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],

package/dist/components/puck-block/feature-sections/feature-list-split/component.js

@@ -93,7 +93,7 @@ const FeatureListSplitDefaults = {
   ],
   image: {
     src: "https://picsum.photos/seed/feature-list/800/600",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],

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

@@ -51,7 +51,7 @@ const TabFeature = (props) => {
               TabsContent,
               {
                 value: tab.value,
-                className: "data-[state=active]:animate-tabs",
+                className: "animate-tabs",
                 children: [
                   tab.image && !tab.videoUrl && /* @__PURE__ */ jsx(
                     CompoundImage,
@@ -110,7 +110,7 @@ const TabFeatureDefaults = {
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.",
       image: {
         src: "https://picsum.photos/seed/tab-feature1/800/600",
-        alt: "Relume placeholder image 1"
+        alt: "Placeholder image 1"
       }
     },
     {
@@ -119,7 +119,7 @@ const TabFeatureDefaults = {
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.",
       image: {
         src: "https://picsum.photos/seed/tab-feature2/800/600",
-        alt: "Relume placeholder image 2"
+        alt: "Placeholder image 2"
       }
     },
     {
@@ -128,7 +128,7 @@ const TabFeatureDefaults = {
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.",
       image: {
         src: "https://picsum.photos/seed/tab-feature3/800/600",
-        alt: "Relume placeholder image 3"
+        alt: "Placeholder image 3"
       }
     }
   ]

package/dist/components/puck-block/feature-sections/text-media-split/component.js

@@ -78,7 +78,7 @@ const TextMediaSplitDefaults = {
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
   image: {
     src: "https://picsum.photos/seed/feature-split/800/600",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
   styles: {