dune-react 0.0.18 → 0.0.20

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

@@ -0,0 +1,173 @@
+import { OverlappingImageHero, OverlappingImageHeroDefaults } from "./overlapping-image-hero";
+import type { OverlappingImageHeroProps } from "./overlapping-image-hero";
+export { OverlappingImageHero, OverlappingImageHeroDefaults };
+export type { OverlappingImageHeroProps };
+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";
+            };
+        };
+        firstImage: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        secondImage: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        thirdImage: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                textPosition: {
+                    readonly type: "radio";
+                    readonly label: "Text Position";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Top";
+                        readonly value: "top";
+                    }, {
+                        readonly label: "Top Left";
+                        readonly value: "top-left";
+                    }];
+                };
+                imageCount: {
+                    readonly type: "radio";
+                    readonly label: "Image Count";
+                    readonly options: readonly [{
+                        readonly label: "1";
+                        readonly value: "1";
+                    }, {
+                        readonly label: "2";
+                        readonly value: "2";
+                    }, {
+                        readonly label: "3";
+                        readonly value: "3";
+                    }];
+                };
+                overlapStyle: {
+                    readonly type: "radio";
+                    readonly label: "Overlap Style";
+                    readonly options: readonly [{
+                        readonly label: "Default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "Square";
+                        readonly value: "square";
+                    }, {
+                        readonly label: "Side by Side";
+                        readonly value: "side-by-side";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: OverlappingImageHeroProps;
+    render: (props: OverlappingImageHeroProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,31 @@
+import { OverlappingImageHero, OverlappingImageHeroDefaults } from "./overlapping-image-hero.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,
+    firstImage: imageField,
+    secondImage: imageField,
+    thirdImage: imageField,
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        textPosition: heroStyleFields.textPosition,
+        imageCount: heroStyleFields.imageCount,
+        overlapStyle: heroStyleFields.overlapStyle
+      }
+    }
+  },
+  defaultProps: OverlappingImageHeroDefaults,
+  render: OverlappingImageHero
+};
+export {
+  OverlappingImageHero,
+  OverlappingImageHeroDefaults,
+  conf as default
+};

package/dist/components/puck-block/hero-sections/overlapping-image-hero/overlapping-image-hero.d.ts

