dune-react 0.0.29 → 0.0.30

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

@@ -0,0 +1,155 @@
+/**
+ * Contact Section 共享 Props
+ *
+ * 基础类型引用自 ../props/（全局共享）
+ * ContactSectionStyles 为 contact 特有的样式字段
+ */
+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 ContactSectionStyles {
+    className?: string;
+    style?: React.CSSProperties;
+    css?: string;
+    formType?: "simple" | "advanced";
+    textAlign?: "left" | "center";
+    mediaPosition?: "left" | "right";
+    mediaType?: "image" | "map";
+    columns?: 3 | 4;
+    hasHeader?: boolean;
+    headerAlign?: "left" | "center";
+    modalType?: "dialog" | "sheet-right" | "sheet-bottom";
+}
+export interface ContactSectionBaseProps {
+    tagline: string;
+    heading: string;
+    description: string;
+    button: BaseButton;
+    buttons: BaseButton[];
+    image: BaseImage;
+    email: string;
+    phone: string;
+    address: string;
+    contacts: {
+        icon: string;
+        title: string;
+        description: string;
+        link?: {
+            label: string;
+            action?: Action;
+        };
+        button?: BaseButton;
+    }[];
+    locations: {
+        image: BaseImage;
+        mapUrl: string;
+        title: string;
+        address: string;
+        button: BaseButton;
+    }[];
+    tabs: {
+        value: string;
+        title: string;
+        addressLine1: string;
+        addressLine2: string;
+        image: BaseImage;
+        mapUrl: string;
+        buttonLabel: string;
+    }[];
+    styles: ContactSectionStyles;
+}
+export declare const contactStyleFields: {
+    readonly formType: {
+        readonly type: "radio";
+        readonly label: "Form Type";
+        readonly options: readonly [{
+            readonly label: "Simple";
+            readonly value: "simple";
+        }, {
+            readonly label: "Advanced";
+            readonly value: "advanced";
+        }];
+    };
+    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 mediaPosition: {
+        readonly type: "radio";
+        readonly label: "Media Position";
+        readonly options: readonly [{
+            readonly label: "Left";
+            readonly value: "left";
+        }, {
+            readonly label: "Right";
+            readonly value: "right";
+        }];
+    };
+    readonly mediaType: {
+        readonly type: "radio";
+        readonly label: "Media Type";
+        readonly options: readonly [{
+            readonly label: "Image";
+            readonly value: "image";
+        }, {
+            readonly label: "Map";
+            readonly value: "map";
+        }];
+    };
+    readonly columns: {
+        readonly type: "radio";
+        readonly label: "Columns";
+        readonly options: readonly [{
+            readonly label: "3";
+            readonly value: "3";
+        }, {
+            readonly label: "4";
+            readonly value: "4";
+        }];
+    };
+    readonly hasHeader: {
+        readonly type: "radio";
+        readonly label: "Show Header";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+    readonly headerAlign: {
+        readonly type: "radio";
+        readonly label: "Header Align";
+        readonly options: readonly [{
+            readonly label: "Left";
+            readonly value: "left";
+        }, {
+            readonly label: "Center";
+            readonly value: "center";
+        }];
+    };
+    readonly 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";
+        }];
+    };
+};
+/** 将 ContactSectionBaseProps 与组件特有字段合并，生成最终 Props */
+export type ContactComponentProps<T extends object = object> = React.ComponentPropsWithoutRef<"section"> & Partial<ContactSectionBaseProps> & Partial<T>;

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

