dune-react 0.0.19 → 0.0.20

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

@@ -0,0 +1,178 @@
+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 { Button } from "../../../shadcn/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { cn } from "../../../../utils/css-utils.js";
+const BentoTestimonial = (props) => {
+  const { heading, description, testimonialCards, styles } = {
+    ...BentoTestimonialDefaults,
+    ...props
+  };
+  const {
+    hasBackgroundCards = true,
+    gridLayout = "4x2"
+  } = styles ?? {};
+  let logoCardCount = 0;
+  let backgroundImageCardCount = 0;
+  const gridRowsClass = gridLayout === "4x3" ? "lg:grid-rows-3" : "lg:grid-rows-2";
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-lg text-center", 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__ */ jsx("div", { className: `grid grid-cols-1 gap-6 sm:grid-rows-6 md:grid-cols-2 md:gap-8 lg:grid-cols-4 ${gridRowsClass}`, children: testimonialCards.map((card, index) => {
+      if (card.component === "background" && hasBackgroundCards) {
+        backgroundImageCardCount++;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn("relative p-6 md:p-8 lg:p-6", {
+              "order-last lg:order-none": backgroundImageCardCount === 4
+            }),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex h-full flex-col items-start justify-between", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold text-text-alternative md:text-3xl md:leading-[1.3] lg:text-4xl", children: card.props.heading }),
+                /* @__PURE__ */ jsx("div", { className: "mt-6 md:mt-8", children: /* @__PURE__ */ jsx(Button, { variant: card.props.button.variant, size: card.props.button.size, children: card.props.button.label }) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-0", children: [
+                /* @__PURE__ */ jsx(CompoundImage, { src: card.props.backgroundImage.src, className: "size-full object-cover", alt: card.props.backgroundImage.alt }),
+                /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50" })
+              ] })
+            ]
+          },
+          index
+        );
+      } else if (card.component === "logo") {
+        logoCardCount++;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-center border border-border-primary p-6 md:p-8 lg:p-6",
+              {
+                "sm:col-start-2 sm:col-end-3 sm:row-start-4 sm:row-end-5 lg:col-auto lg:row-auto": logoCardCount === 3
+              }
+            ),
+            children: /* @__PURE__ */ jsx(CompoundImage, { src: card.props.logo.src, alt: card.props.logo.alt, className: "max-h-12" })
+          },
+          index
+        );
+      } else if (card.component === "quote") {
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col items-start justify-between border border-border-primary p-6 sm:col-span-2 md:p-8",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "mb-5 flex md:mb-6", children: Array(card.props.numberOfStars).fill(null).map((_, i) => /* @__PURE__ */ jsx(BiSolidStar, { className: "size-6" }, i)) }),
+              /* @__PURE__ */ jsx("blockquote", { className: "md:text-md", children: card.props.quote }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-5 flex w-full flex-col items-start md:mt-6 md:w-fit md:flex-row md:items-center", children: [
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  CompoundImage,
+                  {
+                    src: card.props.image.src,
+                    alt: card.props.image.alt,
+                    className: "mb-4 size-12 min-h-12 min-w-12 rounded-full object-cover md:mb-0 md:mr-4"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("p", { className: "font-semibold", children: card.props.name }),
+                  /* @__PURE__ */ jsxs("p", { children: [
+                    /* @__PURE__ */ jsx("span", { children: card.props.position }),
+                    ", ",
+                    /* @__PURE__ */ jsx("span", { children: card.props.companyName })
+                  ] })
+                ] })
+              ] })
+            ]
+          },
+          index
+        );
+      }
+      return null;
+    }) })
+  ] }) });
+};
+const BentoTestimonialDefaults = {
+  heading: "Customer testimonials",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  testimonialCards: [
+    {
+      component: "background",
+      props: {
+        backgroundImage: { src: "https://picsum.photos/seed/bento-bg-1/600/400", alt: "Background image 1" },
+        heading: "Short heading goes here",
+        button: { label: "Button", variant: "link" }
+      }
+    },
+    {
+      component: "logo",
+      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo 1" } }
+    },
+    {
+      component: "quote",
+      props: {
+        numberOfStars: 5,
+        quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."',
+        image: { src: "https://picsum.photos/seed/bento-avatar-1/100/100", alt: "Testimonial image 1" },
+        name: "Name Surname",
+        position: "Position",
+        companyName: "Company name"
+      }
+    },
+    {
+      component: "logo",
+      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo 1" } }
+    },
+    {
+      component: "background",
+      props: {
+        backgroundImage: { src: "https://picsum.photos/seed/bento-bg-2/600/400", alt: "Background image 2" },
+        heading: "Short heading goes here",
+        button: { label: "Button", variant: "link" }
+      }
+    },
+    {
+      component: "logo",
+      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo 2" } }
+    },
+    {
+      component: "background",
+      props: {
+        backgroundImage: { src: "https://picsum.photos/seed/bento-bg-3/600/400", alt: "Background image 3" },
+        heading: "Short heading goes here",
+        button: { label: "Button", variant: "link" }
+      }
+    },
+    {
+      component: "quote",
+      props: {
+        numberOfStars: 5,
+        quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."',
+        image: { src: "https://picsum.photos/seed/bento-avatar-2/100/100", alt: "Testimonial image 2" },
+        name: "Name Surname",
+        position: "Position",
+        companyName: "Company name"
+      }
+    },
+    {
+      component: "background",
+      props: {
+        backgroundImage: { src: "https://picsum.photos/seed/bento-bg-4/600/400", alt: "Background image 4" },
+        heading: "Short heading goes here",
+        button: { label: "Button", variant: "link" }
+      }
+    },
+    {
+      component: "logo",
+      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo 2" } }
+    }
+  ],
+  styles: {
+    hasBackgroundCards: true,
+    gridLayout: "4x2"
+  }
+};
+export {
+  BentoTestimonial,
+  BentoTestimonialDefaults
+};

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

