dune-react 0.0.29 → 0.0.30

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

@@ -0,0 +1,195 @@
+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("../../..").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: {
+                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.";
+                    };
+                };
+                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/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/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/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("../../..").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;

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

@@ -0,0 +1,237 @@
+/**
+ * Hero Section 共享 Props
+ *
+ * 基础类型引用自 ../props/（全局共享）
+ * HeroSectionStyles 为 hero 特有的样式字段
+ */
+import type { BaseImage } from "@/components/puck-core/core/props/media";
+import type { BaseButton } from "@/components/puck-core/core/props/interactive";
+export type { BaseImage, BaseButton };
+export interface HeroSectionStyles {
+    className?: string;
+    style?: React.CSSProperties;
+    css?: string;
+    mediaPosition?: "left" | "right" | "top" | "bottom";
+    textAlign?: "left" | "center";
+    textLayout?: "single-column" | "two-column" | "two-column-reverse" | "two-column-top" | "left-block" | "centered";
+    textPosition?: "left" | "top" | "top-left";
+    mediaType?: "image" | "video" | "play";
+    formType?: "none" | "email" | "search";
+    bordered?: boolean;
+    imageCount?: 1 | 2 | 3;
+    imageGridRatio?: string;
+    overlapStyle?: "default" | "square" | "side-by-side";
+    variant?: "centered" | "parallax-bg";
+    responsive?: boolean;
+    gridRatio?: string;
+}
+export interface HeroSectionBaseProps {
+    heading: string;
+    description: string;
+    buttons: BaseButton[];
+    images: BaseImage[];
+    video: string;
+    inputPlaceholder: string;
+    formButton: BaseButton;
+    termsAndConditions: string;
+    styles: HeroSectionStyles;
+}
+/** 各 styles 字段的 Puck field 选项 */
+export declare const heroStyleFields: {
+    readonly 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";
+        }];
+    };
+    readonly textAlign: {
+        readonly type: "radio";
+        readonly label: "Text Align";
+        readonly options: readonly [{
+            readonly label: "Left";
+            readonly value: "left";
+        }, {
+            readonly label: "Center";
+            readonly value: "center";
+        }];
+    };
+    readonly textLayout: {
+        readonly type: "select";
+        readonly label: "Text Layout";
+        readonly options: readonly [{
+            readonly label: "Single Column";
+            readonly value: "single-column";
+        }, {
+            readonly label: "Two Column";
+            readonly value: "two-column";
+        }, {
+            readonly label: "Two Column Reverse";
+            readonly value: "two-column-reverse";
+        }, {
+            readonly label: "Two Column Top";
+            readonly value: "two-column-top";
+        }, {
+            readonly label: "Left Block";
+            readonly value: "left-block";
+        }, {
+            readonly label: "Centered";
+            readonly value: "centered";
+        }];
+    };
+    readonly 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";
+        }];
+    };
+    readonly mediaType: {
+        readonly type: "radio";
+        readonly label: "Media Type";
+        readonly options: readonly [{
+            readonly label: "Image";
+            readonly value: "image";
+        }, {
+            readonly label: "Video";
+            readonly value: "video";
+        }, {
+            readonly label: "Play Button";
+            readonly value: "play";
+        }];
+    };
+    readonly 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";
+        }];
+    };
+    readonly bordered: {
+        readonly type: "radio";
+        readonly label: "Bordered";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+    readonly 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";
+        }];
+    };
+    readonly imageGridRatio: {
+        readonly type: "select";
+        readonly label: "Image Grid Ratio";
+        readonly options: readonly [{
+            readonly label: "3:1 (宽主图 + 窄侧图)";
+            readonly value: "1fr_0.33fr";
+        }, {
+            readonly label: "1:1 (等宽)";
+            readonly value: "1fr_1fr";
+        }, {
+            readonly label: "2:1";
+            readonly value: "2fr_1fr";
+        }, {
+            readonly label: "1:2";
+            readonly value: "1fr_2fr";
+        }, {
+            readonly label: "3:2";
+            readonly value: "3fr_2fr";
+        }];
+    };
+    readonly 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";
+        }];
+    };
+    readonly variant: {
+        readonly type: "radio";
+        readonly label: "Variant";
+        readonly options: readonly [{
+            readonly label: "Centered";
+            readonly value: "centered";
+        }, {
+            readonly label: "Parallax BG";
+            readonly value: "parallax-bg";
+        }];
+    };
+    readonly responsive: {
+        readonly type: "radio";
+        readonly label: "Responsive Parallax";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+    readonly gridRatio: {
+        readonly type: "select";
+        readonly label: "Grid Ratio";
+        readonly options: readonly [{
+            readonly label: "25% / 50% / 25%";
+            readonly value: "25%_50%_25%";
+        }, {
+            readonly label: "32% / 36% / 32%";
+            readonly value: "32%_36%_32%";
+        }, {
+            readonly label: "33% / 33% / 33%";
+            readonly value: "33%_34%_33%";
+        }, {
+            readonly label: "20% / 60% / 20%";
+            readonly value: "20%_60%_20%";
+        }, {
+            readonly label: "40% / 30% / 30%";
+            readonly value: "40%_30%_30%";
+        }];
+    };
+};
+/** 将 HeroSectionBaseProps 与组件特有字段合并，生成最终 Props */
+export type HeroComponentProps<T extends object = object> = React.ComponentPropsWithoutRef<"section"> & Partial<HeroSectionBaseProps> & Partial<T>;

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

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

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

@@ -0,0 +1,115 @@
+import { ScatterParallaxHero, ScatterParallaxHeroDefaults } from "./component";
+import type { ScatterParallaxHeroProps } from "./component";
+export { ScatterParallaxHero, ScatterParallaxHeroDefaults };
+export type { ScatterParallaxHeroProps };
+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("../../..").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: ScatterParallaxHeroProps;
+    render: (props: ScatterParallaxHeroProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

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