@@ -0,0 +1,125 @@
+import { SplitInfoForm, SplitInfoFormDefaults } from "./split-info-form";
+import type { SplitInfoFormProps } from "./split-info-form";
+export { SplitInfoForm, SplitInfoFormDefaults };
+export type { SplitInfoFormProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        email: {
+            type: string;
+        };
+        phone: {
+            type: string;
+        };
+        address: {
+            type: string;
+        };
+        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";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").ContactSectionBaseProps;
+    render: (props: SplitInfoFormProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

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

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

@@ -0,0 +1,97 @@
+import { TabLocations, TabLocationsDefaults } from "./tab-locations";
+import type { TabLocationsProps } from "./tab-locations";
+export { TabLocations, TabLocationsDefaults };
+export type { TabLocationsProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        tabs: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                value: {
+                    type: string;
+                };
+                title: {
+                    type: string;
+                };
+                addressLine1: {
+                    type: string;
+                };
+                addressLine2: {
+                    type: string;
+                };
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                mapUrl: {
+                    type: string;
+                };
+                buttonLabel: {
+                    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.";
+                    };
+                };
+                mediaType: {
+                    readonly type: "radio";
+                    readonly label: "Media Type";
+                    readonly options: readonly [{
+                        readonly label: "Image";
+                        readonly value: "image";
+                    }, {
+                        readonly label: "Map";
+                        readonly value: "map";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").ContactSectionBaseProps;
+    render: (props: TabLocationsProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

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

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

@@ -0,0 +1,20 @@
+import { FormEvent } from "react";
+export interface ContactFormValues {
+    name: string;
+    email: string;
+    phone: string;
+    message: string;
+}
+/**
+ * 联系表单共享逻辑。
+ *
+ * 封装：editorContext 获取、submitting 状态、submitFormLead 调用、toast 反馈。
+ * 各 contact-us 变体只需关注表单 UI 渲染。
+ */
+export declare function useContactForm(): {
+    submit: (values: ContactFormValues) => Promise<boolean>;
+    createSubmitHandler: (getValues: () => ContactFormValues, onSuccess?: () => void) => (e: FormEvent<HTMLFormElement>) => Promise<void>;
+    submitting: boolean;
+    isEditor: boolean;
+    EMPTY: ContactFormValues;
+};

package/dist/components/puck-block/cta-sections/feature-card-cta/feature-card-cta.d.ts

@@ -0,0 +1,13 @@
+import type { CtaComponentProps, BaseButton, BaseImage } from "../props";
+type FeatureCard = {
+    icon: BaseImage;
+    heading: string;
+    description: string;
+    buttons: BaseButton[];
+};
+export type FeatureCardCtaProps = CtaComponentProps<{
+    featureSections: FeatureCard[];
+}>;
+export declare const FeatureCardCta: (props: FeatureCardCtaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FeatureCardCtaDefaults: FeatureCardCtaProps;
+export {};

package/dist/components/puck-block/cta-sections/feature-card-cta/index.d.ts

@@ -0,0 +1,155 @@
+import { FeatureCardCta, FeatureCardCtaDefaults } from "./feature-card-cta";
+import type { FeatureCardCtaProps } from "./feature-card-cta";
+export { FeatureCardCta, FeatureCardCtaDefaults };
+export type { FeatureCardCtaProps };
+declare const conf: {
+    fields: {
+        featureSections: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                heading?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                icon: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                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";
+                    };
+                };
+            };
+        };
+        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.";
+                    };
+                };
+                textAlign: {
+                    readonly type: "radio";
+                    readonly label: "Text Align";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: FeatureCardCtaProps;
+    render: (props: FeatureCardCtaProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,4 @@
+export { default as FeatureCardCtaConf } from "./feature-card-cta";
+export { default as MouseTrackCtaConf } from "./mouse-track-cta";
+export { default as SideMediaCtaConf } from "./side-media-cta";
+export { default as TextBlockCtaConf } from "./text-block-cta";

package/dist/components/puck-block/cta-sections/mouse-track-cta/index.d.ts

@@ -0,0 +1,83 @@
+import { MouseTrackCta, MouseTrackCtaDefaults } from "./mouse-track-cta";
+import type { MouseTrackCtaProps } from "./mouse-track-cta";
+export { MouseTrackCta, MouseTrackCtaDefaults };
+export type { MouseTrackCtaProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        hoverLinks: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                heading?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../..").ActionField;
+                };
+                heading: {
+                    readonly type: "text";
+                    readonly contentEditable: true;
+                };
+                listNumber: {
+                    type: string;
+                };
+                image: {
+                    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.";
+                    };
+                };
+                listStyle: {
+                    readonly type: "radio";
+                    readonly label: "List Style";
+                    readonly options: readonly [{
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }, {
+                        readonly label: "Numbered";
+                        readonly value: "numbered";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: MouseTrackCtaProps;
+    render: (props: MouseTrackCtaProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/cta-sections/mouse-track-cta/mouse-track-cta.d.ts

@@ -0,0 +1,15 @@
+import type { CtaComponentProps, BaseImage } from "../props";
+import type { Action } from "@/components/puck-core/core/props/interactive";
+type HoverLink = {
+    action?: Action;
+    heading: string;
+    listNumber?: string;
+    image: BaseImage;
+};
+export type MouseTrackCtaProps = CtaComponentProps<{
+    tagline: string;
+    hoverLinks: HoverLink[];
+}>;
+export declare const MouseTrackCta: (props: MouseTrackCtaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MouseTrackCtaDefaults: MouseTrackCtaProps;
+export {};