@@ -0,0 +1,62 @@
+import { BentoTestimonial, BentoTestimonialDefaults } from "./component";
+import type { BentoTestimonialProps } from "./component";
+export { BentoTestimonial, BentoTestimonialDefaults };
+export type { BentoTestimonialProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        testimonialCards: {
+            type: string;
+            getItemSummary: (item: {
+                component?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                component: {
+                    type: string;
+                    options: {
+                        label: string;
+                        value: string;
+                    }[];
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                hasBackgroundCards: {
+                    readonly type: "radio";
+                    readonly label: "Has Background Cards";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                gridLayout: {
+                    readonly type: "radio";
+                    readonly label: "Grid Layout";
+                    readonly options: readonly [{
+                        readonly label: "4x2";
+                        readonly value: "4x2";
+                    }, {
+                        readonly label: "4x3";
+                        readonly value: "4x3";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: BentoTestimonialProps;
+    render: (props: BentoTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,38 @@
+import { BentoTestimonial, BentoTestimonialDefaults } 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,
+    testimonialCards: {
+      type: "array",
+      getItemSummary: (item, index = 0) => item.component || `Card ${index + 1}`,
+      arrayFields: {
+        component: {
+          type: "select",
+          options: [
+            { label: "Background", value: "background" },
+            { label: "Logo", value: "logo" },
+            { label: "Quote", value: "quote" }
+          ]
+        }
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        hasBackgroundCards: testimonialStyleFields.hasBackgroundCards,
+        gridLayout: testimonialStyleFields.gridLayout
+      }
+    }
+  },
+  defaultProps: BentoTestimonialDefaults,
+  render: BentoTestimonial
+};
+export {
+  BentoTestimonial,
+  BentoTestimonialDefaults,
+  conf as default
+};

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

@@ -0,0 +1,14 @@
+import type { TestimonialComponentProps, BaseImage } from "../props";
+type CenteredTestimonialExtra = {
+    quote: string;
+    logo: BaseImage;
+    avatar: BaseImage;
+    name: string;
+    position: string;
+    companyName: string;
+    numberOfStars: number;
+};
+export type CenteredTestimonialProps = TestimonialComponentProps<CenteredTestimonialExtra>;
+export declare const CenteredTestimonial: (props: CenteredTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CenteredTestimonialDefaults: CenteredTestimonialProps;
+export {};

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

@@ -0,0 +1,69 @@
+import { jsx, jsxs, Fragment } 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 CenteredTestimonial = (props) => {
+  const {
+    quote,
+    logo,
+    avatar,
+    name,
+    position,
+    companyName,
+    numberOfStars,
+    styles
+  } = {
+    ...CenteredTestimonialDefaults,
+    ...props
+  };
+  const {
+    ratingType = "logo",
+    attributionLayout = "stacked"
+  } = styles ?? {};
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsx("div", { className: "container w-full max-w-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
+    ratingType === "logo" && logo && /* @__PURE__ */ jsx("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx(CompoundImage, { src: logo.src, alt: logo.alt, className: "max-h-14" }) }),
+    ratingType === "stars" && /* @__PURE__ */ jsx("div", { className: "mb-6 flex md:mb-8", children: Array(numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "mr-1 size-6" }, starIndex)) }),
+    /* @__PURE__ */ jsx("blockquote", { className: "text-xl font-bold md:text-2xl", children: quote }),
+    /* @__PURE__ */ jsxs("div", { className: `mt-6 flex items-center justify-center md:mt-8 ${attributionLayout === "stacked" ? "flex-col" : "flex-row gap-4"}`, children: [
+      avatar && /* @__PURE__ */ jsx("div", { className: attributionLayout === "stacked" ? "mb-3 md:mb-4" : "", children: /* @__PURE__ */ jsx(
+        CompoundImage,
+        {
+          src: avatar.src,
+          alt: avatar.alt,
+          className: "size-16 min-h-16 min-w-16 rounded-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: `flex flex-col ${attributionLayout === "stacked" ? "items-center" : "items-start"}`, children: [
+        /* @__PURE__ */ jsx("p", { className: "font-semibold", children: name }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          /* @__PURE__ */ jsx("span", { children: position }),
+          ", ",
+          /* @__PURE__ */ jsx("span", { children: companyName })
+        ] })
+      ] }),
+      attributionLayout === "inline" && ratingType === "logo" && logo && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "mx-4 w-px self-stretch bg-background-alternative" }),
+        /* @__PURE__ */ jsx(CompoundImage, { src: logo.src, alt: logo.alt, className: "max-h-12" })
+      ] })
+    ] })
+  ] }) }) });
+};
+const CenteredTestimonialDefaults = {
+  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."',
+  logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo" },
+  avatar: {
+    src: "https://picsum.photos/seed/testimonial-avatar/100/100",
+    alt: "Testimonial avatar"
+  },
+  name: "Name Surname",
+  position: "Position",
+  companyName: "Company name",
+  numberOfStars: 5,
+  styles: {
+    ratingType: "logo",
+    attributionLayout: "stacked"
+  }
+};
+export {
+  CenteredTestimonial,
+  CenteredTestimonialDefaults
+};

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

