dune-react 0.0.41 → 0.0.43

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

@@ -31,6 +31,85 @@ declare const conf: {
                 };
             };
         };
+        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";
+            };
+        };
         media: {
             type: "object";
             objectFields: {

package/dist/components/puck-block/metrics-sections/center-media-stats/index.js

@@ -1,5 +1,6 @@
 import { CenterMediaStats, CenterMediaStatsDefaults } from "./center-media-stats.js";
 import { headingField, descriptionField } from "../../../puck-core/core/props/content.js";
+import { buttonsField } from "../../../puck-core/core/props/interactive.js";
 import { mediaField } from "../../../puck-core/core/props/media.js";
 import { metricsStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
@@ -17,6 +18,7 @@ const conf = {
         heading: headingField
       }
     },
+    buttons: buttonsField,
     media: mediaField,
     styles: {
       type: "object",

package/dist/components/puck-block/metrics-sections/header-stats-row/header-stats-row.js

@@ -75,7 +75,11 @@ const HeaderStatsRow = (props) => {
         /* @__PURE__ */ jsx("h2", { className: cn("mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", textColorClass), children: heading }),
         /* @__PURE__ */ jsx("p", { className: cn("md:text-md", textColorClass), children: description })
       ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-y-8 md:grid-cols-3 md:gap-x-8 lg:gap-x-12 lg:gap-y-16", children: stats.map((stat, index) => renderStat(stat, index)) })
+      /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-y-8 md:gap-x-8 lg:gap-x-12 lg:gap-y-16", {
+        "md:grid-cols-2 lg:grid-cols-2": stats.length === 2,
+        "md:grid-cols-3 lg:grid-cols-3": stats.length === 3,
+        "md:grid-cols-2 lg:grid-cols-4": stats.length >= 4
+      }), children: stats.map((stat, index) => renderStat(stat, index)) })
     ] })
   ] });
 };
