dune-react 0.0.19 → 0.0.21

package/dist/components/puck-block/testimonial-sections/props.js

@@ -0,0 +1,126 @@
+const testimonialStyleFields = {
+  ratingType: {
+    type: "radio",
+    label: "Rating Type",
+    options: [
+      { label: "Logo", value: "logo" },
+      { label: "Stars", value: "stars" }
+    ]
+  },
+  attributionLayout: {
+    type: "radio",
+    label: "Attribution Layout",
+    options: [
+      { label: "Stacked", value: "stacked" },
+      { label: "Inline", value: "inline" }
+    ]
+  },
+  textAlign: {
+    type: "radio",
+    label: "Text Align",
+    options: [
+      { label: "Left", value: "left" },
+      { label: "Center", value: "center" }
+    ]
+  },
+  gridColumns: {
+    type: "radio",
+    label: "Grid Columns",
+    options: [
+      { label: "2", value: "2" },
+      { label: "3", value: "3" }
+    ]
+  },
+  carouselColumns: {
+    type: "radio",
+    label: "Carousel Columns",
+    options: [
+      { label: "1", value: "1" },
+      { label: "2", value: "2" },
+      { label: "3", value: "3" }
+    ]
+  },
+  masonryColumns: {
+    type: "radio",
+    label: "Masonry Columns",
+    options: [
+      { label: "2", value: "2" },
+      { label: "3", value: "3" }
+    ]
+  },
+  bordered: {
+    type: "radio",
+    label: "Bordered",
+    options: [
+      { label: "Yes", value: "true" },
+      { label: "No", value: "false" }
+    ]
+  },
+  hasHeading: {
+    type: "radio",
+    label: "Has Heading",
+    options: [
+      { label: "Yes", value: "true" },
+      { label: "No", value: "false" }
+    ]
+  },
+  hasButton: {
+    type: "radio",
+    label: "Has Button",
+    options: [
+      { label: "Yes", value: "true" },
+      { label: "No", value: "false" }
+    ]
+  },
+  hasImage: {
+    type: "radio",
+    label: "Has Image",
+    options: [
+      { label: "Yes", value: "true" },
+      { label: "No", value: "false" }
+    ]
+  },
+  mediaType: {
+    type: "radio",
+    label: "Media Type",
+    options: [
+      { label: "Image", value: "image" },
+      { label: "Video", value: "video" }
+    ]
+  },
+  animation: {
+    type: "radio",
+    label: "Animation",
+    options: [
+      { label: "Sticky Stack", value: "stickyStack" },
+      { label: "Parallax Scroll", value: "parallaxScroll" }
+    ]
+  },
+  overflow: {
+    type: "radio",
+    label: "Overflow",
+    options: [
+      { label: "Halfscreen", value: "halfscreen" },
+      { label: "Contained", value: "contained" }
+    ]
+  },
+  hasBackgroundCards: {
+    type: "radio",
+    label: "Has Background Cards",
+    options: [
+      { label: "Yes", value: "true" },
+      { label: "No", value: "false" }
+    ]
+  },
+  gridLayout: {
+    type: "radio",
+    label: "Grid Layout",
+    options: [
+      { label: "4x2", value: "4x2" },
+      { label: "4x3", value: "4x3" }
+    ]
+  }
+};
+export {
+  testimonialStyleFields
+};

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

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

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

