dune-react 0.0.18 → 0.0.20

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

@@ -0,0 +1,199 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { useScroll, useTransform, motion } from "framer-motion";
+import { cn } from "../../../../utils/css-utils.js";
+import { FaCirclePlay } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/fa6/index.js";
+import { CgSpinner } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/cg/index.js";
+const StickyVideoHero = (props) => {
+  const {
+    heading = "",
+    description = "",
+    buttons = [],
+    video = "",
+    image = { src: "", alt: "" },
+    videoImage = { src: "", alt: "" },
+    styles
+  } = {
+    ...StickyVideoHeroDefaults,
+    ...props
+  };
+  const variant = (styles == null ? void 0 : styles.variant) ?? "centered";
+  if (variant === "parallax-bg") {
+    return /* @__PURE__ */ jsx(
+      ParallaxBgVariant,
+      {
+        heading,
+        description,
+        buttons,
+        video,
+        image,
+        videoImage
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    CenteredVariant,
+    {
+      heading,
+      description,
+      buttons,
+      video,
+      image
+    }
+  );
+};
+const CenteredVariant = ({
+  heading,
+  description,
+  buttons,
+  video,
+  image
+}) => {
+  const [isIframeLoaded, setIsIframeLoaded] = useState(false);
+  const halfViewportHeight = typeof window !== "undefined" ? window.innerHeight * 0.5 : 100;
+  const { scrollY } = useScroll();
+  const contentMotion = {
+    scale: useTransform(scrollY, [0, halfViewportHeight], [1, 0.95]),
+    opacity: useTransform(scrollY, [0, halfViewportHeight], [1, 0])
+  };
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "px-[5%]", children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-[300vh] flex-col", children: [
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "sticky top-0 z-0 mx-auto flex min-h-[80vh] max-w-lg items-center justify-center py-16 text-center md:py-24 lg:py-28",
+        style: contentMotion,
+        children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-xl text-center", children: [
+          /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold md:mb-6 md:text-9xl lg:text-10xl", children: heading }),
+          /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description }),
+          /* @__PURE__ */ jsx("div", { className: "mt-6 flex items-center justify-center gap-x-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 flex h-screen flex-col justify-center lg:top-[10vh] lg:justify-start", children: /* @__PURE__ */ jsxs(Dialog, { children: [
+      /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: "relative flex w-full items-center justify-center", children: [
+        /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: image.src,
+            alt: image.alt,
+            className: "h-[80vh] max-h-[25rem] w-full object-cover sm:max-h-[30rem] md:max-h-[40rem] lg:max-h-none"
+          }
+        ),
+        /* @__PURE__ */ jsx(FaCirclePlay, { className: "absolute z-20 size-16 text-white" }),
+        /* @__PURE__ */ jsx("span", { className: "absolute inset-0 z-10 bg-black/50" })
+      ] }) }),
+      /* @__PURE__ */ jsxs(DialogContent, { children: [
+        !isIframeLoaded && /* @__PURE__ */ jsx(CgSpinner, { className: "mx-auto size-16 animate-spin text-white" }),
+        /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            className: cn("z-0 mx-auto aspect-video size-full md:w-[738px] lg:w-[940px]", {
+              visible: isIframeLoaded,
+              hidden: !isIframeLoaded
+            }),
+            src: video,
+            allow: "autoplay; encrypted-media; picture-in-picture",
+            allowFullScreen: true,
+            onLoad: () => setIsIframeLoaded(true)
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 -z-10 mt-[100vh]" })
+  ] }) }) });
+};
+const ParallaxBgVariant = ({
+  heading,
+  description,
+  buttons,
+  video,
+  image,
+  videoImage
+}) => {
+  const [isIframeLoaded, setIsIframeLoaded] = useState(false);
+  const { scrollYProgress } = useScroll();
+  const containerMotion = {
+    y: useTransform(scrollYProgress, [0, 0.4], ["0vh", "-5vh"]),
+    width: useTransform(scrollYProgress, [0, 0.4], ["90%", "100%"]),
+    height: useTransform(scrollYProgress, [0, 0.4], ["90vh", "100vh"])
+  };
+  const imageTranslate = {
+    y: useTransform(scrollYProgress, [0.4, 1], ["0%", "70%"])
+  };
+  const videoDialogTranslate = {
+    y: useTransform(scrollYProgress, [0.3, 0.4], ["0%", "200%"])
+  };
+  return /* @__PURE__ */ jsxs("section", { id: "relume", className: "relative flex h-[150vh] flex-col items-center", children: [
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: "sticky top-[5vh] z-10 mb-[-5vh] mt-[5vh] flex h-[90vh] w-[90%] flex-col items-start justify-center overflow-hidden",
+        style: containerMotion,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsxs("div", { className: "container relative z-10 max-w-md", children: [
+            /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold text-text-alternative md:mb-6 md:text-9xl lg:text-10xl", children: heading }),
+            /* @__PURE__ */ jsx("p", { className: "text-text-alternative md:text-md", children: description }),
+            /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap 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__ */ jsxs(motion.div, { className: "absolute inset-0 z-0", style: imageTranslate, children: [
+            /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "size-full object-cover" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50" })
+          ] }),
+          /* @__PURE__ */ jsxs(Dialog, { children: [
+            /* @__PURE__ */ jsx(DialogTrigger, { className: "hidden md:flex", asChild: true, children: /* @__PURE__ */ jsxs(
+              motion.button,
+              {
+                className: "absolute bottom-[5%] right-[5%] flex w-full items-center justify-center md:max-w-[14rem] lg:max-w-xxs",
+                style: videoDialogTranslate,
+                children: [
+                  /* @__PURE__ */ jsx(CompoundImage, { src: videoImage.src, alt: videoImage.alt, className: "size-full object-cover" }),
+                  /* @__PURE__ */ jsx(FaCirclePlay, { className: "absolute z-20 size-16 text-white" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(DialogContent, { children: [
+              !isIframeLoaded && /* @__PURE__ */ jsx(CgSpinner, { className: "mx-auto size-16 animate-spin text-white" }),
+              /* @__PURE__ */ jsx(
+                "iframe",
+                {
+                  className: cn("z-0 mx-auto aspect-video size-full md:w-[738px] lg:w-[940px]", {
+                    visible: isIframeLoaded,
+                    hidden: !isIframeLoaded
+                  }),
+                  src: video,
+                  allow: "autoplay; encrypted-media; picture-in-picture",
+                  allowFullScreen: true,
+                  onLoad: () => setIsIframeLoaded(true)
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 -z-10 mt-[100vh]" })
+  ] });
+};
+const StickyVideoHeroDefaults = {
+  heading: "Medium length hero heading goes here",
+  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" }, { label: "Button", variant: "secondary" }],
+  video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
+  image: {
+    src: "https://picsum.photos/seed/hero-video/1200/800",
+    alt: "Relume placeholder image"
+  },
+  videoImage: {
+    src: "https://picsum.photos/seed/hero-video/1200/800",
+    alt: "Relume placeholder image"
+  },
+  styles: { variant: "centered" }
+};
+export {
+  StickyVideoHero,
+  StickyVideoHeroDefaults
+};

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

@@ -0,0 +1,136 @@
+import { StickyVideoHero, StickyVideoHeroDefaults } from "./component";
+import type { StickyVideoHeroProps } from "./component";
+export { StickyVideoHero, StickyVideoHeroDefaults };
+export type { StickyVideoHeroProps };
+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";
+            };
+        };
+        video: {
+            type: string;
+        };
+        image: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        videoImage: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                variant: {
+                    readonly type: "radio";
+                    readonly label: "Variant";
+                    readonly options: readonly [{
+                        readonly label: "Centered";
+                        readonly value: "centered";
+                    }, {
+                        readonly label: "Parallax BG";
+                        readonly value: "parallax-bg";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: StickyVideoHeroProps;
+    render: (props: StickyVideoHeroProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,29 @@
+import { StickyVideoHero, StickyVideoHeroDefaults } from "./component.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { heroStyleFields } from "../props.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    buttons: buttonsField,
+    video: { type: "text" },
+    image: imageField,
+    videoImage: imageField,
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        variant: heroStyleFields.variant
+      }
+    }
+  },
+  defaultProps: StickyVideoHeroDefaults,
+  render: StickyVideoHero
+};
+export {
+  StickyVideoHero,
+  StickyVideoHeroDefaults,
+  conf as default
+};

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

@@ -0,0 +1,24 @@
+import type { BaseImage, BaseButton, HeroComponentProps } from "../props";
+type TabContent = {
+    value: string;
+    heading: string;
+    description: string;
+    buttons: BaseButton[];
+    image: BaseImage;
+};
+type TabTrigger = {
+    value: string;
+    text: string;
+};
+type Tab = {
+    trigger: TabTrigger[];
+    content: TabContent[];
+};
+type TabHeroExtra = {
+    defaultTabValue: string;
+    tabs: Tab;
+};
+export type TabHeroProps = HeroComponentProps<TabHeroExtra>;
+export declare const TabHero: (props: TabHeroProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabHeroDefaults: TabHeroProps;
+export {};

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

@@ -0,0 +1,147 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../shadcn/tabs.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { AnimatePresence, motion } from "framer-motion";
+const TabHero = (props) => {
+  const { defaultTabValue, tabs } = {
+    ...TabHeroDefaults,
+    ...props
+  };
+  const [activeTab, setActiveTab] = useState(defaultTabValue);
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "relative min-h-screen", children: /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: tabs.content.map(
+      (content, index) => content.value === activeTab && /* @__PURE__ */ jsx(
+        TabsContent,
+        {
+          value: content.value,
+          className: "relative max-h-[60rem] min-h-screen overflow-visible",
+          children: /* @__PURE__ */ jsx(TabContentBlock, { ...content })
+        },
+        index
+      )
+    ) }),
+    /* @__PURE__ */ jsx(TabsList, { className: "absolute bottom-12 left-0 right-0 top-auto z-20 mx-auto flex justify-center gap-4 px-[5vw] md:bottom-16 lg:bottom-20 lg:max-w-xl", children: tabs.trigger.map((trigger, index) => /* @__PURE__ */ jsxs(
+      TabsTrigger,
+      {
+        value: trigger.value,
+        onClick: () => setActiveTab(trigger.value),
+        className: "relative flex-1 whitespace-normal border-0 bg-transparent px-4 py-4 text-center text-neutral-light duration-0 data-[state=active]:bg-transparent data-[state=active]:text-neutral-white sm:px-8 md:min-w-32",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: trigger.text }),
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 top-auto h-1 w-full bg-white/20", children: /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: "h-full bg-white",
+              initial: { width: "0%" },
+              animate: { width: activeTab === trigger.value ? "100%" : "0%" },
+              transition: {
+                duration: activeTab === trigger.value ? 1.5 : 0.3,
+                ...activeTab === trigger.value ? {
+                  type: "spring",
+                  stiffness: 25,
+                  damping: 30
+                } : { ease: "easeInOut" }
+              }
+            }
+          ) })
+        ]
+      },
+      index
+    )) })
+  ] }) });
+};
+const TabContentBlock = ({ ...content }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-screen flex-col items-center justify-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: "relative z-10 mx-auto max-w-lg text-center",
+        initial: { y: "20%", opacity: 0 },
+        animate: { y: 0, opacity: 1 },
+        exit: { y: "-20%", opacity: 0 },
+        transition: { duration: 0.4, ease: "easeOut" },
+        children: [
+          /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold text-text-alternative md:mb-6 md:text-9xl lg:text-10xl", children: content.heading }),
+          /* @__PURE__ */ jsx("p", { className: "text-text-alternative md:text-md", children: content.description }),
+          /* @__PURE__ */ jsx("div", { className: "mt-6 flex items-center justify-center gap-x-4 md:mt-8", children: content.buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 bg-black/50" }),
+      /* @__PURE__ */ jsx(CompoundImage, { className: "size-full object-cover", src: content.image.src, alt: content.image.alt })
+    ] })
+  ] });
+};
+const TabHeroDefaults = {
+  defaultTabValue: "tab-one",
+  tabs: {
+    trigger: [
+      {
+        value: "tab-one",
+        text: "Tab 1"
+      },
+      {
+        value: "tab-two",
+        text: "Tab 2"
+      },
+      {
+        value: "tab-three",
+        text: "Tab 3"
+      },
+      {
+        value: "tab-four",
+        text: "Tab 4"
+      }
+    ],
+    content: [
+      {
+        value: "tab-one",
+        heading: "Medium length hero heading goes here",
+        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" }, { label: "Button", variant: "secondary" }],
+        image: {
+          src: "https://picsum.photos/seed/hero-landscape/1200/800",
+          alt: "Relume placeholder image 1"
+        }
+      },
+      {
+        value: "tab-two",
+        heading: "Medium length hero heading goes here",
+        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" }, { label: "Button", variant: "secondary" }],
+        image: {
+          src: "https://picsum.photos/seed/hero-landscape/1200/800",
+          alt: "Relume placeholder image 2"
+        }
+      },
+      {
+        value: "tab-three",
+        heading: "Medium length hero heading goes here",
+        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" }, { label: "Button", variant: "secondary" }],
+        image: {
+          src: "https://picsum.photos/seed/hero-landscape/1200/800",
+          alt: "Relume placeholder image 3"
+        }
+      },
+      {
+        value: "tab-four",
+        heading: "Medium length hero heading goes here",
+        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" }, { label: "Button", variant: "secondary" }],
+        image: {
+          src: "https://picsum.photos/seed/hero-landscape/1200/800",
+          alt: "Relume placeholder image 4"
+        }
+      }
+    ]
+  }
+};
+export {
+  TabHero,
+  TabHeroDefaults
+};

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

