dune-react 0.0.19 → 0.0.20

package/dist/components/puck-block/testimonial-sections/halfscreen-testimonial-carousel/index.d.ts

@@ -0,0 +1,81 @@
+import { HalfscreenTestimonialCarousel, HalfscreenTestimonialCarouselDefaults } from "./component";
+import type { HalfscreenTestimonialCarouselProps } from "./component";
+export { HalfscreenTestimonialCarousel, HalfscreenTestimonialCarouselDefaults };
+export type { HalfscreenTestimonialCarouselProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        testimonials: {
+            type: string;
+            getItemSummary: (item: {
+                name?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                quote: {
+                    type: string;
+                };
+                name: {
+                    type: string;
+                };
+                position: {
+                    type: string;
+                };
+                companyName: {
+                    type: string;
+                };
+                numberOfStars: {
+                    type: string;
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                ratingType: {
+                    readonly type: "radio";
+                    readonly label: "Rating Type";
+                    readonly options: readonly [{
+                        readonly label: "Logo";
+                        readonly value: "logo";
+                    }, {
+                        readonly label: "Stars";
+                        readonly value: "stars";
+                    }];
+                };
+                hasButton: {
+                    readonly type: "radio";
+                    readonly label: "Has Button";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                overflow: {
+                    readonly type: "radio";
+                    readonly label: "Overflow";
+                    readonly options: readonly [{
+                        readonly label: "Halfscreen";
+                        readonly value: "halfscreen";
+                    }, {
+                        readonly label: "Contained";
+                        readonly value: "contained";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: HalfscreenTestimonialCarouselProps;
+    render: (props: HalfscreenTestimonialCarouselProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/testimonial-sections/halfscreen-testimonial-carousel/index.js

@@ -0,0 +1,36 @@
+import { HalfscreenTestimonialCarousel, HalfscreenTestimonialCarouselDefaults } from "./component.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { testimonialStyleFields } from "../props.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    testimonials: {
+      type: "array",
+      getItemSummary: (item, index = 0) => item.name || `Testimonial ${index + 1}`,
+      arrayFields: {
+        quote: { type: "textarea" },
+        name: { type: "text" },
+        position: { type: "text" },
+        companyName: { type: "text" },
+        numberOfStars: { type: "number" }
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        ratingType: testimonialStyleFields.ratingType,
+        hasButton: testimonialStyleFields.hasButton,
+        overflow: testimonialStyleFields.overflow
+      }
+    }
+  },
+  defaultProps: HalfscreenTestimonialCarouselDefaults,
+  render: HalfscreenTestimonialCarousel
+};
+export {
+  HalfscreenTestimonialCarousel,
+  HalfscreenTestimonialCarouselDefaults,
+  conf as default
+};

package/dist/components/puck-block/testimonial-sections/image-testimonial/component.d.ts

@@ -0,0 +1,13 @@
+import type { TestimonialComponentProps, BaseImage } from "../props";
+type ImageTestimonialExtra = {
+    numberOfStars: number;
+    quote: string;
+    image: BaseImage;
+    name: string;
+    position: string;
+    logo: BaseImage;
+};
+export type ImageTestimonialProps = TestimonialComponentProps<ImageTestimonialExtra>;
+export declare const ImageTestimonial: (props: ImageTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageTestimonialDefaults: ImageTestimonialProps;
+export {};

package/dist/components/puck-block/testimonial-sections/image-testimonial/component.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BiSolidStar } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+const ImageTestimonial = (props) => {
+  const {
+    numberOfStars,
+    quote,
+    image,
+    name,
+    position,
+    logo,
+    styles
+  } = {
+    ...ImageTestimonialDefaults,
+    ...props
+  };
+  const { mediaType = "image" } = styles ?? {};
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "grid w-full auto-cols-fr grid-cols-1 items-center justify-center gap-12 md:grid-cols-2 md:gap-10 lg:gap-x-20", children: [
+    /* @__PURE__ */ jsx("div", { className: "order-last md:order-first", children: mediaType === "image" ? /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "aspect-square w-full object-cover" }) : /* @__PURE__ */ jsxs("div", { className: "relative aspect-square w-full", children: [
+      /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "size-full object-cover" }),
+      /* @__PURE__ */ jsx("button", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx("div", { className: "flex size-16 items-center justify-center rounded-full bg-white", children: /* @__PURE__ */ jsx("svg", { className: "size-6 text-black", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("polygon", { points: "5,3 19,12 5,21" }) }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-6 flex md:mb-8", children: Array(numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "size-6" }, starIndex)) }),
+      /* @__PURE__ */ jsx("blockquote", { className: "text-xl font-bold md:text-2xl", children: quote }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-nowrap items-center gap-5 md:mt-8", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "font-semibold", children: name }),
+          /* @__PURE__ */ jsx("p", { children: position })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mx-4 w-px self-stretch bg-background-alternative sm:mx-0" }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundImage, { src: logo.src, alt: logo.alt, className: "max-h-12" }) })
+      ] })
+    ] })
+  ] }) }) });
+};
+const ImageTestimonialDefaults = {
+  numberOfStars: 5,
+  quote: '"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/image-testimonial/800/800", alt: "Testimonial image" },
+  name: "Name Surname",
+  position: "Position, Company name",
+  logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo" },
+  styles: {
+    mediaType: "image"
+  }
+};
+export {
+  ImageTestimonial,
+  ImageTestimonialDefaults
+};

package/dist/components/puck-block/testimonial-sections/image-testimonial/index.d.ts

@@ -0,0 +1,58 @@
+import { ImageTestimonial, ImageTestimonialDefaults } from "./component";
+import type { ImageTestimonialProps } from "./component";
+export { ImageTestimonial, ImageTestimonialDefaults };
+export type { ImageTestimonialProps };
+declare const conf: {
+    fields: {
+        quote: {
+            type: string;
+        };
+        image: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        logo: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        name: {
+            type: string;
+        };
+        position: {
+            type: string;
+        };
+        numberOfStars: {
+            type: string;
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                mediaType: {
+                    readonly type: "radio";
+                    readonly label: "Media Type";
+                    readonly options: readonly [{
+                        readonly label: "Image";
+                        readonly value: "image";
+                    }, {
+                        readonly label: "Video";
+                        readonly value: "video";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: ImageTestimonialProps;
+    render: (props: ImageTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/testimonial-sections/image-testimonial/index.js

@@ -0,0 +1,27 @@
+import { ImageTestimonial, ImageTestimonialDefaults } from "./component.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { testimonialStyleFields } from "../props.js";
+const conf = {
+  fields: {
+    quote: { type: "textarea" },
+    image: imageField,
+    logo: imageField,
+    name: { type: "text" },
+    position: { type: "text" },
+    numberOfStars: { type: "number" },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        mediaType: testimonialStyleFields.mediaType
+      }
+    }
+  },
+  defaultProps: ImageTestimonialDefaults,
+  render: ImageTestimonial
+};
+export {
+  ImageTestimonial,
+  ImageTestimonialDefaults,
+  conf as default
+};

package/dist/components/puck-block/testimonial-sections/image-testimonial-carousel/component.d.ts

@@ -0,0 +1,17 @@
+import type { TestimonialComponentProps, BaseImage } from "../props";
+type Testimonial = {
+    numberOfStars: number;
+    quote: string;
+    image: BaseImage;
+    name: string;
+    position: string;
+    companyName: string;
+    logo: BaseImage;
+};
+type ImageTestimonialCarouselExtra = {
+    testimonials: Testimonial[];
+};
+export type ImageTestimonialCarouselProps = TestimonialComponentProps<ImageTestimonialCarouselExtra>;
+export declare const ImageTestimonialCarousel: (props: ImageTestimonialCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageTestimonialCarouselDefaults: ImageTestimonialCarouselProps;
+export {};

package/dist/components/puck-block/testimonial-sections/image-testimonial-carousel/component.js

@@ -0,0 +1,98 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from "../../../shadcn/carousel.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { cn } from "../../../../utils/css-utils.js";
+import { BiSolidStar } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.js";
+const ImageTestimonialCarousel = (props) => {
+  const { testimonials, styles } = {
+    ...ImageTestimonialCarouselDefaults,
+    ...props
+  };
+  const { mediaType = "image" } = styles ?? {};
+  const [api, setApi] = useState();
+  const [current, setCurrent] = useState(0);
+  useEffect(() => {
+    if (!api) return;
+    setCurrent(api.selectedScrollSnap() + 1);
+    api.on("select", () => {
+      setCurrent(api.selectedScrollSnap() + 1);
+    });
+  }, [api]);
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "overflow-hidden px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsx(
+    Carousel,
+    {
+      setApi,
+      opts: { loop: true, align: "start" },
+      className: "overflow-hidden",
+      children: /* @__PURE__ */ jsxs("div", { className: "relative pt-20 md:pb-20 md:pt-0", children: [
+        /* @__PURE__ */ jsx(CarouselContent, { className: "ml-0", children: testimonials.map((testimonial2, index) => /* @__PURE__ */ jsx(CarouselItem, { className: "pl-0", children: /* @__PURE__ */ jsxs("div", { className: "grid w-full auto-cols-fr grid-cols-1 items-center justify-center gap-12 md:grid-cols-2 md:gap-10 lg:gap-x-20", children: [
+          /* @__PURE__ */ jsx("div", { className: "order-last md:order-first", children: mediaType === "image" ? /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: testimonial2.image.src,
+              alt: testimonial2.image.alt,
+              className: "aspect-square w-full object-cover"
+            }
+          ) : /* @__PURE__ */ jsxs("div", { className: "relative aspect-square w-full", children: [
+            /* @__PURE__ */ jsx(CompoundImage, { src: testimonial2.image.src, alt: testimonial2.image.alt, className: "size-full object-cover" }),
+            /* @__PURE__ */ jsx("button", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx("div", { className: "flex size-16 items-center justify-center rounded-full bg-white", children: /* @__PURE__ */ jsx("svg", { className: "size-6 text-black", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("polygon", { points: "5,3 19,12 5,21" }) }) }) })
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start", children: [
+            /* @__PURE__ */ jsx("div", { className: "mb-6 flex md:mb-8", children: Array(testimonial2.numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "size-6" }, starIndex)) }),
+            /* @__PURE__ */ jsx("blockquote", { className: "text-xl font-bold md:text-2xl", children: testimonial2.quote }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-nowrap items-center gap-5 md:mt-8", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("p", { className: "font-semibold", children: testimonial2.name }),
+                /* @__PURE__ */ jsxs("p", { children: [
+                  /* @__PURE__ */ jsx("span", { children: testimonial2.position }),
+                  ", ",
+                  /* @__PURE__ */ jsx("span", { children: testimonial2.companyName })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "mx-4 w-px self-stretch bg-background-alternative sm:mx-0" }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundImage, { src: testimonial2.logo.src, alt: testimonial2.logo.alt, className: "max-h-12" }) })
+            ] })
+          ] })
+        ] }) }, index)) }),
+        /* @__PURE__ */ jsxs("div", { className: "absolute top-0 flex w-full items-start justify-between md:bottom-0 md:top-auto md:items-end", children: [
+          /* @__PURE__ */ jsx("div", { className: "mt-2.5 flex w-full items-start justify-start md:mb-2.5 md:mt-0", children: testimonials.map((_, index) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => api == null ? void 0 : api.scrollTo(index),
+              className: cn("mx-[3px] inline-block size-2 rounded-full", {
+                "bg-black": current === index + 1,
+                "bg-neutral-light": current !== index + 1
+              })
+            },
+            index
+          )) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-end gap-2 md:gap-4", children: [
+            /* @__PURE__ */ jsx(CarouselPrevious, { className: "static right-0 top-0 size-12 -translate-y-0" }),
+            /* @__PURE__ */ jsx(CarouselNext, { className: "static right-0 top-0 size-12 -translate-y-0" })
+          ] })
+        ] })
+      ] })
+    }
+  ) }) });
+};
+const testimonial = {
+  numberOfStars: 5,
+  quote: '"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/img-testimonial-carousel/800/800", alt: "Testimonial image" },
+  name: "Name Surname",
+  position: "Position",
+  companyName: "Company name",
+  logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo" }
+};
+const ImageTestimonialCarouselDefaults = {
+  testimonials: [testimonial, testimonial],
+  styles: {
+    mediaType: "image"
+  }
+};
+export {
+  ImageTestimonialCarousel,
+  ImageTestimonialCarouselDefaults
+};

