dune-react 0.0.29 → 0.0.31

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

@@ -0,0 +1,122 @@
+/**
+ * Banner Section 共享 Props
+ *
+ * 基础类型引用自 ../props/（全局共享）
+ * BannerSectionStyles 为 banner 特有的样式字段
+ */
+import type { BaseImage } from "@/components/puck-core/core/props/media";
+import type { BaseButton, Action } from "@/components/puck-core/core/props/interactive";
+export type { BaseImage, BaseButton, Action };
+export interface BannerSectionStyles {
+    className?: string;
+    style?: React.CSSProperties;
+    css?: string;
+    containerStyle?: "boxed" | "fullWidth";
+    textLayout?: "default" | "centered" | "inlineLink";
+    ctaType?: "email" | "button" | "buttons" | "socialLinks";
+    direction?: "left" | "right";
+    contentType?: "text" | "textWithImage";
+}
+export interface BannerSectionBaseProps {
+    heading: string;
+    description: string;
+    headings: string[];
+    buttons: BaseButton[];
+    logo: BaseImage & {
+        url?: string;
+    };
+    inputPlaceholder: string;
+    formButton: BaseButton;
+    headingStart: string;
+    headingEnd: string;
+    link: {
+        action?: Action;
+        title: string;
+    };
+    socialMediaLinks: {
+        platform: string;
+        url: string;
+    }[];
+    sections: {
+        title: string;
+        image: BaseImage;
+    }[];
+    headingsTop: {
+        title: string;
+        image: BaseImage;
+    }[];
+    headingsBottom: {
+        title: string;
+        image: BaseImage;
+    }[];
+    images: BaseImage[];
+    styles: BannerSectionStyles;
+}
+export declare const bannerStyleFields: {
+    readonly containerStyle: {
+        readonly type: "radio";
+        readonly label: "Container Style";
+        readonly options: readonly [{
+            readonly label: "Boxed";
+            readonly value: "boxed";
+        }, {
+            readonly label: "Full Width";
+            readonly value: "fullWidth";
+        }];
+    };
+    readonly textLayout: {
+        readonly type: "radio";
+        readonly label: "Text Layout";
+        readonly options: readonly [{
+            readonly label: "Default";
+            readonly value: "default";
+        }, {
+            readonly label: "Centered";
+            readonly value: "centered";
+        }, {
+            readonly label: "Inline Link";
+            readonly value: "inlineLink";
+        }];
+    };
+    readonly ctaType: {
+        readonly type: "select";
+        readonly label: "CTA Type";
+        readonly options: readonly [{
+            readonly label: "Email Form";
+            readonly value: "email";
+        }, {
+            readonly label: "Single Button";
+            readonly value: "button";
+        }, {
+            readonly label: "Multiple Buttons";
+            readonly value: "buttons";
+        }, {
+            readonly label: "Social Links";
+            readonly value: "socialLinks";
+        }];
+    };
+    readonly direction: {
+        readonly type: "radio";
+        readonly label: "Direction";
+        readonly options: readonly [{
+            readonly label: "Left";
+            readonly value: "left";
+        }, {
+            readonly label: "Right";
+            readonly value: "right";
+        }];
+    };
+    readonly contentType: {
+        readonly type: "radio";
+        readonly label: "Content Type";
+        readonly options: readonly [{
+            readonly label: "Text Only";
+            readonly value: "text";
+        }, {
+            readonly label: "Text + Image";
+            readonly value: "textWithImage";
+        }];
+    };
+};
+/** 将 BannerSectionBaseProps 与组件特有字段合并，生成最终 Props */
+export type BannerComponentProps<T extends object = object> = React.ComponentPropsWithoutRef<"section"> & Partial<BannerSectionBaseProps> & Partial<T>;

package/dist/components/puck-block/banner-sections/scroll-driven-marquee/index.d.ts

