dune-react 0.0.29 → 0.0.31

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

@@ -0,0 +1,193 @@
+import { SplitStats, SplitStatsDefaults } from "./split-stats";
+import type { SplitStatsProps } from "./split-stats";
+export { SplitStats, SplitStatsDefaults };
+export type { SplitStatsProps };
+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";
+            };
+        };
+        stats: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                heading?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                percentage: {
+                    type: string;
+                };
+                heading: {
+                    readonly type: "text";
+                    readonly contentEditable: true;
+                };
+            };
+        };
+        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.";
+                    };
+                };
+                statsLayout: {
+                    readonly type: "radio";
+                    readonly label: "Stats Layout";
+                    readonly options: readonly [{
+                        readonly label: "2x2 Grid";
+                        readonly value: "2x2";
+                    }, {
+                        readonly label: "Single Column";
+                        readonly value: "single-column";
+                    }];
+                };
+                bgMedia: {
+                    readonly type: "select";
+                    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";
+                    }];
+                };
+                statsStyle: {
+                    readonly type: "select";
+                    readonly label: "Stats Style";
+                    readonly options: readonly [{
+                        readonly label: "Line (border-left)";
+                        readonly value: "line";
+                    }, {
+                        readonly label: "Card Plain";
+                        readonly value: "cardPlain";
+                    }, {
+                        readonly label: "Card Reversed";
+                        readonly value: "cardReversed";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").MetricsSectionBaseProps;
+    render: (props: SplitStatsProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/metrics-sections/split-stats/split-stats.d.ts

@@ -0,0 +1,4 @@
+import type { MetricsComponentProps, MetricsSectionBaseProps } from "../props";
+export type SplitStatsProps = MetricsComponentProps;
+export declare const SplitStats: (props: SplitStatsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SplitStatsDefaults: MetricsSectionBaseProps;

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

@@ -0,0 +1,113 @@
+import { TabStats, TabStatsDefaults } from "./tab-stats";
+import type { TabStatsProps } from "./tab-stats";
+export { TabStats, TabStatsDefaults };
+export type { TabStatsProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        defaultTabValue: {
+            type: string;
+        };
+        tabs: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                heading?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                value: {
+                    type: string;
+                };
+                percentage: {
+                    type: string;
+                };
+                heading: {
+                    readonly type: "text";
+                    readonly contentEditable: true;
+                };
+                description: {
+                    readonly type: "textarea";
+                    readonly contentEditable: true;
+                };
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                video: {
+                    type: string;
+                    objectFields: {
+                        image: {
+                            type: "object";
+                            objectFields: {
+                                src: import("@puckeditor/core").Field<string>;
+                                alt: {
+                                    type: "text";
+                                };
+                            };
+                        };
+                        url: {
+                            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.";
+                    };
+                };
+                mediaPosition: {
+                    readonly type: "radio";
+                    readonly label: "Media Position";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Right";
+                        readonly value: "right";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: TabStatsProps;
+    render: (props: TabStatsProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/metrics-sections/tab-stats/tab-stats.d.ts

@@ -0,0 +1,19 @@
+import type { MetricsComponentProps, BaseImage } from "../props";
+type TabStatItem = {
+    value: string;
+    percentage: string;
+    heading: string;
+    description: string;
+    image?: BaseImage;
+    video?: {
+        image: BaseImage;
+        url: string;
+    };
+};
+export type TabStatsProps = MetricsComponentProps<{
+    tabs: TabStatItem[];
+    defaultTabValue: string;
+}>;
+export declare const TabStats: (props: TabStatsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabStatsDefaults: TabStatsProps;
+export {};

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

@@ -0,0 +1,6 @@
+export { default as PricingCardGridConf } from "./pricing-card-grid";
+export { default as PricingComparisonTableConf } from "./pricing-comparison-table";
+export { default as SinglePricingCardConf } from "./single-pricing-card";
+export { default as SplitPricingConf } from "./split-pricing";
+export { default as TabPricingGridConf } from "./tab-pricing-grid";
+export { default as TabSinglePricingConf } from "./tab-single-pricing";

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

@@ -0,0 +1,15 @@
+import type { PricingComponentProps, BaseButton } from "../props";
+type PricingPlan = {
+    planName: string;
+    monthlyPrice: string;
+    yearlyPrice: string;
+    features: string[];
+    button: BaseButton;
+};
+type PricingCardGridExtra = {
+    pricingPlans: PricingPlan[];
+};
+export type PricingCardGridProps = PricingComponentProps<PricingCardGridExtra>;
+export declare const PricingCardGrid: (props: PricingCardGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PricingCardGridDefaults: PricingCardGridProps;
+export {};

package/dist/components/puck-block/pricing-sections/pricing-card-grid/component.js

@@ -8,9 +8,9 @@ const PricingCardGrid = (props) => {
     ...PricingCardGridDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, columns = 2 } = styles ?? {};
-  const gridColsClass = columns === 3 ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
-  const containerMaxW = columns === 3 ? "" : "max-w-xl";
+  const { className: sectionClassName, style: sectionStyle, css, columns = "2" } = styles ?? {};
+  const gridColsClass = columns === "3" ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
+  const containerMaxW = columns === "3" ? "" : "max-w-xl";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: `container ${containerMaxW}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "mx-auto mb-12 max-w-lg text-center md:mb-18 lg:mb-20", children: [
       /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
@@ -61,7 +61,7 @@ const PricingCardGridDefaults = {
     }
   ],
   styles: {
-    columns: 2,
+    columns: "2",
     cardLayout: "center-price"
   }
 };

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

@@ -0,0 +1,101 @@
+import { PricingCardGrid, PricingCardGridDefaults } from "./component";
+import type { PricingCardGridProps } from "./component";
+export { PricingCardGrid, PricingCardGridDefaults };
+export type { PricingCardGridProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        pricingPlans: {
+            type: string;
+            getItemSummary: (item: {
+                planName?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                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.";
+                    };
+                };
+                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: PricingCardGridProps;
+    render: (props: PricingCardGridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,31 @@
+import type { PricingComponentProps, BaseButton } from "../props";
+type Feature = {
+    text: string;
+    items: React.ReactNode[];
+};
+type FeatureCategory = {
+    title?: string;
+    features: Feature[];
+};
+type PricingPlan = {
+    planName: string;
+    monthlyPrice: string;
+    description: string;
+    button: BaseButton;
+};
+type Billing = "monthly" | "yearly";
+type Tab = {
+    value: Billing;
+    tabName: string;
+    pricingPlans: PricingPlan[];
+};
+type PricingComparisonTableExtra = {
+    pricingPlans: PricingPlan[];
+    featureCategories: FeatureCategory[];
+    defaultTabValue?: Billing;
+    tabs?: Tab[];
+};
+export type PricingComparisonTableProps = PricingComponentProps<PricingComparisonTableExtra>;
+export declare const PricingComparisonTable: (props: PricingComparisonTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PricingComparisonTableDefaults: PricingComparisonTableProps;
+export {};

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

@@ -0,0 +1,158 @@
+import { PricingComparisonTable, PricingComparisonTableDefaults } from "./component";
+import type { PricingComparisonTableProps } from "./component";
+export { PricingComparisonTable, PricingComparisonTableDefaults };
+export type { PricingComparisonTableProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        pricingPlans: {
+            type: string;
+            getItemSummary: (item: {
+                planName?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                planName: {
+                    type: string;
+                };
+                monthlyPrice: {
+                    type: string;
+                };
+                description: {
+                    type: string;
+                };
+            };
+        };
+        featureCategories: {
+            type: string;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                title: {
+                    type: string;
+                };
+            };
+        };
+        defaultTabValue: {
+            type: "radio";
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+        };
+        tabs: {
+            type: "array";
+            label: string;
+            getItemSummary: (item: {
+                tabName?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                value: {
+                    type: "radio";
+                    label: string;
+                    options: {
+                        label: string;
+                        value: string;
+                    }[];
+                };
+                tabName: {
+                    type: "text";
+                    label: string;
+                };
+                pricingPlans: {
+                    type: "array";
+                    label: string;
+                    getItemSummary: (item: {
+                        planName?: string;
+                    }, index?: number) => string;
+                    arrayFields: {
+                        planName: {
+                            type: "text";
+                        };
+                        monthlyPrice: {
+                            type: "text";
+                        };
+                        description: {
+                            type: "textarea";
+                        };
+                    };
+                };
+            };
+        };
+        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.";
+                    };
+                };
+                tabSwitching: {
+                    readonly type: "radio";
+                    readonly label: "Tab Switching";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                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";
+                    }];
+                };
+                bottomButtons: {
+                    readonly type: "radio";
+                    readonly label: "Bottom Buttons";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: PricingComparisonTableProps;
+    render: (props: PricingComparisonTableProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;