package/dist/components/puck-block/testimonial-sections/image-testimonial-carousel/index.d.ts

@@ -0,0 +1,69 @@
+import { ImageTestimonialCarousel, ImageTestimonialCarouselDefaults } from "./component";
+import type { ImageTestimonialCarouselProps } from "./component";
+export { ImageTestimonialCarousel, ImageTestimonialCarouselDefaults };
+export type { ImageTestimonialCarouselProps };
+declare const conf: {
+    fields: {
+        testimonials: {
+            type: string;
+            getItemSummary: (item: {
+                name?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                quote: {
+                    type: string;
+                };
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                logo: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                name: {
+                    type: string;
+                };
+                position: {
+                    type: string;
+                };
+                companyName: {
+                    type: string;
+                };
+                numberOfStars: {
+                    type: string;
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                mediaType: {
+                    readonly type: "radio";
+                    readonly label: "Media Type";
+                    readonly options: readonly [{
+                        readonly label: "Image";
+                        readonly value: "image";
+                    }, {
+                        readonly label: "Video";
+                        readonly value: "video";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: ImageTestimonialCarouselProps;
+    render: (props: ImageTestimonialCarouselProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/testimonial-sections/image-testimonial-carousel/index.js

@@ -0,0 +1,34 @@
+import { ImageTestimonialCarousel, ImageTestimonialCarouselDefaults } from "./component.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { testimonialStyleFields } from "../props.js";
+const conf = {
+  fields: {
+    testimonials: {
+      type: "array",
+      getItemSummary: (item, index = 0) => item.name || `Testimonial ${index + 1}`,
+      arrayFields: {
+        quote: { type: "textarea" },
+        image: imageField,
+        logo: imageField,
+        name: { type: "text" },
+        position: { type: "text" },
+        companyName: { type: "text" },
+        numberOfStars: { type: "number" }
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        mediaType: testimonialStyleFields.mediaType
+      }
+    }
+  },
+  defaultProps: ImageTestimonialCarouselDefaults,
+  render: ImageTestimonialCarousel
+};
+export {
+  ImageTestimonialCarousel,
+  ImageTestimonialCarouselDefaults,
+  conf as default
+};

package/dist/components/puck-block/testimonial-sections/index.d.ts

@@ -0,0 +1,11 @@
+export { default as BentoTestimonialConf } from "./bento-testimonial";
+export { default as CenteredTestimonialConf } from "./centered-testimonial";
+export { default as HalfscreenTestimonialCarouselConf } from "./halfscreen-testimonial-carousel";
+export { default as ImageTestimonialConf } from "./image-testimonial";
+export { default as ImageTestimonialCarouselConf } from "./image-testimonial-carousel";
+export { default as MarqueeTestimonialConf } from "./marquee-testimonial";
+export { default as MasonryTestimonialConf } from "./masonry-testimonial";
+export { default as StickyTestimonialConf } from "./sticky-testimonial";
+export { default as TabTestimonialConf } from "./tab-testimonial";
+export { default as TestimonialCardGridConf } from "./testimonial-card-grid";
+export { default as TestimonialCarouselConf } from "./testimonial-carousel";

package/dist/components/puck-block/testimonial-sections/marquee-testimonial/component.d.ts

@@ -0,0 +1,16 @@
+import type { TestimonialComponentProps, BaseImage } from "../props";
+type Testimonial = {
+    quote: string;
+    avatar: BaseImage;
+    name: string;
+    position: string;
+    companyName: string;
+    numberOfStars: number;
+};
+type MarqueeTestimonialExtra = {
+    testimonials: Testimonial[];
+};
+export type MarqueeTestimonialProps = TestimonialComponentProps<MarqueeTestimonialExtra>;
+export declare const MarqueeTestimonial: (props: MarqueeTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MarqueeTestimonialDefaults: MarqueeTestimonialProps;
+export {};

package/dist/components/puck-block/testimonial-sections/marquee-testimonial/component.js

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { BiSolidStar } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+const MarqueeTestimonial = (props) => {
+  const { heading, description, testimonials } = {
+    ...MarqueeTestimonialDefaults,
+    ...props
+  };
+  const renderTestimonials = () => /* @__PURE__ */ jsx("div", { className: "flex", children: testimonials.map((testimonial2, index) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "mr-8 flex w-[25rem] min-w-[25rem] flex-col items-start justify-between border border-border-primary p-6 md:p-8",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-5 flex md:mb-6", children: Array(testimonial2.numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "size-6" }, starIndex)) }),
+        /* @__PURE__ */ jsx("blockquote", { className: "md:text-md", children: testimonial2.quote }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-5 flex w-full flex-col items-start gap-4 md:mt-6 md:w-auto md:flex-row md:items-center", children: [
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: testimonial2.avatar.src,
+              alt: testimonial2.avatar.alt,
+              className: "size-12 min-h-12 min-w-12 rounded-full object-cover"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-semibold", children: testimonial2.name }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              /* @__PURE__ */ jsx("span", { children: testimonial2.position }),
+              ", ",
+              /* @__PURE__ */ jsx("span", { children: testimonial2.companyName })
+            ] })
+          ] })
+        ] })
+      ]
+    },
+    index
+  )) });
+  return /* @__PURE__ */ jsxs("section", { id: "relume", className: "overflow-hidden py-16 md:py-24 lg:py-28", children: [
+    /* @__PURE__ */ jsxs("div", { className: "container mb-12 max-w-lg px-[5%] text-center md:mb-18 lg:mb-20", children: [
+      /* @__PURE__ */ jsx("h1", { 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("div", { className: "flex animate-loop-testimonials", children: [
+      renderTestimonials(),
+      renderTestimonials()
+    ] })
+  ] });
+};
+const testimonial = {
+  quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."',
+  avatar: { src: "https://picsum.photos/seed/marquee-testimonial/100/100", alt: "Testimonial avatar" },
+  name: "Name Surname",
+  position: "Position",
+  companyName: "Company name",
+  numberOfStars: 5
+};
+const MarqueeTestimonialDefaults = {
+  heading: "Customer testimonials",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  testimonials: [testimonial, testimonial, testimonial, testimonial, testimonial]
+};
+export {
+  MarqueeTestimonial,
+  MarqueeTestimonialDefaults
+};

package/dist/components/puck-block/testimonial-sections/marquee-testimonial/index.d.ts

@@ -0,0 +1,42 @@
+import { MarqueeTestimonial, MarqueeTestimonialDefaults } from "./component";
+import type { MarqueeTestimonialProps } from "./component";
+export { MarqueeTestimonial, MarqueeTestimonialDefaults };
+export type { MarqueeTestimonialProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        testimonials: {
+            type: string;
+            getItemSummary: (item: {
+                name?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                quote: {
+                    type: string;
+                };
+                name: {
+                    type: string;
+                };
+                position: {
+                    type: string;
+                };
+                companyName: {
+                    type: string;
+                };
+                numberOfStars: {
+                    type: string;
+                };
+            };
+        };
+    };
+    defaultProps: MarqueeTestimonialProps;
+    render: (props: MarqueeTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/testimonial-sections/marquee-testimonial/index.js

@@ -0,0 +1,26 @@
+import { MarqueeTestimonial, MarqueeTestimonialDefaults } from "./component.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    testimonials: {
+      type: "array",
+      getItemSummary: (item, index = 0) => item.name || `Testimonial ${index + 1}`,
+      arrayFields: {
+        quote: { type: "textarea" },
+        name: { type: "text" },
+        position: { type: "text" },
+        companyName: { type: "text" },
+        numberOfStars: { type: "number" }
+      }
+    }
+  },
+  defaultProps: MarqueeTestimonialDefaults,
+  render: MarqueeTestimonial
+};
+export {
+  MarqueeTestimonial,
+  MarqueeTestimonialDefaults,
+  conf as default
+};