dune-react 0.0.40 → 0.0.42

package/dist/components/puck-block/registry.generated.js

@@ -273,13 +273,13 @@ const categories = {
   }
 };
 const sectionsMap = {
-  "banner-section": [
+  "banner-sections": [
     "CssMarqueeBanner",
     "DualRowMarquee",
     "ScrollDrivenMarquee",
     "ScrollParallaxText"
   ],
-  "contact-section": [
+  "contact-sections": [
     "CenteredForm",
     "ContactCardsGrid",
     "ContactModal",
@@ -291,29 +291,29 @@ const sectionsMap = {
     "SplitInfoForm",
     "TabLocations"
   ],
-  "cta-section": [
+  "cta-sections": [
     "FeatureCardCta",
     "SideMediaCta"
   ],
-  "faq-section": [
+  "faq-sections": [
     "DualColumnAccordionFaq",
     "StackedAccordionFaq",
     "StackedStaticFaq",
     "TwoColumnAccordionFaq",
     "TwoColumnStaticFaq"
   ],
-  "feature-section": [
+  "feature-sections": [
     "FeatureCardsGrid",
     "FeatureListSplit",
     "TabFeature",
     "TextMediaSplit",
     "TextOnlySection"
   ],
-  "footer-section": [
+  "footer-sections": [
     "CenteredMinimalFooter",
     "CtaLinksFooter"
   ],
-  "gallery-section": [
+  "gallery-sections": [
     "AsymmetricGrid",
     "FullscreenPortfolio",
     "ImageCarousel",
@@ -325,7 +325,7 @@ const sectionsMap = {
     "SplitCarousel",
     "StaticGrid"
   ],
-  "header-section": [
+  "header-sections": [
     "CenteredNavbar",
     "DrawerNavbar",
     "FloatingBorderedNavbar",
@@ -354,20 +354,20 @@ const sectionsMap = {
     "Location2",
     "Location3"
   ],
-  "metrics-section": [
+  "metrics-sections": [
     "CenterMediaStats",
     "HeaderStatsRow",
     "MixedGridStats",
     "SplitStats",
     "TabStats"
   ],
-  "pricing-section": [
+  "pricing-sections": [
     "SinglePricingCard",
     "SplitPricing",
     "TabPricingGrid",
     "TabSinglePricing"
   ],
-  "showcase-section": [
+  "showcase-sections": [
     "CompactTimeline",
     "HorizontalTimeline",
     "SingleColumnTimeline",
@@ -375,14 +375,14 @@ const sectionsMap = {
     "TabTimeline",
     "ZigzagTimeline"
   ],
-  "team-section": [
+  "team-sections": [
     "TeamCarousel",
     "TeamGrid",
     "TeamInlineCard",
     "TeamStickyScatter",
     "TeamTwoColumn"
   ],
-  "testimonial-section": [
+  "testimonial-sections": [
     "BentoTestimonial",
     "CenteredTestimonial",
     "HalfscreenTestimonialCarousel",
@@ -394,7 +394,7 @@ const sectionsMap = {
     "TestimonialCardGrid",
     "TestimonialCarousel"
   ],
-  "text-section": [
+  "text-sections": [
     "AsideNavContent",
     "BlogArticle",
     "ProseContent",

package/dist/components/puck-block/showcase-sections/compact-timeline/component.js

@@ -19,7 +19,7 @@ const CompactTimeline = (props) => {
     className: sectionClassName,
     style: sectionStyle,
     css,
-    hasImage = false
+    hasImage = "false"
   } = styles ?? {};
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("overflow-hidden px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
     /* @__PURE__ */ jsx("div", { className: "mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-lg", children: [
@@ -54,7 +54,7 @@ const CompactEntry = ({
   const content = /* @__PURE__ */ jsxs("div", { className: cn("mb-8 flex flex-col items-start md:mb-0 md:mr-4", !isEven && "order-last md:order-none"), children: [
     /* @__PURE__ */ jsx("h3", { className: "mb-2 text-xl font-bold md:text-2xl", children: item.date }),
     /* @__PURE__ */ jsx("p", { children: item.description }),
-    hasImage && item.media && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full", children: /* @__PURE__ */ jsx(CompoundMedia, { src: item.media.src, alt: item.media.alt, className: "w-full object-cover" }) })
+    hasImage === "true" && item.media && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full", children: /* @__PURE__ */ jsx(CompoundMedia, { src: item.media.src, alt: item.media.alt, className: "w-full object-cover" }) })
   ] });
   const line = /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center md:w-full md:flex-row", children: [
     /* @__PURE__ */ jsx("div", { className: "z-20 size-[0.9375rem] flex-none rounded-full bg-black shadow-[0_0_0_8px_white]" }),
@@ -92,7 +92,7 @@ const CompactTimelineDefaults = {
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
   timelineItems: [defaultItem, defaultItem, defaultItem, defaultItem, defaultItem],
   styles: {
-    hasImage: false
+    hasImage: "false"
   }
 };
 export {

package/dist/components/puck-block/showcase-sections/horizontal-timeline/component.js

@@ -22,7 +22,7 @@ const HorizontalTimeline = (props) => {
     className: sectionClassName,
     style: sectionStyle,
     css,
-    hasImage = false
+    hasImage = "false"
   } = styles ?? {};
   const [api, setApi] = useState();
   const [currentIndex, setCurrentIndex] = useState(0);
@@ -52,7 +52,7 @@ const HorizontalTimeline = (props) => {
         /* @__PURE__ */ jsxs("div", { className: "px-8 text-center", children: [
           /* @__PURE__ */ jsx("h3", { className: "mb-2 text-xl font-bold md:text-2xl", children: item.date }),
           /* @__PURE__ */ jsx("p", { children: item.description }),
-          hasImage && item.media && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(CompoundMedia, { src: item.media.src, alt: item.media.alt, className: "w-full object-cover" }) })
+          hasImage === "true" && item.media && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(CompoundMedia, { src: item.media.src, alt: item.media.alt, className: "w-full object-cover" }) })
         ] })
       ] }) }, index)) }),
       currentIndex > 0 && /* @__PURE__ */ jsx(CarouselPrevious, { className: "size-12" }),
@@ -76,7 +76,7 @@ const HorizontalTimelineDefaults = {
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
   timelineItems: [defaultItem, defaultItem, defaultItem, defaultItem, defaultItem, defaultItem],
   styles: {
-    hasImage: false
+    hasImage: "false"
   }
 };
 export {

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

@@ -11,8 +11,8 @@ export interface ShowcaseSectionStyles {
     className?: string;
     style?: React.CSSProperties;
     css?: string;
-    bordered?: boolean;
-    hasImage?: boolean;
+    bordered?: string;
+    hasImage?: string;
     contentLayout?: "image-only" | "text+image";
     interaction?: "accordion" | "static";
 }

package/dist/components/puck-block/showcase-sections/single-column-timeline/component.js

@@ -23,8 +23,8 @@ const SingleColumnTimeline = (props) => {
     className: sectionClassName,
     style: sectionStyle,
     css,
-    bordered = false,
-    hasImage = false
+    bordered = "false",
+    hasImage = "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 max-w-lg", children: [
     /* @__PURE__ */ jsx("div", { className: "mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 w-full max-w-lg", children: [
@@ -60,7 +60,7 @@ const TimelineEntry = ({
   const backgroundColor = {
     backgroundColor: useTransform(scrollYProgress, [0.85, 1], ["#ccc", "#000"])
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative", bordered && "border border-border-primary p-6 md:p-8"), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", bordered === "true" && "border border-border-primary p-6 md:p-8"), children: [
     /* @__PURE__ */ jsx("div", { className: "absolute -ml-8 flex h-full w-8 items-start justify-center", children: /* @__PURE__ */ jsx(
       motion.div,
       {
@@ -73,7 +73,7 @@ const TimelineEntry = ({
       /* @__PURE__ */ jsx("h3", { className: "mb-3 text-4xl font-bold leading-[1.2] md:mb-4 md:text-5xl lg:text-6xl", children: item.heading }),
       /* @__PURE__ */ jsx("h4", { className: "mb-3 text-xl font-bold md:mb-4 md:text-2xl", children: item.title }),
       /* @__PURE__ */ jsx("p", { children: item.description }),
-      hasImage && item.media && /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(CompoundMedia, { src: item.media.src, alt: item.media.alt, className: "w-full object-cover" }) }),
+      hasImage === "true" && item.media && /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(CompoundMedia, { src: item.media.src, alt: item.media.alt, className: "w-full object-cover" }) }),
       /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-4 md:mt-8", children: item.buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
     ] })
   ] });
@@ -95,8 +95,8 @@ const SingleColumnTimelineDefaults = {
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
   timelineItems: [defaultItem, defaultItem, defaultItem, defaultItem],
   styles: {
-    bordered: false,
-    hasImage: false
+    bordered: "false",
+    hasImage: "false"
   }
 };
 export {

package/dist/components/puck-block/showcase-sections/sticky-scroll-timeline/component.js

@@ -23,8 +23,8 @@ const StickyScrollTimeline = (props) => {
     className: sectionClassName,
     style: sectionStyle,
     css,
-    bordered = false,
-    hasImage = false
+    bordered = "false",
+    hasImage = "false"
   } = styles ?? {};
   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: "relative grid auto-cols-fr grid-cols-1 items-start justify-center gap-6 sm:gap-12 md:grid-cols-2 md:gap-24 lg:gap-32", children: [
     /* @__PURE__ */ jsxs("div", { className: "relative top-0 z-10 md:sticky md:top-20 md:z-auto md:pr-4", children: [
@@ -58,7 +58,7 @@ const TimelineEntry = ({
   const backgroundColor = {
     backgroundColor: useTransform(scrollYProgress, [0.85, 1], ["#ccc", "#000"])
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative", bordered && "border border-border-primary p-6 md:p-8"), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", bordered === "true" && "border border-border-primary p-6 md:p-8"), children: [
     /* @__PURE__ */ jsx("div", { className: "absolute flex h-full w-8 items-start justify-center md:-ml-24 md:w-24 lg:-ml-32 lg:w-32", children: /* @__PURE__ */ jsx(
       motion.div,
       {
@@ -71,7 +71,7 @@ const TimelineEntry = ({
       /* @__PURE__ */ jsx("h3", { className: "mb-3 text-4xl font-bold leading-[1.2] md:mb-4 md:text-5xl lg:text-6xl", children: timeline.date }),
       /* @__PURE__ */ jsx("h4", { className: "mb-3 text-xl font-bold md:mb-4 md:text-2xl", children: timeline.heading }),
       /* @__PURE__ */ jsx("p", { children: timeline.description }),
-      hasImage && timeline.media && /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(CompoundMedia, { src: timeline.media.src, alt: timeline.media.alt, className: "w-full object-cover" }) }),
+      hasImage === "true" && timeline.media && /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(CompoundMedia, { src: timeline.media.src, alt: timeline.media.alt, className: "w-full object-cover" }) }),
       /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-4 md:mt-8", children: timeline.buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
     ] })
   ] });
@@ -93,8 +93,8 @@ const StickyScrollTimelineDefaults = {
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
   timelines: [defaultTimelineItem, defaultTimelineItem, defaultTimelineItem, defaultTimelineItem],
   styles: {
-    bordered: false,
-    hasImage: false
+    bordered: "false",
+    hasImage: "false"
   }
 };
 export {

package/dist/components/puck-block/showcase-sections/zigzag-timeline/component.js

@@ -23,8 +23,8 @@ const ZigzagTimeline = (props) => {
     className: sectionClassName,
     style: sectionStyle,
     css,
-    bordered = false,
-    hasImage = false
+    bordered = "false",
+    hasImage = "false"
   } = styles ?? {};
   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: "flex flex-col items-center", children: [
     /* @__PURE__ */ jsx("div", { className: "mb-12 text-center md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 w-full max-w-lg", children: [
@@ -68,13 +68,13 @@ const ZigzagEntry = ({
       className: cn(
         "z-20 mt-4 flex w-full flex-col md:w-auto",
         !isEven && "items-start text-left md:items-end md:text-right",
-        bordered && "border border-border-primary p-6 md:p-8"
+        bordered === "true" && "border border-border-primary p-6 md:p-8"
       ),
       children: [
         /* @__PURE__ */ jsx("h3", { className: "mb-5 text-4xl font-bold leading-[1.2] md:mb-6 md:text-5xl lg:text-6xl", children: item.heading }),
         /* @__PURE__ */ jsx("h4", { className: "mb-3 text-xl font-bold md:mb-4 md:text-2xl", children: item.title }),
         /* @__PURE__ */ jsx("p", { children: item.description }),
-        hasImage && item.media && /* @__PURE__ */ jsx("div", { className: "mt-6 w-full", children: /* @__PURE__ */ jsx(CompoundMedia, { src: item.media.src, alt: item.media.alt, className: "w-full object-cover" }) }),
+        hasImage === "true" && item.media && /* @__PURE__ */ jsx("div", { className: "mt-6 w-full", children: /* @__PURE__ */ jsx(CompoundMedia, { src: item.media.src, alt: item.media.alt, className: "w-full object-cover" }) }),
         /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-4 md:mt-8", children: item.buttons.map((button, bIndex) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, bIndex)) })
       ]
     }
@@ -114,8 +114,8 @@ const ZigzagTimelineDefaults = {
   buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
   timelineItems: [defaultItem, defaultItem, defaultItem, defaultItem],
   styles: {
-    bordered: false,
-    hasImage: false
+    bordered: "false",
+    hasImage: "false"
   }
 };
 export {

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

@@ -14,7 +14,7 @@ export interface TeamSectionStyles {
     textAlign?: "left" | "center";
     gridColumns?: "2" | "3" | "4";
     imageShape?: "circle" | "square";
-    hasFooter?: boolean;
+    hasFooter?: string;
     cardLayout?: "vertical" | "horizontal";
     memberGridColumns?: "1" | "2";
 }

package/dist/components/puck-block/team-sections/team-carousel/index.d.ts

@@ -30,6 +30,31 @@ declare const conf: {
                 description: {
                     type: string;
                 };
+                media: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                socialLinks: {
+                    type: string;
+                    arrayFields: {
+                        platform: {
+                            type: string;
+                            options: {
+                                label: string;
+                                value: string;
+                            }[];
+                        };
+                        url: {
+                            type: string;
+                            label: string;
+                        };
+                    };
+                };
             };
         };
         footer: {

package/dist/components/puck-block/team-sections/team-carousel/index.js

@@ -1,6 +1,7 @@
 import { TeamCarousel, TeamCarouselDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
 import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { teamStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -14,7 +15,27 @@ const conf = {
       arrayFields: {
         name: { type: "text" },
         jobTitle: { type: "text" },
-        description: { type: "textarea" }
+        description: { type: "textarea" },
+        media: mediaField,
+        socialLinks: {
+          type: "array",
+          arrayFields: {
+            platform: {
+              type: "select",
+              options: [
+                { label: "Twitter / X", value: "twitter" },
+                { label: "Facebook", value: "facebook" },
+                { label: "Instagram", value: "instagram" },
+                { label: "LinkedIn", value: "linkedin" },
+                { label: "YouTube", value: "youtube" },
+                { label: "GitHub", value: "github" },
+                { label: "TikTok", value: "tiktok" },
+                { label: "Discord", value: "discord" }
+              ]
+            },
+            url: { type: "text", label: "URL" }
+          }
+        }
       }
     },
     footer: {

package/dist/components/puck-block/team-sections/team-grid/component.js

@@ -15,7 +15,7 @@ const TeamGrid = (props) => {
     textAlign = "center",
     imageShape = "circle",
     gridColumns = "4",
-    hasFooter = true
+    hasFooter = "true"
   } = styles ?? {};
   const gridColsClass = gridColumns === "2" ? "md:grid-cols-2" : gridColumns === "3" ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2 lg:grid-cols-4";
   const imageClass = imageShape === "circle" ? "size-20 min-h-20 min-w-20 rounded-full object-cover" : "aspect-[3/2] w-full object-cover";
@@ -34,7 +34,7 @@ const TeamGrid = (props) => {
       /* @__PURE__ */ jsx("p", { children: member.description }),
       /* @__PURE__ */ jsx("div", { className: `mt-6 grid grid-flow-col grid-cols-[max-content] gap-3.5 ${textAlign === "center" ? "self-center" : "self-start"}`, children: member.socialLinks.map((link, linkIndex) => /* @__PURE__ */ jsx("a", { href: link.href, children: link.icon }, linkIndex)) })
     ] }, index)) }),
-    hasFooter && footer && /* @__PURE__ */ jsxs("div", { className: `mx-auto mt-14 w-full max-w-md md:mt-20 lg:mt-24 ${textAlign === "center" ? "text-center" : ""}`, children: [
+    hasFooter === "true" && footer && /* @__PURE__ */ jsxs("div", { className: `mx-auto mt-14 w-full max-w-md md:mt-20 lg:mt-24 ${textAlign === "center" ? "text-center" : ""}`, 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: footer.heading }),
       /* @__PURE__ */ jsx("p", { className: "md:text-md", children: footer.description }),
       /* @__PURE__ */ jsx("div", { className: `mt-6 flex items-center gap-x-4 md:mt-8 ${textAlign === "center" ? "justify-center" : ""}`, children: /* @__PURE__ */ jsx(Button, { variant: footer.button.variant, size: footer.button.size, children: footer.button.label }) })
@@ -61,7 +61,7 @@ const TeamGridDefaults = {
     textAlign: "center",
     imageShape: "circle",
     gridColumns: "4",
-    hasFooter: true
+    hasFooter: "true"
   }
 };
 export {

package/dist/components/puck-block/team-sections/team-grid/index.d.ts

@@ -30,6 +30,31 @@ declare const conf: {
                 description: {
                     type: string;
                 };
+                media: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                socialLinks: {
+                    type: string;
+                    arrayFields: {
+                        platform: {
+                            type: string;
+                            options: {
+                                label: string;
+                                value: string;
+                            }[];
+                        };
+                        url: {
+                            type: string;
+                            label: string;
+                        };
+                    };
+                };
             };
         };
         footer: {

package/dist/components/puck-block/team-sections/team-grid/index.js

@@ -1,6 +1,7 @@
 import { TeamGrid, TeamGridDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
 import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { teamStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -14,7 +15,27 @@ const conf = {
       arrayFields: {
         name: { type: "text" },
         jobTitle: { type: "text" },
-        description: { type: "textarea" }
+        description: { type: "textarea" },
+        media: mediaField,
+        socialLinks: {
+          type: "array",
+          arrayFields: {
+            platform: {
+              type: "select",
+              options: [
+                { label: "Twitter / X", value: "twitter" },
+                { label: "Facebook", value: "facebook" },
+                { label: "Instagram", value: "instagram" },
+                { label: "LinkedIn", value: "linkedin" },
+                { label: "YouTube", value: "youtube" },
+                { label: "GitHub", value: "github" },
+                { label: "TikTok", value: "tiktok" },
+                { label: "Discord", value: "discord" }
+              ]
+            },
+            url: { type: "text", label: "URL" }
+          }
+        }
       }
     },
     footer: {

package/dist/components/puck-block/team-sections/team-inline-card/index.d.ts

@@ -30,6 +30,31 @@ declare const conf: {
                 description: {
                     type: string;
                 };
+                media: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                socialLinks: {
+                    type: string;
+                    arrayFields: {
+                        platform: {
+                            type: string;
+                            options: {
+                                label: string;
+                                value: string;
+                            }[];
+                        };
+                        url: {
+                            type: string;
+                            label: string;
+                        };
+                    };
+                };
             };
         };
         footer: {

package/dist/components/puck-block/team-sections/team-inline-card/index.js

@@ -1,6 +1,7 @@
 import { TeamInlineCard, TeamInlineCardDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
 import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { teamStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -14,7 +15,27 @@ const conf = {
       arrayFields: {
         name: { type: "text" },
         jobTitle: { type: "text" },
-        description: { type: "textarea" }
+        description: { type: "textarea" },
+        media: mediaField,
+        socialLinks: {
+          type: "array",
+          arrayFields: {
+            platform: {
+              type: "select",
+              options: [
+                { label: "Twitter / X", value: "twitter" },
+                { label: "Facebook", value: "facebook" },
+                { label: "Instagram", value: "instagram" },
+                { label: "LinkedIn", value: "linkedin" },
+                { label: "YouTube", value: "youtube" },
+                { label: "GitHub", value: "github" },
+                { label: "TikTok", value: "tiktok" },
+                { label: "Discord", value: "discord" }
+              ]
+            },
+            url: { type: "text", label: "URL" }
+          }
+        }
       }
     },
     footer: {

package/dist/components/puck-block/team-sections/team-sticky-scatter/index.d.ts

@@ -30,6 +30,31 @@ declare const conf: {
                 description: {
                     type: string;
                 };
+                media: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                socialLinks: {
+                    type: string;
+                    arrayFields: {
+                        platform: {
+                            type: string;
+                            options: {
+                                label: string;
+                                value: string;
+                            }[];
+                        };
+                        url: {
+                            type: string;
+                            label: string;
+                        };
+                    };
+                };
             };
         };
         styles: {

package/dist/components/puck-block/team-sections/team-sticky-scatter/index.js

@@ -1,5 +1,6 @@
 import { TeamStickyScatter, TeamStickyScatterDefaults } from "./component.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { teamStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -13,7 +14,27 @@ const conf = {
       arrayFields: {
         name: { type: "text" },
         jobTitle: { type: "text" },
-        description: { type: "textarea" }
+        description: { type: "textarea" },
+        media: mediaField,
+        socialLinks: {
+          type: "array",
+          arrayFields: {
+            platform: {
+              type: "select",
+              options: [
+                { label: "Twitter / X", value: "twitter" },
+                { label: "Facebook", value: "facebook" },
+                { label: "Instagram", value: "instagram" },
+                { label: "LinkedIn", value: "linkedin" },
+                { label: "YouTube", value: "youtube" },
+                { label: "GitHub", value: "github" },
+                { label: "TikTok", value: "tiktok" },
+                { label: "Discord", value: "discord" }
+              ]
+            },
+            url: { type: "text", label: "URL" }
+          }
+        }
       }
     },
     styles: {

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

@@ -85,6 +85,31 @@ declare const conf: {
                 description: {
                     type: string;
                 };
+                media: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                socialLinks: {
+                    type: string;
+                    arrayFields: {
+                        platform: {
+                            type: string;
+                            options: {
+                                label: string;
+                                value: string;
+                            }[];
+                        };
+                        url: {
+                            type: string;
+                            label: string;
+                        };
+                    };
+                };
             };
         };
         styles: {