dune-react 0.0.29 → 0.0.30

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

@@ -0,0 +1,91 @@
+/**
+ * Pricing Section 共享 Props
+ *
+ * 基础类型引用自 ../props/（全局共享）
+ * PricingSectionStyles 为 pricing 特有的样式字段
+ */
+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 PricingSectionStyles {
+    className?: string;
+    style?: React.CSSProperties;
+    css?: string;
+    cardLayout?: "center-price" | "icon-corner" | "name-desc-divider" | "icon-name-inline";
+    columns?: 2 | 3;
+    tabSwitching?: boolean;
+    tableStyle?: "border-separated" | "zebra-striped";
+    bottomButtons?: boolean;
+}
+export interface PricingSectionBaseProps {
+    tagline: string;
+    heading: string;
+    description: string;
+    styles: PricingSectionStyles;
+}
+/** 各 styles 字段的 Puck field 选项 */
+export declare const pricingStyleFields: {
+    readonly cardLayout: {
+        readonly type: "select";
+        readonly label: "Card Layout";
+        readonly options: readonly [{
+            readonly label: "Center Price";
+            readonly value: "center-price";
+        }, {
+            readonly label: "Icon Corner";
+            readonly value: "icon-corner";
+        }, {
+            readonly label: "Name + Desc + Divider";
+            readonly value: "name-desc-divider";
+        }, {
+            readonly label: "Icon + Name Inline";
+            readonly value: "icon-name-inline";
+        }];
+    };
+    readonly columns: {
+        readonly type: "radio";
+        readonly label: "Columns";
+        readonly options: readonly [{
+            readonly label: "2";
+            readonly value: "2";
+        }, {
+            readonly label: "3";
+            readonly value: "3";
+        }];
+    };
+    readonly tabSwitching: {
+        readonly type: "radio";
+        readonly label: "Tab Switching";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+    readonly tableStyle: {
+        readonly type: "radio";
+        readonly label: "Table Style";
+        readonly options: readonly [{
+            readonly label: "Border Separated";
+            readonly value: "border-separated";
+        }, {
+            readonly label: "Zebra Striped";
+            readonly value: "zebra-striped";
+        }];
+    };
+    readonly bottomButtons: {
+        readonly type: "radio";
+        readonly label: "Bottom Buttons";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+};
+/** 将 PricingSectionBaseProps 与组件特有字段合并，生成最终 Props */
+export type PricingComponentProps<T extends object = object> = React.ComponentPropsWithoutRef<"section"> & Partial<PricingSectionBaseProps> & Partial<T>;

package/dist/components/puck-block/pricing-sections/single-pricing-card/component.d.ts

@@ -0,0 +1,17 @@
+import type { PricingComponentProps, BaseImage, BaseButton } from "../props";
+type PricingPlan = {
+    icon?: BaseImage;
+    planName: string;
+    description?: string;
+    monthlyPrice: string;
+    yearlyPrice: string;
+    features: string[];
+    button: BaseButton;
+};
+type SinglePricingCardExtra = {
+    pricingPlan: PricingPlan;
+};
+export type SinglePricingCardProps = PricingComponentProps<SinglePricingCardExtra>;
+export declare const SinglePricingCard: (props: SinglePricingCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SinglePricingCardDefaults: SinglePricingCardProps;
+export {};

package/dist/components/puck-block/pricing-sections/single-pricing-card/index.d.ts

@@ -0,0 +1,88 @@
+import { SinglePricingCard, SinglePricingCardDefaults } from "./component";
+import type { SinglePricingCardProps } from "./component";
+export { SinglePricingCard, SinglePricingCardDefaults };
+export type { SinglePricingCardProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        pricingPlan: {
+            type: string;
+            label: string;
+            objectFields: {
+                planName: {
+                    type: string;
+                };
+                monthlyPrice: {
+                    type: string;
+                };
+                yearlyPrice: {
+                    type: string;
+                };
+                features: {
+                    type: string;
+                    arrayFields: {
+                        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.";
+                    };
+                };
+                cardLayout: {
+                    readonly type: "select";
+                    readonly label: "Card Layout";
+                    readonly options: readonly [{
+                        readonly label: "Center Price";
+                        readonly value: "center-price";
+                    }, {
+                        readonly label: "Icon Corner";
+                        readonly value: "icon-corner";
+                    }, {
+                        readonly label: "Name + Desc + Divider";
+                        readonly value: "name-desc-divider";
+                    }, {
+                        readonly label: "Icon + Name Inline";
+                        readonly value: "icon-name-inline";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: SinglePricingCardProps;
+    render: (props: SinglePricingCardProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/pricing-sections/split-pricing/component.d.ts

@@ -0,0 +1,21 @@
+import type { PricingComponentProps, BaseImage, BaseButton } from "../props";
+type FeatureSection = {
+    icon: BaseImage;
+    heading: string;
+    description: string;
+};
+type PricingPlan = {
+    planName: string;
+    description: string;
+    monthlyPrice: string;
+    features: string[];
+    button: BaseButton;
+};
+type SplitPricingExtra = {
+    featureSections: FeatureSection[];
+    pricingPlan: PricingPlan;
+};
+export type SplitPricingProps = PricingComponentProps<SplitPricingExtra>;
+export declare const SplitPricing: (props: SplitPricingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SplitPricingDefaults: SplitPricingProps;
+export {};

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

@@ -0,0 +1,79 @@
+import { SplitPricing, SplitPricingDefaults } from "./component";
+import type { SplitPricingProps } from "./component";
+export { SplitPricing, SplitPricingDefaults };
+export type { SplitPricingProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        featureSections: {
+            type: string;
+            getItemSummary: (item: {
+                heading?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                heading: {
+                    type: string;
+                };
+                description: {
+                    type: string;
+                };
+            };
+        };
+        pricingPlan: {
+            type: string;
+            label: string;
+            objectFields: {
+                planName: {
+                    type: string;
+                };
+                description: {
+                    type: string;
+                };
+                monthlyPrice: {
+                    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.";
+                    };
+                };
+            };
+        };
+    };
+    defaultProps: SplitPricingProps;
+    render: (props: SplitPricingProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,24 @@
+import type { PricingComponentProps, BaseImage, BaseButton } from "../props";
+type Billing = "monthly" | "yearly";
+type PricingPlan = {
+    icon?: BaseImage;
+    planName: string;
+    description?: string;
+    price: string;
+    discount?: string;
+    features: string[];
+    button: BaseButton;
+};
+type Tab = {
+    value: Billing;
+    tabName: string;
+    plans: PricingPlan[];
+};
+type TabPricingGridExtra = {
+    defaultTabValue: Billing;
+    tabs: Tab[];
+};
+export type TabPricingGridProps = PricingComponentProps<TabPricingGridExtra>;
+export declare const TabPricingGrid: (props: TabPricingGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabPricingGridDefaults: TabPricingGridProps;
+export {};

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

@@ -0,0 +1,99 @@
+import { TabPricingGrid, TabPricingGridDefaults } from "./component";
+import type { TabPricingGridProps } from "./component";
+export { TabPricingGrid, TabPricingGridDefaults };
+export type { TabPricingGridProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        defaultTabValue: {
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+        };
+        tabs: {
+            type: string;
+            getItemSummary: (item: {
+                tabName?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                tabName: {
+                    type: string;
+                };
+                value: {
+                    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: "2";
+                        readonly value: "2";
+                    }, {
+                        readonly label: "3";
+                        readonly value: "3";
+                    }];
+                };
+                cardLayout: {
+                    readonly type: "select";
+                    readonly label: "Card Layout";
+                    readonly options: readonly [{
+                        readonly label: "Center Price";
+                        readonly value: "center-price";
+                    }, {
+                        readonly label: "Icon Corner";
+                        readonly value: "icon-corner";
+                    }, {
+                        readonly label: "Name + Desc + Divider";
+                        readonly value: "name-desc-divider";
+                    }, {
+                        readonly label: "Icon + Name Inline";
+                        readonly value: "icon-name-inline";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: TabPricingGridProps;
+    render: (props: TabPricingGridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,23 @@
+import type { PricingComponentProps, BaseImage, BaseButton } from "../props";
+type Billing = "monthly" | "yearly";
+type PricingPlan = {
+    icon?: BaseImage;
+    planName: string;
+    price: string;
+    discount?: string;
+    features: string[];
+    button: BaseButton;
+};
+type Tab = {
+    value: Billing;
+    tabName: string;
+    plans: PricingPlan[];
+};
+type TabSinglePricingExtra = {
+    defaultTabValue: Billing;
+    tabs: Tab[];
+};
+export type TabSinglePricingProps = PricingComponentProps<TabSinglePricingExtra>;
+export declare const TabSinglePricing: (props: TabSinglePricingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabSinglePricingDefaults: TabSinglePricingProps;
+export {};

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

@@ -0,0 +1,88 @@
+import { TabSinglePricing, TabSinglePricingDefaults } from "./component";
+import type { TabSinglePricingProps } from "./component";
+export { TabSinglePricing, TabSinglePricingDefaults };
+export type { TabSinglePricingProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        defaultTabValue: {
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+        };
+        tabs: {
+            type: string;
+            getItemSummary: (item: {
+                tabName?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                tabName: {
+                    type: string;
+                };
+                value: {
+                    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.";
+                    };
+                };
+                cardLayout: {
+                    readonly type: "select";
+                    readonly label: "Card Layout";
+                    readonly options: readonly [{
+                        readonly label: "Center Price";
+                        readonly value: "center-price";
+                    }, {
+                        readonly label: "Icon Corner";
+                        readonly value: "icon-corner";
+                    }, {
+                        readonly label: "Name + Desc + Divider";
+                        readonly value: "name-desc-divider";
+                    }, {
+                        readonly label: "Icon + Name Inline";
+                        readonly value: "icon-name-inline";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: TabSinglePricingProps;
+    render: (props: TabSinglePricingProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;