dune-react 0.0.31 → 0.0.33

package/dist/components/puck-block/metrics-sections/center-media-stats/center-media-stats.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { FaCirclePlay } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/fa6/index.js";
 import { CgSpinner } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/cg/index.js";
 import { cn } from "../../../../utils/css-utils.js";
@@ -13,7 +13,7 @@ const CenterMediaStats = (props) => {
     heading,
     description,
     stats,
-    image,
+    media,
     styles
   } = {
     ...CenterMediaStatsDefaults,
@@ -52,7 +52,7 @@ const CenterMediaStats = (props) => {
     if (isPlayButton) {
       return /* @__PURE__ */ jsxs(Dialog, { children: [
         /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: "relative flex w-full items-center justify-center", children: [
-          /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "aspect-[3/2] size-full object-cover" }),
+          /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, alt: media.alt, className: "aspect-[3/2] size-full object-cover" }),
           /* @__PURE__ */ jsx("span", { className: "absolute inset-0 z-10 bg-black/50" }),
           /* @__PURE__ */ jsx(FaCirclePlay, { className: "absolute z-20 size-16 text-white" })
         ] }) }),
@@ -74,7 +74,7 @@ const CenterMediaStats = (props) => {
         ] })
       ] });
     }
-    return /* @__PURE__ */ jsx(CompoundImage, { className: "aspect-[3/2] size-full object-cover", src: image.src, alt: image.alt });
+    return /* @__PURE__ */ jsx(CompoundMedia, { className: "aspect-[3/2] size-full object-cover", src: media.src, alt: media.alt });
   };
   const mediaBlock = /* @__PURE__ */ jsx("div", { children: renderMedia() });
   const statsBlock = /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-y-8 md:grid-cols-3 md:gap-x-8 md:gap-y-12 md:p-8 lg:grid-cols-1 lg:gap-x-0 lg:p-12", children: stats.map((stat, index) => renderStat(stat, index)) });
@@ -103,7 +103,7 @@ const CenterMediaStatsDefaults = {
     { percentage: "30%", heading: "Short heading goes here" },
     { percentage: "30%", heading: "Short heading goes here" }
   ],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/stats-media/1200/800",
     alt: "Placeholder image"
   },

package/dist/components/puck-block/metrics-sections/center-media-stats/index.d.ts

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

package/dist/components/puck-block/metrics-sections/center-media-stats/index.js

@@ -1,6 +1,6 @@
 import { CenterMediaStats, CenterMediaStatsDefaults } from "./center-media-stats.js";
 import { headingField, descriptionField } 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 { metricsStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -17,7 +17,7 @@ const conf = {
         heading: headingField
       }
     },
-    image: imageField,
+    media: mediaField,
     styles: {
       type: "object",
       label: "Styles",

package/dist/components/puck-block/metrics-sections/header-stats-row/header-stats-row.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 const HeaderStatsRow = (props) => {
   const {
     tagline,
@@ -10,7 +10,7 @@ const HeaderStatsRow = (props) => {
     description,
     buttons,
     stats,
-    image,
+    media,
     styles
   } = {
     ...HeaderStatsRowDefaults,
@@ -50,7 +50,7 @@ const HeaderStatsRow = (props) => {
   return /* @__PURE__ */ jsxs(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", { relative: hasBg }, sectionClassName), style: sectionStyle, css, children: [
     hasBg && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-0", children: [
       isBgImage && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(CompoundImage, { src: image.src, className: "size-full object-cover", alt: image.alt }),
+        /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, className: "size-full object-cover", alt: media.alt }),
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50" })
       ] }),
       isBgVideo && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -92,7 +92,7 @@ const HeaderStatsRowDefaults = {
     { percentage: "30%", heading: "Short heading goes here" },
     { percentage: "30%", heading: "Short heading goes here" }
   ],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/stats-bg/1920/1080",
     alt: "Placeholder image"
   },

package/dist/components/puck-block/metrics-sections/header-stats-row/index.d.ts

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

package/dist/components/puck-block/metrics-sections/header-stats-row/index.js

@@ -1,7 +1,7 @@
 import { HeaderStatsRow, HeaderStatsRowDefaults } from "./header-stats-row.js";
 import { headingField, descriptionField } 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 { metricsStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -19,7 +19,7 @@ const conf = {
         heading: headingField
       }
     },
