dune-react 0.0.31 → 0.0.33

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 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";
 import { cn } from "../../../../utils/css-utils.js";
 const TeamInlineCard = (props) => {
@@ -27,7 +27,7 @@ const TeamInlineCard = (props) => {
       {
         className: cardLayout === "horizontal" ? "grid auto-cols-fr grid-cols-1 items-start gap-5 sm:grid-cols-[max-content_1fr] sm:gap-x-8 sm:gap-y-4" : "grid auto-cols-fr grid-cols-1 items-start gap-5 sm:grid-cols-[1fr_1fr] sm:gap-x-8 sm:gap-y-4",
         children: [
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundImage, { src: member.image.src, alt: member.image.alt, className: imageClass }) }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundMedia, { src: member.media.src, alt: member.media.alt, className: imageClass }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center", children: [
             /* @__PURE__ */ jsxs("div", { className: "mb-3 md:mb-4", children: [
               /* @__PURE__ */ jsx("h5", { className: "text-md font-semibold md:text-lg", children: member.name }),
@@ -52,7 +52,7 @@ const TeamInlineCardDefaults = {
   heading: "Our team",
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   teamMembers: Array(4).fill(null).map((_, i) => ({
-    image: { src: `https://picsum.photos/seed/team-inline-${i + 1}/200/200`, alt: `Team member ${i + 1}` },
+    media: { src: `https://picsum.photos/seed/team-inline-${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-sticky-scatter/component.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
-import type { TeamComponentProps, BaseImage } from "../props";
+import type { TeamComponentProps, BaseMedia } 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-sticky-scatter/component.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
 import { useMediaQuery } from "../../../../hooks/use-media-query.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 TeamStickyScatter = (props) => {
@@ -32,7 +32,7 @@ const TeamStickyScatter = (props) => {
     ] }),
     /* @__PURE__ */ jsx("div", { className: "relative z-10 grid auto-cols-fr grid-cols-1 items-start justify-center gap-x-8 gap-y-12 md:grid-cols-2 md:gap-y-16 lg:grid-cols-4", children: teamMembers.map((member, index) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: `flex flex-col text-center ${shouldAddMarginTop(index) ? "md:mt-16" : ""}`, children: [
-        /* @__PURE__ */ jsx("div", { className: "rb-5 mb-5 flex w-full items-center justify-center md:mb-6", children: /* @__PURE__ */ jsx(CompoundImage, { src: member.image.src, alt: member.image.alt, className: imageClass }) }),
+        /* @__PURE__ */ jsx("div", { className: "rb-5 mb-5 flex w-full items-center justify-center 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 })
@@ -52,7 +52,7 @@ const TeamStickyScatterDefaults = {
   heading: "Our team",
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   teamMembers: Array(8).fill(null).map((_, i) => ({
-    image: { src: `https://picsum.photos/seed/team-scatter-${i + 1}/200/200`, alt: `Team member ${i + 1}` },
+    media: { src: `https://picsum.photos/seed/team-scatter-${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-two-column/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-two-column/component.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
 const TeamTwoColumn = (props) => {
@@ -30,7 +30,7 @@ const TeamTwoColumn = (props) => {
       {
         className: cardLayout === "horizontal" && memberGridColumns === "1" ? "grid auto-cols-fr grid-cols-1 items-start gap-5 sm:grid-cols-[max-content_1fr] sm:gap-x-8 sm:gap-y-4" : "flex flex-col",
         children: [
-          /* @__PURE__ */ jsx("div", { className: cardLayout === "vertical" || memberGridColumns === "2" ? "mb-5 md:mb-6" : "", children: /* @__PURE__ */ jsx(CompoundImage, { src: member.image.src, alt: member.image.alt, className: imageClass }) }),
+          /* @__PURE__ */ jsx("div", { className: cardLayout === "vertical" || memberGridColumns === "2" ? "mb-5 md:mb-6" : "", children: /* @__PURE__ */ jsx(CompoundMedia, { src: member.media.src, alt: member.media.alt, className: imageClass }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center", children: [
             /* @__PURE__ */ jsxs("div", { className: "mb-3 md:mb-4", children: [
               /* @__PURE__ */ jsx("h5", { className: "text-md font-semibold md:text-lg", children: member.name }),
@@ -51,7 +51,7 @@ const TeamTwoColumnDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
   button: { label: "Open positions", variant: "secondary" },
   teamMembers: Array(3).fill(null).map((_, i) => ({
-    image: { src: `https://picsum.photos/seed/team-twocol-${i + 1}/200/200`, alt: `Team member ${i + 1}` },
+    media: { src: `https://picsum.photos/seed/team-twocol-${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/testimonial-sections/bento-testimonial/component.d.ts

@@ -1,8 +1,8 @@
-import type { TestimonialComponentProps, BaseImage, BaseButton } from "../props";
+import type { TestimonialComponentProps, BaseMedia, BaseButton } from "../props";
 type BackgroundImageCard = {
     component: "background";
     props: {
-        backgroundImage: BaseImage;
+        backgroundImage: BaseMedia;
         heading: string;
         button: BaseButton;
     };
@@ -10,7 +10,7 @@ type BackgroundImageCard = {
 type LogoCard = {
     component: "logo";
     props: {
-        logo: BaseImage;
+        logo: BaseMedia;
     };
 };
 type QuoteCard = {
@@ -18,7 +18,7 @@ type QuoteCard = {
     props: {
         numberOfStars: number;
         quote: string;
-        image: BaseImage;
+        media: BaseMedia;
         name: string;
         position: string;
         companyName: string;

package/dist/components/puck-block/testimonial-sections/bento-testimonial/component.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BiSolidStar } 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";
 const BentoTestimonial = (props) => {
@@ -57,7 +57,7 @@ const BentoTestimonial = (props) => {
                       ] }),
                       /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-0", children: [
                         /* @__PURE__ */ jsx(
-                          CompoundImage,
+                          CompoundMedia,
                           {
                             src: card.props.backgroundImage.src,
                             className: "size-full object-cover",
@@ -82,7 +82,7 @@ const BentoTestimonial = (props) => {
                       }
                     ),
                     children: /* @__PURE__ */ jsx(
-                      CompoundImage,
+                      CompoundMedia,
                       {
                         src: card.props.logo.src,
                         alt: card.props.logo.alt,
@@ -102,10 +102,10 @@ const BentoTestimonial = (props) => {
                       /* @__PURE__ */ jsx("blockquote", { className: "md:text-md", children: card.props.quote }),
                       /* @__PURE__ */ jsxs("div", { className: "mt-5 flex w-full flex-col items-start md:mt-6 md:w-fit md:flex-row md:items-center", children: [
                         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-                          CompoundImage,
+                          CompoundMedia,
                           {
-                            src: card.props.image.src,
-                            alt: card.props.image.alt,
+                            src: card.props.media.src,
+                            alt: card.props.media.alt,
                             className: "mb-4 size-12 min-h-12 min-w-12 rounded-full object-cover md:mb-0 md:mr-4"
                           }
                         ) }),
@@ -161,7 +161,7 @@ const BentoTestimonialDefaults = {
       props: {
         numberOfStars: 5,
         quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."',
-        image: {
+        media: {
           src: "https://picsum.photos/seed/bento-avatar-1/100/100",
           alt: "Testimonial image 1"
         },
@@ -215,7 +215,7 @@ const BentoTestimonialDefaults = {
       props: {
         numberOfStars: 5,
         quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."',
-        image: {
+        media: {
           src: "https://picsum.photos/seed/bento-avatar-2/100/100",
           alt: "Testimonial image 2"
         },

package/dist/components/puck-block/testimonial-sections/centered-testimonial/component.d.ts

@@ -1,8 +1,8 @@
-import type { TestimonialComponentProps, BaseImage } from "../props";
+import type { TestimonialComponentProps, BaseMedia } from "../props";
 type CenteredTestimonialExtra = {
     quote: string;
-    logo: BaseImage;
-    avatar: BaseImage;
+    logo: BaseMedia;
+    avatar: BaseMedia;
     name: string;
     position: string;
     companyName: string;

package/dist/components/puck-block/testimonial-sections/centered-testimonial/component.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { BiSolidStar } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.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 CenteredTestimonial = (props) => {
@@ -32,7 +32,7 @@ const CenteredTestimonial = (props) => {
       css,
       children: /* @__PURE__ */ jsx("div", { className: "container w-full max-w-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
         ratingType === "logo" && logo && /* @__PURE__ */ jsx("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx(
-          CompoundImage,
+          CompoundMedia,
           {
             src: logo.src,
             alt: logo.alt,
@@ -51,7 +51,7 @@ const CenteredTestimonial = (props) => {
                 {
                   className: attributionLayout === "stacked" ? "mb-3 md:mb-4" : "",
                   children: /* @__PURE__ */ jsx(
-                    CompoundImage,
+                    CompoundMedia,
                     {
                       src: avatar.src,
                       alt: avatar.alt,
@@ -77,7 +77,7 @@ const CenteredTestimonial = (props) => {
               attributionLayout === "inline" && ratingType === "logo" && logo && /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx("div", { className: "mx-4 w-px self-stretch bg-background-alternative" }),
                 /* @__PURE__ */ jsx(
-                  CompoundImage,
+                  CompoundMedia,
                   {
                     src: logo.src,
                     alt: logo.alt,

package/dist/components/puck-block/testimonial-sections/centered-testimonial/index.js

@@ -1,12 +1,12 @@
 import { CenteredTestimonial, CenteredTestimonialDefaults } from "./component.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { testimonialStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
   fields: {
     quote: { type: "textarea" },
-    logo: imageField,
-    avatar: imageField,
+    logo: mediaField,
+    avatar: mediaField,
     name: { type: "text" },
     position: { type: "text" },
     companyName: { type: "text" },

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

@@ -1,12 +1,12 @@
-import type { TestimonialComponentProps, BaseImage, BaseButton } from "../props";
+import type { TestimonialComponentProps, BaseMedia, BaseButton } from "../props";
 type Testimonial = {
     numberOfStars: number;
     quote: string;
-    avatar: BaseImage;
+    avatar: BaseMedia;
     name: string;
     position: string;
     companyName: string;
-    logo?: BaseImage;
+    logo?: BaseMedia;
     button?: BaseButton;
 };
 type HalfscreenTestimonialCarouselExtra = {

package/dist/components/puck-block/testimonial-sections/halfscreen-testimonial-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 { BiSolidStar } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
@@ -47,11 +47,11 @@ const HalfscreenTestimonialCarousel = (props) => {
               className: "basis-[95%] pl-0 pr-6 sm:basis-[80%] md:basis-[60%] md:pr-8",
               children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start justify-between border border-border-primary p-6 md:p-8", children: [
                 ratingType === "stars" && /* @__PURE__ */ jsx("div", { className: "mb-5 flex md:mb-6", children: Array(testimonial2.numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "size-6" }, starIndex)) }),
-                ratingType === "logo" && testimonial2.logo && /* @__PURE__ */ jsx("div", { className: "mb-5 md:mb-6", children: /* @__PURE__ */ jsx(CompoundImage, { src: testimonial2.logo.src, alt: testimonial2.logo.alt, className: "max-h-12" }) }),
+                ratingType === "logo" && testimonial2.logo && /* @__PURE__ */ jsx("div", { className: "mb-5 md:mb-6", children: /* @__PURE__ */ jsx(CompoundMedia, { src: testimonial2.logo.src, alt: testimonial2.logo.alt, className: "max-h-12" }) }),
                 /* @__PURE__ */ jsx("blockquote", { className: "md:text-md", children: testimonial2.quote }),
                 /* @__PURE__ */ jsxs("div", { className: "mt-5 flex w-full flex-col items-start gap-4 md:mt-6 md:w-auto md:flex-row md:items-center", children: [
                   /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-                    CompoundImage,
+                    CompoundMedia,
                     {
                       src: testimonial2.avatar.src,
                       alt: testimonial2.avatar.alt,

package/dist/components/puck-block/testimonial-sections/image-testimonial/component.d.ts

@@ -1,11 +1,11 @@
-import type { TestimonialComponentProps, BaseImage } from "../props";
+import type { TestimonialComponentProps, BaseMedia } from "../props";
 type ImageTestimonialExtra = {
     numberOfStars: number;
     quote: string;
-    images: BaseImage[];
+    medias: BaseMedia[];
     name: string;
     position: string;
-    logo: BaseImage;
+    logo: BaseMedia;
 };
 export type ImageTestimonialProps = TestimonialComponentProps<ImageTestimonialExtra>;
 export declare const ImageTestimonial: (props: ImageTestimonialProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/testimonial-sections/image-testimonial/component.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BiSolidStar } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.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 ImageTestimonial = (props) => {
   var _a, _b, _c, _d;
-  const { numberOfStars, quote, images, name, position, logo, styles } = {
+  const { numberOfStars, quote, medias, name, position, logo, styles } = {
     ...ImageTestimonialDefaults,
     ...props
   };
@@ -23,18 +23,18 @@ const ImageTestimonial = (props) => {
       css,
       children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "grid w-full auto-cols-fr grid-cols-1 items-center justify-center gap-12 md:grid-cols-2 md:gap-10 lg:gap-x-20", children: [
         /* @__PURE__ */ jsx("div", { className: "order-last md:order-first", children: mediaType === "image" ? /* @__PURE__ */ jsx(
-          CompoundImage,
+          CompoundMedia,
           {
-            src: ((_a = images == null ? void 0 : images[0]) == null ? void 0 : _a.src) ?? "",
-            alt: ((_b = images == null ? void 0 : images[0]) == null ? void 0 : _b.alt) ?? "",
+            src: ((_a = medias == null ? void 0 : medias[0]) == null ? void 0 : _a.src) ?? "",
+            alt: ((_b = medias == null ? void 0 : medias[0]) == null ? void 0 : _b.alt) ?? "",
             className: "aspect-square w-full object-cover"
           }
         ) : /* @__PURE__ */ jsxs("div", { className: "relative aspect-square w-full", children: [
           /* @__PURE__ */ jsx(
-            CompoundImage,
+            CompoundMedia,
             {
-              src: ((_c = images == null ? void 0 : images[0]) == null ? void 0 : _c.src) ?? "",
-              alt: ((_d = images == null ? void 0 : images[0]) == null ? void 0 : _d.alt) ?? "",
+              src: ((_c = medias == null ? void 0 : medias[0]) == null ? void 0 : _c.src) ?? "",
+              alt: ((_d = medias == null ? void 0 : medias[0]) == null ? void 0 : _d.alt) ?? "",
               className: "size-full object-cover"
             }
           ),
@@ -58,7 +58,7 @@ const ImageTestimonial = (props) => {
             ] }),
             /* @__PURE__ */ jsx("div", { className: "mx-4 w-px self-stretch bg-background-alternative sm:mx-0" }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              CompoundImage,
+              CompoundMedia,
               {
                 src: logo.src,
                 alt: logo.alt,
@@ -74,7 +74,7 @@ const ImageTestimonial = (props) => {
 const ImageTestimonialDefaults = {
   numberOfStars: 5,
   quote: '"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."',
-  images: [
+  medias: [
     {
       src: "https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=800&h=800&fit=crop",
       alt: "Testimonial image"

package/dist/components/puck-block/testimonial-sections/image-testimonial/index.d.ts

@@ -7,7 +7,7 @@ declare const conf: {
         quote: {
             type: string;
         };
-        images: {
+        medias: {
             readonly type: "array";
             readonly max: 10;
             readonly getItemSummary: (item: {

package/dist/components/puck-block/testimonial-sections/image-testimonial/index.js

@@ -1,12 +1,12 @@
 import { ImageTestimonial, ImageTestimonialDefaults } from "./component.js";
-import { imageField, imagesField } from "../../../puck-core/core/props/media.js";
+import { mediaField, mediasField } from "../../../puck-core/core/props/media.js";
 import { testimonialStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
   fields: {
     quote: { type: "textarea" },
-    images: imagesField,
-    logo: imageField,
+    medias: mediasField,
+    logo: mediaField,
     name: { type: "text" },
     position: { type: "text" },
     numberOfStars: { type: "number" },

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

@@ -1,12 +1,12 @@
-import type { TestimonialComponentProps, BaseImage } from "../props";
+import type { TestimonialComponentProps, BaseMedia } from "../props";
 type Testimonial = {
     numberOfStars: number;
     quote: string;
-    image: BaseImage;
+    media: BaseMedia;
     name: string;
     position: string;
     companyName: string;
-    logo: BaseImage;
+    logo: BaseMedia;
 };
 type ImageTestimonialCarouselExtra = {
     testimonials: Testimonial[];

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

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 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 { BiSolidStar } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
@@ -35,14 +35,14 @@ const ImageTestimonialCarousel = (props) => {
       children: /* @__PURE__ */ jsxs("div", { className: "relative pt-20 md:pb-20 md:pt-0", children: [
         /* @__PURE__ */ jsx(CarouselContent, { className: "ml-0", children: testimonials.map((testimonial2, index) => /* @__PURE__ */ jsx(CarouselItem, { className: "pl-0", children: /* @__PURE__ */ jsxs("div", { className: "grid w-full auto-cols-fr grid-cols-1 items-center justify-center gap-12 md:grid-cols-2 md:gap-10 lg:gap-x-20", children: [
           /* @__PURE__ */ jsx("div", { className: "order-last md:order-first", children: mediaType === "image" ? /* @__PURE__ */ jsx(
-            CompoundImage,
+            CompoundMedia,
             {
-              src: testimonial2.image.src,
-              alt: testimonial2.image.alt,
+              src: testimonial2.media.src,
+              alt: testimonial2.media.alt,
               className: "aspect-square w-full object-cover"
             }
           ) : /* @__PURE__ */ jsxs("div", { className: "relative aspect-square w-full", children: [
-            /* @__PURE__ */ jsx(CompoundImage, { src: testimonial2.image.src, alt: testimonial2.image.alt, className: "size-full object-cover" }),
+            /* @__PURE__ */ jsx(CompoundMedia, { src: testimonial2.media.src, alt: testimonial2.media.alt, className: "size-full object-cover" }),
             /* @__PURE__ */ jsx("button", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx("div", { className: "flex size-16 items-center justify-center rounded-full bg-white", children: /* @__PURE__ */ jsx("svg", { className: "size-6 text-black", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("polygon", { points: "5,3 19,12 5,21" }) }) }) })
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start", children: [
@@ -58,7 +58,7 @@ const ImageTestimonialCarousel = (props) => {
                 ] })
               ] }),
               /* @__PURE__ */ jsx("div", { className: "mx-4 w-px self-stretch bg-background-alternative sm:mx-0" }),
-              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundImage, { src: testimonial2.logo.src, alt: testimonial2.logo.alt, className: "max-h-12" }) })
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundMedia, { src: testimonial2.logo.src, alt: testimonial2.logo.alt, className: "max-h-12" }) })
             ] })
           ] })
         ] }) }, index)) }),
@@ -86,7 +86,7 @@ const ImageTestimonialCarousel = (props) => {
 const testimonial = {
   numberOfStars: 5,
   quote: '"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."',
-  image: { src: "https://picsum.photos/seed/img-testimonial-carousel/800/800", alt: "Testimonial image" },
+  media: { src: "https://picsum.photos/seed/img-testimonial-carousel/800/800", alt: "Testimonial image" },
   name: "Name Surname",
   position: "Position",
   companyName: "Company name",

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

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

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

@@ -1,5 +1,5 @@
 import { ImageTestimonialCarousel, ImageTestimonialCarouselDefaults } from "./component.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { testimonialStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -9,8 +9,8 @@ const conf = {
       getItemSummary: (item, index = 0) => item.name || `Testimonial ${index + 1}`,
       arrayFields: {
         quote: { type: "textarea" },
-        image: imageField,
-        logo: imageField,
+        media: mediaField,
+        logo: mediaField,
         name: { type: "text" },
         position: { type: "text" },
         companyName: { type: "text" },

package/dist/components/puck-block/testimonial-sections/marquee-testimonial/component.d.ts

@@ -1,7 +1,7 @@
-import type { TestimonialComponentProps, BaseImage } from "../props";
+import type { TestimonialComponentProps, BaseMedia } from "../props";
 type Testimonial = {
     quote: string;
-    avatar: BaseImage;
+    avatar: BaseMedia;
     name: string;
     position: string;
     companyName: string;

package/dist/components/puck-block/testimonial-sections/marquee-testimonial/component.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { BiSolidStar } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.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 MarqueeTestimonial = (props) => {
@@ -22,7 +22,7 @@ const MarqueeTestimonial = (props) => {
         /* @__PURE__ */ jsx("blockquote", { className: "md:text-md", children: testimonial2.quote }),
         /* @__PURE__ */ jsxs("div", { className: "mt-5 flex w-full flex-col items-start gap-4 md:mt-6 md:w-auto md:flex-row md:items-center", children: [
           /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-            CompoundImage,
+            CompoundMedia,
             {
               src: testimonial2.avatar.src,
               alt: testimonial2.avatar.alt,

package/dist/components/puck-block/testimonial-sections/masonry-testimonial/component.d.ts

@@ -1,7 +1,7 @@
-import type { TestimonialComponentProps, BaseImage } from "../props";
+import type { TestimonialComponentProps, BaseMedia } from "../props";
 type Testimonial = {
     quote: string;
-    avatar: BaseImage;
+    avatar: BaseMedia;
     name: string;
     position: string;
     companyName: string;

package/dist/components/puck-block/testimonial-sections/masonry-testimonial/component.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BiSolidStar } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.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 MasonryTestimonial = (props) => {
@@ -34,7 +34,7 @@ const MasonryTestimonial = (props) => {
           /* @__PURE__ */ jsx("blockquote", { className: "md:text-md", children: testimonial2.quote }),
           /* @__PURE__ */ jsxs("div", { className: "mt-5 flex w-full flex-col items-start gap-4 md:mt-6 md:w-fit md:flex-row md:items-center", children: [
             /* @__PURE__ */ jsx(
-              CompoundImage,
+              CompoundMedia,
               {
                 src: testimonial2.avatar.src,
                 alt: testimonial2.avatar.alt,

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

@@ -4,9 +4,9 @@
  * 基础类型引用自 ../props/（全局共享）
  * TestimonialSectionStyles 为 testimonial 特有的样式字段
  */
-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 TestimonialSectionStyles {
     className?: string;
     style?: React.CSSProperties;
@@ -31,8 +31,7 @@ export interface TestimonialSectionStyles {
 export interface TestimonialSectionBaseProps {
     heading: string;
     description: string;
-    buttons: BaseButton[];
-    images: BaseImage[];
+    medias: BaseMedia[];
     styles: TestimonialSectionStyles;
 }
 /** 各 styles 字段的 Puck field 选项 */

package/dist/components/puck-block/testimonial-sections/sticky-testimonial/component.d.ts

@@ -1,13 +1,14 @@
-import type { TestimonialComponentProps, BaseImage } from "../props";
+import type { TestimonialComponentProps, BaseMedia, BaseButton } from "../props";
 type Testimonial = {
     numberOfStars: number;
     quote: string;
-    avatar: BaseImage;
+    avatar: BaseMedia;
     name: string;
     position: string;
     companyName: string;
 };
 type StickyTestimonialExtra = {
+    buttons: BaseButton[];
     testimonials: Testimonial[];
 };
 export type StickyTestimonialProps = TestimonialComponentProps<StickyTestimonialExtra>;