@@ -0,0 +1,19 @@
+import { ScrollDrivenMarquee, ScrollDrivenMarqueeDefaults } from "./scroll-driven-marquee";
+import type { ScrollDrivenMarqueeProps } from "./scroll-driven-marquee";
+export { ScrollDrivenMarquee, ScrollDrivenMarqueeDefaults };
+export type { ScrollDrivenMarqueeProps };
+declare const conf: {
+    fields: {
+        headings: {
+            type: string;
+            max: number;
+            getItemSummary: (item: string, index?: number) => string;
+            arrayFields: {
+                type: string;
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").BannerSectionBaseProps>;
+    render: (props: ScrollDrivenMarqueeProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/banner-sections/scroll-driven-marquee/scroll-driven-marquee.d.ts

@@ -0,0 +1,4 @@
+import type { BannerComponentProps, BannerSectionBaseProps } from "../props";
+export type ScrollDrivenMarqueeProps = BannerComponentProps;
+export declare const ScrollDrivenMarquee: (props: ScrollDrivenMarqueeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollDrivenMarqueeDefaults: Partial<BannerSectionBaseProps>;

package/dist/components/puck-block/banner-sections/scroll-parallax-text/index.d.ts

@@ -0,0 +1,19 @@
+import { ScrollParallaxText, ScrollParallaxTextDefaults } from "./scroll-parallax-text";
+import type { ScrollParallaxTextProps } from "./scroll-parallax-text";
+export { ScrollParallaxText, ScrollParallaxTextDefaults };
+export type { ScrollParallaxTextProps };
+declare const conf: {
+    fields: {
+        headings: {
+            type: string;
+            max: number;
+            getItemSummary: (item: string, index?: number) => string;
+            arrayFields: {
+                type: string;
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").BannerSectionBaseProps>;
+    render: (props: ScrollParallaxTextProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/banner-sections/scroll-parallax-text/scroll-parallax-text.d.ts

@@ -0,0 +1,4 @@
+import type { BannerComponentProps, BannerSectionBaseProps } from "../props";
+export type ScrollParallaxTextProps = BannerComponentProps;
+export declare const ScrollParallaxText: (props: ScrollParallaxTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollParallaxTextDefaults: Partial<BannerSectionBaseProps>;

package/dist/components/puck-block/contact-sections/_template/contact-us.d.ts

@@ -0,0 +1,38 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundContentProps } from "@/components/puck-base/content";
+export interface ContactFormField {
+    label: string;
+    name: string;
+    type: "text" | "email" | "tel" | "number" | "date" | "url" | "file" | "textarea" | "select";
+    options?: string[];
+    required?: boolean;
+    half?: boolean;
+}
+export interface ContactForm {
+    title?: string;
+    fields?: ContactFormField[];
+    action?: string;
+    method?: "get" | "post" | "dialog";
+    button?: {
+        label: string;
+        variant?: string;
+        size?: string;
+        icon?: string;
+    };
+}
+export interface ContactUsProps extends CompoundContentProps {
+    fields?: ContactFormField[];
+    action?: string;
+    method?: "get" | "post" | "dialog";
+    formTitle?: string;
+    submitLabel?: string;
+    submitVariant?: string;
+    submitSize?: string;
+    submitIcon?: string;
+    styles?: {
+        padding?: CompoundContainerProps["padding"];
+        sectionStyle?: CompoundContainerProps["sectionStyle"];
+        backgroundColor?: string;
+    };
+}
+export declare const ContactUs: (props: ContactUsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/contact-sections/_template/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentConfig } from "@puckeditor/core";
+import { ContactUsProps } from "./contact-us";
+export type { ContactUsProps };
+export declare const conf: ComponentConfig<ContactUsProps>;
+export default conf;

package/dist/components/puck-block/contact-sections/api/form-leads.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 联系表单线索：POST 到 `{domain}/api/form-leads`，与站点后端约定一致。
+ */
+export interface SubmitFormLeadBody {
+    site_id?: string | null;
+    name: string;
+    email: string;
+    phone: string;
+    message: string;
+    /** 当前页路径，用于归因 */
+    source_page: string;
+}
+/**
+ * 提交表单线索。成功 resolve；HTTP 非 2xx 或业务 success !== true 时 throw Error（message 为 errMsg 或 HTTP 状态）。
+ */
+export declare function submitFormLead(domain: string | undefined | null, body: SubmitFormLeadBody): Promise<void>;

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

@@ -0,0 +1,4 @@
+import type { ContactComponentProps, ContactSectionBaseProps } from "../props";
+export type CenteredFormProps = ContactComponentProps;
+export declare const CenteredForm: (props: CenteredFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CenteredFormDefaults: ContactSectionBaseProps;

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

@@ -0,0 +1,127 @@
+import { CenteredForm, CenteredFormDefaults } from "./centered-form";
+import type { CenteredFormProps } from "./centered-form";
+export { CenteredForm, CenteredFormDefaults };
+export type { CenteredFormProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        button: {
+            readonly type: "object";
+            readonly objectFields: {
+                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;
+                };
+            };
+        };
+        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.";
+                    };
+                };
+                formType: {
+                    readonly type: "radio";
+                    readonly label: "Form Type";
+                    readonly options: readonly [{
+                        readonly label: "Simple";
+                        readonly value: "simple";
+                    }, {
+                        readonly label: "Advanced";
+                        readonly value: "advanced";
+                    }];
+                };
+                textAlign: {
+                    readonly type: "radio";
+                    readonly label: "Text Align";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").ContactSectionBaseProps;
+    render: (props: CenteredFormProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/contact-sections/contact-cards-grid/contact-cards-grid.d.ts

@@ -0,0 +1,4 @@
+import type { ContactComponentProps, ContactSectionBaseProps } from "../props";
+export type ContactCardsGridProps = ContactComponentProps;
+export declare const ContactCardsGrid: (props: ContactCardsGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactCardsGridDefaults: ContactSectionBaseProps;

package/dist/components/puck-block/contact-sections/contact-cards-grid/index.d.ts

@@ -0,0 +1,112 @@
+import { ContactCardsGrid, ContactCardsGridDefaults } from "./contact-cards-grid";
+import type { ContactCardsGridProps } from "./contact-cards-grid";
+export { ContactCardsGrid, ContactCardsGridDefaults };
+export type { ContactCardsGridProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        contacts: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                icon: {
+                    type: string;
+                };
+                title: {
+                    type: string;
+                };
+                description: {
+                    type: string;
+                };
+            };
+        };
+        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.";
+                    };
+                };
+                columns: {
+                    readonly type: "radio";
+                    readonly label: "Columns";
+                    readonly options: readonly [{
+                        readonly label: "3";
+                        readonly value: "3";
+                    }, {
+                        readonly label: "4";
+                        readonly value: "4";
+                    }];
+                };
+                textAlign: {
+                    readonly type: "radio";
+                    readonly label: "Text Align";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }];
+                };
+                hasHeader: {
+                    readonly type: "radio";
+                    readonly label: "Show Header";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                headerAlign: {
+                    readonly type: "radio";
+                    readonly label: "Header Align";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").ContactSectionBaseProps;
+    render: (props: ContactCardsGridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/contact-sections/contact-modal/contact-modal.d.ts

@@ -0,0 +1,4 @@
+import type { ContactComponentProps, ContactSectionBaseProps } from "../props";
+export type ContactModalProps = ContactComponentProps;
+export declare const ContactModal: (props: ContactModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactModalDefaults: ContactSectionBaseProps;

package/dist/components/puck-block/contact-sections/contact-modal/index.d.ts

@@ -0,0 +1,127 @@
+import { ContactModal, ContactModalDefaults } from "./contact-modal";
+import type { ContactModalProps } from "./contact-modal";
+export { ContactModal, ContactModalDefaults };
+export type { ContactModalProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        button: {
+            readonly type: "object";
+            readonly objectFields: {
+                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;
+                };
+            };
+        };
+        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.";
+                    };
+                };
+                formType: {
+                    readonly type: "radio";
+                    readonly label: "Form Type";
+                    readonly options: readonly [{
+                        readonly label: "Simple";
+                        readonly value: "simple";
+                    }, {
+                        readonly label: "Advanced";
+                        readonly value: "advanced";
+                    }];
+                };
+                modalType: {
+                    readonly type: "select";
+                    readonly label: "Modal Type";
+                    readonly options: readonly [{
+                        readonly label: "Dialog";
+                        readonly value: "dialog";
+                    }, {
+                        readonly label: "Sheet Right";
+                        readonly value: "sheet-right";
+                    }, {
+                        readonly label: "Sheet Bottom";
+                        readonly value: "sheet-bottom";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").ContactSectionBaseProps;
+    render: (props: ContactModalProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/contact-sections/form-with-media/form-with-media.d.ts

@@ -0,0 +1,4 @@
+import type { ContactComponentProps, ContactSectionBaseProps } from "../props";
+export type FormWithMediaProps = ContactComponentProps;
+export declare const FormWithMedia: (props: FormWithMediaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormWithMediaDefaults: ContactSectionBaseProps;