dune-react 0.0.41 → 0.0.43

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"
   }
 };

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

@@ -26,7 +26,7 @@ const TextBlockCta = (props) => {
     css,
     textLayout = "left",
     bgMedia = "none",
-    bordered = false,
+    bordered = "false",
     // formType = "buttons",
     bottomContent = "none"
   } = styles ?? {};
@@ -95,7 +95,7 @@ const TextBlockCta = (props) => {
     }
     if (isInlineRow) {
       return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-start gap-6 md:flex-row md:items-center md:justify-between", {
-        "border border-border-primary p-8 md:p-12": bordered && !isFullscreenBg
+        "border border-border-primary p-8 md:p-12": bordered === "true" && !isFullscreenBg
       }), children: [
         /* @__PURE__ */ jsx("h2", { className: cn("text-5xl font-bold md:text-7xl lg:text-8xl", textColorClass), children: heading }),
         renderActions()
@@ -154,7 +154,7 @@ const TextBlockCtaDefaults = {
   styles: {
     textLayout: "left",
     bgMedia: "none",
-    bordered: false,
+    bordered: "false",
     // formType: "buttons",
     bottomContent: "none"
   }

package/dist/components/puck-block/faq-sections/dual-column-accordion-faq/dual-column-accordion-faq.js

@@ -16,7 +16,7 @@ const DualColumnAccordionFaq = (props) => {
     ...DualColumnAccordionFaqDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, bordered = false } = styles ?? {};
+  const { className: sectionClassName, style: sectionStyle, css, bordered = "false" } = styles ?? {};
   const halfLength = Math.ceil(questions.length / 2);
   const firstColumnQuestions = questions.slice(0, halfLength);
   const secondColumnQuestions = questions.slice(halfLength);
@@ -72,7 +72,7 @@ const DualColumnAccordionFaqDefaults = {
   footerDescription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Contact", variant: "secondary" },
   styles: {
-    bordered: false
+    bordered: "false"
   }
 };
 export {

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

@@ -13,8 +13,8 @@ export interface FaqSectionStyles {
     css?: string;
     textAlign?: "left" | "center";
     gridColumns?: "1" | "2" | "3";
-    bordered?: boolean;
-    hasFooter?: boolean;
+    bordered?: string;
+    hasFooter?: string;
 }
 export interface FaqQuestion {
     title: string;

package/dist/components/puck-block/faq-sections/stacked-accordion-faq/stacked-accordion-faq.js

@@ -21,8 +21,8 @@ const StackedAccordionFaq = (props) => {
     style: sectionStyle,
     css,
     textAlign = "center",
-    hasFooter = true,
-    bordered = false
+    hasFooter = "true",
+    bordered = "false"
   } = styles ?? {};
   const isCenter = textAlign === "center";
   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 max-w-lg", children: [
@@ -52,7 +52,7 @@ const StackedAccordionFaq = (props) => {
       },
       index
     )) }),
-    hasFooter && /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mt-12 max-w-md md:mt-18 lg:mt-20", { "text-center": isCenter }), children: [
+    hasFooter === "true" && /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mt-12 max-w-md md:mt-18 lg:mt-20", { "text-center": isCenter }), children: [
       /* @__PURE__ */ jsx("h4", { className: "mb-3 text-2xl font-bold md:mb-4 md:text-3xl md:leading-[1.3] lg:text-4xl", children: footerHeading }),
       /* @__PURE__ */ jsx("p", { className: "md:text-md", children: footerDescription }),
       /* @__PURE__ */ jsx("div", { className: "mt-6 md:mt-8", children: /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }) })
@@ -74,8 +74,8 @@ const StackedAccordionFaqDefaults = {
   button: { label: "Contact", variant: "secondary" },
   styles: {
     textAlign: "center",
-    hasFooter: true,
-    bordered: false
+    hasFooter: "true",
+    bordered: "false"
   }
 };
 export {

package/dist/components/puck-block/faq-sections/stacked-static-faq/stacked-static-faq.js

@@ -21,7 +21,7 @@ const StackedStaticFaq = (props) => {
     css,
     textAlign = "center",
     gridColumns = "1",
-    hasFooter = true
+    hasFooter = "true"
   } = styles ?? {};
   const isCenter = textAlign === "center";
   const isInline = gridColumns === "1" && textAlign === "left";
@@ -40,7 +40,7 @@ const StackedStaticFaq = (props) => {
       /* @__PURE__ */ jsx("h2", { className: "mb-3 text-base font-bold md:mb-4 md:text-md", children: question.title }),
       /* @__PURE__ */ jsx("p", { children: question.answer })
     ] }, index)) }),
