dune-react 0.0.31 → 0.0.33

package/dist/components/puck-base/social-links.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { SocialIcon } from "../puck-core/core/social-icons.js";
+import { cn } from "../../utils/css-utils.js";
+const CompoundSocialLinks = ({
+  links,
+  iconClassName = "size-6",
+  className
+}) => {
+  if (!links || links.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-3", className), children: links.map((link, i) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: link.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: /* @__PURE__ */ jsx(SocialIcon, { platform: link.platform, className: iconClassName })
+    },
+    i
+  )) });
+};
+export {
+  CompoundSocialLinks
+};

package/dist/components/puck-block/banner-sections/css-marquee-banner/css-marquee-banner.js

@@ -29,8 +29,8 @@ const CssMarqueeBanner = (props) => {
           /* @__PURE__ */ jsx("div", { className: "relative aspect-[3/2] w-full overflow-hidden object-cover", children: /* @__PURE__ */ jsx(
             "img",
             {
-              src: section.image.src,
-              alt: section.image.alt,
+              src: section.media.src,
+              alt: section.media.alt,
               className: "aspect-[3/2] size-full h-16 max-h-24 object-cover md:h-auto"
             }
           ) })
@@ -78,28 +78,28 @@ const CssMarqueeBannerDefaults = {
   sections: [
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-marquee-1/400/267",
         alt: "Brand Name"
       }
     },
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-marquee-2/400/267",
         alt: "Brand Name"
       }
     },
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-marquee-3/400/267",
         alt: "Brand Name"
       }
     },
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-marquee-4/400/267",
         alt: "Brand Name"
       }

package/dist/components/puck-block/banner-sections/css-marquee-banner/index.d.ts

@@ -22,7 +22,7 @@ declare const conf: {
                 title: {
                     type: string;
                 };
-                image: {
+                media: {
                     type: "object";
                     objectFields: {
                         src: import("@puckeditor/core").Field<string>;

package/dist/components/puck-block/banner-sections/css-marquee-banner/index.js

@@ -1,5 +1,5 @@
 import { CssMarqueeBanner, CssMarqueeBannerDefaults } from "./css-marquee-banner.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { bannerStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -18,7 +18,7 @@ const conf = {
       getItemSummary: (item, index = 0) => item.title || `Section ${index + 1}`,
       arrayFields: {
         title: { type: "text" },
-        image: imageField
+        media: mediaField
       }
     },
     styles: {

package/dist/components/puck-block/banner-sections/dismissible-banner/index.d.ts

@@ -177,6 +177,48 @@ declare const conf: {
                 };
             };
         };
+        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";
+                };
+            };
+        };
         styles: {
             type: string;
             label: string;

package/dist/components/puck-block/banner-sections/dual-row-marquee/dual-row-marquee.js

@@ -23,8 +23,8 @@ const DualRowMarquee = (props) => {
       /* @__PURE__ */ jsx("div", { className: "relative shrink-0 overflow-hidden", children: /* @__PURE__ */ jsx(
         "img",
         {
-          src: heading.image.src,
-          alt: heading.image.alt,
+          src: heading.media.src,
+          alt: heading.media.alt,
           className: "h-8 object-contain"
         }
       ) })
@@ -50,28 +50,28 @@ const DualRowMarqueeDefaults = {
   headingsTop: [
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-dual-1/100/100",
         alt: "Brand Name 1"
       }
     },
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-dual-2/100/100",
         alt: "Brand Name 2"
       }
     },
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-dual-3/100/100",
         alt: "Brand Name 3"
       }
     },
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-dual-4/100/100",
         alt: "Brand Name 4"
       }
@@ -80,28 +80,28 @@ const DualRowMarqueeDefaults = {
   headingsBottom: [
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-dual-5/100/100",
         alt: "Brand Name 5"
       }
     },
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-dual-6/100/100",
         alt: "Brand Name 6"
       }
     },
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-dual-7/100/100",
         alt: "Brand Name 7"
       }
     },
     {
       title: "Brand Name",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/banner-dual-8/100/100",
         alt: "Brand Name 8"
       }

package/dist/components/puck-block/banner-sections/dual-row-marquee/index.d.ts

