dune-react 0.0.40 → 0.0.42

package/dist/components/puck-block/contact-sections/location-cards-grid/index.d.ts

@@ -15,6 +15,153 @@ declare const conf: {
             readonly type: "textarea";
             readonly contentEditable: true;
         };
+        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;
+                };
+            };
+        };
+        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: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        contacts: {
+            type: string;
+            arrayFields: {};
+        };
         locations: {
             type: string;
             max: number;

package/dist/components/puck-block/contact-sections/location-cards-grid/index.js

@@ -1,6 +1,6 @@
 import { LocationCardsGrid, LocationCardsGridDefaults } from "./location-cards-grid.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
-import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { buttonField, buttonsField } from "../../../puck-core/core/props/interactive.js";
 import { mediaField } from "../../../puck-core/core/props/media.js";
 import { contactStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
@@ -9,6 +9,10 @@ const conf = {
     tagline: { type: "text" },
     heading: headingField,
     description: descriptionField,
+    button: buttonField,
+    buttons: buttonsField,
+    media: mediaField,
+    contacts: { type: "array", arrayFields: {} },
     locations: {
       type: "array",
       max: 6,

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

@@ -16,7 +16,7 @@ export interface ContactSectionStyles {
     mediaPosition?: "left" | "right";
     mediaType?: "image" | "map";
     columns?: 3 | 4;
-    hasHeader?: boolean;
+    hasHeader?: string;
     headerAlign?: "left" | "center";
     modalType?: "dialog" | "sheet-right" | "sheet-bottom";
 }

package/dist/components/puck-block/contact-sections/split-info-form/index.d.ts

@@ -79,6 +79,102 @@ 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: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        contacts: {
+            type: string;
+            arrayFields: {};
+        };
+        locations: {
+            type: string;
+            arrayFields: {};
+        };
         styles: {
             type: string;
             label: string;

package/dist/components/puck-block/contact-sections/split-info-form/index.js

@@ -1,6 +1,7 @@
 import { SplitInfoForm, SplitInfoFormDefaults } from "./split-info-form.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
-import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { buttonsField, buttonField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { contactStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -12,6 +13,10 @@ const conf = {
     phone: { type: "text" },
     address: { type: "text" },
     button: buttonField,
+    buttons: buttonsField,
+    media: mediaField,
+    contacts: { type: "array", arrayFields: {} },
+    locations: { type: "array", arrayFields: {} },
     styles: {
       type: "object",
       label: "Styles",

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

@@ -15,6 +15,153 @@ declare const conf: {
             readonly type: "textarea";
             readonly contentEditable: true;
         };
+        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;
+                };
+            };
+        };
+        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: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        contacts: {
+            type: string;
+            arrayFields: {};
+        };
         locations: {
             type: string;
             max: number;

package/dist/components/puck-block/contact-sections/tab-locations/index.js

@@ -1,7 +1,7 @@
 import { TabLocations, TabLocationsDefaults } from "./tab-locations.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonField, buttonsField } from "../../../puck-core/core/props/interactive.js";
 import { mediaField } from "../../../puck-core/core/props/media.js";
-import { buttonField } from "../../../puck-core/core/props/interactive.js";
 import { contactStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -9,6 +9,10 @@ const conf = {
     tagline: { type: "text" },
     heading: headingField,
     description: descriptionField,
+    button: buttonField,
+    buttons: buttonsField,
+    media: mediaField,
+    contacts: { type: "array", arrayFields: {} },
     locations: {
       type: "array",
       max: 6,

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

@@ -16,7 +16,7 @@ export interface CtaSectionStyles {
     mediaPosition?: "left" | "right";
     bgMedia?: "none" | "fullscreenImage" | "fullscreenVideo" | "containerImage" | "containerVideo";
     formType?: "buttons" | "email";
-    bordered?: boolean;
+    bordered?: string;
     bottomContent?: "none" | "image" | "logos";
     listStyle?: "center" | "numbered";
 }

package/dist/components/puck-block/cta-sections/props.js

@@ -36,6 +36,14 @@ const ctaStyleFields = {
       { label: "Container Video", value: "containerVideo" }
     ]
   },
+  formType: {
+    type: "radio",
+    label: "Form Type",
+    options: [
+      { label: "Buttons", value: "buttons" },
+      { label: "Email", value: "email" }
+    ]
+  },
   bordered: {
     type: "radio",
     label: "Bordered",

package/dist/components/puck-block/cta-sections/side-media-cta/index.d.ts

@@ -108,6 +108,70 @@ declare const conf: {
                 src: string;
             };
         };
+        video: {
+            type: string;
+        };
+        inputPlaceholder: {
+            type: string;
+        };
+        formButton: {
+            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;
+                };
+            };
+        };
+        termsAndConditions: {
+            type: string;
+        };
         styles: {
             type: string;
             label: string;
@@ -156,6 +220,17 @@ declare const conf: {
                         readonly value: "false";
                     }];
                 };
+                formType: {
+                    readonly type: "radio";
+                    readonly label: "Form Type";
+                    readonly options: readonly [{
+                        readonly label: "Buttons";
+                        readonly value: "buttons";
+                    }, {
+                        readonly label: "Email";
+                        readonly value: "email";
+                    }];
+                };
             };
         };
     };

package/dist/components/puck-block/cta-sections/side-media-cta/index.js

@@ -1,6 +1,6 @@
 import { SideMediaCta, SideMediaCtaDefaults } from "./side-media-cta.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
-import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { buttonField, buttonsField } from "../../../puck-core/core/props/interactive.js";
 import { mediasField } from "../../../puck-core/core/props/media.js";
 import { ctaStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
@@ -10,17 +10,17 @@ const conf = {
     description: descriptionField,
     buttons: buttonsField,
     medias: mediasField,
-    // TODO: email form 字段待设计完成后启用
-    // inputPlaceholder: { type: "text" },
-    // formButton: buttonField,
-    // termsAndConditions: { type: "textarea" },
+    video: { type: "text" },
+    inputPlaceholder: { type: "text" },
+    formButton: buttonField,
+    termsAndConditions: { type: "textarea" },
     styles: {
       type: "object",
       label: "Styles",
       objectFields: {
         mediaPosition: ctaStyleFields.mediaPosition,
         bordered: ctaStyleFields.bordered,
-        // formType: ctaStyleFields.formType,
+        formType: ctaStyleFields.formType,
         ...sectionWrapperFields
       }
     }

package/dist/components/puck-block/cta-sections/side-media-cta/side-media-cta.js

@@ -24,7 +24,7 @@ const SideMediaCta = (props) => {
     style: sectionStyle,
     css,
     mediaPosition = "right",
-    bordered = false
+    bordered = "false"
     // formType = "buttons",
   } = styles ?? {};
   const renderActions = () => {
@@ -37,7 +37,7 @@ const SideMediaCta = (props) => {
   ] });
   const mediaContent = /* @__PURE__ */ jsx("div", { className: cn({ "flex items-center justify-center": bordered }), children: /* @__PURE__ */ jsx(CompoundMedia, { src: (_a = medias == null ? void 0 : medias[0]) == null ? void 0 : _a.src, className: "w-full object-cover", alt: (_b = medias == null ? void 0 : medias[0]) == null ? void 0 : _b.alt }) });
   const isLeftMedia = mediaPosition === "left";
-  if (bordered) {
+  if (bordered === "true") {
     return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-6 md:py-8 lg:py-10", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsx("div", { className: "grid auto-cols-fr grid-cols-1 border border-border-primary lg:grid-cols-2", children: isLeftMedia ? /* @__PURE__ */ jsxs(Fragment, { children: [
       mediaContent,
       textContent
@@ -74,7 +74,7 @@ const SideMediaCtaDefaults = {
   `,
   styles: {
     mediaPosition: "right",
-    bordered: false,
+    bordered: "false",
     formType: "buttons"
   }
 };