-    hasFooter && /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mt-12 max-w-md md:mt-18 lg:mt-20", { "text-center": isCenter }), children: [
+    hasFooter === "true" && /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mt-12 max-w-md md:mt-18 lg:mt-20", { "text-center": isCenter }), children: [
       /* @__PURE__ */ jsx("h4", { className: "mb-3 text-2xl font-bold md:mb-4 md:text-3xl md:leading-[1.3] lg:text-4xl", children: footerHeading }),
       /* @__PURE__ */ jsx("p", { className: "md:text-md", children: footerDescription }),
       /* @__PURE__ */ jsx("div", { className: "mt-6 md:mt-8", children: /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }) })
@@ -63,7 +63,7 @@ const StackedStaticFaqDefaults = {
   styles: {
     textAlign: "center",
     gridColumns: "1",
-    hasFooter: true
+    hasFooter: "true"
   }
 };
 export {

package/dist/components/puck-block/faq-sections/two-column-accordion-faq/index.d.ts

@@ -67,6 +67,12 @@ declare const conf: {
                 };
             };
         };
+        footerHeading: {
+            type: string;
+        };
+        footerDescription: {
+            type: string;
+        };
         questions: {
             type: string;
             max: number;

package/dist/components/puck-block/faq-sections/two-column-accordion-faq/index.js

@@ -8,6 +8,8 @@ const conf = {
     heading: headingField,
     description: descriptionField,
     button: buttonField,
+    footerHeading: { type: "text" },
+    footerDescription: { type: "textarea" },
     questions: {
       type: "array",
       max: 20,

package/dist/components/puck-block/faq-sections/two-column-accordion-faq/two-column-accordion-faq.js

@@ -14,7 +14,7 @@ const TwoColumnAccordionFaq = (props) => {
     ...TwoColumnAccordionFaqDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, bordered = false } = styles ?? {};
+  const { className: sectionClassName, style: sectionStyle, css, bordered = "false" } = styles ?? {};
   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 grid grid-cols-1 gap-y-12 md:grid-cols-2 md:gap-x-12 lg:grid-cols-[.75fr,1fr] lg:gap-x-20", children: [
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("h2", { className: "rb-5 mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
@@ -51,7 +51,7 @@ const TwoColumnAccordionFaqDefaults = {
   footerHeading: "",
   footerDescription: "",
   styles: {
-    bordered: false
+    bordered: "false"
   }
 };
 export {

package/dist/components/puck-block/faq-sections/two-column-static-faq/index.d.ts

@@ -67,6 +67,12 @@ declare const conf: {
                 };
             };
         };
+        footerHeading: {
+            type: string;
+        };
+        footerDescription: {
+            type: string;
+        };
         questions: {
             type: string;
             max: number;

package/dist/components/puck-block/faq-sections/two-column-static-faq/index.js

@@ -6,6 +6,8 @@ const conf = {
     heading: headingField,
     description: descriptionField,
     button: buttonField,
+    footerHeading: { type: "text" },
+    footerDescription: { type: "textarea" },
     questions: {
       type: "array",
       max: 20,

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

@@ -16,9 +16,9 @@ export interface FeatureSectionStyles {
     bgMedia?: "none" | "image" | "video";
     contentSlots?: "default" | "subHeadings" | "subHeadingsInlineIcon" | "subHeadingsBlockIcon" | "logos" | "checklist" | "bulletList" | "icon" | "stats";
     featureCardLayout?: "grid" | "list";
-    bordered?: boolean;
-    hasTagline?: boolean;
-    hasButtons?: boolean;
+    bordered?: string;
+    hasTagline?: string;
+    hasButtons?: string;
 }
 export interface FeatureSectionBaseProps {
     tagline: string;

package/dist/components/puck-block/feature-sections/text-media-split/component.js

@@ -26,8 +26,8 @@ const TextMediaSplit = (props) => {
     style: sectionStyle,
     css,
     mediaType = "image",
-    hasTagline = true,
-    hasButtons = true
+    hasTagline = "true",
+    hasButtons = "true"
   } = styles ?? {};
   const [isIframeLoaded, setIsIframeLoaded] = useState(false);
   const renderMedia = () => {
@@ -63,10 +63,10 @@ const TextMediaSplit = (props) => {
   };
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-y-12 md:grid-cols-2 md:items-center md:gap-x-12 lg:gap-x-20", children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      hasTagline && /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
+      hasTagline === "true" && /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
       /* @__PURE__ */ jsx("h2", { 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 }),
-      hasButtons && /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
+      hasButtons === "true" && /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
     ] }),
     /* @__PURE__ */ jsx("div", { children: renderMedia() })
   ] }) }) });
