dune-react 0.0.18 → 0.0.20

package/dist/components/puck-block/text-sections/prose-content/index.d.ts

@@ -0,0 +1,119 @@
+import { ProseContent, ProseContentDefaults } from "./component";
+import type { ProseContentProps } from "./component";
+export { ProseContent, ProseContentDefaults };
+export type { ProseContentProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        prose: {
+            type: string;
+        };
+        metatags: {
+            type: string;
+            getItemSummary: (item: {
+                label?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                label: {
+                    type: string;
+                };
+                value: {
+                    type: string;
+                };
+            };
+        };
+        mediaImage: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        video: {
+            type: string;
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                textLayout: {
+                    readonly type: "select";
+                    readonly label: "Text Layout";
+                    readonly options: readonly [{
+                        readonly label: "Single Left";
+                        readonly value: "singleLeft";
+                    }, {
+                        readonly label: "Single Center";
+                        readonly value: "singleCenter";
+                    }, {
+                        readonly label: "Two Column";
+                        readonly value: "twoColumn";
+                    }, {
+                        readonly label: "Single Prose";
+                        readonly value: "single";
+                    }, {
+                        readonly label: "Two Column Prose";
+                        readonly value: "twoColumnProse";
+                    }];
+                };
+                mediaType: {
+                    readonly type: "radio";
+                    readonly label: "Media Type";
+                    readonly options: readonly [{
+                        readonly label: "None";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "Image";
+                        readonly value: "image";
+                    }, {
+                        readonly label: "Video";
+                        readonly value: "video";
+                    }];
+                };
+                mediaPosition: {
+                    readonly type: "radio";
+                    readonly label: "Media Position";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Right";
+                        readonly value: "right";
+                    }, {
+                        readonly label: "Top";
+                        readonly value: "top";
+                    }, {
+                        readonly label: "Bottom";
+                        readonly value: "bottom";
+                    }];
+                };
+                hasMetatags: {
+                    readonly type: "radio";
+                    readonly label: "Show Metatags";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").TextSectionBaseProps> & {
+        prose: string;
+        metatags?: {
+            label: string;
+            value: string;
+        }[];
+        mediaImage?: import("@/components/puck-core/core/props/media").BaseImage;
+    };
+    render: (props: ProseContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/text-sections/prose-content/index.js

@@ -0,0 +1,37 @@
+import { ProseContent, ProseContentDefaults } from "./component.js";
+import { headingField } from "../../../puck-core/core/props/content.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { textStyleFields } from "../props.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    prose: { type: "textarea" },
+    metatags: {
+      type: "array",
+      getItemSummary: (item, index = 0) => item.label || `Metatag ${index + 1}`,
+      arrayFields: {
+        label: { type: "text" },
+        value: { type: "text" }
+      }
+    },
+    mediaImage: imageField,
+    video: { type: "text" },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        textLayout: textStyleFields.textLayout,
+        mediaType: textStyleFields.mediaType,
+        mediaPosition: textStyleFields.mediaPosition,
+        hasMetatags: textStyleFields.hasMetatags
+      }
+    }
+  },
+  defaultProps: ProseContentDefaults,
+  render: ProseContent
+};
+export {
+  ProseContent,
+  ProseContentDefaults,
+  conf as default
+};

package/dist/components/puck-block/text-sections/prose-sidebar/component.d.ts

