dune-react 0.0.40 → 0.0.42

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 {

package/dist/components/puck-block/footer-sections/centered-minimal-footer/index.d.ts

@@ -16,11 +16,235 @@ declare const conf: {
             };
         };
         logo: {
-            type: "object";
+            type: string;
             objectFields: {
                 src: import("@puckeditor/core").Field<string>;
                 alt: {
-                    type: "text";
+                    type: string;
+                };
+                url: {
+                    type: string;
+                };
+            };
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        newsletterHeading: {
+            type: string;
+        };
+        newsletterDescription: {
+            type: string;
+        };
+        inputPlaceholder: {
+            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;
+                };
+            };
+        };
+        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";
+            };
+        };
+        termsAndConditions: {
+            type: string;
+        };
+        address: {
+            type: string;
+            objectFields: {
+                label: {
+                    type: string;
+                };
+                value: {
+                    type: string;
+                };
+            };
+        };
+        contact: {
+            type: string;
+            objectFields: {
+                label: {
+                    type: string;
+                };
+                phone: {
+                    type: string;
+                };
+                email: {
+                    type: string;
+                };
+            };
+        };
+        socialLinks: {
+            readonly type: "array";
+            readonly label: "Social Links";
+            readonly getItemSummary: (item: {
+                platform?: string;
+            }, i?: number) => string;
+            readonly arrayFields: {
+                readonly platform: {
+                    readonly type: "select";
+                    readonly label: "Platform";
+                    readonly options: readonly [{
+                        readonly label: "Twitter / X";
+                        readonly value: "twitter";
+                    }, {
+                        readonly label: "Facebook";
+                        readonly value: "facebook";
+                    }, {
+                        readonly label: "Instagram";
+                        readonly value: "instagram";
+                    }, {
+                        readonly label: "LinkedIn";
+                        readonly value: "linkedin";
+                    }, {
+                        readonly label: "YouTube";
+                        readonly value: "youtube";
+                    }, {
+                        readonly label: "GitHub";
+                        readonly value: "github";
+                    }, {
+                        readonly label: "TikTok";
+                        readonly value: "tiktok";
+                    }, {
+                        readonly label: "Discord";
+                        readonly value: "discord";
+                    }];
+                };
+                readonly url: {
+                    readonly type: "text";
+                    readonly label: "URL";
                 };
             };
         };

package/dist/components/puck-block/footer-sections/centered-minimal-footer/index.js

@@ -1,10 +1,43 @@
 import { CenteredMinimalFooter, CenteredMinimalFooterDefaults } from "./centered-minimal-footer.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { socialLinksField, buttonsField, 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: {
     __metadata: { type: "object", ai: { instructions: "Layout metadata identifying this component as a footer section. The type field must always be 'footer'." }, objectFields: { type: { type: "text" } } },
-    logo: mediaField,
+    logo: {
+      type: "object",
+      objectFields: {
+        src: mediaField.objectFields.src,
+        alt: { type: "text" },
+        url: { type: "text" }
+      }
+    },
+    heading: headingField,
+    description: descriptionField,
+    newsletterHeading: { type: "text" },
+    newsletterDescription: { type: "text" },
+    inputPlaceholder: { type: "text" },
+    button: buttonField,
+    buttons: buttonsField,
+    termsAndConditions: { type: "text" },
+    address: {
+      type: "object",
+      objectFields: {
+        label: { type: "text" },
+        value: { type: "text" }
+      }
+    },
+    contact: {
+      type: "object",
+      objectFields: {
+        label: { type: "text" },
+        phone: { type: "text" },
+        email: { type: "text" }
+      }
+    },
+    socialLinks: socialLinksField,
     columnLinks: {
       type: "array",
       label: "Link Columns",

package/dist/components/puck-block/footer-sections/contact-links-footer/contact-links-footer.js

@@ -5,7 +5,7 @@ import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { CompoundSocialLinks } from "../../../puck-base/social-links.js";
 const ContactLinksFooter = (props) => {
   const { logo, address, contact, columnLinks, socialLinks, footerText, footerLinks, styles } = { ...ContactLinksFooterDefaults, ...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-6 md:py-9 lg:py-10", { "border border-border-primary mx-[5%]": bordered }, sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-x-[4vw] gap-y-12 pb-12 md:gap-y-16 md:pb-18 lg:grid-cols-[1fr_0.5fr] lg:gap-y-4 lg:pb-20", children: [
       /* @__PURE__ */ jsxs("div", { children: [
@@ -54,7 +54,7 @@ const ContactLinksFooterDefaults = {
   footerText: "© 2024 Company. All rights reserved.",
   footerLinks: [{ title: "Privacy Policy", url: "#" }, { title: "Terms of Service", url: "#" }],
   socialLinks: [],
-  styles: { bordered: false, hasCompanyImage: false }
+  styles: { bordered: "false", hasCompanyImage: "false" }
 };
 export {
   ContactLinksFooter,