dune-react 0.0.30 → 0.0.32

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

@@ -1,8 +1,8 @@
-import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseImage } from "../props";
+import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseMedia } from "../props";
 type TimelineItem = {
     date: string;
     description: string;
-    image?: BaseImage;
+    media?: BaseMedia;
 };
 type CompactTimelineExtra = {
     timelineItems: TimelineItem[];

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } 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 CompactTimeline = (props) => {
   const {
@@ -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.image && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full", children: /* @__PURE__ */ jsx(CompoundImage, { src: item.image.src, alt: item.image.alt, className: "w-full object-cover" }) })
+    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" }) })
   ] });
   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]" }),
@@ -80,7 +80,7 @@ const CompactEntry = ({
 const defaultItem = {
   date: "Date",
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
-  image: {
+  media: {
     src: "https://picsum.photos/seed/compact-tl/400/300",
     alt: "Timeline image"
   }

package/dist/components/puck-block/showcase-sections/compact-timeline/index.d.ts

@@ -106,7 +106,7 @@ declare const conf: {
                 description: {
                     type: string;
                 };
-                image: {
+                media: {
                     type: "object";
                     objectFields: {
                         src: import("@puckeditor/core").Field<string>;
@@ -161,7 +161,7 @@ declare const conf: {
         timelineItems: {
             date: string;
             description: string;
-            image?: import("@/components/puck-core/core/props/media").BaseImage;
+            media?: import("@/components/puck-core/core/props/media").BaseMedia;
         }[];
     };
     render: (props: CompactTimelineProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { CompactTimeline, CompactTimelineDefaults } 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 { showcaseStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -16,7 +16,7 @@ const conf = {
       arrayFields: {
         date: { type: "text" },
         description: { type: "textarea" },
-        image: imageField
+        media: mediaField
       }
     },
     styles: {

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

@@ -1,8 +1,8 @@
-import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseImage } from "../props";
+import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseMedia } from "../props";
 type TimelineItem = {
     date: string;
     description: string;
-    image?: BaseImage;
+    media?: BaseMedia;
 };
 type HorizontalTimelineExtra = {
     timelineItems: TimelineItem[];

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

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from "../../../shadcn/carousel.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 { cn } from "../../../../utils/css-utils.js";
 const HorizontalTimeline = (props) => {
@@ -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.image && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(CompoundImage, { src: item.image.src, alt: item.image.alt, className: "w-full object-cover" }) })
+          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" }) })
         ] })
       ] }) }, index)) }),
       currentIndex > 0 && /* @__PURE__ */ jsx(CarouselPrevious, { className: "size-12" }),