@@ -14,7 +14,7 @@ declare const conf: {
                 title: {
                     type: string;
                 };
-                image: {
+                media: {
                     type: "object";
                     objectFields: {
                         src: import("@puckeditor/core").Field<string>;
@@ -35,7 +35,7 @@ declare const conf: {
                 title: {
                     type: string;
                 };
-                image: {
+                media: {
                     type: "object";
                     objectFields: {
                         src: import("@puckeditor/core").Field<string>;

package/dist/components/puck-block/banner-sections/dual-row-marquee/index.js

@@ -1,5 +1,5 @@
 import { DualRowMarquee, DualRowMarqueeDefaults } from "./dual-row-marquee.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 const conf = {
   fields: {
     headingsTop: {
@@ -8,7 +8,7 @@ const conf = {
       getItemSummary: (item, index = 0) => item.title || `Item ${index + 1}`,
       arrayFields: {
         title: { type: "text" },
-        image: imageField
+        media: mediaField
       }
     },
     headingsBottom: {
@@ -17,7 +17,7 @@ const conf = {
       getItemSummary: (item, index = 0) => item.title || `Item ${index + 1}`,
       arrayFields: {
         title: { type: "text" },
-        image: imageField
+        media: mediaField
       }
     }
   },

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

@@ -4,9 +4,9 @@
  * 基础类型引用自 ../props/（全局共享）
  * BannerSectionStyles 为 banner 特有的样式字段
  */
-import type { BaseImage } from "@/components/puck-core/core/props/media";
-import type { BaseButton, Action } from "@/components/puck-core/core/props/interactive";
-export type { BaseImage, BaseButton, Action };
+import type { BaseMedia } from "@/components/puck-core/core/props/media";
+import type { BaseButton, Action, BaseSocialLink } from "@/components/puck-core/core/props/interactive";
+export type { BaseMedia, BaseButton, Action, BaseSocialLink };
 export interface BannerSectionStyles {
     className?: string;
     style?: React.CSSProperties;
@@ -22,7 +22,7 @@ export interface BannerSectionBaseProps {
     description: string;
     headings: string[];
     buttons: BaseButton[];
-    logo: BaseImage & {
+    logo: BaseMedia & {
         url?: string;
     };
     inputPlaceholder: string;
@@ -33,23 +33,20 @@ export interface BannerSectionBaseProps {
         action?: Action;
         title: string;
     };
-    socialMediaLinks: {
-        platform: string;
-        url: string;
-    }[];
+    socialLinks: BaseSocialLink[];
     sections: {
         title: string;
-        image: BaseImage;
+        media: BaseMedia;
     }[];
     headingsTop: {
         title: string;
-        image: BaseImage;
+        media: BaseMedia;
     }[];
     headingsBottom: {
         title: string;
-        image: BaseImage;
+        media: BaseMedia;
     }[];
-    images: BaseImage[];
+    medias: BaseMedia[];
     styles: BannerSectionStyles;
 }
 export declare const bannerStyleFields: {

package/dist/components/puck-block/contact-sections/centered-form/centered-form.js

@@ -145,13 +145,9 @@ const CenteredFormDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  image: { src: "https://picsum.photos/seed/contact-form/800/600", alt: "Placeholder" },
-  email: "",
-  phone: "",
-  address: "",
+  media: { src: "https://picsum.photos/seed/contact-form/800/600", alt: "Placeholder" },
   contacts: [],
   locations: [],
-  tabs: [],
   styles: {
     formType: "simple",
     textAlign: "center"

package/dist/components/puck-block/contact-sections/contact-cards-grid/contact-cards-grid.js

@@ -71,10 +71,7 @@ const ContactCardsGridDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  image: { src: "https://picsum.photos/seed/contact-grid/800/600", alt: "Placeholder" },
-  email: "",
-  phone: "",
-  address: "",
+  media: { src: "https://picsum.photos/seed/contact-grid/800/600", alt: "Placeholder" },
   contacts: [
     {
       icon: "email",
@@ -96,7 +93,6 @@ const ContactCardsGridDefaults = {
     }
   ],
   locations: [],
-  tabs: [],
   styles: {
     columns: 3,
     textAlign: "left",

package/dist/components/puck-block/contact-sections/contact-modal/contact-modal.js

@@ -160,13 +160,9 @@ const ContactModalDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  image: { src: "https://picsum.photos/seed/contact-modal/800/600", alt: "Placeholder" },
-  email: "",
-  phone: "",
-  address: "",
+  media: { src: "https://picsum.photos/seed/contact-modal/800/600", alt: "Placeholder" },
   contacts: [],
   locations: [],
-  tabs: [],
   styles: {
     formType: "simple",
     modalType: "dialog"

package/dist/components/puck-block/contact-sections/form-with-media/form-with-media.js

@@ -5,12 +5,12 @@ import { Input } from "../../../shadcn/input.js";
 import { Label } from "../../../shadcn/label.js";
 import { Textarea } from "../../../shadcn/textarea.js";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { useContactForm } from "../use-contact-form.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 const FormWithMedia = (props) => {
-  const { tagline, heading, description, button, image, styles } = {
+  const { tagline, heading, description, button, media, styles } = {
     ...FormWithMediaDefaults,
     ...props
   };
@@ -69,7 +69,7 @@ const FormWithMedia = (props) => {
       /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundButton, { label: submitting ? "Submitting..." : button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon, disabled: submitting }) })
     ] })
   ] });
-  const mediaContent = /* @__PURE__ */ jsx("div", { children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: "#map", className: "block", children: /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "size-full object-cover" }) }) : /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "size-full object-cover" }) });
+  const mediaContent = /* @__PURE__ */ jsx("div", { children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: "#map", className: "block", children: /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, alt: media.alt, className: "size-full object-cover" }) }) : /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, alt: media.alt, className: "size-full object-cover" }) });
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -92,16 +92,12 @@ const FormWithMediaDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/contact-media/800/800",
     alt: "Placeholder image"
   },
