dune-react 0.0.31 → 0.0.33

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../../utils/css-utils.js";
 import { Button } from "../../../shadcn/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 const LocationCardsGrid = (props) => {
   const { tagline, heading, description, locations, styles } = {
@@ -43,17 +43,17 @@ const LocationCardsGrid = (props) => {
         }),
         children: [
           /* @__PURE__ */ jsx("div", { className: "mb-6 w-full md:mb-8", children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: location.mapUrl, className: "justify-self-end", children: /* @__PURE__ */ jsx(
-            CompoundImage,
+            CompoundMedia,
             {
-              src: location.image.src,
-              alt: location.image.alt,
+              src: location.media.src,
+              alt: location.media.alt,
               className: "h-[320px] w-full object-cover md:h-[384px]"
             }
           ) }) : /* @__PURE__ */ jsx(
-            CompoundImage,
+            CompoundMedia,
             {
-              src: location.image.src,
-              alt: location.image.alt,
+              src: location.media.src,
+              alt: location.media.alt,
               className: "h-[320px] w-full object-cover md:h-[384px]"
             }
           ) }),
@@ -72,14 +72,11 @@ const LocationCardsGridDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  image: { src: "https://picsum.photos/seed/contact-loc/800/600", alt: "Placeholder" },
-  email: "",
-  phone: "",
-  address: "",
+  media: { src: "https://picsum.photos/seed/contact-loc/800/600", alt: "Placeholder" },
   contacts: [],
   locations: [
     {
-      image: {
+      media: {
         src: "https://picsum.photos/seed/location-sydney/800/400",
         alt: "Sydney map"
       },
@@ -89,7 +86,7 @@ const LocationCardsGridDefaults = {
       button: { label: "Get Directions", variant: "link", size: "sm" }
     },
     {
-      image: {
+      media: {
         src: "https://picsum.photos/seed/location-newyork/800/400",
         alt: "New York map"
       },
@@ -99,7 +96,6 @@ const LocationCardsGridDefaults = {
       button: { label: "Get Directions", variant: "link", size: "sm" }
     }
   ],
-  tabs: [],
   styles: {
     mediaType: "map",
     textAlign: "center",

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

@@ -4,9 +4,9 @@
  * 基础类型引用自 ../props/（全局共享）
  * ContactSectionStyles 为 contact 特有的样式字段
  */
-import type { BaseImage } from "@/components/puck-core/core/props/media";
+import type { BaseMedia } from "@/components/puck-core/core/props/media";
 import type { BaseButton, Action } from "@/components/puck-core/core/props/interactive";
-export type { BaseImage, BaseButton, Action };
+export type { BaseMedia, BaseButton, Action };
 export interface ContactSectionStyles {
     className?: string;
     style?: React.CSSProperties;
@@ -26,10 +26,7 @@ export interface ContactSectionBaseProps {
     description: string;
     button: BaseButton;
     buttons: BaseButton[];
-    image: BaseImage;
-    email: string;
-    phone: string;
-    address: string;
+    media: BaseMedia;
     contacts: {
         icon: string;
         title: string;
@@ -41,21 +38,13 @@ export interface ContactSectionBaseProps {
         button?: BaseButton;
     }[];
     locations: {
-        image: BaseImage;
+        value?: string;
+        media: BaseMedia;
         mapUrl: string;
         title: string;
         address: string;
         button: BaseButton;
     }[];
-    tabs: {
-        value: string;
-        title: string;
-        addressLine1: string;
-        addressLine2: string;
-        image: BaseImage;
-        mapUrl: string;
-        buttonLabel: string;
-    }[];
     styles: ContactSectionStyles;
 }
 export declare const contactStyleFields: {

package/dist/components/puck-block/contact-sections/split-info-form/index.d.ts

@@ -119,7 +119,7 @@ declare const conf: {
             };
         };
     };
-    defaultProps: import("../props").ContactSectionBaseProps;
+    defaultProps: import("../props").ContactSectionBaseProps & import("./split-info-form").SplitInfoFormOwnProps;
     render: (props: SplitInfoFormProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default conf;

package/dist/components/puck-block/contact-sections/split-info-form/split-info-form.d.ts

@@ -1,4 +1,9 @@
 import type { ContactComponentProps, ContactSectionBaseProps } from "../props";
-export type SplitInfoFormProps = ContactComponentProps;
+export interface SplitInfoFormOwnProps {
+    email: string;
+    phone: string;
+    address: string;
+}
+export type SplitInfoFormProps = ContactComponentProps<SplitInfoFormOwnProps>;
 export declare const SplitInfoForm: (props: SplitInfoFormProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SplitInfoFormDefaults: ContactSectionBaseProps;
+export declare const SplitInfoFormDefaults: ContactSectionBaseProps & SplitInfoFormOwnProps;

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

@@ -145,13 +145,12 @@ const SplitInfoFormDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  image: { src: "https://picsum.photos/seed/contact-split/800/600", alt: "Placeholder" },
+  media: { src: "https://picsum.photos/seed/contact-split/800/600", alt: "Placeholder" },
   email: "hello@example.com",
   phone: "+1 (555) 000-0000",
   address: "123 Sample St, Sydney NSW 2000 AU",
   contacts: [],
   locations: [],
-  tabs: [],
   styles: {
     formType: "simple"
   }

package/dist/components/puck-block/contact-sections/tab-locations/index.d.ts

@@ -15,7 +15,7 @@ declare const conf: {
             readonly type: "textarea";
             readonly contentEditable: true;
         };
-        tabs: {
+        locations: {
             type: string;
             max: number;
             getItemSummary: (item: {
@@ -28,13 +28,10 @@ declare const conf: {
                 title: {
                     type: string;
                 };
-                addressLine1: {
+                address: {
                     type: string;
                 };
-                addressLine2: {
-                    type: string;
-                };
-                image: {
+                media: {
                     type: "object";
                     objectFields: {
                         src: import("@puckeditor/core").Field<string>;
@@ -46,8 +43,60 @@ declare const conf: {
                 mapUrl: {
                     type: string;
                 };
-                buttonLabel: {
-                    type: string;
+                button: {
+                    readonly type: "object";
+                    readonly objectFields: {
+                        readonly label: {
+                            readonly type: "text";
+                        };
+                        readonly action: {
+                            type: "custom";
+                            label: string;
+                            render: typeof import("../../..").ActionField;
+                        };
+                        readonly variant: {
+                            readonly type: "select";
+                            readonly options: readonly [{
+                                readonly label: "primary";
+                                readonly value: "default";
+                            }, {
+                                readonly label: "secondary";
+                                readonly value: "secondary";
+                            }, {
+                                readonly label: "outline";
+                                readonly value: "outline";
+                            }, {
+                                readonly label: "ghost";
+                                readonly value: "ghost";
+                            }, {
+                                readonly label: "link";
+                                readonly value: "link";
+                            }, {
+                                readonly label: "destructive";
+                                readonly value: "destructive";
+                            }];
+                        };
+                        readonly size: {
+                            readonly type: "select";
+                            readonly options: readonly [{
+                                readonly label: "default";
+                                readonly value: "default";
+                            }, {
+                                readonly label: "sm";
+                                readonly value: "sm";
+                            }, {
+                                readonly label: "lg";
+                                readonly value: "lg";
+                            }, {
+                                readonly label: "icon";
+                                readonly value: "icon";
+                            }];
+                        };
+                        readonly icon: {
+                            type: "custom";
+                            render: typeof import("../../../puck-core/fields/icon-picker-field").IconPickerField;
+                        };
+                    };
                 };
             };
         };

package/dist/components/puck-block/contact-sections/tab-locations/index.js

@@ -1,6 +1,7 @@
 import { TabLocations, TabLocationsDefaults } from "./tab-locations.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 { buttonField } from "../../../puck-core/core/props/interactive.js";
 import { contactStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -8,18 +9,17 @@ const conf = {
     tagline: { type: "text" },
     heading: headingField,
     description: descriptionField,
-    tabs: {
+    locations: {
       type: "array",
       max: 6,
-      getItemSummary: (item, index = 0) => item.title || `Tab ${index + 1}`,
+      getItemSummary: (item, index = 0) => item.title || `Location ${index + 1}`,
       arrayFields: {
         value: { type: "text" },
         title: { type: "text" },
-        addressLine1: { type: "text" },
-        addressLine2: { type: "text" },
-        image: imageField,
+        address: { type: "text" },
+        media: mediaField,
         mapUrl: { type: "text" },
-        buttonLabel: { type: "text" }
+        button: buttonField
       }
     },
     styles: {

package/dist/components/puck-block/contact-sections/tab-locations/tab-locations.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "../../../shadcn/tabs.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";
 const TabLocations = (props) => {
   var _a;
-  const { tagline, heading, description, tabs, styles } = {
+  const { tagline, heading, description, locations, styles } = {
     ...TabLocationsDefaults,
     ...props
   };
@@ -31,47 +31,47 @@ const TabLocations = (props) => {
         /* @__PURE__ */ jsxs(
           Tabs,
           {
-            defaultValue: (_a = tabs[0]) == null ? void 0 : _a.value,
+            defaultValue: ((_a = locations[0]) == null ? void 0 : _a.value) ?? "loc-0",
             className: "relative grid auto-cols-fr grid-cols-1 gap-12 md:grid-cols-[.5fr_1fr] md:gap-y-16 lg:gap-x-20 lg:gap-y-16",
             children: [
-              /* @__PURE__ */ jsx(TabsList, { className: "relative grid h-full auto-cols-fr grid-cols-1 gap-x-4 gap-y-10", children: tabs.map((tab, index) => /* @__PURE__ */ jsx(
-                TabsTrigger,
-                {
-                  value: tab.value,
-                  className: "items-start justify-start border-0 border-l-2 border-border-primary border-transparent px-0 py-0 pl-8 data-[state=active]:border-black data-[state=active]:bg-background-primary data-[state=active]:text-text-primary",
-                  children: /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xl font-bold md:mb-4 md:text-2xl", children: tab.title }),
-                    /* @__PURE__ */ jsxs("p", { className: "inline-block whitespace-normal", children: [
-                      /* @__PURE__ */ jsx("span", { className: "block", children: tab.addressLine1 }),
-                      /* @__PURE__ */ jsx("span", { className: "block", children: tab.addressLine2 })
-                    ] }),
-                    /* @__PURE__ */ jsx("div", { className: "mt-5 font-semibold md:mt-6", children: /* @__PURE__ */ jsx("p", { children: tab.buttonLabel }) })
-                  ] })
-                },
-                index
-              )) }),
-              /* @__PURE__ */ jsx("div", { children: tabs.map((tab) => /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(TabsList, { className: "relative grid h-full auto-cols-fr grid-cols-1 gap-x-4 gap-y-10", children: locations.map((location, index) => {
+                var _a2;
+                return /* @__PURE__ */ jsx(
+                  TabsTrigger,
+                  {
+                    value: location.value ?? `loc-${index}`,
+                    className: "items-start justify-start border-0 border-l-2 border-border-primary border-transparent px-0 py-0 pl-8 data-[state=active]:border-black data-[state=active]:bg-background-primary data-[state=active]:text-text-primary",
+                    children: /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
+                      /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xl font-bold md:mb-4 md:text-2xl", children: location.title }),
+                      /* @__PURE__ */ jsx("p", { className: "inline-block whitespace-normal", children: location.address }),
+                      /* @__PURE__ */ jsx("div", { className: "mt-5 font-semibold md:mt-6", children: /* @__PURE__ */ jsx("p", { children: (_a2 = location.button) == null ? void 0 : _a2.label }) })
+                    ] })
+                  },
+                  index
+                );
+              }) }),
+              /* @__PURE__ */ jsx("div", { children: locations.map((location, index) => /* @__PURE__ */ jsx(
                 TabsContent,
                 {
-                  value: tab.value,
+                  value: location.value ?? `loc-${index}`,
                   className: "animate-tabs",
-                  children: /* @__PURE__ */ jsx("div", { className: "relative size-full", children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: tab.mapUrl, className: "block", children: /* @__PURE__ */ jsx(
-                    CompoundImage,
+                  children: /* @__PURE__ */ jsx("div", { className: "relative size-full", children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: location.mapUrl, className: "block", children: /* @__PURE__ */ jsx(
+                    CompoundMedia,
                     {
-                      src: tab.image.src,
-                      alt: tab.image.alt,
+                      src: location.media.src,
+                      alt: location.media.alt,
                       className: "size-full object-cover"
                     }
                   ) }) : /* @__PURE__ */ jsx(
-                    CompoundImage,
+                    CompoundMedia,
                     {
-                      src: tab.image.src,
-                      alt: tab.image.alt,
+                      src: location.media.src,
+                      alt: location.media.alt,
                       className: "size-full object-cover"
                     }
                   ) })
                 },
-                tab.value
+                location.value ?? `loc-${index}`
               )) })
             ]
           }
@@ -86,51 +86,44 @@ const TabLocationsDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/contact-tab/800/600",
     alt: "Placeholder"
   },
-  email: "",
-  phone: "",
-  address: "",
   contacts: [],
-  locations: [],
-  tabs: [
+  locations: [
     {
       value: "tab-1",
       title: "Sydney",
-      addressLine1: "123 Sample St,",
-      addressLine2: "Sydney NSW 2000 AU",
-      image: {
+      address: "123 Sample St, Sydney NSW 2000 AU",
+      media: {
         src: "https://picsum.photos/seed/tab-sydney/1200/800",
         alt: "Sydney map"
       },
       mapUrl: "#",
-      buttonLabel: "View Map"
+      button: { label: "View Map", variant: "link", size: "sm" }
     },
     {
       value: "tab-2",
       title: "New York",
-      addressLine1: "123 Sample St,",
-      addressLine2: "New York NY 10000 USA",
-      image: {
+      address: "123 Sample St, New York NY 10000 USA",
+      media: {
         src: "https://picsum.photos/seed/tab-newyork/1200/800",
         alt: "New York map"
       },
       mapUrl: "#",
-      buttonLabel: "View Map"
+      button: { label: "View Map", variant: "link", size: "sm" }
     },
     {
       value: "tab-3",
       title: "London",
-      addressLine1: "123 Sample St,",
-      addressLine2: "London W1C 1DE, United Kingdom",
-      image: {
+      address: "123 Sample St, London W1C 1DE, United Kingdom",
+      media: {
         src: "https://picsum.photos/seed/tab-london/1200/800",
         alt: "London map"
       },
       mapUrl: "#",
-      buttonLabel: "View Map"
+      button: { label: "View Map", variant: "link", size: "sm" }
     }
   ],
   styles: {

package/dist/components/puck-block/cta-sections/feature-card-cta/feature-card-cta.d.ts

@@ -1,6 +1,6 @@
-import type { CtaComponentProps, BaseButton, BaseImage } from "../props";
+import type { CtaComponentProps, BaseButton, BaseMedia } from "../props";
 type FeatureCard = {
-    icon: BaseImage;
+    icon: BaseMedia;
     heading: string;
     description: string;
     buttons: BaseButton[];

package/dist/components/puck-block/cta-sections/feature-card-cta/feature-card-cta.js

@@ -1,7 +1,7 @@
 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";
 const FeatureCardCta = (props) => {
   const { featureSections = [], styles } = {
@@ -12,7 +12,7 @@ const FeatureCardCta = (props) => {
   const isCenter = textAlign === "center";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsx("div", { className: "grid auto-cols-fr grid-cols-1 gap-x-8 gap-y-12 md:grid-cols-2 lg:gap-x-16", children: featureSections.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: cn({ "text-center": isCenter }), children: [
     /* @__PURE__ */ jsx(
-      CompoundImage,
+      CompoundMedia,
       {
         src: feature.icon.src,
         className: cn("mb-5 size-12 md:mb-6", { "mx-auto": isCenter }),

package/dist/components/puck-block/cta-sections/feature-card-cta/index.js

@@ -1,7 +1,7 @@
 import { FeatureCardCta, FeatureCardCtaDefaults } from "./feature-card-cta.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 { ctaStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -11,7 +11,7 @@ const conf = {
       max: 4,
       getItemSummary: (item, index = 0) => item.heading || `Feature ${index + 1}`,
       arrayFields: {
-        icon: imageField,
+        icon: mediaField,
         heading: headingField,
         description: descriptionField,
         buttons: buttonsField

package/dist/components/puck-block/cta-sections/mouse-track-cta/index.d.ts

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

package/dist/components/puck-block/cta-sections/mouse-track-cta/index.js

@@ -1,6 +1,6 @@
 import { MouseTrackCta, MouseTrackCtaDefaults } from "./mouse-track-cta.js";
 import { 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 { actionField } from "../../../puck-core/core/props/interactive.js";
 import { ctaStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
@@ -15,7 +15,7 @@ const conf = {
         action: actionField,
         heading: headingField,
         listNumber: { type: "text" },
-        image: imageField
+        media: mediaField
       }
     },
     styles: {

package/dist/components/puck-block/cta-sections/mouse-track-cta/mouse-track-cta.d.ts

@@ -1,10 +1,10 @@
-import type { CtaComponentProps, BaseImage } from "../props";
+import type { CtaComponentProps, BaseMedia } from "../props";
 import type { Action } from "@/components/puck-core/core/props/interactive";
 type HoverLink = {
     action?: Action;
     heading: string;
     listNumber?: string;
-    image: BaseImage;
+    media: BaseMedia;
 };
 export type MouseTrackCtaProps = CtaComponentProps<{
     tagline: string;

package/dist/components/puck-block/cta-sections/mouse-track-cta/mouse-track-cta.js

@@ -134,8 +134,8 @@ const MouseTrackCta = (props) => {
                             {
                               className: "size-full max-w-md",
                               variants: imageVariants,
-                              src: link.image.src,
-                              alt: link.image.alt
+                              src: link.media.src,
+                              alt: link.media.alt
                             }
                           )
                         }
@@ -159,7 +159,7 @@ const MouseTrackCtaDefaults = {
       action: { type: "page", pageUrl: "#" },
       heading: "Hover over link one",
       listNumber: "01",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/cta-hover1/600/600",
         alt: "Placeholder image 1"
       }
@@ -168,7 +168,7 @@ const MouseTrackCtaDefaults = {
       action: { type: "page", pageUrl: "#" },
       heading: "Hover over link two",
       listNumber: "02",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/cta-hover2/600/600",
         alt: "Placeholder image 2"
       }
@@ -177,7 +177,7 @@ const MouseTrackCtaDefaults = {
       action: { type: "page", pageUrl: "#" },
       heading: "Hover over link three",
       listNumber: "03",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/cta-hover3/600/600",
         alt: "Placeholder image 3"
       }
@@ -186,7 +186,7 @@ const MouseTrackCtaDefaults = {
       action: { type: "page", pageUrl: "#" },
       heading: "Hover over link four",
       listNumber: "04",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/cta-hover4/600/600",
         alt: "Placeholder image 4"
       }

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

@@ -4,9 +4,9 @@
  * 基础类型引用自 ../props/（全局共享）
  * CtaSectionStyles 为 CTA 特有的样式字段
  */
-import type { BaseImage } from "@/components/puck-core/core/props/media";
+import type { BaseMedia } from "@/components/puck-core/core/props/media";
 import type { BaseButton } from "@/components/puck-core/core/props/interactive";
-export type { BaseImage, BaseButton };
+export type { BaseMedia, BaseButton };
 export interface CtaSectionStyles {
     className?: string;
     style?: React.CSSProperties;
@@ -24,7 +24,7 @@ export interface CtaSectionBaseProps {
     heading: string;
     description: string;
     buttons: BaseButton[];
-    images: BaseImage[];
+    medias: BaseMedia[];
     video: string;
     inputPlaceholder: string;
     formButton: BaseButton;

package/dist/components/puck-block/cta-sections/side-media-cta/index.d.ts

@@ -91,7 +91,7 @@ declare const conf: {
                 readonly instructions: "Buttons must use the same size";
             };
         };
-        images: {
+        medias: {
             readonly type: "array";
             readonly max: 10;
             readonly getItemSummary: (item: {

package/dist/components/puck-block/cta-sections/side-media-cta/index.js

@@ -1,7 +1,7 @@
 import { SideMediaCta, SideMediaCtaDefaults } from "./side-media-cta.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
 import { buttonsField } from "../../../puck-core/core/props/interactive.js";
-import { imagesField } from "../../../puck-core/core/props/media.js";
+import { mediasField } from "../../../puck-core/core/props/media.js";
 import { ctaStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -9,7 +9,7 @@ const conf = {
     heading: headingField,
     description: descriptionField,
     buttons: buttonsField,
-    images: imagesField,
+    medias: mediasField,
     // TODO: email form 字段待设计完成后启用
     // inputPlaceholder: { type: "text" },
     // formButton: buttonField,