dune-react 0.0.30 → 0.0.32

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

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { FaCirclePlay } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/fa6/index.js";
 import { CgSpinner } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/cg/index.js";
 import { cn } from "../../../../utils/css-utils.js";
@@ -14,7 +14,7 @@ const TextMediaSplit = (props) => {
     heading,
     description,
     buttons = [],
-    image = { src: "", alt: "" },
+    media = { src: "", alt: "" },
     video,
     styles
   } = {
@@ -34,7 +34,7 @@ const TextMediaSplit = (props) => {
     if (mediaType === "play") {
       return /* @__PURE__ */ jsxs(Dialog, { children: [
         /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: "relative flex w-full items-center justify-center", children: [
-          /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "size-full object-cover" }),
+          /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, alt: media.alt, className: "size-full object-cover" }),
           /* @__PURE__ */ jsx("span", { className: "absolute inset-0 z-10 bg-black/50" }),
           /* @__PURE__ */ jsx(FaCirclePlay, { className: "absolute z-20 size-16 text-white" })
         ] }) }),
@@ -59,7 +59,7 @@ const TextMediaSplit = (props) => {
     if (mediaType === "video") {
       return /* @__PURE__ */ jsx("video", { className: "w-full object-cover", autoPlay: true, loop: true, muted: true, children: /* @__PURE__ */ jsx("source", { src: video, type: "video/mp4" }) });
     }
-    return /* @__PURE__ */ jsx(CompoundImage, { src: image.src, className: "w-full object-cover", alt: image.alt });
+    return /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, className: "w-full object-cover", alt: media.alt });
   };
   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: [
@@ -76,7 +76,7 @@ const TextMediaSplitDefaults = {
   heading: "Medium length section heading goes here",
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.",
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/feature-split/800/600",
     alt: "Placeholder image"
   },

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

@@ -94,7 +94,7 @@ declare const conf: {
                 readonly instructions: "Buttons must use the same size";
             };
         };
-        image: {
+        media: {
             type: "object";
             objectFields: {
                 src: import("@puckeditor/core").Field<string>;

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.js

@@ -1,9 +1,9 @@
 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,
+    logo: mediaField,
     columnLinks: {
       type: "array",
       label: "Link Columns",

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

@@ -86,16 +86,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 +179,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: { 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

@@ -124,16 +124,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 +206,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: { 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

@@ -122,16 +122,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 +204,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";
+                    }];
+                };
             };
         };
     };