@@ -88,6 +92,7 @@ const HeaderStatsRowDefaults = {
     { label: "Button", variant: "link" }
   ],
   stats: [
+    { percentage: "30%", heading: "Short heading goes here" },
     { percentage: "30%", heading: "Short heading goes here" },
     { percentage: "30%", heading: "Short heading goes here" },
     { percentage: "30%", heading: "Short heading goes here" }

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

@@ -36,6 +36,61 @@ declare const conf: {
                         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: {

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

@@ -1,5 +1,6 @@
 import { PricingCardGrid, PricingCardGridDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonField } from "../../../puck-core/core/props/interactive.js";
 import { pricingStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -17,7 +18,8 @@ const conf = {
         features: {
           type: "array",
           arrayFields: { type: "text" }
-        }
+        },
+        button: buttonField
       }
     },
     styles: {

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

@@ -21,9 +21,9 @@ const PricingComparisonTable = (props) => {
     className: sectionClassName,
     style: sectionStyle,
     css,
-    tabSwitching = false,
+    tabSwitching = "false",
     tableStyle = "border-separated",
-    bottomButtons = false
+    bottomButtons = "false"
   } = styles ?? {};
   const renderHeader = (plans) => /* @__PURE__ */ jsxs("div", { className: "sticky top-0 grid grid-cols-3 border-b border-border-primary bg-background-primary md:grid-cols-[1.5fr_1fr_1fr_1fr]", children: [
     /* @__PURE__ */ jsx("div", { className: "hidden md:block" }),
@@ -131,7 +131,7 @@ const PricingComparisonTable = (props) => {
           /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
           /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
         ] }),
-        tabSwitching && tabs ? /* @__PURE__ */ jsxs(Tabs, { defaultValue: defaultTabValue || "monthly", children: [
+        tabSwitching === "true" && tabs ? /* @__PURE__ */ jsxs(Tabs, { defaultValue: defaultTabValue || "monthly", children: [
           /* @__PURE__ */ jsx(TabsList, { className: "mx-auto mb-12 w-fit", children: tabs.map((tab, index) => /* @__PURE__ */ jsx(TabsTrigger, { value: tab.value, children: tab.tabName }, index)) }),
           tabs.map((tab, index) => /* @__PURE__ */ jsxs(
             TabsContent,
@@ -141,7 +141,7 @@ const PricingComparisonTable = (props) => {
               children: [
                 renderHeader(tab.pricingPlans),
                 renderFeatures(),
-                bottomButtons && renderBottomButtons(tab.pricingPlans)
+                bottomButtons === "true" && renderBottomButtons(tab.pricingPlans)
               ]
             },
             index
@@ -149,7 +149,7 @@ const PricingComparisonTable = (props) => {
         ] }) : /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
           renderHeader(pricingPlans),
           renderFeatures(),
-          bottomButtons && renderBottomButtons(pricingPlans)
+          bottomButtons === "true" && renderBottomButtons(pricingPlans)
         ] })
       ] })
     }
@@ -210,9 +210,9 @@ const PricingComparisonTableDefaults = {
     }
   ],
   styles: {
-    tabSwitching: false,
+    tabSwitching: "false",
     tableStyle: "border-separated",
-    bottomButtons: false
+    bottomButtons: "false"
   }
 };
 export {

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

@@ -30,6 +30,61 @@ declare const conf: {
                 description: {
                     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;
+                        };
+                    };
+                };
             };
         };
         featureCategories: {

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

@@ -1,5 +1,6 @@
 import { PricingComparisonTable, PricingComparisonTableDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonField } from "../../../puck-core/core/props/interactive.js";
 import { pricingStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -13,7 +14,8 @@ const conf = {
       arrayFields: {
         planName: { type: "text" },
         monthlyPrice: { type: "text" },
-        description: { type: "textarea" }
+        description: { type: "textarea" },
+        button: buttonField
       }
     },
     featureCategories: {

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

@@ -13,9 +13,9 @@ export interface PricingSectionStyles {
     css?: string;
     cardLayout?: "center-price" | "icon-corner" | "name-desc-divider" | "icon-name-inline";
     columns?: "2" | "3";
-    tabSwitching?: boolean;
+    tabSwitching?: string;
     tableStyle?: "border-separated" | "zebra-striped";
-    bottomButtons?: boolean;
+    bottomButtons?: string;
 }
 export interface PricingSectionBaseProps {
     tagline: string;

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

@@ -34,6 +34,70 @@ declare const conf: {
                         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;
+                        };
+                    };
+                };
+                icon: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
             };
         };
         styles: {

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

@@ -1,5 +1,7 @@
 import { SinglePricingCard, SinglePricingCardDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { pricingStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -17,7 +19,9 @@ const conf = {
         features: {
           type: "array",
           arrayFields: { type: "text" }
-        }
+        },
+        button: buttonField,
+        icon: mediaField
       }
     },
     styles: {

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

@@ -27,6 +27,15 @@ declare const conf: {
                 description: {
                     type: string;
                 };
+                icon: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
             };
         };
         pricingPlan: {
@@ -42,6 +51,67 @@ declare const conf: {
                 monthlyPrice: {
                     type: string;
                 };
+                features: {
+                    type: string;
+                    arrayFields: {
+                        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: {

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

@@ -1,5 +1,7 @@
 import { SplitPricing, SplitPricingDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
   fields: {
@@ -11,7 +13,8 @@ const conf = {
       getItemSummary: (item, index = 0) => item.heading || `Feature ${index + 1}`,
       arrayFields: {
         heading: { type: "text" },
-        description: { type: "textarea" }
+        description: { type: "textarea" },
+        icon: mediaField
       }
     },
     pricingPlan: {
@@ -20,7 +23,9 @@ const conf = {
       objectFields: {
         planName: { type: "text" },
         description: { type: "textarea" },
-        monthlyPrice: { type: "text" }
+        monthlyPrice: { type: "text" },
+        features: { type: "array", arrayFields: { type: "text" } },
+        button: buttonField
       }
     },
     styles: {

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

@@ -34,6 +34,84 @@ declare const conf: {
                 value: {
                     type: string;
                 };
+                plans: {
+                    type: string;
+                    arrayFields: {
+                        planName: {
+                            type: string;
+                        };
+                        monthlyPrice: {
+                            type: string;
+                        };
+                        yearlyPrice: {
+                            type: string;
+                        };
+                        description: {
+                            type: string;
+                        };
+                        features: {
+                            type: string;
+                            arrayFields: {
+                                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: {

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

@@ -1,5 +1,6 @@
 import { TabPricingGrid, TabPricingGridDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonField } from "../../../puck-core/core/props/interactive.js";
 import { pricingStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -19,7 +20,18 @@ const conf = {
       getItemSummary: (item, index = 0) => item.tabName || `Tab ${index + 1}`,
       arrayFields: {
         tabName: { type: "text" },
-        value: { type: "text" }
+        value: { type: "text" },
+        plans: {
+          type: "array",
+          arrayFields: {
+            planName: { type: "text" },
+            monthlyPrice: { type: "text" },
+            yearlyPrice: { type: "text" },
+            description: { type: "textarea" },
+            features: { type: "array", arrayFields: { type: "text" } },
+            button: buttonField
+          }
+        }
       }
     },
     styles: {