dune-react 0.0.31 → 0.0.33

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

@@ -1,7 +1,7 @@
 import { TextMediaSplit, TextMediaSplitDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
 import { buttonsField } from "../../../puck-core/core/props/interactive.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { featureStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -10,7 +10,7 @@ const conf = {
     heading: headingField,
     description: descriptionField,
     buttons: buttonsField,
-    image: imageField,
+    media: mediaField,
     video: { type: "text" },
     styles: {
       type: "object",

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

@@ -1,11 +1,11 @@
-import type { FeatureComponentProps, FeatureSectionBaseProps, BaseImage } from "../props";
+import type { FeatureComponentProps, FeatureSectionBaseProps, BaseMedia } from "../props";
 type SubHeading = {
     title: string;
     description: string;
 };
 type TextOnlySectionExtra = {
     subHeadings?: SubHeading[];
-    bgImage?: BaseImage;
+    bgImage?: BaseMedia;
     bgVideo?: string;
 };
 export type TextOnlySectionProps = FeatureComponentProps<TextOnlySectionExtra>;

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
 const TextOnlySection = (props) => {
@@ -55,7 +55,7 @@ const TextOnlySection = (props) => {
     return /* @__PURE__ */ jsxs(SectionWrapper, { className: cn("relative px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: [
       /* @__PURE__ */ jsx("div", { className: "container relative z-10", children: renderContent() }),
       /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-0", children: [
-        /* @__PURE__ */ jsx(CompoundImage, { src: bgImage.src, className: "size-full object-cover", alt: bgImage.alt }),
+        /* @__PURE__ */ jsx(CompoundMedia, { src: bgImage.src, className: "size-full object-cover", alt: bgImage.alt }),
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50" })
       ] })
     ] });

package/dist/components/puck-block/feature-sections/text-only-section/index.d.ts

@@ -201,7 +201,7 @@ declare const conf: {
             title: string;
             description: string;
         }[];
-        bgImage?: import("@/components/puck-core/core/props/media").BaseImage;
+        bgImage?: import("@/components/puck-core/core/props/media").BaseMedia;
         bgVideo?: string;
     };
     render: (props: TextOnlySectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { TextOnlySection, TextOnlySectionDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
 import { buttonsField } from "../../../puck-core/core/props/interactive.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { featureStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -10,7 +10,7 @@ const conf = {
     heading: headingField,
     description: descriptionField,
     buttons: buttonsField,
-    bgImage: imageField,
+    bgImage: mediaField,
     bgVideo: { type: "text" },
     subHeadings: {
       type: "array",

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

@@ -1,12 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { CompoundSocialLinks } from "../../../puck-base/social-links.js";
 import { cn } from "../../../../utils/css-utils.js";
 const CenteredMinimalFooter = (props) => {
   const {
     logo,
     columnLinks,
-    socialMediaLinks,
+    socialLinks,
     footerText,
     footerLinks,
     styles
@@ -25,7 +26,7 @@ const CenteredMinimalFooter = (props) => {
       children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-center justify-items-center gap-x-[4vw] gap-y-12 pb-12 md:pb-18 lg:grid-cols-[0.25fr_1fr_0.25fr] lg:justify-between lg:gap-y-4 lg:pb-20", children: [
           /* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, className: "lg:justify-self-start", children: /* @__PURE__ */ jsx(
-            CompoundImage,
+            CompoundMedia,
             {
               src: logo == null ? void 0 : logo.src,
               alt: logo == null ? void 0 : logo.alt,
@@ -43,7 +44,7 @@ const CenteredMinimalFooter = (props) => {
               i
             );
           }),
-          /* @__PURE__ */ jsx("div", { className: "flex items-start justify-start justify-items-center gap-x-3 lg:justify-self-end", children: socialMediaLinks == null ? void 0 : socialMediaLinks.map((l, i) => /* @__PURE__ */ jsx("a", { href: l.url, children: l.icon }, i)) })
+          (styles == null ? void 0 : styles.showSocialLinks) !== "false" && /* @__PURE__ */ jsx(CompoundSocialLinks, { links: socialLinks ?? [], className: "flex items-start justify-start justify-items-center gap-x-3 lg:justify-self-end" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-black" }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col-reverse items-center justify-center pb-4 pt-6 text-sm md:flex-row md:gap-x-6 md:pb-0 md:pt-8", children: [
@@ -63,12 +64,14 @@ const CenteredMinimalFooterDefaults = {
   },
   heading: "",
   description: "",
-  buttons: [],
   newsletterHeading: "",
   newsletterDescription: "",
   inputPlaceholder: "",
   button: { label: "" },
+  buttons: [],
   termsAndConditions: "",
+  address: { label: "", value: "" },
+  contact: { label: "", phone: "", email: "" },
   columnLinks: [
     {
       links: [
@@ -85,10 +88,7 @@ const CenteredMinimalFooterDefaults = {
     { title: "Privacy Policy", url: "#" },
     { title: "Terms of Service", url: "#" }
   ],
-  socialMediaLinks: [],
-  address: { label: "", value: "" },
-  contact: { label: "", phone: "", email: "" },
-  companyImages: [],
+  socialLinks: [],
   styles: {}
 };
 export {

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

@@ -4,6 +4,17 @@ export { CenteredMinimalFooter, CenteredMinimalFooterDefaults };
 export type { CenteredMinimalFooterProps };
 declare const conf: {
     fields: {
+        __metadata: {
+            type: string;
+            ai: {
+                instructions: string;
+            };
+            objectFields: {
+                type: {
+                    type: string;
+                };
+            };
+        };
         logo: {
             type: "object";
             objectFields: {

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

@@ -1,9 +1,10 @@
 import { CenteredMinimalFooter, CenteredMinimalFooterDefaults } from "./centered-minimal-footer.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
   fields: {
-    logo: imageField,
+    __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,
     columnLinks: {
       type: "array",
       label: "Link Columns",

package/dist/components/puck-block/footer-sections/compact-newsletter-footer/index.d.ts

@@ -4,6 +4,17 @@ export { CompactNewsletterFooter, CompactNewsletterFooterDefaults };
 export type { CompactNewsletterFooterProps };
 declare const conf: {
     fields: {
+        __metadata: {
+            type: string;
+            ai: {
+                instructions: string;
+            };
+            objectFields: {
+                type: {
+                    type: string;
+                };
+            };
+        };
         logo: {
             type: "object";
             objectFields: {

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

@@ -1,4 +1,9 @@
-import type { FooterComponentProps, FooterSectionBaseProps } from "../props";
-export type ContactLinksFooterProps = FooterComponentProps;
+import type { FooterComponentProps, FooterSectionBaseProps, FooterAddress, FooterContact } from "../props";
+type ContactLinksFooterExtra = {
+    address: FooterAddress;
+    contact: FooterContact;
+};
+export type ContactLinksFooterProps = FooterComponentProps<ContactLinksFooterExtra>;
 export declare const ContactLinksFooter: (props: ContactLinksFooterProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ContactLinksFooterDefaults: FooterSectionBaseProps;
+export {};

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

@@ -1,14 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../../utils/css-utils.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { CompoundSocialLinks } from "../../../puck-base/social-links.js";
 const ContactLinksFooter = (props) => {
-  const { logo, address, contact, columnLinks, socialMediaLinks, footerText, footerLinks, styles } = { ...ContactLinksFooterDefaults, ...props };
+  const { logo, address, contact, columnLinks, socialLinks, footerText, footerLinks, styles } = { ...ContactLinksFooterDefaults, ...props };
   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: [
-        /* @__PURE__ */ jsx("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, children: /* @__PURE__ */ jsx(CompoundImage, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt, className: "inline-block" }) }) }),
+        /* @__PURE__ */ jsx("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, children: /* @__PURE__ */ jsx(CompoundMedia, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt, className: "inline-block" }) }) }),
         /* @__PURE__ */ jsxs("div", { className: "mb-6 md:mb-8", children: [
           address && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("p", { className: "mb-1 text-sm font-semibold", children: address.label }),
@@ -22,7 +23,7 @@ const ContactLinksFooter = (props) => {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "grid grid-flow-col grid-cols-[max-content] items-start justify-start gap-x-3", children: socialMediaLinks == null ? void 0 : socialMediaLinks.map((l, i) => /* @__PURE__ */ jsx("a", { href: l.url, children: l.icon }, i)) })
+        (styles == null ? void 0 : styles.showSocialLinks) !== "false" && /* @__PURE__ */ jsx(CompoundSocialLinks, { links: socialLinks ?? [], className: "grid grid-flow-col grid-cols-[max-content] items-start justify-start gap-x-3" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 items-start gap-x-6 gap-y-10 md:grid-cols-2 md:gap-x-8 md:gap-y-4", children: columnLinks == null ? void 0 : columnLinks.map((col, i) => /* @__PURE__ */ jsx("ul", { children: col.links.map((l, li) => /* @__PURE__ */ jsx("li", { className: "py-2 text-sm font-semibold", children: /* @__PURE__ */ jsx("a", { href: l.url, children: l.title }) }, li)) }, i)) })
     ] }),
@@ -38,22 +39,21 @@ const ContactLinksFooterDefaults = {
   logo: { url: "#", src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo image" },
   heading: "",
   description: "",
-  buttons: [],
   newsletterHeading: "",
   newsletterDescription: "",
   inputPlaceholder: "",
   button: { label: "" },
+  buttons: [],
   termsAndConditions: "",
-  address: { label: "Address:", value: "Level 1, 12 Sample St, Sydney NSW 2000" },
-  contact: { label: "Contact:", phone: "1800 123 4567", email: "info@example.com" },
+  address: { label: "", value: "" },
+  contact: { label: "", phone: "", email: "" },
   columnLinks: [
     { links: [{ title: "Link One", url: "#" }, { title: "Link Two", url: "#" }, { title: "Link Three", url: "#" }] },
     { links: [{ title: "Link Four", url: "#" }, { title: "Link Five", url: "#" }, { title: "Link Six", url: "#" }] }
   ],
   footerText: "© 2024 Company. All rights reserved.",
   footerLinks: [{ title: "Privacy Policy", url: "#" }, { title: "Terms of Service", url: "#" }],
-  socialMediaLinks: [],
-  companyImages: [],
+  socialLinks: [],
   styles: { bordered: false, hasCompanyImage: false }
 };
 export {

package/dist/components/puck-block/footer-sections/contact-links-footer/index.d.ts

@@ -4,6 +4,17 @@ export { ContactLinksFooter, ContactLinksFooterDefaults };
 export type { ContactLinksFooterProps };
 declare const conf: {
     fields: {
+        __metadata: {
+            type: string;
+            ai: {
+                instructions: string;
+            };
+            objectFields: {
+                type: {
+                    type: string;
+                };
+            };
+        };
         logo: {
             type: "object";
             objectFields: {
@@ -86,16 +97,45 @@ declare const conf: {
                 };
             };
         };
-        socialMediaLinks: {
-            type: string;
-            label: string;
-            getItemSummary: (item: {
-                url?: string;
-            }, index?: number) => string;
-            arrayFields: {
-                url: {
-                    type: string;
-                    label: 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";
                 };
             };
         };
@@ -150,6 +190,17 @@ declare const conf: {
                         readonly value: "false";
                     }];
                 };
+                showSocialLinks: {
+                    readonly type: "radio";
+                    readonly label: "Display Social Links";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
             };
         };
     };

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

@@ -1,8 +1,9 @@
 import { ContactLinksFooter, ContactLinksFooterDefaults } from "./contact-links-footer.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { socialLinksField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { footerStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
-const conf = { fields: { logo: imageField, address: { type: "object", label: "Address", objectFields: { label: { type: "text", label: "Label" }, value: { type: "text", label: "Value" } } }, columnLinks: { type: "array", label: "Link Columns", getItemSummary: (_item, index = 0) => `Column ${index + 1}`, arrayFields: { links: { type: "array", label: "Links", getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`, arrayFields: { title: { type: "text", label: "Title" }, url: { type: "text", label: "URL" } } } } }, contact: { type: "object", label: "Contact", objectFields: { label: { type: "text", label: "Label" }, phone: { type: "text", label: "Phone" }, email: { type: "text", label: "Email" } } }, footerLinks: { type: "array", label: "Footer Links", getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`, arrayFields: { title: { type: "text", label: "Title" }, url: { type: "text", label: "URL" } } }, socialMediaLinks: { type: "array", label: "Social Links", getItemSummary: (item, index = 0) => item.url || `Social ${index + 1}`, arrayFields: { url: { type: "text", label: "URL" } } }, footerText: { type: "text" }, styles: { type: "object", label: "Styles", objectFields: { bordered: footerStyleFields.bordered, hasCompanyImage: footerStyleFields.hasCompanyImage, ...sectionWrapperFields } } }, defaultProps: ContactLinksFooterDefaults, render: ContactLinksFooter };
+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, address: { type: "object", label: "Address", objectFields: { label: { type: "text", label: "Label" }, value: { type: "text", label: "Value" } } }, columnLinks: { type: "array", label: "Link Columns", getItemSummary: (_item, index = 0) => `Column ${index + 1}`, arrayFields: { links: { type: "array", label: "Links", getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`, arrayFields: { title: { type: "text", label: "Title" }, url: { type: "text", label: "URL" } } } } }, contact: { type: "object", label: "Contact", objectFields: { label: { type: "text", label: "Label" }, phone: { type: "text", label: "Phone" }, email: { type: "text", label: "Email" } } }, footerLinks: { type: "array", label: "Footer Links", getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`, arrayFields: { title: { type: "text", label: "Title" }, url: { type: "text", label: "URL" } } }, socialLinks: socialLinksField, footerText: { type: "text" }, styles: { type: "object", label: "Styles", objectFields: { bordered: footerStyleFields.bordered, hasCompanyImage: footerStyleFields.hasCompanyImage, showSocialLinks: footerStyleFields.showSocialLinks, ...sectionWrapperFields } } }, defaultProps: ContactLinksFooterDefaults, render: ContactLinksFooter };
 export {
   ContactLinksFooter,
   ContactLinksFooterDefaults,

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

@@ -1,10 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../../utils/css-utils.js";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { CompoundSocialLinks } from "../../../puck-base/social-links.js";
 const CtaLinksFooter = (props) => {
-  const { logo, heading, description, buttons, columnLinks, socialMediaLinks, footerText, styles } = { ...CtaLinksFooterDefaults, ...props };
+  const { logo, heading, description, buttons, columnLinks, socialLinks, footerText, styles } = { ...CtaLinksFooterDefaults, ...props };
   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: "border-b border-border-primary", children: [
@@ -16,11 +17,11 @@ const CtaLinksFooter = (props) => {
         ] }),
         /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 items-start gap-x-6 gap-y-5 sm:grid-cols-2 md:gap-x-8 md:gap-y-4", children: columnLinks == null ? void 0 : columnLinks.map((col, i) => /* @__PURE__ */ jsx("ul", { children: col.links.map((l, li) => /* @__PURE__ */ jsx("li", { className: "py-2 text-sm font-semibold", children: /* @__PURE__ */ jsx("a", { href: l.url, children: l.title }) }, li)) }, i)) })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "col-span-1 flex flex-col items-start justify-between pb-6 sm:flex-row sm:items-center md:pb-8 lg:col-span-2", children: /* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, children: /* @__PURE__ */ jsx(CompoundImage, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt, className: "mb-6 inline-block sm:mb-0" }) }) })
+      /* @__PURE__ */ jsx("div", { className: "col-span-1 flex flex-col items-start justify-between pb-6 sm:flex-row sm:items-center md:pb-8 lg:col-span-2", children: /* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, children: /* @__PURE__ */ jsx(CompoundMedia, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt, className: "mb-6 inline-block sm:mb-0" }) }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col-reverse items-start justify-between pb-4 pt-6 text-sm md:flex-row md:items-center md:pb-0 md:pt-8", children: [
       /* @__PURE__ */ jsx("p", { className: "mt-5 md:mt-0", children: footerText }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-flow-col grid-cols-[max-content] items-start justify-start gap-x-3", children: socialMediaLinks == null ? void 0 : socialMediaLinks.map((l, i) => /* @__PURE__ */ jsx("a", { href: l.url, children: l.icon }, i)) })
+      (styles == null ? void 0 : styles.showSocialLinks) !== "false" && /* @__PURE__ */ jsx(CompoundSocialLinks, { links: socialLinks ?? [], className: "grid grid-flow-col grid-cols-[max-content] items-start justify-start gap-x-3" })
     ] })
   ] }) });
 };
@@ -29,22 +30,21 @@ const CtaLinksFooterDefaults = {
   logo: { url: "#", src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo image" },
   heading: "Medium length footer heading goes here",
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
-  buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
+  buttons: [{ label: "Button", variant: "secondary" }, { label: "Button" }],
   newsletterHeading: "",
   newsletterDescription: "",
   inputPlaceholder: "",
   button: { label: "" },
   termsAndConditions: "",
+  address: { label: "", value: "" },
+  contact: { label: "", phone: "", email: "" },
   columnLinks: [
     { links: [{ title: "Link One", url: "#" }, { title: "Link Two", url: "#" }, { title: "Link Three", url: "#" }] },
     { links: [{ title: "Link Four", url: "#" }, { title: "Link Five", url: "#" }, { title: "Link Six", url: "#" }] }
   ],
   footerText: "© 2024 Company. All rights reserved.",
   footerLinks: [],
-  socialMediaLinks: [],
-  address: { label: "", value: "" },
-  contact: { label: "", phone: "", email: "" },
-  companyImages: [],
+  socialLinks: [],
   styles: { bordered: false }
 };
 export {

package/dist/components/puck-block/footer-sections/cta-links-footer/index.d.ts

@@ -4,6 +4,17 @@ export { CtaLinksFooter, CtaLinksFooterDefaults };
 export type { CtaLinksFooterProps };
 declare const conf: {
     fields: {
+        __metadata: {
+            type: string;
+            ai: {
+                instructions: string;
+            };
+            objectFields: {
+                type: {
+                    type: string;
+                };
+            };
+        };
         logo: {
             type: "object";
             objectFields: {
@@ -124,16 +135,45 @@ declare const conf: {
                 };
             };
         };
-        socialMediaLinks: {
-            type: string;
-            label: string;
-            getItemSummary: (item: {
-                url?: string;
-            }, index?: number) => string;
-            arrayFields: {
-                url: {
-                    type: string;
-                    label: 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";
                 };
             };
         };
@@ -177,6 +217,17 @@ declare const conf: {
                         readonly value: "false";
                     }];
                 };
+                showSocialLinks: {
+                    readonly type: "radio";
+                    readonly label: "Display Social Links";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
             };
         };
     };

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

@@ -1,10 +1,10 @@
 import { CtaLinksFooter, CtaLinksFooterDefaults } from "./cta-links-footer.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
-import { buttonsField } from "../../../puck-core/core/props/interactive.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { socialLinksField, buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { footerStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
-const conf = { fields: { logo: imageField, heading: headingField, description: descriptionField, buttons: buttonsField, columnLinks: { type: "array", label: "Link Columns", getItemSummary: (_item, index = 0) => `Column ${index + 1}`, arrayFields: { links: { type: "array", label: "Links", getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`, arrayFields: { title: { type: "text", label: "Title" }, url: { type: "text", label: "URL" } } } } }, socialMediaLinks: { type: "array", label: "Social Links", getItemSummary: (item, index = 0) => item.url || `Social ${index + 1}`, arrayFields: { url: { type: "text", label: "URL" } } }, footerText: { type: "text" }, styles: { type: "object", label: "Styles", objectFields: { bordered: footerStyleFields.bordered, ...sectionWrapperFields } } }, defaultProps: CtaLinksFooterDefaults, render: CtaLinksFooter };
+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, heading: headingField, description: descriptionField, buttons: buttonsField, columnLinks: { type: "array", label: "Link Columns", getItemSummary: (_item, index = 0) => `Column ${index + 1}`, arrayFields: { links: { type: "array", label: "Links", getItemSummary: (item, index = 0) => item.title || `Link ${index + 1}`, arrayFields: { title: { type: "text", label: "Title" }, url: { type: "text", label: "URL" } } } } }, socialLinks: socialLinksField, footerText: { type: "text" }, styles: { type: "object", label: "Styles", objectFields: { bordered: footerStyleFields.bordered, showSocialLinks: footerStyleFields.showSocialLinks, ...sectionWrapperFields } } }, defaultProps: CtaLinksFooterDefaults, render: CtaLinksFooter };
 export {
   CtaLinksFooter,
   CtaLinksFooterDefaults,

package/dist/components/puck-block/footer-sections/links-newsletter-footer/index.d.ts

@@ -4,6 +4,17 @@ export { LinksNewsletterFooter, LinksNewsletterFooterDefaults };
 export type { LinksNewsletterFooterProps };
 declare const conf: {
     fields: {
+        __metadata: {
+            type: string;
+            ai: {
+                instructions: string;
+            };
+            objectFields: {
+                type: {
+                    type: string;
+                };
+            };
+        };
         logo: {
             type: "object";
             objectFields: {
@@ -122,16 +133,45 @@ declare const conf: {
                 };
             };
         };
-        socialMediaLinks: {
-            type: string;
-            label: string;
-            getItemSummary: (item: {
-                url?: string;
-            }, index?: number) => string;
-            arrayFields: {
-                url: {
-                    type: string;
-                    label: 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";
                 };
             };
         };
@@ -175,6 +215,17 @@ declare const conf: {
                         readonly value: "false";
                     }];
                 };
+                showSocialLinks: {
+                    readonly type: "radio";
+                    readonly label: "Display Social Links";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
             };
         };
     };