@@ -0,0 +1,59 @@
+import { TabHero, TabHeroDefaults } from "./component";
+import type { TabHeroProps } from "./component";
+export { TabHero, TabHeroDefaults };
+export type { TabHeroProps };
+declare const conf: {
+    fields: {
+        defaultTabValue: {
+            type: string;
+        };
+        tabs: {
+            type: string;
+            label: string;
+            objectFields: {
+                trigger: {
+                    type: string;
+                    label: string;
+                    arrayFields: {
+                        value: {
+                            type: string;
+                        };
+                        text: {
+                            type: string;
+                        };
+                    };
+                };
+                content: {
+                    type: string;
+                    label: string;
+                    arrayFields: {
+                        value: {
+                            type: string;
+                        };
+                        heading: {
+                            type: string;
+                        };
+                        description: {
+                            type: string;
+                        };
+                        image: {
+                            type: string;
+                            objectFields: {
+                                src: {
+                                    type: string;
+                                    label: string;
+                                };
+                                alt: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    };
+    defaultProps: TabHeroProps;
+    render: (props: TabHeroProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,43 @@
+import { TabHero, TabHeroDefaults } from "./component.js";
+const conf = {
+  fields: {
+    defaultTabValue: { type: "text" },
+    tabs: {
+      type: "object",
+      label: "Tabs",
+      objectFields: {
+        trigger: {
+          type: "array",
+          label: "Triggers",
+          arrayFields: {
+            value: { type: "text" },
+            text: { type: "text" }
+          }
+        },
+        content: {
+          type: "array",
+          label: "Contents",
+          arrayFields: {
+            value: { type: "text" },
+            heading: { type: "text" },
+            description: { type: "textarea" },
+            image: {
+              type: "object",
+              objectFields: {
+                src: { type: "image", label: "Image" },
+                alt: { type: "text" }
+              }
+            }
+          }
+        }
+      }
+    }
+  },
+  defaultProps: TabHeroDefaults,
+  render: TabHero
+};
+export {
+  TabHero,
+  TabHeroDefaults,
+  conf as default
+};

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

@@ -0,0 +1,10 @@
+import type { BaseImage, HeroComponentProps } from "../props";
+type ThreeImageParallaxHeroExtra = {
+    imageLeft: BaseImage;
+    imageCenter: BaseImage;
+    imageRight: BaseImage;
+};
+export type ThreeImageParallaxHeroProps = HeroComponentProps<ThreeImageParallaxHeroExtra>;
+export declare const ThreeImageParallaxHero: (props: ThreeImageParallaxHeroProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThreeImageParallaxHeroDefaults: ThreeImageParallaxHeroProps;
+export {};