-    image: imageField,
+    media: mediaField,
     styles: {
       type: "object",
       label: "Styles",

package/dist/components/puck-block/metrics-sections/mixed-grid-stats/index.d.ts

@@ -99,7 +99,7 @@ declare const conf: {
             max: number;
             getItemSummary: (item: {
                 heading?: string;
-                image?: any;
+                media?: any;
             }, index?: number) => string;
             arrayFields: {
                 percentage: {
@@ -113,7 +113,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/metrics-sections/mixed-grid-stats/index.js

@@ -1,7 +1,7 @@
 import { MixedGridStats, MixedGridStatsDefaults } from "./mixed-grid-stats.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 { metricsStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -13,12 +13,12 @@ const conf = {
     cards: {
       type: "array",
       max: 8,
-      getItemSummary: (item, index = 0) => item.heading || (item.image ? "Image Card" : `Card ${index + 1}`),
+      getItemSummary: (item, index = 0) => item.heading || (item.media ? "Media Card" : `Card ${index + 1}`),
       arrayFields: {
         percentage: { type: "text" },
         heading: headingField,
         description: descriptionField,
-        image: imageField
+        media: mediaField
       }
     },
     styles: {

package/dist/components/puck-block/metrics-sections/mixed-grid-stats/mixed-grid-stats.d.ts

@@ -1,9 +1,9 @@
-import type { MetricsComponentProps, BaseImage } from "../props";
+import type { MetricsComponentProps, BaseMedia } from "../props";
 type MixedCard = {
     percentage?: string;
     heading?: string;
     description?: string;
-    image?: BaseImage;
+    media?: BaseMedia;
 };
 export type MixedGridStatsProps = MetricsComponentProps<{
     cards: MixedCard[];

package/dist/components/puck-block/metrics-sections/mixed-grid-stats/mixed-grid-stats.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import React__default from "react";
 const MixedGridStats = (props) => {
   const {
@@ -42,12 +42,12 @@ const MixedGridStats = (props) => {
       /* @__PURE__ */ jsx("h2", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
       /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3", children: cards.map((card, index) => /* @__PURE__ */ jsx(React__default.Fragment, { children: card.image ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-      CompoundImage,
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3", children: cards.map((card, index) => /* @__PURE__ */ jsx(React__default.Fragment, { children: card.media ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      CompoundMedia,
       {
         className: "aspect-[3/2] size-full object-cover",
-        src: card.image.src,
-        alt: card.image.alt
+        src: card.media.src,
+        alt: card.media.alt
       }
     ) }) : /* @__PURE__ */ jsx("div", { className: cn(
       "border border-border-primary p-8",
@@ -84,7 +84,7 @@ const MixedGridStatsDefaults = {
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
     },
     {
-      image: {
+      media: {
         src: "https://picsum.photos/seed/stats-card1/800/600",
         alt: "Placeholder image"
       }
@@ -100,7 +100,7 @@ const MixedGridStatsDefaults = {
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
     },
     {
-      image: {
+      media: {
         src: "https://picsum.photos/seed/stats-card2/800/600",
         alt: "Placeholder image"
       }

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

@@ -4,9 +4,9 @@
  * 基础类型引用自 ../props/（全局共享）
  * MetricsSectionStyles 为 Metrics 特有的样式字段
  */
-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 MetricsSectionStyles {
     className?: string;
     style?: React.CSSProperties;
@@ -27,16 +27,16 @@ export interface StatCard {
     percentage?: string;
     heading?: string;
     description?: string;
-    image?: BaseImage;
+    media?: BaseMedia;
 }
 export interface TabStat {
     value: string;
     percentage: string;
     heading: string;
     description: string;
-    image?: BaseImage;
+    media?: BaseMedia;
     video?: {
-        image: BaseImage;
+        media: BaseMedia;
         url: string;
     };
 }
@@ -46,7 +46,7 @@ export interface MetricsSectionBaseProps {
     description: string;
     buttons: BaseButton[];
     stats: StatItem[];
-    image: BaseImage;
+    media: BaseMedia;
     styles: MetricsSectionStyles;
 }
 export declare const metricsStyleFields: {

package/dist/components/puck-block/metrics-sections/split-stats/index.d.ts

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

package/dist/components/puck-block/metrics-sections/split-stats/index.js

@@ -1,7 +1,7 @@
 import { SplitStats, SplitStatsDefaults } from "./split-stats.js";
 import { headingField, descriptionField } 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 { metricsStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -19,7 +19,7 @@ const conf = {
         heading: headingField
       }
     },
-    image: imageField,
+    media: mediaField,
     styles: {
       type: "object",
       label: "Styles",

package/dist/components/puck-block/metrics-sections/split-stats/split-stats.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 const SplitStats = (props) => {
   const {
     tagline,
@@ -10,7 +10,7 @@ const SplitStats = (props) => {
     description,
     buttons,
     stats,
-    image,
+    media,
     styles
   } = {
     ...SplitStatsDefaults,
@@ -50,7 +50,7 @@ const SplitStats = (props) => {
   return /* @__PURE__ */ jsxs(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", { relative: hasBg }, sectionClassName), style: sectionStyle, css, children: [
     hasBg && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-0", children: [
       isBgImage && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(CompoundImage, { src: image.src, className: "size-full object-cover", alt: image.alt }),
+        /* @__PURE__ */ jsx(CompoundMedia, { src: media.src, className: "size-full object-cover", alt: media.alt }),
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50" })
       ] }),
       isBgVideo && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -86,7 +86,7 @@ const SplitStatsDefaults = {
     { percentage: "50%", heading: "Short heading goes here" },
     { percentage: "50%", heading: "Short heading goes here" }
   ],
-  image: {
+  media: {
     src: "https://picsum.photos/seed/stats-split-bg/1920/1080",
     alt: "Placeholder image"
   },

package/dist/components/puck-block/metrics-sections/tab-stats/index.d.ts

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

package/dist/components/puck-block/metrics-sections/tab-stats/index.js

@@ -1,6 +1,6 @@
 import { TabStats, TabStatsDefaults } from "./tab-stats.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 { metricsStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -18,11 +18,11 @@ const conf = {
         percentage: { type: "text" },
         heading: headingField,
         description: descriptionField,
-        image: imageField,
+        media: mediaField,
         video: {
           type: "object",
           objectFields: {
-            image: imageField,
+            media: mediaField,
             url: { type: "text" }
           }
         }

package/dist/components/puck-block/metrics-sections/tab-stats/tab-stats.d.ts

@@ -1,12 +1,12 @@
-import type { MetricsComponentProps, BaseImage } from "../props";
+import type { MetricsComponentProps, BaseMedia } from "../props";
 type TabStatItem = {
     value: string;
     percentage: string;
     heading: string;
     description: string;
-    image?: BaseImage;
+    media?: BaseMedia;
     video?: {
-        image: BaseImage;
+        media: BaseMedia;
         url: string;
     };
 };

package/dist/components/puck-block/metrics-sections/tab-stats/tab-stats.js

@@ -4,7 +4,7 @@ import { FaCirclePlay } from "../../../../node_modules/.pnpm/react-icons@5.6.0_r
 import { VideoIframe } from "../../../shadcn/video-iframe.js";
 import { Dialog, DialogTrigger, DialogContent } from "../../../shadcn/dialog.js";
 import { TabsContent, TabsList, TabsTrigger, Tabs } 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 TabStats = (props) => {
@@ -32,21 +32,21 @@ const TabStats = (props) => {
       value: tab.value,
       className: "animate-tabs",
       children: /* @__PURE__ */ jsxs("div", { className: "relative size-full", children: [
-        tab.image && /* @__PURE__ */ jsx(
-          CompoundImage,
+        tab.media && /* @__PURE__ */ jsx(
+          CompoundMedia,
           {
-            src: tab.image.src,
-            alt: tab.image.alt,
+            src: tab.media.src,
+            alt: tab.media.alt,
             className: "size-full object-cover"
           }
         ),
         tab.video && /* @__PURE__ */ jsxs(Dialog, { children: [
           /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: "relative flex w-full items-center justify-center", children: [
             /* @__PURE__ */ jsx(
-              CompoundImage,
+              CompoundMedia,
               {
-                src: tab.video.image.src,
-                alt: tab.video.image.alt,
+                src: tab.video.media.src,
+                alt: tab.video.media.alt,
                 className: "size-full object-cover"
               }
             ),
@@ -113,7 +113,7 @@ const TabStatsDefaults = {
       percentage: "50%",
       heading: "Short heading goes here",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/stats-tab1/800/600",
         alt: "Placeholder image 1"
       }
@@ -124,7 +124,7 @@ const TabStatsDefaults = {
       heading: "Short heading goes here",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
       video: {
-        image: {
+        media: {
           src: "https://picsum.photos/seed/stats-tab2/800/600",
           alt: "Placeholder image 2"
         },
@@ -136,7 +136,7 @@ const TabStatsDefaults = {
       percentage: "50%",
       heading: "Short heading goes here",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-      image: {
+      media: {
         src: "https://picsum.photos/seed/stats-tab3/800/600",
         alt: "Placeholder image 3"
       }

package/dist/components/puck-block/pricing-sections/pricing-comparison-table/component.js

@@ -220,6 +220,19 @@ const PricingComparisonTableDefaults = {
     defaultFeatureCategory,
     defaultFeatureCategory
   ],
+  defaultTabValue: "monthly",
+  tabs: [
+    {
+      value: "monthly",
+      tabName: "Monthly",
+      pricingPlans: defaultPlans
+    },
+    {
+      value: "yearly",
+      tabName: "Yearly",
+      pricingPlans: defaultPlans
+    }
+  ],
   styles: {
     tabSwitching: false,
     tableStyle: "border-separated",

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

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

package/dist/components/puck-block/pricing-sections/single-pricing-card/component.d.ts

@@ -1,6 +1,6 @@
-import type { PricingComponentProps, BaseImage, BaseButton } from "../props";
+import type { PricingComponentProps, BaseMedia, BaseButton } from "../props";
 type PricingPlan = {
-    icon?: BaseImage;
+    icon?: BaseMedia;
     planName: string;
     description?: string;
     monthlyPrice: string;

package/dist/components/puck-block/pricing-sections/single-pricing-card/component.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BiCheck } 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 SinglePricingCard = (props) => {
@@ -25,7 +25,7 @@ const PricingPlanCard = ({ plan, cardLayout }) => {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-start justify-between md:mb-8", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-            plan.icon && /* @__PURE__ */ jsx(CompoundImage, { src: plan.icon.src, alt: plan.icon.alt, className: "size-8" }),
+            plan.icon && /* @__PURE__ */ jsx(CompoundMedia, { src: plan.icon.src, alt: plan.icon.alt, className: "size-8" }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("h6", { className: "text-md font-bold md:text-xl", children: plan.planName }),
               plan.description && /* @__PURE__ */ jsx("p", { className: "text-sm", children: plan.description })
@@ -87,7 +87,7 @@ const PricingPlanCard = ({ plan, cardLayout }) => {
               " yearly"
             ] })
           ] }),
-          plan.icon && /* @__PURE__ */ jsx(CompoundImage, { src: plan.icon.src, alt: plan.icon.alt, className: "size-8" })
+          plan.icon && /* @__PURE__ */ jsx(CompoundMedia, { src: plan.icon.src, alt: plan.icon.alt, className: "size-8" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "mb-8 grid grid-cols-1 gap-4 py-2", children: plan.features.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "flex self-start", children: [
           /* @__PURE__ */ jsx("div", { className: "mr-4 flex-none self-start", children: /* @__PURE__ */ jsx(BiCheck, { className: "size-6" }) }),

package/dist/components/puck-block/pricing-sections/split-pricing/component.d.ts

@@ -1,6 +1,6 @@
-import type { PricingComponentProps, BaseImage, BaseButton } from "../props";
+import type { PricingComponentProps, BaseMedia, BaseButton } from "../props";
 type FeatureSection = {
-    icon: BaseImage;
+    icon: BaseMedia;
     heading: string;
     description: string;
 };

package/dist/components/puck-block/pricing-sections/split-pricing/component.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BiCheck } 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 SplitPricing = (props) => {
@@ -18,7 +18,7 @@ const SplitPricing = (props) => {
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-1 items-center gap-y-12 md:gap-x-12 md:gap-y-16 lg:grid-cols-2 lg:gap-x-20", children: [
       /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-x-6 gap-y-8 py-2", children: featureSections.map((featureSection, index) => /* @__PURE__ */ jsxs("div", { className: "flex self-start", children: [
-        /* @__PURE__ */ jsx("div", { className: "mr-6 flex-none self-start", children: /* @__PURE__ */ jsx(CompoundImage, { src: featureSection.icon.src, className: "size-8", alt: featureSection.icon.alt }) }),
+        /* @__PURE__ */ jsx("div", { className: "mr-6 flex-none self-start", children: /* @__PURE__ */ jsx(CompoundMedia, { src: featureSection.icon.src, className: "size-8", alt: featureSection.icon.alt }) }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("h3", { className: "mb-3 text-md font-bold leading-[1.4] md:mb-4 md:text-xl", children: featureSection.heading }),
           /* @__PURE__ */ jsx("p", { children: featureSection.description })
@@ -74,7 +74,8 @@ const SplitPricingDefaults = {
     monthlyPrice: "$19",
     features: Array(10).fill("Feature text goes here"),
     button: { label: "Get started" }
-  }
+  },
+  styles: {}
 };
 export {
   SplitPricing,

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

@@ -1,7 +1,7 @@
-import type { PricingComponentProps, BaseImage, BaseButton } from "../props";
+import type { PricingComponentProps, BaseMedia, BaseButton } from "../props";
 type Billing = "monthly" | "yearly";
 type PricingPlan = {
-    icon?: BaseImage;
+    icon?: BaseMedia;
     planName: string;
     description?: string;
     price: string;

package/dist/components/puck-block/pricing-sections/tab-single-pricing/component.d.ts

@@ -1,7 +1,7 @@
-import type { PricingComponentProps, BaseImage, BaseButton } from "../props";
+import type { PricingComponentProps, BaseMedia, BaseButton } from "../props";
 type Billing = "monthly" | "yearly";
 type PricingPlan = {
-    icon?: BaseImage;
+    icon?: BaseMedia;
     planName: string;
     price: string;
     discount?: string;