@@ -84,8 +84,8 @@ const TextMediaSplitDefaults = {
   styles: {
     mediaType: "image",
     contentSlots: "default",
-    hasTagline: true,
-    hasButtons: true
+    hasTagline: "true",
+    hasButtons: "true"
   }
 };
 export {

package/dist/components/puck-block/feature-sections/text-only-section/component.js

@@ -23,20 +23,20 @@ const TextOnlySection = (props) => {
     css,
     textLayout = "single",
     bgMedia = "none",
-    hasTagline = true,
-    hasButtons = true
+    hasTagline = "true",
+    hasButtons = "true"
   } = styles ?? {};
   const isAlt = bgMedia !== "none";
   const renderContent = () => {
     if (textLayout === "twoColumn") {
       return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-5 md:grid-cols-2 md:gap-x-12 md:gap-y-8 lg:gap-x-20", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          hasTagline && /* @__PURE__ */ jsx("p", { className: `mb-3 font-semibold md:mb-4 ${isAlt ? "text-text-alternative" : ""}`, children: tagline }),
+          hasTagline === "true" && /* @__PURE__ */ jsx("p", { className: `mb-3 font-semibold md:mb-4 ${isAlt ? "text-text-alternative" : ""}`, children: tagline }),
           /* @__PURE__ */ jsx("h2", { className: `text-5xl font-bold md:text-7xl lg:text-8xl ${isAlt ? "text-text-alternative" : ""}`, children: heading })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("p", { className: `md:text-md ${isAlt ? "text-text-alternative" : ""}`, children: description }),
-          hasButtons && /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) }),
+          hasButtons === "true" && /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) }),
           subHeadings && subHeadings.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-8 grid grid-cols-1 gap-6 sm:grid-cols-2", children: subHeadings.map((sub, index) => /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h3", { className: `mb-2 text-xl font-bold md:text-2xl ${isAlt ? "text-text-alternative" : ""}`, children: sub.title }),
             /* @__PURE__ */ jsx("p", { className: isAlt ? "text-text-alternative" : "", children: sub.description })
@@ -45,10 +45,10 @@ const TextOnlySection = (props) => {
       ] });
     }
     return /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md", children: [
-      hasTagline && /* @__PURE__ */ jsx("p", { className: `mb-3 font-semibold md:mb-4 ${isAlt ? "text-text-alternative" : ""}`, children: tagline }),
+      hasTagline === "true" && /* @__PURE__ */ jsx("p", { className: `mb-3 font-semibold md:mb-4 ${isAlt ? "text-text-alternative" : ""}`, children: tagline }),
       /* @__PURE__ */ jsx("h2", { className: `mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl ${isAlt ? "text-text-alternative" : ""}`, children: heading }),
       /* @__PURE__ */ jsx("p", { className: `md:text-md ${isAlt ? "text-text-alternative" : ""}`, children: description }),
-      hasButtons && /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
+      hasButtons === "true" && /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
     ] });
   };
   if (bgMedia === "image" && bgImage) {
@@ -85,8 +85,8 @@ const TextOnlySectionDefaults = {
   styles: {
     textLayout: "single",
     bgMedia: "none",
-    hasTagline: true,
-    hasButtons: true
+    hasTagline: "true",
+    hasButtons: "true"
   }
 };
 export {