@@ -0,0 +1,27 @@
+import type { TextComponentProps, TextSectionBaseProps, BaseButton, BaseImage } from "../props";
+type SubscribeBlock = {
+    title: string;
+    description: string;
+    inputPlaceholder?: string;
+    button: BaseButton;
+    termsAndConditions: string;
+};
+type Contributor = {
+    name: string;
+    role: string;
+    avatar: BaseImage;
+};
+type SocialLink = {
+    platform: string;
+    url: string;
+};
+type ProseSidebarExtra = {
+    prose: string;
+    subscribe: SubscribeBlock;
+    contributors?: Contributor[];
+    socialLinks?: SocialLink[];
+};
+export type ProseSidebarProps = TextComponentProps<ProseSidebarExtra>;
+export declare const ProseSidebar: (props: ProseSidebarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProseSidebarDefaults: Partial<TextSectionBaseProps> & ProseSidebarExtra;
+export {};

package/dist/components/puck-block/text-sections/prose-sidebar/index.d.ts

@@ -0,0 +1,159 @@
+import { ProseSidebar, ProseSidebarDefaults } from "./component";
+import type { ProseSidebarProps } from "./component";
+export { ProseSidebar, ProseSidebarDefaults };
+export type { ProseSidebarProps };
+declare const conf: {
+    fields: {
+        prose: {
+            type: string;
+        };
+        subscribe: {
+            type: string;
+            label: string;
+            objectFields: {
+                title: {
+                    type: string;
+                };
+                description: {
+                    type: string;
+                };
+                inputPlaceholder: {
+                    type: string;
+                };
+                button: {
+                    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;
+                };
+            };
+        };
+        contributors: {
+            type: string;
+            getItemSummary: (item: {
+                name?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                name: {
+                    type: string;
+                };
+                role: {
+                    type: string;
+                };
+                avatar: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+            };
+        };
+        socialLinks: {
+            type: string;
+            getItemSummary: (item: {
+                platform?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                platform: {
+                    type: string;
+                };
+                url: {
+                    type: string;
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                sidebarType: {
+                    readonly type: "radio";
+                    readonly label: "Sidebar Type";
+                    readonly options: readonly [{
+                        readonly label: "Subscribe";
+                        readonly value: "subscribe";
+                    }, {
+                        readonly label: "Full";
+                        readonly value: "full";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").TextSectionBaseProps> & {
+        prose: string;
+        subscribe: {
+            title: string;
+            description: string;
+            inputPlaceholder?: string;
+            button: import("@/components/puck-core/core/props/interactive").BaseButton;
+            termsAndConditions: string;
+        };
+        contributors?: {
+            name: string;
+            role: string;
+            avatar: import("@/components/puck-core/core/props/media").BaseImage;
+        }[];
+        socialLinks?: {
+            platform: string;
+            url: string;
+        }[];
+    };
+    render: (props: ProseSidebarProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/text-sections/side-media-content/component.d.ts

@@ -0,0 +1,8 @@
+import type { TextComponentProps, TextSectionBaseProps } from "../props";
+type SideMediaContentExtra = {
+    prose: string;
+};
+export type SideMediaContentProps = TextComponentProps<SideMediaContentExtra>;
+export declare const SideMediaContent: (props: SideMediaContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SideMediaContentDefaults: Partial<TextSectionBaseProps> & SideMediaContentExtra;
+export {};

package/dist/components/puck-block/text-sections/side-media-content/component.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
+import { CompoundImage } from "../../../puck-base/image.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";
+import { cn } from "../../../../utils/css-utils.js";
+const SideMediaContent = (props) => {
+  const {
+    heading,
+    prose,
+    image = { src: "", alt: "" },
+    video,
+    styles
+  } = {
+    ...SideMediaContentDefaults,
+    ...props
+  };
+  const {
+    mediaType = "image",
+    mediaPosition = "right"
+  } = styles ?? {};
+  const [isIframeLoaded, setIsIframeLoaded] = useState(false);
+  const renderMedia = () => {
+    if (mediaType === "video") {
+      return /* @__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: "size-full object-cover" }),
+          /* @__PURE__ */ jsx("span", { className: "absolute inset-0 z-10 bg-black/50" }),
+          /* @__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)
+            }
+          )
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(CompoundImage, { src: image.src, className: "w-full object-cover", alt: image.alt });
+  };
+  const textContent = /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h2", { className: "rb-5 mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
+    /* @__PURE__ */ jsx("div", { className: "prose", dangerouslySetInnerHTML: { __html: prose } })
+  ] });
+  const mediaContent = /* @__PURE__ */ jsx("div", { children: renderMedia() });
+  const textOrder = mediaPosition === "left" ? "order-2" : "";
+  const mediaOrder = mediaPosition === "left" ? "order-1" : "";
+  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-start gap-y-12 md:grid-cols-2 md:gap-x-12 lg:gap-x-20", children: [
+    /* @__PURE__ */ jsx("div", { className: textOrder, children: textContent }),
+    /* @__PURE__ */ jsx("div", { className: mediaOrder, children: mediaContent })
+  ] }) }) });
+};
+const SideMediaContentDefaults = {
+  heading: "Short heading goes here",
+  prose: `<p>Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse.</p><p>Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus. Etiam egestas in nec sed et. Quis lobortis at sit dictum eget nibh tortor commodo cursus.</p>`,
+  image: {
+    src: "https://picsum.photos/seed/side-media/800/600",
+    alt: "Relume placeholder image"
+  },
+  video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
+  styles: {
+    mediaType: "image",
+    mediaPosition: "right"
+  }
+};
+export {
+  SideMediaContent,
+  SideMediaContentDefaults
+};

package/dist/components/puck-block/text-sections/side-media-content/index.d.ts

@@ -0,0 +1,69 @@
+import { SideMediaContent, SideMediaContentDefaults } from "./component";
+import type { SideMediaContentProps } from "./component";
+export { SideMediaContent, SideMediaContentDefaults };
+export type { SideMediaContentProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        prose: {
+            type: string;
+        };
+        image: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        video: {
+            type: string;
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                mediaType: {
+                    readonly type: "radio";
+                    readonly label: "Media Type";
+                    readonly options: readonly [{
+                        readonly label: "None";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "Image";
+                        readonly value: "image";
+                    }, {
+                        readonly label: "Video";
+                        readonly value: "video";
+                    }];
+                };
+                mediaPosition: {
+                    readonly type: "radio";
+                    readonly label: "Media Position";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Right";
+                        readonly value: "right";
+                    }, {
+                        readonly label: "Top";
+                        readonly value: "top";
+                    }, {
+                        readonly label: "Bottom";
+                        readonly value: "bottom";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").TextSectionBaseProps> & {
+        prose: string;
+    };
+    render: (props: SideMediaContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/text-sections/side-media-content/index.js

@@ -0,0 +1,27 @@
+import { SideMediaContent, SideMediaContentDefaults } from "./component.js";
+import { headingField } from "../../../puck-core/core/props/content.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { textStyleFields } from "../props.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    prose: { type: "textarea" },
+    image: imageField,
+    video: { type: "text" },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        mediaType: textStyleFields.mediaType,
+        mediaPosition: textStyleFields.mediaPosition
+      }
+    }
+  },
+  defaultProps: SideMediaContentDefaults,
+  render: SideMediaContent
+};
+export {
+  SideMediaContent,
+  SideMediaContentDefaults,
+  conf as default
+};

package/dist/components/puck-block/text-sections/sticky-text-multi-image/component.d.ts

@@ -0,0 +1,9 @@
+import type { TextComponentProps, TextSectionBaseProps, BaseImage } from "../props";
+type StickyTextMultiImageExtra = {
+    prose: string;
+    images: BaseImage[];
+};
+export type StickyTextMultiImageProps = TextComponentProps<StickyTextMultiImageExtra>;
+export declare const StickyTextMultiImage: (props: StickyTextMultiImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StickyTextMultiImageDefaults: Partial<TextSectionBaseProps> & StickyTextMultiImageExtra;
+export {};

package/dist/components/puck-block/text-sections/sticky-text-multi-image/component.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { CompoundImage } from "../../../puck-base/image.js";
+const StickyTextMultiImage = (props) => {
+  const {
+    heading,
+    prose,
+    images = [],
+    styles
+  } = {
+    ...StickyTextMultiImageDefaults,
+    ...props
+  };
+  const {
+    contentPosition = "left"
+  } = styles ?? {};
+  const textContent = /* @__PURE__ */ jsxs("div", { className: "static top-20 lg:sticky", children: [
+    /* @__PURE__ */ jsx("h2", { className: "rb-5 mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
+    /* @__PURE__ */ jsx("div", { className: "prose", dangerouslySetInnerHTML: { __html: prose } })
+  ] });
+  const imagesContent = /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 md:gap-8", children: images.map((img, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundImage, { src: img.src, alt: img.alt, className: "w-full object-cover" }) }, index)) });
+  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__ */ jsx("div", { className: "grid grid-cols-1 items-start gap-x-12 gap-y-16 md:gap-y-20 lg:grid-cols-[1fr_1.5fr] lg:gap-x-20", children: contentPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    textContent,
+    imagesContent
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    imagesContent,
+    textContent
+  ] }) }) }) });
+};
+const StickyTextMultiImageDefaults = {
+  heading: "Short heading goes here",
+  prose: `<p>Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse.</p><p>Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus.</p>`,
+  images: [
+    { src: "https://picsum.photos/seed/sticky-img1/800/600", alt: "Relume placeholder image 1" },
+    { src: "https://picsum.photos/seed/sticky-img2/800/600", alt: "Relume placeholder image 2" },
+    { src: "https://picsum.photos/seed/sticky-img3/800/600", alt: "Relume placeholder image 3" }
+  ],
+  styles: {
+    contentPosition: "left"
+  }
+};
+export {
+  StickyTextMultiImage,
+  StickyTextMultiImageDefaults
+};

