dune-react 0.0.18 → 0.0.20

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

@@ -0,0 +1,86 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from "../../../shadcn/carousel.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { cn } from "../../../../utils/css-utils.js";
+import Autoplay from "embla-carousel-autoplay";
+const CarouselHero = (props) => {
+  const [api, setApi] = useState();
+  const [current, setCurrent] = useState(0);
+  const { heading, description, buttons, images, carouselHeading, carouselDescription } = {
+    ...CarouselHeroDefaults,
+    ...props
+  };
+  useEffect(() => {
+    if (!api) return;
+    setCurrent(api.selectedScrollSnap() + 1);
+    api.on("select", () => {
+      setCurrent(api.selectedScrollSnap() + 1);
+    });
+  }, [api]);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      id: "relume",
+      className: "grid grid-cols-1 items-center gap-y-16 overflow-hidden pt-16 sm:overflow-auto md:pt-24 lg:grid-cols-[50%_50%] lg:gap-y-0 lg:pt-0",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mx-[5%] max-w-md justify-self-start lg:ml-[5vw] lg:mr-20 lg:justify-self-end", 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 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__ */ jsx("div", { className: "relative clear-both h-[300px] max-h-[60rem] min-h-screen w-full bg-[#ddd] text-center", children: /* @__PURE__ */ jsxs(
+          Carousel,
+          {
+            opts: { loop: true },
+            plugins: [Autoplay({ delay: 5e3 })],
+            setApi,
+            className: "relative left-0 right-0 z-10 block h-full overflow-hidden whitespace-nowrap pl-4",
+            children: [
+              /* @__PURE__ */ jsx(CarouselContent, { children: images.map((image, index) => /* @__PURE__ */ jsx(CarouselItem, { className: "pl-0", children: /* @__PURE__ */ jsx("div", { className: "relative inline-block size-full whitespace-normal text-left align-top", children: /* @__PURE__ */ jsxs("div", { className: "flex h-screen flex-col", children: [
+                /* @__PURE__ */ jsx("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx(CompoundImage, { className: "absolute size-full object-cover", src: image.src, alt: image.alt }) }),
+                /* @__PURE__ */ jsx("div", { className: "relative bg-background-secondary px-6 pb-32 pt-6 sm:px-8 sm:pt-8", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-lg", children: [
+                  /* @__PURE__ */ jsx("h6", { className: "mb-1 text-md font-bold leading-[1.4] md:text-xl", children: carouselHeading }),
+                  /* @__PURE__ */ jsx("p", { children: carouselDescription })
+                ] }) })
+              ] }) }) }, index)) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pl-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "absolute bottom-[52px] left-8 right-auto top-auto flex w-full items-start justify-start", children: images.map((_, index) => /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => api == null ? void 0 : api.scrollTo(index),
+                    className: cn("mx-[3px] inline-block size-2 rounded-full", {
+                      "bg-black": current === index + 1,
+                      "bg-neutral-light": current !== index + 1
+                    })
+                  },
+                  index
+                )) }),
+                /* @__PURE__ */ jsx(CarouselPrevious, { className: "bottom-2 left-auto right-[5.5rem] top-auto size-12 bg-transparent md:right-24" }),
+                /* @__PURE__ */ jsx(CarouselNext, { className: "bottom-2 left-auto right-8 top-auto size-12 bg-transparent" })
+              ] })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+const CarouselHeroDefaults = {
+  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" }
+  ],
+  carouselHeading: "Short heading goes here",
+  carouselDescription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+};
+export {
+  CarouselHero,
+  CarouselHeroDefaults
+};

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

@@ -0,0 +1,121 @@
+import { CarouselHero, CarouselHeroDefaults } from "./component";
+import type { CarouselHeroProps } from "./component";
+export { CarouselHero, CarouselHeroDefaults };
+export type { CarouselHeroProps };
+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;
+            };
+        };
+        carouselHeading: {
+            type: string;
+        };
+        carouselDescription: {
+            type: string;
+        };
+    };
+    defaultProps: CarouselHeroProps;
+    render: (props: CarouselHeroProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,21 @@
+import { CarouselHero, CarouselHeroDefaults } from "./component.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { imagesField } from "../../../puck-core/core/props/media.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    buttons: buttonsField,
+    images: imagesField,
+    carouselHeading: { type: "text" },
+    carouselDescription: { type: "textarea" }
+  },
+  defaultProps: CarouselHeroDefaults,
+  render: CarouselHero
+};
+export {
+  CarouselHero,
+  CarouselHeroDefaults,
+  conf as default
+};

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