@@ -0,0 +1,10 @@
+import type { BaseImage, HeroComponentProps } from "../props";
+type OverlappingImageHeroExtra = {
+    firstImage: BaseImage;
+    secondImage: BaseImage;
+    thirdImage: BaseImage;
+};
+export type OverlappingImageHeroProps = HeroComponentProps<OverlappingImageHeroExtra>;
+export declare const OverlappingImageHero: (props: OverlappingImageHeroProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OverlappingImageHeroDefaults: OverlappingImageHeroProps;
+export {};

package/dist/components/puck-block/hero-sections/overlapping-image-hero/overlapping-image-hero.js

@@ -0,0 +1,219 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+const OverlappingImageHero = (props) => {
+  const {
+    heading,
+    description,
+    buttons,
+    firstImage,
+    secondImage,
+    thirdImage,
+    styles: rawStyles
+  } = {
+    ...OverlappingImageHeroDefaults,
+    ...props
+  };
+  const { textPosition, imageCount, overlapStyle } = rawStyles ?? {};
+  const renderButtons = () => /* @__PURE__ */ jsx("div", { className: "mt-6 flex 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)) });
+  const renderOverlappingImages = () => {
+    if (imageCount === 3) {
+      if (overlapStyle === "side-by-side") {
+        return /* @__PURE__ */ jsxs("div", { className: "relative flex", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 w-[30%]", children: /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: firstImage.src,
+              className: "aspect-[2/3] size-full object-cover",
+              alt: firstImage.alt
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "mx-[10%] mb-[10%] w-full", children: /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: secondImage.src,
+              className: "aspect-[3/2] size-full object-cover",
+              alt: secondImage.alt
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-[10%] w-[30%]", children: /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: thirdImage.src,
+              className: "aspect-square size-full object-cover",
+              alt: thirdImage.alt
+            }
+          ) })
+        ] });
+      }
+      if (overlapStyle === "square") {
+        return /* @__PURE__ */ jsxs("div", { className: "relative flex w-full", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute bottom-[10%] left-0 w-[35%]", children: /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: firstImage.src,
+              className: "aspect-square size-full object-cover",
+              alt: firstImage.alt
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "mx-[10%] w-full", children: /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: secondImage.src,
+              className: "aspect-square size-full object-cover",
+              alt: secondImage.alt
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-[10%] w-2/5", children: /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: thirdImage.src,
+              className: "aspect-[3/2] size-full object-cover",
+              alt: thirdImage.alt
+            }
+          ) })
+        ] });
+      }
+      return /* @__PURE__ */ jsxs("div", { className: "relative flex w-full", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute bottom-[10%] left-0 right-auto top-auto w-[45%]", children: /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: firstImage.src,
+            className: "aspect-[3/2] size-full object-cover",
+            alt: firstImage.alt
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "mx-[15%] w-full", children: /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: secondImage.src,
+            className: "aspect-[2/3] size-full object-cover",
+            alt: secondImage.alt
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "absolute bottom-auto left-auto right-0 top-[10%] w-[40%]", children: /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: thirdImage.src,
+            className: "aspect-square size-full object-cover",
+            alt: thirdImage.alt
+          }
+        ) })
+      ] });
+    }
+    if (overlapStyle === "square") {
+      return /* @__PURE__ */ jsxs("div", { className: "relative flex", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 w-3/5", children: /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: firstImage.src,
+            className: "aspect-square size-full object-cover",
+            alt: firstImage.alt
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "mb-[15%] ml-[15%] w-full", children: /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: secondImage.src,
+            className: "aspect-square size-full object-cover",
+            alt: secondImage.alt
+          }
+        ) })
+      ] });
+    }
+    if (overlapStyle === "side-by-side") {
+      return /* @__PURE__ */ jsxs("div", { className: "relative flex w-full", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-[10%] w-3/5", children: /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: firstImage.src,
+            className: "aspect-[3/2] size-full object-cover",
+            alt: firstImage.alt
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "ml-[15%] w-full", children: /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: secondImage.src,
+            className: "aspect-square size-full object-cover",
+            alt: secondImage.alt
+          }
+        ) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "relative flex w-full", children: [
+      /* @__PURE__ */ jsx("div", { className: "mr-[30%]", children: /* @__PURE__ */ jsx(
+        CompoundImage,
+        {
+          src: firstImage.src,
+          className: "aspect-[2/3] size-full object-cover",
+          alt: firstImage.alt
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "absolute bottom-auto left-auto right-0 top-[10%] w-1/2", children: /* @__PURE__ */ jsx(
+        CompoundImage,
+        {
+          src: secondImage.src,
+          className: "aspect-square size-full object-cover",
+          alt: secondImage.alt
+        }
+      ) })
+    ] });
+  };
+  if (textPosition === "top") {
+    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__ */ jsxs("div", { className: "rb-12 mb-12 grid grid-cols-1 items-start gap-x-12 gap-y-5 md:mb-18 md:grid-cols-2 md:gap-y-8 lg:mb-20 lg:gap-x-20 lg:gap-y-16", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-6xl font-bold md:text-9xl lg:text-10xl", children: heading }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description }),
+          renderButtons()
+        ] })
+      ] }),
+      renderOverlappingImages()
+    ] }) });
+  }
+  if (textPosition === "top-left") {
+    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__ */ jsxs("div", { className: "mb-12 w-full max-w-lg md:mb-18 lg:mb-20", children: [
+        /* @__PURE__ */ jsx("h2", { 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 }),
+        renderButtons()
+      ] }),
+      renderOverlappingImages()
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 md:grid-cols-2 md:gap-16", children: [
+    /* @__PURE__ */ jsxs("div", { 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 }),
+      renderButtons()
+    ] }),
+    renderOverlappingImages()
+  ] }) }) });
+};
+const OverlappingImageHeroDefaults = {
+  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" }],
+  firstImage: {
+    src: "https://picsum.photos/seed/hero-square/1200/1200",
+    alt: "Relume placeholder image 1"
+  },
+  secondImage: {
+    src: "https://picsum.photos/seed/hero-portrait/800/1200",
+    alt: "Relume placeholder image 2"
+  },
+  thirdImage: {
+    src: "https://picsum.photos/seed/hero-dim/1200/800",
+    alt: "Relume placeholder image 3"
+  },
+  styles: {
+    textPosition: "left",
+    imageCount: 2,
+    overlapStyle: "default"
+  }
+};
+export {
+  OverlappingImageHero,
+  OverlappingImageHeroDefaults
+};

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

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

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