@@ -0,0 +1,72 @@
+import { CenteredTestimonial, CenteredTestimonialDefaults } from "./component";
+import type { CenteredTestimonialProps } from "./component";
+export { CenteredTestimonial, CenteredTestimonialDefaults };
+export type { CenteredTestimonialProps };
+declare const conf: {
+    fields: {
+        quote: {
+            type: string;
+        };
+        logo: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        avatar: {
+            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: {
+                ratingType: {
+                    readonly type: "radio";
+                    readonly label: "Rating Type";
+                    readonly options: readonly [{
+                        readonly label: "Logo";
+                        readonly value: "logo";
+                    }, {
+                        readonly label: "Stars";
+                        readonly value: "stars";
+                    }];
+                };
+                attributionLayout: {
+                    readonly type: "radio";
+                    readonly label: "Attribution Layout";
+                    readonly options: readonly [{
+                        readonly label: "Stacked";
+                        readonly value: "stacked";
+                    }, {
+                        readonly label: "Inline";
+                        readonly value: "inline";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: CenteredTestimonialProps;
+    render: (props: CenteredTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,29 @@
+import { CenteredTestimonial, CenteredTestimonialDefaults } from "./component.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { testimonialStyleFields } from "../props.js";
+const conf = {
+  fields: {
+    quote: { type: "textarea" },
+    logo: imageField,
+    avatar: imageField,
+    name: { type: "text" },
+    position: { type: "text" },
+    companyName: { type: "text" },
+    numberOfStars: { type: "number" },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        ratingType: testimonialStyleFields.ratingType,
+        attributionLayout: testimonialStyleFields.attributionLayout
+      }
+    }
+  },
+  defaultProps: CenteredTestimonialDefaults,
+  render: CenteredTestimonial
+};
+export {
+  CenteredTestimonial,
+  CenteredTestimonialDefaults,
+  conf as default
+};

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

@@ -0,0 +1,18 @@
+import type { TestimonialComponentProps, BaseImage, BaseButton } from "../props";
+type Testimonial = {
+    numberOfStars: number;
+    quote: string;
+    avatar: BaseImage;
+    name: string;
+    position: string;
+    companyName: string;
+    logo?: BaseImage;
+    button?: BaseButton;
+};
+type HalfscreenTestimonialCarouselExtra = {
+    testimonials: Testimonial[];
+};
+export type HalfscreenTestimonialCarouselProps = TestimonialComponentProps<HalfscreenTestimonialCarouselExtra>;
+export declare const HalfscreenTestimonialCarousel: (props: HalfscreenTestimonialCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HalfscreenTestimonialCarouselDefaults: HalfscreenTestimonialCarouselProps;
+export {};

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

@@ -0,0 +1,114 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Button } from "../../../shadcn/button.js";
+import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from "../../../shadcn/carousel.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { BiSolidStar } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.js";
+import { cn } from "../../../../utils/css-utils.js";
+const HalfscreenTestimonialCarousel = (props) => {
+  const { heading, description, testimonials, styles } = {
+    ...HalfscreenTestimonialCarouselDefaults,
+    ...props
+  };
+  const {
+    ratingType = "stars",
+    hasButton = false,
+    overflow = "halfscreen"
+  } = 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", { className: `overflow-hidden py-16 md:py-24 lg:py-28 ${overflow === "contained" ? "px-[5%]" : ""}`, children: /* @__PURE__ */ jsxs("div", { className: `grid auto-cols-fr grid-cols-1 items-center gap-12 md:gap-16 lg:grid-cols-2 lg:gap-0 ${overflow === "contained" ? "container" : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "flex lg:justify-self-end", children: /* @__PURE__ */ jsxs("div", { className: `w-full max-w-md ${overflow === "halfscreen" ? "mx-[5%] lg:mb-24 lg:ml-[5vw] lg:mr-20" : ""}`, children: [
+      /* @__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(
+      Carousel,
+      {
+        setApi,
+        opts: { loop: true, align: "start" },
+        className: `overflow-hidden ${overflow === "halfscreen" ? "px-[5%] lg:px-0" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx(CarouselContent, { className: "ml-0", children: testimonials.map((testimonial2, index) => /* @__PURE__ */ jsx(
+            CarouselItem,
+            {
+              className: "basis-[95%] pl-0 pr-6 sm:basis-[80%] md:basis-[60%] md:pr-8",
+              children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start justify-between border border-border-primary p-6 md:p-8", children: [
+                ratingType === "stars" && /* @__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)) }),
+                ratingType === "logo" && testimonial2.logo && /* @__PURE__ */ jsx("div", { className: "mb-5 md:mb-6", children: /* @__PURE__ */ jsx(CompoundImage, { src: testimonial2.logo.src, alt: testimonial2.logo.alt, className: "max-h-12" }) }),
+                /* @__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 })
+                    ] })
+                  ] })
+                ] }),
+                hasButton && testimonial2.button && /* @__PURE__ */ jsx("div", { className: "mt-5 md:mt-6", children: /* @__PURE__ */ jsx(Button, { variant: testimonial2.button.variant, size: testimonial2.button.size, children: testimonial2.button.label }) })
+              ] })
+            },
+            index
+          )) }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-12 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2 md:gap-4", children: [
+              /* @__PURE__ */ jsx(CarouselPrevious, { className: "static left-0 top-0 size-12 -translate-y-0" }),
+              /* @__PURE__ */ jsx(CarouselNext, { className: "static left-0 top-0 size-12 -translate-y-0" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "absolute right-[5%] mt-5 flex items-center justify-end md:right-8 lg:right-16", 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
+            )) })
+          ] })
+        ]
+      }
+    )
+  ] }) });
+};
+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."',
+  avatar: { src: "https://picsum.photos/seed/halfscreen-testimonial/100/100", alt: "Testimonial avatar" },
+  name: "Name Surname",
+  position: "Position",
+  companyName: "Company name"
+};
+const HalfscreenTestimonialCarouselDefaults = {
+  heading: "Customer testimonials",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  testimonials: [testimonial, testimonial, testimonial, testimonial, testimonial, testimonial, testimonial],
+  styles: {
+    ratingType: "stars",
+    hasButton: false,
+    overflow: "halfscreen"
+  }
+};
+export {
+  HalfscreenTestimonialCarousel,
+  HalfscreenTestimonialCarouselDefaults
+};