@@ -0,0 +1,93 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { CompoundButton } from "../../../puck-base/button.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 { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { cn } from "../../../../utils/css-utils.js";
+const StickyTestimonial = (props) => {
+  const {
+    heading,
+    description,
+    buttons,
+    testimonials,
+    styles
+  } = {
+    ...StickyTestimonialDefaults,
+    ...props
+  };
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    animation = "stickyStack"
+  } = styles ?? {};
+  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-start gap-y-12 md:grid-flow-row md:grid-cols-2 md:gap-x-12 lg:gap-x-20", children: [
+    /* @__PURE__ */ jsxs("div", { className: "static md:sticky md:top-[30%]", children: [
+      /* @__PURE__ */ jsx("h2", { className: "rb-5 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: "mt-6 flex flex-wrap items-center gap-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)) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { children: animation === "stickyStack" ? testimonials.map((testimonial2, index) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "sticky mb-8 border border-border-primary bg-background-primary p-8",
+        style: { top: `${30 + index * 2}%` },
+        children: /* @__PURE__ */ jsx(TestimonialCard, { testimonial: testimonial2 })
+      },
+      index
+    )) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-8", children: testimonials.map((testimonial2, index) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "border border-border-primary bg-background-primary p-8",
+        children: /* @__PURE__ */ jsx(TestimonialCard, { testimonial: testimonial2 })
+      },
+      index
+    )) }) })
+  ] }) }) });
+};
+const TestimonialCard = ({ testimonial: testimonial2 }) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+  /* @__PURE__ */ jsxs("div", { className: "rb-5 mb-5 md:mb-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "rb-6 mb-6 flex items-center", children: Array(testimonial2.numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "mr-1 size-6" }, starIndex)) }),
+    /* @__PURE__ */ jsx("blockquote", { className: "md:text-md", children: testimonial2.quote })
+  ] }),
+  /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-4 md:flex-row md:items-center", 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 })
+      ] })
+    ] })
+  ] })
+] });
+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/sticky-testimonial/100/100", alt: "Testimonial avatar" },
+  name: "Name Surname",
+  position: "Position",
+  companyName: "Company name"
+};
+const StickyTestimonialDefaults = {
+  heading: "Customer testimonials",
+  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.",
+  buttons: [{ label: "Button", variant: "secondary" }, { label: "Button", variant: "link" }],
+  testimonials: [testimonial, testimonial, testimonial, testimonial],
+  styles: {
+    animation: "stickyStack"
+  }
+};
+export {
+  StickyTestimonial,
+  StickyTestimonialDefaults
+};

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

