dune-react 0.0.29 → 0.0.31

package/dist/components/puck-block/showcase-sections/compact-timeline/component.d.ts

@@ -0,0 +1,13 @@
+import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseImage } from "../props";
+type TimelineItem = {
+    date: string;
+    description: string;
+    image?: BaseImage;
+};
+type CompactTimelineExtra = {
+    timelineItems: TimelineItem[];
+};
+export type CompactTimelineProps = ShowcaseComponentProps<CompactTimelineExtra>;
+export declare const CompactTimeline: (props: CompactTimelineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CompactTimelineDefaults: Partial<ShowcaseSectionBaseProps> & CompactTimelineExtra;
+export {};

package/dist/components/puck-block/showcase-sections/compact-timeline/index.d.ts

@@ -0,0 +1,169 @@
+import { CompactTimeline, CompactTimelineDefaults } from "./component";
+import type { CompactTimelineProps } from "./component";
+export { CompactTimeline, CompactTimelineDefaults };
+export type { CompactTimelineProps };
+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";
+            };
+        };
+        timelineItems: {
+            type: string;
+            getItemSummary: (item: {
+                date?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                date: {
+                    type: string;
+                };
+                description: {
+                    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.";
+                    };
+                };
+                hasImage: {
+                    readonly type: "radio";
+                    readonly label: "Show Images";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").ShowcaseSectionBaseProps> & {
+        timelineItems: {
+            date: string;
+            description: string;
+            image?: import("@/components/puck-core/core/props/media").BaseImage;
+        }[];
+    };
+    render: (props: CompactTimelineProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/showcase-sections/horizontal-timeline/component.d.ts

@@ -0,0 +1,13 @@
+import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseImage } from "../props";
+type TimelineItem = {
+    date: string;
+    description: string;
+    image?: BaseImage;
+};
+type HorizontalTimelineExtra = {
+    timelineItems: TimelineItem[];
+};
+export type HorizontalTimelineProps = ShowcaseComponentProps<HorizontalTimelineExtra>;
+export declare const HorizontalTimeline: (props: HorizontalTimelineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalTimelineDefaults: Partial<ShowcaseSectionBaseProps> & HorizontalTimelineExtra;
+export {};

package/dist/components/puck-block/showcase-sections/horizontal-timeline/index.d.ts

@@ -0,0 +1,169 @@
+import { HorizontalTimeline, HorizontalTimelineDefaults } from "./component";
+import type { HorizontalTimelineProps } from "./component";
+export { HorizontalTimeline, HorizontalTimelineDefaults };
+export type { HorizontalTimelineProps };
+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";
+            };
+        };
+        timelineItems: {
+            type: string;
+            getItemSummary: (item: {
+                date?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                date: {
+                    type: string;
+                };
+                description: {
+                    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.";
+                    };
+                };
+                hasImage: {
+                    readonly type: "radio";
+                    readonly label: "Show Images";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").ShowcaseSectionBaseProps> & {
+        timelineItems: {
+            date: string;
+            description: string;
+            image?: import("@/components/puck-core/core/props/media").BaseImage;
+        }[];
+    };
+    render: (props: HorizontalTimelineProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,6 @@
+export { default as CompactTimelineConf } from "./compact-timeline";
+export { default as HorizontalTimelineConf } from "./horizontal-timeline";
+export { default as SingleColumnTimelineConf } from "./single-column-timeline";
+export { default as StickyScrollTimelineConf } from "./sticky-scroll-timeline";
+export { default as TabTimelineConf } from "./tab-timeline";
+export { default as ZigzagTimelineConf } from "./zigzag-timeline";

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

@@ -0,0 +1,73 @@
+/**
+ * Showcase Section (Timeline) 共享 Props
+ *
+ * 基础类型引用自 ../props/（全局共享）
+ * ShowcaseSectionStyles 为 showcase/timeline 特有的样式字段
+ */
+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 ShowcaseSectionStyles {
+    className?: string;
+    style?: React.CSSProperties;
+    css?: string;
+    bordered?: boolean;
+    hasImage?: boolean;
+    contentLayout?: "image-only" | "text+image";
+    interaction?: "accordion" | "static";
+}
+export interface ShowcaseSectionBaseProps {
+    tagline: string;
+    heading: string;
+    description: string;
+    buttons: BaseButton[];
+    styles: ShowcaseSectionStyles;
+}
+export declare const showcaseStyleFields: {
+    readonly bordered: {
+        readonly type: "radio";
+        readonly label: "Bordered";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+    readonly hasImage: {
+        readonly type: "radio";
+        readonly label: "Show Images";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+    readonly contentLayout: {
+        readonly type: "radio";
+        readonly label: "Content Layout";
+        readonly options: readonly [{
+            readonly label: "Image Only";
+            readonly value: "image-only";
+        }, {
+            readonly label: "Text + Image";
+            readonly value: "text+image";
+        }];
+    };
+    readonly interaction: {
+        readonly type: "radio";
+        readonly label: "Interaction";
+        readonly options: readonly [{
+            readonly label: "Accordion";
+            readonly value: "accordion";
+        }, {
+            readonly label: "Static";
+            readonly value: "static";
+        }];
+    };
+};
+/** 将 ShowcaseSectionBaseProps 与组件特有字段合并，生成最终 Props */
+export type ShowcaseComponentProps<T extends object = object> = React.ComponentPropsWithoutRef<"section"> & Partial<ShowcaseSectionBaseProps> & Partial<T>;

package/dist/components/puck-block/showcase-sections/single-column-timeline/component.d.ts

@@ -0,0 +1,15 @@
+import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseButton, BaseImage } from "../props";
+type TimelineItem = {
+    heading: string;
+    title: string;
+    description: string;
+    buttons: BaseButton[];
+    image?: BaseImage;
+};
+type SingleColumnTimelineExtra = {
+    timelineItems: TimelineItem[];
+};
+export type SingleColumnTimelineProps = ShowcaseComponentProps<SingleColumnTimelineExtra>;
+export declare const SingleColumnTimeline: (props: SingleColumnTimelineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleColumnTimelineDefaults: Partial<ShowcaseSectionBaseProps> & SingleColumnTimelineExtra;
+export {};