@@ -0,0 +1,116 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useScroll, useSpring, useTransform, motion } from "framer-motion";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { useRef } from "react";
+import { cn } from "../../../../utils/css-utils.js";
+const ParallaxImagesHero = (props) => {
+  const { heading, description, buttons = [], images = [] } = {
+    ...ParallaxImagesHeroDefaults,
+    ...props
+  };
+  const transformRef = useRef(null);
+  const { scrollYProgress } = useScroll({ target: transformRef });
+  const animatedScrollYProgress = useSpring(scrollYProgress, {
+    bounce: 0
+  });
+  const yFirst = useTransform(animatedScrollYProgress, [0, 1], ["0vh", "-87.5vh"]);
+  const ySecond = useTransform(animatedScrollYProgress, [0, 1], ["0vh", "-39.6vh"]);
+  return /* @__PURE__ */ jsx("section", { id: "relume", ref: transformRef, className: "relative h-[150vh] px-[5%] md:h-[300vh]", children: /* @__PURE__ */ jsxs("div", { className: "sticky top-0 h-screen overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-auto top-0 z-10", children: /* @__PURE__ */ jsx(motion.div, { className: "flex flex-col gap-[26vw] pt-[70vh]", style: { y: yFirst }, children: images.slice(0, 4).map((image, index) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("relative h-[35vw] pt-[120%] sm:h-auto", {
+          "w-[30vw] md:w-[28vw] lg:w-[22vw]": index === 0,
+          "left-[52vw] mt-[-46vw] w-[30vw] md:w-[28vw] lg:left-[58vw] lg:w-[22vw]": index === 1,
+          "left-[4vw] mt-[-5vw] w-[28vw] md:w-[26vw] lg:w-[20vw]": index === 2,
+          "left-[64vw] mt-[-45vw] w-[26vw] md:w-[24vw] lg:w-[18vw]": index === 3
+        }),
+        children: /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: image.src,
+            className: "absolute inset-0 size-full object-cover",
+            alt: image.alt
+          }
+        )
+      },
+      index
+    )) }) }),
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "absolute bottom-0 left-auto right-0 top-0 z-0",
+        style: { y: ySecond },
+        children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[26vw] pt-[70vh]", children: images.slice(4).map((image, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("relative h-[35vw] pt-[120%] opacity-75 sm:h-auto", {
+              "w-[28vw] md:w-[26vw] lg:w-[20vw]": index === 0,
+              "right-[50vw] mt-[-44vw] w-[26vw] md:w-[24vw] lg:right-[54vw] lg:w-[18vw]": index === 1
+            }),
+            children: /* @__PURE__ */ jsx(
+              CompoundImage,
+              {
+                src: image.src,
+                className: "absolute inset-0 size-full object-cover",
+                alt: image.alt
+              }
+            )
+          },
+          index
+        )) })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "container relative flex h-full max-w-lg items-center pb-24 pt-16 text-center md:pt-24 lg:py-28", children: /* @__PURE__ */ jsxs("div", { 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: "relative z-20 md:text-md ", children: description }),
+      /* @__PURE__ */ jsx("div", { className: "relative z-20 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: "absolute inset-0 -z-10 mt-[35rem] md:mt-[100vh]" })
+  ] }) });
+};
+const ParallaxImagesHeroDefaults = {
+  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"
+    }
+  ],
+  images: [
+    {
+      src: "https://picsum.photos/seed/hero-square/1200/1200",
+      alt: "Relume placeholder image 1"
+    },
+    {
+      src: "https://picsum.photos/seed/hero-square/1200/1200",
+      alt: "Relume placeholder image 2"
+    },
+    {
+      src: "https://picsum.photos/seed/hero-square/1200/1200",
+      alt: "Relume placeholder image 3"
+    },
+    {
+      src: "https://picsum.photos/seed/hero-square/1200/1200",
+      alt: "Relume placeholder image 4"
+    },
+    {
+      src: "https://picsum.photos/seed/hero-square/1200/1200",
+      alt: "Relume placeholder image 5"
+    },
+    {
+      src: "https://picsum.photos/seed/hero-square/1200/1200",
+      alt: "Relume placeholder image 6"
+    }
+  ]
+};
+export {
+  ParallaxImagesHero,
+  ParallaxImagesHeroDefaults
+};

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

@@ -0,0 +1,115 @@
+import { ParallaxImagesHero, ParallaxImagesHeroDefaults } from "./component";
+import type { ParallaxImagesHeroProps } from "./component";
+export { ParallaxImagesHero, ParallaxImagesHeroDefaults };
+export type { ParallaxImagesHeroProps };
+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";
+            };
+        };
+        images: {
+            readonly type: "array";
+            readonly max: 10;
+            readonly getItemSummary: (item: {
+                alt?: string;
+            }, index?: number) => string;
+            readonly arrayFields: {
+                readonly src: import("@puckeditor/core").Field<string>;
+                readonly alt: {
+                    type: "text";
+                };
+            };
+            readonly defaultItemProps: {
+                alt: string;
+                src: string;
+            };
+        };
+    };
+    defaultProps: ParallaxImagesHeroProps;
+    render: (props: ParallaxImagesHeroProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;