dune-react 0.0.29 → 0.0.31

package/dist/components/puck-block/feature-sections/feature-list-split/index.d.ts

@@ -0,0 +1,246 @@
+import { FeatureListSplit, FeatureListSplitDefaults } from "./component";
+import type { FeatureListSplitProps } from "./component";
+export { FeatureListSplit, FeatureListSplitDefaults };
+export type { FeatureListSplitProps };
+declare const conf: {
+    fields: {
+        featureSections: {
+            type: string;
+            getItemSummary: (item: {
+                heading?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                icon: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                heading: {
+                    type: string;
+                };
+                description: {
+                    type: string;
+                };
+                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";
+                    };
+                };
+            };
+        };
+        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";
+            };
+        };
+        image: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        video: {
+            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: "Video";
+                        readonly value: "video";
+                    }, {
+                        readonly label: "Play Button";
+                        readonly value: "play";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: FeatureListSplitProps;
+    render: (props: FeatureListSplitProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,5 @@
+export { default as FeatureCardsGridConf } from "./feature-cards-grid";
+export { default as FeatureListSplitConf } from "./feature-list-split";
+export { default as TabFeatureConf } from "./tab-feature";
+export { default as TextMediaSplitConf } from "./text-media-split";
+export { default as TextOnlySectionConf } from "./text-only-section";

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

@@ -0,0 +1,150 @@
+/**
+ * Feature Section 共享 Props
+ *
+ * 基础类型引用自 ../props/（全局共享）
+ * FeatureSectionStyles 为 feature 特有的样式字段
+ */
+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 FeatureSectionStyles {
+    className?: string;
+    style?: React.CSSProperties;
+    css?: string;
+    mediaType?: "image" | "video" | "play";
+    textLayout?: "single" | "twoColumn";
+    bgMedia?: "none" | "image" | "video";
+    contentSlots?: "default" | "subHeadings" | "subHeadingsInlineIcon" | "subHeadingsBlockIcon" | "logos" | "checklist" | "bulletList" | "icon" | "stats";
+    featureCardLayout?: "grid" | "list";
+    bordered?: boolean;
+    hasTagline?: boolean;
+    hasButtons?: boolean;
+}
+export interface FeatureSectionBaseProps {
+    tagline: string;
+    heading: string;
+    description: string;
+    buttons: BaseButton[];
+    image: BaseImage;
+    video: string;
+    styles: FeatureSectionStyles;
+}
+export declare const featureStyleFields: {
+    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 textLayout: {
+        readonly type: "radio";
+        readonly label: "Text Layout";
+        readonly options: readonly [{
+            readonly label: "Single";
+            readonly value: "single";
+        }, {
+            readonly label: "Two Column";
+            readonly value: "twoColumn";
+        }];
+    };
+    readonly bgMedia: {
+        readonly type: "radio";
+        readonly label: "Background Media";
+        readonly options: readonly [{
+            readonly label: "None";
+            readonly value: "none";
+        }, {
+            readonly label: "Image";
+            readonly value: "image";
+        }, {
+            readonly label: "Video";
+            readonly value: "video";
+        }];
+    };
+    readonly contentSlots: {
+        readonly type: "select";
+        readonly label: "Content Slots";
+        readonly options: readonly [{
+            readonly label: "Default";
+            readonly value: "default";
+        }, {
+            readonly label: "Sub Headings";
+            readonly value: "subHeadings";
+        }, {
+            readonly label: "Inline Icon + Text";
+            readonly value: "subHeadingsInlineIcon";
+        }, {
+            readonly label: "Block Icon + Text";
+            readonly value: "subHeadingsBlockIcon";
+        }, {
+            readonly label: "Logos";
+            readonly value: "logos";
+        }, {
+            readonly label: "Checklist";
+            readonly value: "checklist";
+        }, {
+            readonly label: "Bullet List";
+            readonly value: "bulletList";
+        }, {
+            readonly label: "Icon";
+            readonly value: "icon";
+        }, {
+            readonly label: "Stats";
+            readonly value: "stats";
+        }];
+    };
+    readonly featureCardLayout: {
+        readonly type: "radio";
+        readonly label: "Feature Card Layout";
+        readonly options: readonly [{
+            readonly label: "Grid";
+            readonly value: "grid";
+        }, {
+            readonly label: "List";
+            readonly value: "list";
+        }];
+    };
+    readonly bordered: {
+        readonly type: "radio";
+        readonly label: "Bordered";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+    readonly hasTagline: {
+        readonly type: "radio";
+        readonly label: "Show Tagline";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+    readonly hasButtons: {
+        readonly type: "radio";
+        readonly label: "Show Buttons";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+};
+/** 将 FeatureSectionBaseProps 与组件特有字段合并，生成最终 Props */
+export type FeatureComponentProps<T extends object = object> = React.ComponentPropsWithoutRef<"section"> & Partial<FeatureSectionBaseProps> & Partial<T>;

package/dist/components/puck-block/feature-sections/tab-feature/component.d.ts

@@ -0,0 +1,16 @@
+import type { FeatureComponentProps, BaseImage } from "../props";
+type TabItem = {
+    value: string;
+    heading: string;
+    description: string;
+    image?: BaseImage;
+    videoUrl?: string;
+};
+type TabFeatureExtra = {
+    defaultTabValue: string;
+    tabs: TabItem[];
+};
+export type TabFeatureProps = FeatureComponentProps<TabFeatureExtra>;
+export declare const TabFeature: (props: TabFeatureProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabFeatureDefaults: TabFeatureProps;
+export {};

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

@@ -0,0 +1,43 @@
+import { TabFeature, TabFeatureDefaults } from "./component";
+import type { TabFeatureProps } from "./component";
+export { TabFeature, TabFeatureDefaults };
+export type { TabFeatureProps };
+declare const conf: {
+    fields: {
+        defaultTabValue: {
+            type: string;
+        };
+        tabs: {
+            type: string;
+            getItemSummary: (item: {
+                heading?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                value: {
+                    type: string;
+                };
+                heading: {
+                    type: string;
+                };
+                description: {
+                    type: string;
+                };
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                videoUrl: {
+                    type: string;
+                };
+            };
+        };
+    };
+    defaultProps: TabFeatureProps;
+    render: (props: TabFeatureProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/feature-sections/text-media-split/component.d.ts

@@ -0,0 +1,4 @@
+import type { FeatureComponentProps, FeatureSectionBaseProps } from "../props";
+export type TextMediaSplitProps = FeatureComponentProps;
+export declare const TextMediaSplit: (props: TextMediaSplitProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextMediaSplitDefaults: Partial<FeatureSectionBaseProps>;

package/dist/components/puck-block/feature-sections/text-media-split/index.d.ts

@@ -0,0 +1,209 @@
+import { TextMediaSplit, TextMediaSplitDefaults } from "./component";
+import type { TextMediaSplitProps } from "./component";
+export { TextMediaSplit, TextMediaSplitDefaults };
+export type { TextMediaSplitProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        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";
+            };
+        };
+        image: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        video: {
+            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: "Video";
+                        readonly value: "video";
+                    }, {
+                        readonly label: "Play Button";
+                        readonly value: "play";
+                    }];
+                };
+                contentSlots: {
+                    readonly type: "select";
+                    readonly label: "Content Slots";
+                    readonly options: readonly [{
+                        readonly label: "Default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "Sub Headings";
+                        readonly value: "subHeadings";
+                    }, {
+                        readonly label: "Inline Icon + Text";
+                        readonly value: "subHeadingsInlineIcon";
+                    }, {
+                        readonly label: "Block Icon + Text";
+                        readonly value: "subHeadingsBlockIcon";
+                    }, {
+                        readonly label: "Logos";
+                        readonly value: "logos";
+                    }, {
+                        readonly label: "Checklist";
+                        readonly value: "checklist";
+                    }, {
+                        readonly label: "Bullet List";
+                        readonly value: "bulletList";
+                    }, {
+                        readonly label: "Icon";
+                        readonly value: "icon";
+                    }, {
+                        readonly label: "Stats";
+                        readonly value: "stats";
+                    }];
+                };
+                hasTagline: {
+                    readonly type: "radio";
+                    readonly label: "Show Tagline";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                hasButtons: {
+                    readonly type: "radio";
+                    readonly label: "Show Buttons";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").FeatureSectionBaseProps>;
+    render: (props: TextMediaSplitProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;