@@ -64,7 +64,7 @@ const HorizontalTimeline = (props) => {
 const defaultItem = {
   date: "Date",
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
-  image: {
+  media: {
     src: "https://picsum.photos/seed/h-timeline/400/300",
     alt: "Timeline image"
   }

package/dist/components/puck-block/showcase-sections/horizontal-timeline/index.d.ts

@@ -106,7 +106,7 @@ declare const conf: {
                 description: {
                     type: string;
                 };
-                image: {
+                media: {
                     type: "object";
                     objectFields: {
                         src: import("@puckeditor/core").Field<string>;
@@ -161,7 +161,7 @@ declare const conf: {
         timelineItems: {
             date: string;
             description: string;
-            image?: import("@/components/puck-core/core/props/media").BaseImage;
+            media?: import("@/components/puck-core/core/props/media").BaseMedia;
         }[];
     };
     render: (props: HorizontalTimelineProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { HorizontalTimeline, HorizontalTimelineDefaults } 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 { showcaseStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -16,7 +16,7 @@ const conf = {
       arrayFields: {
         date: { type: "text" },
         description: { type: "textarea" },
-        image: imageField
+        media: mediaField
       }
     },
     styles: {

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

@@ -4,9 +4,9 @@
  * 基础类型引用自 ../props/（全局共享）
  * ShowcaseSectionStyles 为 showcase/timeline 特有的样式字段
  */
-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 ShowcaseSectionStyles {
     className?: string;
     style?: React.CSSProperties;

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

@@ -1,10 +1,10 @@
-import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseButton, BaseImage } from "../props";
+import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseButton, BaseMedia } from "../props";
 type TimelineItem = {
     heading: string;
     title: string;
     description: string;
     buttons: BaseButton[];
-    image?: BaseImage;
+    media?: BaseMedia;
 };
 type SingleColumnTimelineExtra = {
     timelineItems: TimelineItem[];

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

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { useScroll, useTransform, motion } from "motion/react";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { cn } from "../../../../utils/css-utils.js";
@@ -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.image && /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(CompoundImage, { src: item.image.src, alt: item.image.alt, className: "w-full object-cover" }) }),
+      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" }) }),
       /* @__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)) })
     ] })
   ] });
@@ -83,7 +83,7 @@ const defaultItem = {
   title: "Short heading 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", variant: "secondary" }, { label: "Button", variant: "link" }],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/timeline-single/600/400",
     alt: "Timeline image"
   }

package/dist/components/puck-block/showcase-sections/single-column-timeline/index.d.ts

@@ -188,7 +188,7 @@ declare const conf: {
                         readonly instructions: "Buttons must use the same size";
                     };
                 };
-                image: {
+                media: {
                     type: "object";
                     objectFields: {
                         src: import("@puckeditor/core").Field<string>;
@@ -256,7 +256,7 @@ declare const conf: {
             title: string;
             description: string;
             buttons: import("@/components/puck-core/core/props/interactive").BaseButton[];
-            image?: import("@/components/puck-core/core/props/media").BaseImage;
+            media?: import("@/components/puck-core/core/props/media").BaseMedia;
         }[];
     };
     render: (props: SingleColumnTimelineProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { SingleColumnTimeline, SingleColumnTimelineDefaults } 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 { showcaseStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -18,7 +18,7 @@ const conf = {
         title: { type: "text" },
         description: { type: "textarea" },
         buttons: buttonsField,
-        image: imageField
+        media: mediaField
       }
     },
     styles: {

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

@@ -1,10 +1,10 @@
-import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseButton, BaseImage } from "../props";
+import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseButton, BaseMedia } from "../props";
 type TimelineItem = {
     date: string;
     heading: string;
     description: string;
     buttons: BaseButton[];
-    image?: BaseImage;
+    media?: BaseMedia;
 };
 type StickyScrollTimelineExtra = {
     timelines: TimelineItem[];

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

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { useScroll, useTransform, motion } from "motion/react";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { cn } from "../../../../utils/css-utils.js";
@@ -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.image && /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(CompoundImage, { src: timeline.image.src, alt: timeline.image.alt, className: "w-full object-cover" }) }),
+      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" }) }),
       /* @__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)) })
     ] })
   ] });
@@ -81,7 +81,7 @@ const defaultTimelineItem = {
   heading: "Short heading 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", variant: "secondary" }, { label: "Button", variant: "link" }],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/timeline-sticky/600/400",
     alt: "Timeline image"
   }

package/dist/components/puck-block/showcase-sections/sticky-scroll-timeline/index.d.ts

@@ -188,7 +188,7 @@ declare const conf: {
                         readonly instructions: "Buttons must use the same size";
                     };
                 };
-                image: {
+                media: {
                     type: "object";
                     objectFields: {
                         src: import("@puckeditor/core").Field<string>;
@@ -256,7 +256,7 @@ declare const conf: {
             heading: string;
             description: string;
             buttons: import("@/components/puck-core/core/props/interactive").BaseButton[];
-            image?: import("@/components/puck-core/core/props/media").BaseImage;
+            media?: import("@/components/puck-core/core/props/media").BaseMedia;
         }[];
     };
     render: (props: StickyScrollTimelineProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StickyScrollTimeline, StickyScrollTimelineDefaults } 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 { showcaseStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -18,7 +18,7 @@ const conf = {
         heading: { type: "text" },
         description: { type: "textarea" },
         buttons: buttonsField,
-        image: imageField
+        media: mediaField
       }
     },
     styles: {

package/dist/components/puck-block/showcase-sections/tab-timeline/component.d.ts

@@ -1,10 +1,10 @@
-import type { ShowcaseComponentProps, BaseButton, BaseImage } from "../props";
+import type { ShowcaseComponentProps, BaseButton, BaseMedia } from "../props";
 type TabTimelineContent = {
     date: string;
     heading: string;
     description: string;
     buttons: BaseButton[];
-    image: BaseImage;
+    media: BaseMedia;
 };
 type Tab = {
     value: string;

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

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "../../../shadcn/tabs.js";
 import { CompoundButton } from "../../../puck-base/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";
 const TabTimeline = (props) => {
@@ -87,18 +87,18 @@ const TabTimeline = (props) => {
                   /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap gap-4 md:mt-8", children: tab.content.buttons.map((button, bIndex) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, bIndex)) })
                 ] }),
                 /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-                  CompoundImage,
+                  CompoundMedia,
                   {
-                    src: tab.content.image.src,
-                    alt: tab.content.image.alt,
+                    src: tab.content.media.src,
+                    alt: tab.content.media.alt,
                     className: "w-full object-cover"
                   }
                 ) })
               ] }) : /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
-                CompoundImage,
+                CompoundMedia,
                 {
-                  src: tab.content.image.src,
-                  alt: tab.content.image.alt,
+                  src: tab.content.media.src,
+                  alt: tab.content.media.alt,
                   className: "w-full max-w-2xl object-cover"
                 }
               ) })
@@ -118,7 +118,7 @@ const defaultTab = (value, index) => ({
     heading: "Long heading is what you see here in this feature section",
     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", variant: "secondary" }, { label: "Button", variant: "link" }],
-    image: {
+    media: {
       src: `https://picsum.photos/seed/tab-timeline${index}/800/600`,
       alt: `Placeholder image ${index + 1}`
     }

package/dist/components/puck-block/showcase-sections/tab-timeline/index.d.ts

@@ -108,7 +108,7 @@ declare const conf: {
                                 readonly instructions: "Buttons must use the same size";
                             };
                         };
-                        image: {
+                        media: {
                             type: "object";
                             objectFields: {
                                 src: import("@puckeditor/core").Field<string>;
@@ -170,7 +170,7 @@ declare const conf: {
                 heading: string;
                 description: string;
                 buttons: import("@/components/puck-core/core/props/interactive").BaseButton[];
-                image: import("@/components/puck-core/core/props/media").BaseImage;
+                media: import("@/components/puck-core/core/props/media").BaseMedia;
             };
         }[];
     } & {

package/dist/components/puck-block/showcase-sections/tab-timeline/index.js

@@ -1,6 +1,6 @@
 import { TabTimeline, TabTimelineDefaults } from "./component.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 { showcaseStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -19,7 +19,7 @@ const conf = {
             heading: { type: "text" },
             description: { type: "textarea" },
             buttons: buttonsField,
-            image: imageField
+            media: mediaField
           }
         }
       }

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

@@ -1,10 +1,10 @@
-import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseButton, BaseImage } from "../props";
+import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseButton, BaseMedia } from "../props";
 type TimelineItem = {
     heading: string;
     title: string;
     description: string;
     buttons: BaseButton[];
-    image?: BaseImage;
+    media?: BaseMedia;
 };
 type ZigzagTimelineExtra = {
     timelineItems: TimelineItem[];

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

@@ -2,7 +2,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef } from "react";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { useScroll, useTransform, motion } from "motion/react";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
 import { cn } from "../../../../utils/css-utils.js";
@@ -74,7 +74,7 @@ const ZigzagEntry = ({
         /* @__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.image && /* @__PURE__ */ jsx("div", { className: "mt-6 w-full", children: /* @__PURE__ */ jsx(CompoundImage, { src: item.image.src, alt: item.image.alt, className: "w-full object-cover" }) }),
+        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" }) }),
         /* @__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)) })
       ]
     }
@@ -102,7 +102,7 @@ const defaultItem = {
   title: "Short heading 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", variant: "secondary" }, { label: "Button", variant: "link" }],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/timeline-zigzag/600/400",
     alt: "Timeline image"
   }

package/dist/components/puck-block/showcase-sections/zigzag-timeline/index.d.ts

@@ -188,7 +188,7 @@ declare const conf: {
                         readonly instructions: "Buttons must use the same size";
                     };
                 };
-                image: {
+                media: {
                     type: "object";
                     objectFields: {
                         src: import("@puckeditor/core").Field<string>;
@@ -256,7 +256,7 @@ declare const conf: {
             title: string;
             description: string;
             buttons: import("@/components/puck-core/core/props/interactive").BaseButton[];
-            image?: import("@/components/puck-core/core/props/media").BaseImage;
+            media?: import("@/components/puck-core/core/props/media").BaseMedia;
         }[];
     };
     render: (props: ZigzagTimelineProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { ZigzagTimeline, ZigzagTimelineDefaults } 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 { showcaseStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -18,7 +18,7 @@ const conf = {
         title: { type: "text" },
         description: { type: "textarea" },
         buttons: buttonsField,
-        image: imageField
+        media: mediaField
       }
     },
     styles: {

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

@@ -4,25 +4,24 @@
  * 基础类型引用自 ../props/（全局共享）
  * TeamSectionStyles 为 team 特有的样式字段
  */
-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 TeamSectionStyles {
     className?: string;
     style?: React.CSSProperties;
     css?: string;
     textAlign?: "left" | "center";
-    gridColumns?: 2 | 3 | 4;
+    gridColumns?: "2" | "3" | "4";
     imageShape?: "circle" | "square";
     hasFooter?: boolean;
     cardLayout?: "vertical" | "horizontal";
-    memberGridColumns?: 1 | 2;
+    memberGridColumns?: "1" | "2";
 }
 export interface TeamSectionBaseProps {
     tagline: string;
     heading: string;
     description: string;
-    buttons: BaseButton[];
     styles: TeamSectionStyles;
 }
 /** 各 styles 字段的 Puck field 选项 */

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

@@ -1,10 +1,10 @@
-import type { TeamComponentProps, BaseImage, BaseButton } from "../props";
+import type { TeamComponentProps, BaseMedia, BaseButton } from "../props";
 type SocialLink = {
     href: string;
     icon: React.ReactNode;
 };
 type TeamMember = {
-    image: BaseImage;
+    media: BaseMedia;
     name: string;
     jobTitle: string;
     description: string;

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

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Button } from "../../../shadcn/button.js";
 import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from "../../../shadcn/carousel.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 TeamCarousel = (props) => {
@@ -44,7 +44,7 @@ const TeamCarousel = (props) => {
             {
               className: "basis-[95%] pl-0 pr-6 sm:basis-4/5 md:basis-1/2 md:pr-12 lg:basis-1/3",
               children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-start", children: [
-                /* @__PURE__ */ jsx("div", { className: "mb-5 md:mb-6", children: /* @__PURE__ */ jsx(CompoundImage, { src: member.image.src, alt: member.image.alt, className: imageClass }) }),
+                /* @__PURE__ */ jsx("div", { className: "mb-5 md:mb-6", children: /* @__PURE__ */ jsx(CompoundMedia, { src: member.media.src, alt: member.media.alt, className: imageClass }) }),
                 /* @__PURE__ */ jsxs("div", { className: "mb-3 md:mb-4", children: [
                   /* @__PURE__ */ jsx("h5", { className: "text-md font-semibold md:text-lg", children: member.name }),
                   /* @__PURE__ */ jsx("h6", { className: "md:text-md", children: member.jobTitle })
@@ -87,7 +87,7 @@ const TeamCarouselDefaults = {
   heading: "Our team",
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   teamMembers: Array(6).fill(null).map((_, i) => ({
-    image: { src: `https://picsum.photos/seed/team-carousel-${i + 1}/200/200`, alt: `Team member ${i + 1}` },
+    media: { src: `https://picsum.photos/seed/team-carousel-${i + 1}/200/200`, alt: `Team member ${i + 1}` },
     name: "Full name",
     jobTitle: "Job title",
     description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",

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

@@ -1,10 +1,10 @@
-import type { TeamComponentProps, BaseImage, BaseButton } from "../props";
+import type { TeamComponentProps, BaseMedia, BaseButton } from "../props";
 type SocialLink = {
     href: string;
     icon: React.ReactNode;
 };
 type TeamMember = {
-    image: BaseImage;
+    media: BaseMedia;
     name: string;
     jobTitle: string;
     description: string;