dune-react 0.0.30 → 0.0.32

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-card-grid/component.js

@@ -8,9 +8,9 @@ const PricingCardGrid = (props) => {
     ...PricingCardGridDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, columns = 2 } = styles ?? {};
-  const gridColsClass = columns === 3 ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
-  const containerMaxW = columns === 3 ? "" : "max-w-xl";
+  const { className: sectionClassName, style: sectionStyle, css, columns = "2" } = styles ?? {};
+  const gridColsClass = columns === "3" ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
+  const containerMaxW = columns === "3" ? "" : "max-w-xl";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: `container ${containerMaxW}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "mx-auto mb-12 max-w-lg text-center md:mb-18 lg:mb-20", children: [
       /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
@@ -61,7 +61,7 @@ const PricingCardGridDefaults = {
     }
   ],
   styles: {
-    columns: 2,
+    columns: "2",
     cardLayout: "center-price"
   }
 };

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

@@ -4,15 +4,15 @@
  * 基础类型引用自 ../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;
     css?: string;
     cardLayout?: "center-price" | "icon-corner" | "name-desc-divider" | "icon-name-inline";
-    columns?: 2 | 3;
+    columns?: "2" | "3";
     tabSwitching?: boolean;
     tableStyle?: "border-separated" | "zebra-striped";
     bottomButtons?: boolean;

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 })

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-pricing-grid/component.js

@@ -13,10 +13,10 @@ const TabPricingGrid = (props) => {
     className: sectionClassName,
     style: sectionStyle,
     css,
-    columns = 2
+    columns = "2"
   } = styles ?? {};
-  const gridColsClass = columns === 3 ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
-  const containerMaxW = columns === 3 ? "" : "max-w-xl";
+  const gridColsClass = columns === "3" ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
+  const containerMaxW = columns === "3" ? "" : "max-w-xl";
   return /* @__PURE__ */ jsx(
     SectionWrapper,
     {
@@ -127,7 +127,7 @@ const TabPricingGridDefaults = {
     }
   ],
   styles: {
-    columns: 2,
+    columns: "2",
     cardLayout: "center-price"
   }
 };

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;