-  email: "",
-  phone: "",
-  address: "",
   contacts: [],
   locations: [],
-  tabs: [],
   styles: {
     mediaPosition: "right",
     mediaType: "image"

package/dist/components/puck-block/contact-sections/form-with-media/index.d.ts

@@ -70,7 +70,7 @@ declare const conf: {
                 };
             };
         };
-        image: {
+        media: {
             type: "object";
             objectFields: {
                 src: import("@puckeditor/core").Field<string>;

package/dist/components/puck-block/contact-sections/form-with-media/index.js

@@ -1,7 +1,7 @@
 import { FormWithMedia, FormWithMediaDefaults } from "./form-with-media.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
 import { buttonField } 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 { contactStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -10,7 +10,7 @@ const conf = {
     heading: headingField,
     description: descriptionField,
     button: buttonField,
-    image: imageField,
+    media: mediaField,
     styles: {
       type: "object",
       label: "Styles",

package/dist/components/puck-block/contact-sections/header-form-cards/header-form-cards.js

@@ -145,10 +145,7 @@ const HeaderFormCardsDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  image: { src: "https://picsum.photos/seed/contact-cards/800/600", alt: "Placeholder" },
-  email: "",
-  phone: "",
-  address: "",
+  media: { src: "https://picsum.photos/seed/contact-cards/800/600", alt: "Placeholder" },
   contacts: [
     {
       icon: "email",
@@ -170,7 +167,6 @@ const HeaderFormCardsDefaults = {
     }
   ],
   locations: [],
-  tabs: [],
   styles: {
     formType: "simple"
   }

package/dist/components/puck-block/contact-sections/header-info-fullwidth/header-info-fullwidth.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BiMap, BiPhone, BiEnvelope } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.js";
 import { Button } from "../../../shadcn/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { resolveActionUrl } from "../../../puck-core/core/props/interactive.js";
@@ -11,7 +11,7 @@ const iconMap = {
   office: /* @__PURE__ */ jsx(BiMap, { className: "size-6" })
 };
 const HeaderInfoFullwidth = (props) => {
-  const { tagline, heading, description, contacts, image, styles } = {
+  const { tagline, heading, description, contacts, media, styles } = {
     ...HeaderInfoFullwidthDefaults,
     ...props
   };
@@ -33,7 +33,7 @@ const HeaderInfoFullwidth = (props) => {
         ] })
       ] }, index)) }) })
     ] }),
-    /* @__PURE__ */ jsx("div", { children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: "#map", className: "block", children: /* @__PURE__ */ jsx(CompoundImage, { src: image.src, className: "w-full object-cover", alt: image.alt }) }) : /* @__PURE__ */ jsx(CompoundImage, { src: image.src, className: "w-full object-cover", alt: image.alt }) })
+    /* @__PURE__ */ jsx("div", { children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: "#map", className: "block", children: /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, className: "w-full object-cover", alt: media.alt }) }) : /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, className: "w-full object-cover", alt: media.alt }) })
   ] }) });
 };
 const HeaderInfoFullwidthDefaults = {
@@ -42,13 +42,10 @@ const HeaderInfoFullwidthDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
   button: { label: "Submit" },
   buttons: [],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/contact-fullwidth/1920/600",
     alt: "Placeholder image"
   },