@@ -0,0 +1,160 @@
+import { StickyTestimonial, StickyTestimonialDefaults } from "./component";
+import type { StickyTestimonialProps } from "./component";
+export { StickyTestimonial, StickyTestimonialDefaults };
+export type { StickyTestimonialProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        buttons: {
+            readonly type: "array";
+            readonly max: 3;
+            readonly getItemSummary: (item: {
+                label?: string;
+            }, index?: number) => string;
+            readonly arrayFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../../puck-core").ActionField;
+                };
+                readonly variant: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "primary";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "secondary";
+                        readonly value: "secondary";
+                    }, {
+                        readonly label: "outline";
+                        readonly value: "outline";
+                    }, {
+                        readonly label: "ghost";
+                        readonly value: "ghost";
+                    }, {
+                        readonly label: "link";
+                        readonly value: "link";
+                    }, {
+                        readonly label: "destructive";
+                        readonly value: "destructive";
+                    }];
+                };
+                readonly size: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "sm";
+                        readonly value: "sm";
+                    }, {
+                        readonly label: "lg";
+                        readonly value: "lg";
+                    }, {
+                        readonly label: "icon";
+                        readonly value: "icon";
+                    }];
+                };
+                readonly icon: {
+                    type: "custom";
+                    render: typeof import("../../../puck-core/fields/icon-picker-field").IconPickerField;
+                };
+            };
+            readonly defaultItemProps: {
+                readonly label: "Button";
+                readonly action: {
+                    readonly type: "page";
+                    readonly pageUrl: "";
+                    readonly externalUrl: "";
+                    readonly openInNewTab: "false";
+                    readonly email: "";
+                    readonly subject: "";
+                    readonly phone: "";
+                    readonly sectionId: "";
+                    readonly downloadUrl: "";
+                };
+                readonly variant: "default";
+                readonly size: "default";
+                readonly icon: "none";
+            };
+            readonly ai: {
+                readonly instructions: "Buttons must use the same size";
+            };
+        };
+        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: {
+                className: {
+                    readonly type: "text";
+                    readonly label: "Class Name";
+                    readonly ai: {
+                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+                    };
+                };
+                style: {
+                    readonly type: "object";
+                    readonly label: "Style";
+                    readonly objectFields: {};
+                    readonly ai: {
+                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
+                    };
+                };
+                css: {
+                    readonly type: "textarea";
+                    readonly label: "Custom CSS";
+                    readonly ai: {
+                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+                    };
+                };
+                animation: {
+                    readonly type: "radio";
+                    readonly label: "Animation";
+                    readonly options: readonly [{
+                        readonly label: "Sticky Stack";
+                        readonly value: "stickyStack";
+                    }, {
+                        readonly label: "Parallax Scroll";
+                        readonly value: "parallaxScroll";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: StickyTestimonialProps;
+    render: (props: StickyTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,38 @@
+import { StickyTestimonial, StickyTestimonialDefaults } from "./component.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { testimonialStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    buttons: buttonsField,
+    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: {
+        animation: testimonialStyleFields.animation,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: StickyTestimonialDefaults,
+  render: StickyTestimonial
+};
+export {
+  StickyTestimonial,
+  StickyTestimonialDefaults,
+  conf as default
+};

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

@@ -0,0 +1,22 @@
+import type { TestimonialComponentProps, BaseImage } from "../props";
+type Testimonial = {
+    numberOfStars: number;
+    quote: string;
+    avatar: BaseImage;
+    name: string;
+    position: string;
+    companyName: string;
+};
+type Tab = {
+    value: string;
+    trigger: BaseImage;
+    content: Testimonial;
+    image?: BaseImage;
+};
+type TabTestimonialExtra = {
+    tabs: Tab[];
+};
+export type TabTestimonialProps = TestimonialComponentProps<TabTestimonialExtra>;
+export declare const TabTestimonial: (props: TabTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabTestimonialDefaults: TabTestimonialProps;
+export {};

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

@@ -0,0 +1,107 @@
+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 { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../shadcn/tabs.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { cn } from "../../../../utils/css-utils.js";
+const TabTestimonial = (props) => {
+  const { heading, description, tabs, styles } = {
+    ...TabTestimonialDefaults,
+    ...props
+  };
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    hasImage = false
+  } = 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__ */ jsx("div", { className: "mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full 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: "relative grid auto-cols-fr grid-cols-1 gap-x-12 border border-border-primary lg:gap-x-0", children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: tabs[0].value, children: [
+      tabs.map((tab2) => /* @__PURE__ */ jsx(
+        TabsContent,
+        {
+          value: tab2.value,
+          className: "data-[state=active]:animate-tabs",
+          children: /* @__PURE__ */ jsxs("div", { className: `flex w-full items-center ${hasImage ? "flex-col md:flex-row" : "justify-center"} px-6 pb-10 pt-6 md:p-8 lg:px-12 lg:py-16`, children: [
+            hasImage && tab2.image && /* @__PURE__ */ jsx("div", { className: "mb-6 w-full md:mb-0 md:w-1/2 md:pr-8", children: /* @__PURE__ */ jsx(CompoundImage, { src: tab2.image.src, alt: tab2.image.alt, className: "aspect-square w-full object-cover" }) }),
+            /* @__PURE__ */ jsxs("div", { className: `${hasImage ? "w-full md:w-1/2" : "mx-auto w-full max-w-lg text-center"}`, children: [
+              /* @__PURE__ */ jsxs("div", { className: "rb-5 mb-5 md:mb-6", children: [
+                /* @__PURE__ */ jsx("div", { className: `mb-6 flex items-center md:mb-8 ${hasImage ? "" : "justify-center"}`, children: Array(tab2.content.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: tab2.content.quote })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: `mt-6 flex flex-col flex-nowrap gap-4 md:mt-8 ${hasImage ? "items-start" : "items-center"}`, children: [
+                /* @__PURE__ */ jsx(
+                  CompoundImage,
+                  {
+                    src: tab2.content.avatar.src,
+                    alt: tab2.content.avatar.alt,
+                    className: "size-14 min-h-14 min-w-14 rounded-full object-cover"
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("p", { className: "font-semibold", children: tab2.content.name }),
+                  /* @__PURE__ */ jsxs("p", { children: [
+                    /* @__PURE__ */ jsx("span", { children: tab2.content.position }),
+                    ", ",
+                    /* @__PURE__ */ jsx("span", { children: tab2.content.companyName })
+                  ] })
+                ] })
+              ] })
+            ] })
+          ] })
+        },
+        tab2.value
+      )),
+      /* @__PURE__ */ jsx(TabsList, { className: "flex-col md:flex-row", children: tabs.map((tab2, index) => /* @__PURE__ */ jsx(
+        TabsTrigger,
+        {
+          value: tab2.value,
+          className: "flex w-full items-center justify-center gap-4 border-0 border-t px-6 py-4 duration-0 data-[state=active]:bg-background-primary md:border-r md:px-8 md:py-6 md:last-of-type:border-r-0 md:data-[state=active]:[border-top:1px_solid_#fff]",
+          children: /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: tab2.trigger.src,
+              alt: tab2.trigger.alt,
+              className: "max-h-10 md:max-h-14"
+            }
+          )
+        },
+        index
+      )) })
+    ] }) })
+  ] }) });
+};
+const tab = {
+  value: "tab-1",
+  trigger: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo" },
+  content: {
+    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."',
+    avatar: { src: "https://picsum.photos/seed/tab-testimonial/100/100", alt: "Testimonial avatar" },
+    name: "Name Surname",
+    position: "Position",
+    companyName: "Company name"
+  },
+  image: { src: "https://picsum.photos/seed/tab-testimonial-img/800/800", alt: "Testimonial image" }
+};
+const TabTestimonialDefaults = {
+  heading: "Customer testimonials",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  tabs: [
+    { ...tab, value: "tab-1" },
+    { ...tab, value: "tab-2", trigger: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo" } },
+    { ...tab, value: "tab-3" },
+    { ...tab, value: "tab-4", trigger: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo" } }
+  ],
+  styles: {
+    hasImage: false
+  }
+};
+export {
+  TabTestimonial,
+  TabTestimonialDefaults
+};

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

@@ -0,0 +1,69 @@
+import { TabTestimonial, TabTestimonialDefaults } from "./component";
+import type { TabTestimonialProps } from "./component";
+export { TabTestimonial, TabTestimonialDefaults };
+export type { TabTestimonialProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        tabs: {
+            type: string;
+            getItemSummary: (item: {
+                value?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                value: {
+                    type: string;
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                className: {
+                    readonly type: "text";
+                    readonly label: "Class Name";
+                    readonly ai: {
+                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+                    };
+                };
+                style: {
+                    readonly type: "object";
+                    readonly label: "Style";
+                    readonly objectFields: {};
+                    readonly ai: {
+                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
+                    };
+                };
+                css: {
+                    readonly type: "textarea";
+                    readonly label: "Custom CSS";
+                    readonly ai: {
+                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+                    };
+                };
+                hasImage: {
+                    readonly type: "radio";
+                    readonly label: "Has Image";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: TabTestimonialProps;
+    render: (props: TabTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,32 @@
+import { TabTestimonial, TabTestimonialDefaults } from "./component.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { testimonialStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    tabs: {
+      type: "array",
+      getItemSummary: (item, index = 0) => item.value || `Tab ${index + 1}`,
+      arrayFields: {
+        value: { type: "text" }
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        hasImage: testimonialStyleFields.hasImage,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: TabTestimonialDefaults,
+  render: TabTestimonial
+};
+export {
+  TabTestimonial,
+  TabTestimonialDefaults,
+  conf as default
+};