@@ -0,0 +1,4 @@
+import type { HeroComponentProps, HeroSectionBaseProps } from "../props";
+export type CenteredHeroProps = HeroComponentProps;
+export declare const CenteredHero: (props: CenteredHeroProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CenteredHeroDefaults: Partial<HeroSectionBaseProps>;

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

@@ -0,0 +1,190 @@
+import { CenteredHero, CenteredHeroDefaults } from "./centered-hero";
+import type { CenteredHeroProps } from "./centered-hero";
+export { CenteredHero, CenteredHeroDefaults };
+export type { CenteredHeroProps };
+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";
+            };
+        };
+        inputPlaceholder: {
+            type: string;
+        };
+        formButton: {
+            readonly type: "object";
+            readonly objectFields: {
+                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;
+                };
+            };
+        };
+        termsAndConditions: {
+            type: string;
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                bordered: {
+                    readonly type: "radio";
+                    readonly label: "Bordered";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                formType: {
+                    readonly type: "radio";
+                    readonly label: "Form Type";
+                    readonly options: readonly [{
+                        readonly label: "None";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "Email";
+                        readonly value: "email";
+                    }, {
+                        readonly label: "Search";
+                        readonly value: "search";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").HeroSectionBaseProps>;
+    render: (props: CenteredHeroProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,9 @@
+import type { BaseImage, HeroComponentProps } from "../props";
+type ColumnScrollHeroExtra = {
+    imagesPartOne: BaseImage[];
+    imagesPartTwo: BaseImage[];
+};
+export type ColumnScrollHeroProps = HeroComponentProps<ColumnScrollHeroExtra>;
+export declare const ColumnScrollHero: (props: ColumnScrollHeroProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColumnScrollHeroDefaults: ColumnScrollHeroProps;
+export {};

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

@@ -0,0 +1,98 @@
+"use client";
+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";
+const imageColumns = [
+  { className: "-mt-[20%] animate-loop-vertically-top" },
+  { className: "-mt-[50%] animate-loop-vertically-bottom" },
+  { className: "animate-loop-vertically-top" },
+  { className: "mt-[-30%] animate-loop-vertically-bottom" },
+  { className: "mt-[-20%] animate-loop-vertically-top" }
+];
+const ColumnScrollHero = (props) => {
+  const { heading, description, buttons = [], imagesPartOne = [], imagesPartTwo = [] } = {
+    ...ColumnScrollHeroDefaults,
+    ...props
+  };
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "relative px-[5%]", children: /* @__PURE__ */ jsxs("div", { className: "flex max-h-[60rem] min-h-svh items-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "container py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 mx-auto max-w-lg text-center", 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 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__ */ jsxs("div", { className: "absolute inset-0 z-0 overflow-hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 bg-black/50" }),
+      /* @__PURE__ */ jsx("div", { className: "grid w-full grid-cols-2 gap-x-4 px-4 md:grid-cols-3 lg:grid-cols-5", children: imageColumns.map((column, index) => /* @__PURE__ */ jsx(
+        AnimatedImageColumn,
+        {
+          imagesPartOne,
+          imagesPartTwo,
+          className: column.className
+        },
+        index
+      )) })
+    ] })
+  ] }) });
+};
+const ImageGrid = ({ images }) => /* @__PURE__ */ jsx(React__default.Fragment, { children: images.map((image, index) => /* @__PURE__ */ jsx("div", { className: "grid size-full grid-cols-1 gap-4", children: /* @__PURE__ */ jsx("div", { className: "relative w-full pt-[120%]", children: /* @__PURE__ */ jsx(
+  CompoundImage,
+  {
+    className: "absolute inset-0 size-full object-cover",
+    src: image.src,
+    alt: image.alt
+  }
+) }) }, index)) });
+const AnimatedImageColumn = ({
+  imagesPartOne,
+  imagesPartTwo,
+  className
+}) => /* @__PURE__ */ jsxs("div", { className: `grid size-full columns-2 grid-cols-1 gap-4 self-center ${className}`, children: [
+  /* @__PURE__ */ jsx(ImageGrid, { images: imagesPartOne }),
+  /* @__PURE__ */ jsx(ImageGrid, { images: imagesPartTwo })
+] });
+const ColumnScrollHeroDefaults = {
+  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" }],
+  imagesPartOne: [
+    {
+      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"
+    }
+  ],
+  imagesPartTwo: [
+    {
+      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"
+    },
+    {
+      src: "https://picsum.photos/seed/hero-square/1200/1200",
+      alt: "Relume placeholder image 7"
+    },
+    {
+      src: "https://picsum.photos/seed/hero-square/1200/1200",
+      alt: "Relume placeholder image 8"
+    }
+  ]
+};
+export {
+  ColumnScrollHero,
+  ColumnScrollHeroDefaults
+};

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

@@ -0,0 +1,132 @@
+import { ColumnScrollHero, ColumnScrollHeroDefaults } from "./component";
+import type { ColumnScrollHeroProps } from "./component";
+export { ColumnScrollHero, ColumnScrollHeroDefaults };
+export type { ColumnScrollHeroProps };
+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";
+            };
+        };
+        imagesPartOne: {
+            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;
+            };
+        };
+        imagesPartTwo: {
+            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: ColumnScrollHeroProps;
+    render: (props: ColumnScrollHeroProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;