-  email: "",
-  phone: "",
-  address: "",
   contacts: [
     {
       icon: "email",
@@ -69,7 +66,6 @@ const HeaderInfoFullwidthDefaults = {
     }
   ],
   locations: [],
-  tabs: [],
   styles: {
     mediaType: "image"
   }

package/dist/components/puck-block/contact-sections/header-info-fullwidth/index.d.ts

@@ -15,7 +15,7 @@ declare const conf: {
             readonly type: "textarea";
             readonly contentEditable: true;
         };
-        image: {
+        media: {
             type: "object";
             objectFields: {
                 src: import("@puckeditor/core").Field<string>;

package/dist/components/puck-block/contact-sections/header-info-fullwidth/index.js

@@ -1,6 +1,6 @@
 import { HeaderInfoFullwidth, HeaderInfoFullwidthDefaults } from "./header-info-fullwidth.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { contactStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -8,7 +8,7 @@ const conf = {
     tagline: { type: "text" },
     heading: headingField,
     description: descriptionField,
-    image: imageField,
+    media: mediaField,
     contacts: {
       type: "array",
       max: 6,

package/dist/components/puck-block/contact-sections/info-cards-media/index.d.ts

@@ -15,7 +15,7 @@ declare const conf: {
             readonly type: "textarea";
             readonly contentEditable: true;
         };
-        image: {
+        media: {
             type: "object";
             objectFields: {
                 src: import("@puckeditor/core").Field<string>;

package/dist/components/puck-block/contact-sections/info-cards-media/index.js

@@ -1,6 +1,6 @@
 import { InfoCardsMedia, InfoCardsMediaDefaults } from "./info-cards-media.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { contactStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -8,7 +8,7 @@ const conf = {
     tagline: { type: "text" },
     heading: headingField,
     description: descriptionField,
-    image: imageField,
+    media: mediaField,
     contacts: {
       type: "array",
       max: 6,

package/dist/components/puck-block/contact-sections/info-cards-media/info-cards-media.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BiMap, BiPhone, BiEnvelope } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.js";
 import { Button } from "../../../shadcn/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { resolveActionUrl } from "../../../puck-core/core/props/interactive.js";
@@ -11,7 +11,7 @@ const iconMap = {
   office: /* @__PURE__ */ jsx(BiMap, { className: "size-8" })
 };
 const InfoCardsMedia = (props) => {
-  const { tagline, heading, description, contacts, image, styles } = {
+  const { tagline, heading, description, contacts, media, styles } = {
     ...InfoCardsMediaDefaults,
     ...props
   };
@@ -30,7 +30,7 @@ const InfoCardsMedia = (props) => {
         contact.link && /* @__PURE__ */ jsx("a", { className: "underline", href: resolveActionUrl(contact.link.action ?? { type: "none" }) ?? "#", children: contact.link.label }),
         contact.button && /* @__PURE__ */ jsx("div", { className: "mt-5 md:mt-6", children: /* @__PURE__ */ jsx(Button, { variant: contact.button.variant, size: contact.button.size, children: contact.button.label }) })
       ] }, index)) }),
-      /* @__PURE__ */ jsx("div", { children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: "#map", className: "block", children: /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "size-full object-cover" }) }) : /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "size-full object-cover" }) })
+      /* @__PURE__ */ jsx("div", { children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: "#map", className: "block", children: /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, alt: media.alt, className: "size-full object-cover" }) }) : /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, alt: media.alt, className: "size-full object-cover" }) })
     ] })
   ] }) });
 };
@@ -40,13 +40,10 @@ const InfoCardsMediaDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/contact-info/1200/800",
     alt: "Placeholder image"
   },
-  email: "",
-  phone: "",
-  address: "",
   contacts: [
     {
       icon: "email",
@@ -68,7 +65,6 @@ const InfoCardsMediaDefaults = {
     }
   ],
   locations: [],
-  tabs: [],
   styles: {
     mediaType: "image"
   }

package/dist/components/puck-block/contact-sections/location-cards-grid/index.d.ts

@@ -22,7 +22,7 @@ declare const conf: {
                 title?: string;
             }, index?: number) => string;
             arrayFields: {
-                image: {
+                media: {
                     type: "object";
                     objectFields: {
                         src: import("@puckeditor/core").Field<string>;

package/dist/components/puck-block/contact-sections/location-cards-grid/index.js

@@ -1,7 +1,7 @@
 import { LocationCardsGrid, LocationCardsGridDefaults } from "./location-cards-grid.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
 import { buttonField } 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 { contactStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -14,7 +14,7 @@ const conf = {
       max: 6,
       getItemSummary: (item, index = 0) => item.title || `Location ${index + 1}`,
       arrayFields: {
-        image: imageField,
+        media: mediaField,
         mapUrl: { type: "text" },
         title: { type: "text" },
         address: { type: "text" },