dune-react 0.0.19 → 0.0.21

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

@@ -0,0 +1,150 @@
+"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";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { cn } from "../../../../utils/css-utils.js";
+const TabHero = (props) => {
+  const { defaultTabValue, tabs, styles } = {
+    ...TabHeroDefaults,
+    ...props
+  };
+  const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};
+  const [activeTab, setActiveTab] = useState(defaultTabValue);
+  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("relative min-h-screen", sectionClassName), style: sectionStyle, css, 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-8 md:py-12 lg:py-14", 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,103 @@
+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: {
+                            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.";
+                                };
+                            };
+                            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: {
+                                    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.";
+                                        };
+                                    };
+                                    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,44 @@
+import { TabHero, TabHeroDefaults } from "./component.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    defaultTabValue: { type: "text" },
+    tabs: {
+      type: "object",
+      label: "Tabs",
+      objectFields: {
+        trigger: {
+          type: "array",
+          label: "Triggers",
+          arrayFields: {
+            value: { type: "text", ...sectionWrapperFields },
+            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", ...sectionWrapperFields },
+                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 {};

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

@@ -0,0 +1,130 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useScroll, useTransform, motion } from "framer-motion";
+import { useMediaQuery } from "../../../../hooks/use-media-query.js";
+import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { cn } from "../../../../utils/css-utils.js";
+const ThreeImageParallaxHero = (props) => {
+  const {
+    heading,
+    description,
+    buttons = [],
+    imageLeft = { src: "", alt: "" },
+    imageCenter = { src: "", alt: "" },
+    imageRight = { src: "", alt: "" },
+    styles
+  } = {
+    ...ThreeImageParallaxHeroDefaults,
+    ...props
+  };
+  const { className: sectionClassName, style: sectionStyle, css, textAlign = "left", responsive = false } = { ...ThreeImageParallaxHeroDefaults.styles, ...styles };
+  const sectionRef = useRef(null);
+  const [scrollContainerRef] = useScrollContainer(sectionRef);
+  const { scrollYProgress } = useScroll(
+    scrollContainerRef.current ? { container: scrollContainerRef } : void 0
+  );
+  const isMobile = useMediaQuery("(max-width: 767px)");
+  const isTablet = useMediaQuery("(max-width: 991px)");
+  const isCenter = textAlign === "center";
+  const fixedLeftY = useTransform(scrollYProgress, [0, 1], ["-15.444%", "0%"]);
+  const fixedCenterY = useTransform(scrollYProgress, [0, 1], ["15.333%", "0%"]);
+  const fixedRightY = useTransform(scrollYProgress, [0, 0.5], ["11.333%", "-20%"]);
+  const responsiveLeftY = useTransform(
+    scrollYProgress,
+    [0, 1],
+    isMobile ? ["-20.5%", "0%"] : isTablet ? ["-14%", "0%"] : ["-16%", "0%"]
+  );
+  const responsiveCenterY = useTransform(
+    scrollYProgress,
+    [0, 1],
+    isMobile ? ["19%", "0%"] : isTablet ? ["14%", "0%"] : ["15.5%", "0%"]
+  );
+  const responsiveRightY = useTransform(
+    scrollYProgress,
+    [0, 0.5],
+    isMobile ? ["26%", "-20%"] : isTablet ? ["8%", "-20%"] : ["12%", "-20%"]
+  );
+  const leftImageTranslate = {
+    y: responsive ? responsiveLeftY : fixedLeftY
+  };
+  const centerImageTranslate = {
+    y: responsive ? responsiveCenterY : fixedCenterY
+  };
+  const rightImageTranslate = {
+    y: responsive ? responsiveRightY : fixedRightY
+  };
+  return /* @__PURE__ */ jsx(SectionWrapper, { ref: sectionRef, 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: "rb-12 mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: isCenter ? "mx-auto w-full max-w-lg text-center" : "w-full max-w-lg",
+        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: isCenter ? "mt-6 flex items-center justify-center gap-4 md:mt-8" : "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("div", { className: "relative flex justify-center gap-6 sm:gap-8 md:gap-0", children: [
+      /* @__PURE__ */ jsx(motion.div, { className: "absolute bottom-0 left-0 z-10 w-2/5", style: leftImageTranslate, children: /* @__PURE__ */ jsx(
+        CompoundImage,
+        {
+          src: imageLeft.src,
+          alt: imageLeft.alt,
+          className: "aspect-square size-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(motion.div, { className: "mx-[10%] mb-[10%] w-1/2", style: centerImageTranslate, children: /* @__PURE__ */ jsx(
+        CompoundImage,
+        {
+          src: imageCenter.src,
+          alt: imageCenter.alt,
+          className: "aspect-square size-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(motion.div, { className: "absolute right-0 top-[10%] w-2/5", style: rightImageTranslate, children: /* @__PURE__ */ jsx(
+        CompoundImage,
+        {
+          src: imageRight.src,
+          alt: imageRight.alt,
+          className: "aspect-[4/3] size-full object-cover"
+        }
+      ) })
+    ] })
+  ] }) });
+};
+const ThreeImageParallaxHeroDefaults = {
+  heading: "Long heading is what you see here in this header section",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
+  buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
+  imageLeft: {
+    src: "https://picsum.photos/seed/hero-portrait/800/1200",
+    alt: "Relume placeholder image 1"
+  },
+  imageCenter: {
+    src: "https://picsum.photos/seed/hero-square/1200/1200",
+    alt: "Relume placeholder image 2"
+  },
+  imageRight: {
+    src: "https://picsum.photos/seed/hero-portrait/800/1200",
+    alt: "Relume placeholder image 3"
+  },
+  styles: {
+    textAlign: "left",
+    responsive: false
+  }
+};
+export {
+  ThreeImageParallaxHero,
+  ThreeImageParallaxHeroDefaults
+};

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

@@ -0,0 +1,174 @@
+import { ThreeImageParallaxHero, ThreeImageParallaxHeroDefaults } from "./component";
+import type { ThreeImageParallaxHeroProps } from "./component";
+export { ThreeImageParallaxHero, ThreeImageParallaxHeroDefaults };
+export type { ThreeImageParallaxHeroProps };
+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";
+            };
+        };
+        imageLeft: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        imageCenter: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        imageRight: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        styles: {
+            type: "object";
+            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.";
+                    };
+                };
+                textAlign: {
+                    readonly type: "radio";
+                    readonly label: "Text Align";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }];
+                };
+                responsive: {
+                    readonly type: "radio";
+                    readonly label: "Responsive Parallax";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: ThreeImageParallaxHeroProps;
+    render: (props: ThreeImageParallaxHeroProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/hero-sections/three-image-parallax-hero/index.js

@@ -0,0 +1,31 @@
+import { ThreeImageParallaxHero, ThreeImageParallaxHeroDefaults } 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";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    buttons: buttonsField,
+    imageLeft: imageField,
+    imageCenter: imageField,
+    imageRight: imageField,
+    styles: {
+      type: "object",
+      objectFields: {
+        textAlign: heroStyleFields.textAlign,
+        responsive: heroStyleFields.responsive,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: ThreeImageParallaxHeroDefaults,
+  render: ThreeImageParallaxHero
+};
+export {
+  ThreeImageParallaxHero,
+  ThreeImageParallaxHeroDefaults,
+  conf as default
+};

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

@@ -0,0 +1,4 @@
+import type { HeroComponentProps } from "../props";
+export type VerticalGalleryHeroProps = HeroComponentProps;
+export declare const VerticalGalleryHero: (props: VerticalGalleryHeroProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalGalleryHeroDefaults: VerticalGalleryHeroProps;