package/dist/components/puck-block/text-sections/sticky-text-multi-image/index.d.ts

@@ -0,0 +1,55 @@
+import { StickyTextMultiImage, StickyTextMultiImageDefaults } from "./component";
+import type { StickyTextMultiImageProps } from "./component";
+export { StickyTextMultiImage, StickyTextMultiImageDefaults };
+export type { StickyTextMultiImageProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        prose: {
+            type: string;
+        };
+        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;
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                contentPosition: {
+                    readonly type: "radio";
+                    readonly label: "Content Position";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Right";
+                        readonly value: "right";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").TextSectionBaseProps> & {
+        prose: string;
+        images: import("@/components/puck-core/core/props/media").BaseImage[];
+    };
+    render: (props: StickyTextMultiImageProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/text-sections/sticky-text-multi-image/index.js

@@ -0,0 +1,25 @@
+import { StickyTextMultiImage, StickyTextMultiImageDefaults } from "./component.js";
+import { headingField } from "../../../puck-core/core/props/content.js";
+import { imagesField } from "../../../puck-core/core/props/media.js";
+import { textStyleFields } from "../props.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    prose: { type: "textarea" },
+    images: imagesField,
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        contentPosition: textStyleFields.contentPosition
+      }
+    }
+  },
+  defaultProps: StickyTextMultiImageDefaults,
+  render: StickyTextMultiImage
+};
+export {
+  StickyTextMultiImage,
+  StickyTextMultiImageDefaults,
+  conf as default
+};