dune-react 0.0.4 → 0.0.6

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

@@ -0,0 +1,69 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding, backgroundImage, buttons, badge } from "../../../puck-base/core/fields.js";
+import { ImageHero } from "./image-hero.js";
+const conf = {
+  fields: {
+    heading: { type: "text", contentEditable: true },
+    description: { type: "textarea", contentEditable: true },
+    badge,
+    buttons,
+    backgroundImage,
+    overlay: {
+      type: "select",
+      label: "Overlay",
+      options: [
+        { label: "None", value: "none" },
+        { label: "Dark", value: "dark" },
+        { label: "Gradient", value: "gradient" }
+      ]
+    },
+    align: {
+      type: "radio",
+      label: "Alignment",
+      options: [
+        { label: "Left", value: "left" },
+        { label: "Center", value: "center" }
+      ]
+    },
+    minHeight: {
+      type: "select",
+      label: "Min Height",
+      options: [
+        { label: "Medium", value: "medium" },
+        { label: "Large", value: "large" },
+        { label: "Full Screen", value: "full" }
+      ]
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "Your Story Starts Here",
+    description: "Create something extraordinary with our platform. Built for dreamers, makers, and innovators.",
+    backgroundImage: "https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&w=1920",
+    overlay: "dark",
+    align: "center",
+    minHeight: "large",
+    buttons: [
+      {
+        label: "Get Started",
+        url: "#",
+        variant: "default",
+        size: "lg",
+        icon: "none"
+      },
+      {
+        label: "Learn More",
+        url: "#",
+        variant: "outline",
+        size: "lg",
+        icon: "none"
+      }
+    ],
+    padding: paddingDefaults
+  },
+  render: ImageHero
+};
+export {
+  conf
+};

package/dist/components/puck-block/hero-sections/split-hero-1/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentConfig } from "@puckeditor/core";
+import { SplitHeroProps } from "./split-hero";
+export type { SplitHeroProps };
+export declare const conf: ComponentConfig<SplitHeroProps>;
+export default conf;

package/dist/components/puck-block/hero-sections/split-hero-1/index.js

@@ -0,0 +1,33 @@
+import { paddingDefaults, image16x9Placeholder, padding, image, contentFields } from "../../../puck-base/core/fields.js";
+import { SplitHero } from "./split-hero.js";
+const conf = {
+  fields: {
+    ...contentFields,
+    displayText: { type: "text" },
+    image,
+    imagePosition: {
+      type: "radio",
+      options: [
+        { label: "Left", value: "left" },
+        { label: "Right", value: "right" }
+      ]
+    },
+    padding
+  },
+  defaultProps: {
+    heading: "Launch your next big idea",
+    description: "A complete platform to build, ship, and scale your product. From idea to launch in record time.",
+    badge: { label: "New release", url: "", variant: "secondary" },
+    buttons: [
+      { label: "Start building", icon: "move-right", variant: "default" },
+      { label: "See demo", icon: "play", variant: "outline" }
+    ],
+    image: image16x9Placeholder,
+    imagePosition: "right",
+    padding: paddingDefaults
+  },
+  render: SplitHero
+};
+export {
+  conf
+};

package/dist/components/puck-block/hero-sections/split-hero-1/split-hero.d.ts

@@ -0,0 +1,14 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundContentProps } from "@/components/puck-base/content";
+export interface SplitHeroProps extends CompoundContentProps {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    image?: {
+        src: string;
+        alt: string;
+    };
+    imagePosition?: "left" | "right";
+    displayText?: string;
+}
+export declare const SplitHero: ({ padding, sectionStyle, backgroundColor, badge, heading, description, buttons, image, imagePosition, displayText, }: SplitHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/hero-sections/split-hero-1/split-hero.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../utils/css-utils.js";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundContent } from "../../../puck-base/content.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+const SplitHero = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  badge,
+  heading,
+  description,
+  buttons,
+  image,
+  imagePosition = "right",
+  displayText
+}) => /* @__PURE__ */ jsx(
+  CompoundContainer,
+  {
+    padding,
+    sectionStyle,
+    backgroundColor,
+    children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "grid grid-cols-1 items-center gap-8 lg:grid-cols-2 lg:gap-16",
+          imagePosition === "left" && "lg:[direction:rtl] lg:[&>*]:[direction:ltr]"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            displayText && /* @__PURE__ */ jsx("p", { className: "font-serif text-5xl md:text-7xl lg:text-8xl font-bold tracking-tighter mb-4", children: displayText }),
+            /* @__PURE__ */ jsx(
+              CompoundContent,
+              {
+                badge,
+                heading: displayText ? void 0 : heading,
+                description,
+                buttons
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "border-border/50 aspect-[4/3] overflow-hidden rounded-xl border bg-muted relative [&>span]:h-full [&>span]:w-full", children: [
+            !(image == null ? void 0 : image.src) && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Image" }) }),
+            /* @__PURE__ */ jsx(
+              CompoundImage,
+              {
+                src: (image == null ? void 0 : image.src) || "",
+                alt: (image == null ? void 0 : image.alt) || "",
+                className: "h-full w-full object-cover"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  }
+);
+export {
+  SplitHero
+};

package/dist/components/puck-block/hero-sections/video-hero-1/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentConfig } from "@puckeditor/core";
+import { VideoHeroProps } from "./video-hero";
+export type { VideoHeroProps };
+export declare const conf: ComponentConfig<VideoHeroProps>;
+export default conf;

package/dist/components/puck-block/hero-sections/video-hero-1/index.js

@@ -0,0 +1,25 @@
+import { paddingDefaults, image16x9Placeholder, padding, image, contentFields } from "../../../puck-base/core/fields.js";
+import { VideoHero } from "./video-hero.js";
+const conf = {
+  fields: {
+    ...contentFields,
+    videoUrl: {
+      type: "text",
+      label: "Video URL",
+      ai: { instructions: "Direct URL to an MP4 video" }
+    },
+    posterImage: image,
+    padding
+  },
+  defaultProps: {
+    heading: "See it in action",
+    description: "Watch how our platform helps teams build faster.",
+    buttons: [{ label: "Try it free", icon: "move-right", variant: "default" }],
+    posterImage: image16x9Placeholder,
+    padding: paddingDefaults
+  },
+  render: VideoHero
+};
+export {
+  conf
+};

package/dist/components/puck-block/hero-sections/video-hero-1/video-hero.d.ts

@@ -0,0 +1,11 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundContentProps } from "@/components/puck-base/content";
+export interface VideoHeroProps extends CompoundContentProps {
+    padding?: CompoundContainerProps["padding"];
+    videoUrl?: string;
+    posterImage?: {
+        src: string;
+        alt: string;
+    };
+}
+export declare const VideoHero: ({ padding, badge, heading, description, buttons, videoUrl, posterImage, }: VideoHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/hero-sections/video-hero-1/video-hero.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundContent } from "../../../puck-base/content.js";
+const VideoHero = ({
+  padding,
+  badge,
+  heading,
+  description,
+  buttons,
+  videoUrl,
+  posterImage
+}) => /* @__PURE__ */ jsx(CompoundContainer, { padding, sectionStyle: "dark", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2", children: [
+  /* @__PURE__ */ jsx(
+    CompoundContent,
+    {
+      badge,
+      heading,
+      description,
+      buttons
+    }
+  ),
+  /* @__PURE__ */ jsx("div", { className: "border-border/20 overflow-hidden rounded-xl border bg-black/50", children: videoUrl ? /* @__PURE__ */ jsx(
+    "video",
+    {
+      src: videoUrl,
+      poster: posterImage == null ? void 0 : posterImage.src,
+      controls: true,
+      className: "aspect-video w-full object-cover"
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: "flex aspect-video w-full items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "bg-primary/20 flex h-16 w-16 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-primary text-2xl", children: "▶" }) }) }) })
+] }) });
+export {
+  VideoHero
+};

package/dist/components/puck-block/index.d.ts

@@ -0,0 +1,43 @@
+export { conf as AnnouncementBannerConf, type AnnouncementBannerProps } from "./banner-sections/announcement-banner-1/index.tsx";
+export { conf as MarqueeConf, type MarqueeProps } from "./banner-sections/marquee-1/index.tsx";
+export { conf as ContactUsConf, type ContactUsProps } from "./contact-sections/contact-us-1/index.tsx";
+export { conf as BannerCtaConf, type BannerCtaProps } from "./cta-sections/banner-cta-1/index.tsx";
+export { conf as CtaConf, type CtaProps } from "./cta-sections/cta-1/index.tsx";
+export { conf as GradientCtaConf, type GradientCtaProps } from "./cta-sections/gradient-cta-1/index.tsx";
+export { conf as NewsletterSignupConf, type NewsletterSignupProps } from "./cta-sections/newsletter-signup-1/index.tsx";
+export { conf as PromoSectionConf, type PromoSectionProps } from "./cta-sections/promo-section-1/index.tsx";
+export { conf as AccordionConf, type AccordionProps } from "./faq-sections/accordion-1/index.tsx";
+export { conf as FaqConf, type FaqProps } from "./faq-sections/faq-1/index.tsx";
+export { conf as BentoConf, type BentoProps } from "./feature-sections/bento-1/index.tsx";
+export { conf as FeatureCardsConf, type FeatureCardsProps } from "./feature-sections/feature-cards-1/index.tsx";
+export { conf as FeatureShowcaseConf, type FeatureShowcaseProps } from "./feature-sections/feature-showcase-1/index.tsx";
+export { conf as IconGridConf, type IconGridProps } from "./feature-sections/icon-grid-1/index.tsx";
+export { conf as ProductFeaturesConf, type ProductFeaturesProps } from "./feature-sections/product-features-1/index.tsx";
+export { conf as FooterConf, type FooterProps } from "./footer-sections/footer-1/index.tsx";
+export { conf as GalleryConf, type GalleryProps } from "./gallery-sections/gallery-1/index.tsx";
+export { default as HeaderConf, type HeaderProps } from "./header-sections/header-1/index.tsx";
+export { conf as StickyNavConf, type StickyNavProps } from "./header-sections/sticky-nav-1/index.tsx";
+export { conf as FullscreenHeroConf, type FullscreenHeroProps } from "./hero-sections/fullscreen-hero-1/index.tsx";
+export { conf as GradientHeroConf, type GradientHeroProps } from "./hero-sections/gradient-hero-1/index.tsx";
+export { conf as GridHeroConf, type GridHeroProps } from "./hero-sections/grid-hero-1/index.tsx";
+export { conf as HeroConf, type HeroProps } from "./hero-sections/hero-1/index.tsx";
+export { conf as ImageHeroConf, type ImageHeroProps } from "./hero-sections/image-hero-1/index.tsx";
+export { conf as SplitHeroConf, type SplitHeroProps } from "./hero-sections/split-hero-1/index.tsx";
+export { conf as VideoHeroConf, type VideoHeroProps } from "./hero-sections/video-hero-1/index.tsx";
+export { conf as StatsConf, type StatsProps } from "./metrics-sections/stats-1/index.tsx";
+export { conf as ComparisonConf, type ComparisonProps } from "./pricing-sections/comparison-1/index.tsx";
+export { conf as PricingConf, type PricingProps } from "./pricing-sections/pricing-1/index.tsx";
+export { conf as CaseStudyConf, type CaseStudyProps } from "./showcase-sections/case-study-1/index.tsx";
+export { conf as StepByStepConf, type StepByStepProps } from "./showcase-sections/step-by-step-1/index.tsx";
+export { conf as TeamGridConf, type TeamGridProps } from "./team-sections/team-grid-1/index.tsx";
+export { conf as CustomersConf, type CustomersProps } from "./testimonial-sections/customers-1/index.tsx";
+export { conf as LogoMarqueeConf, type LogoMarqueeProps } from "./testimonial-sections/logo-marquee-1/index.tsx";
+export { conf as ReviewSectionConf, type ReviewSectionProps } from "./testimonial-sections/review-section-1/index.tsx";
+export { conf as TestimonialsConf, type TestimonialsProps } from "./testimonial-sections/testimonials-1/index.tsx";
+export { conf as ArticlesConf, type ArticlesProps } from "./text-sections/articles-1/index.tsx";
+export { conf as ContentSectionConf, type ContentSectionProps } from "./text-sections/content-section-1/index.tsx";
+export { conf as RichTextConf, type RichTextProps } from "./text-sections/rich-text-1/index.tsx";
+export { conf as TabSectionConf, type TabSectionProps } from "./text-sections/tab-section-1/index.tsx";
+export { conf as TimelineConf, type TimelineProps } from "./text-sections/timeline-1/index.tsx";
+export { conf as TwoColumnConf, type TwoColumnProps } from "./text-sections/two-column-1/index.tsx";
+export type { ILayoutProps } from "./type.ts";

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

@@ -0,0 +1,5 @@
+import { ComponentConfig } from "@puckeditor/core";
+import { StatsProps } from "./stats";
+export type { StatsProps };
+export declare const conf: ComponentConfig<StatsProps>;
+export default conf;

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

@@ -0,0 +1,130 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding, contentFields } from "../../../puck-base/core/fields.js";
+import { Stats } from "./stats.js";
+const conf = {
+  fields: {
+    ...contentFields,
+    statistics: {
+      type: "array",
+      max: 8,
+      getItemSummary: (item, index = 0) => item.label || `Statistic ${index + 1}`,
+      arrayFields: {
+        value: {
+          type: "text",
+          contentEditable: true,
+          ai: { instructions: "The CURRENT value of this statistic" }
+        },
+        label: {
+          type: "text",
+          contentEditable: true,
+          ai: { instructions: "A title for the statistic" }
+        },
+        percentage: {
+          type: "number",
+          min: 0,
+          max: 99999,
+          ai: {
+            instructions: "The percentage CHANGE of the CURRENT value from the PREVIOUS value. Should not match the current value.",
+            exclude: true
+          }
+        },
+        direction: {
+          type: "radio",
+          options: [
+            { label: "none", value: "none" },
+            { label: "increase", value: "increase" },
+            { label: "decrease", value: "decrease" }
+          ]
+        },
+        polarity: {
+          type: "radio",
+          options: [
+            { label: "none", value: "none" },
+            { label: "positive", value: "positive" },
+            { label: "negative", value: "negative" }
+          ]
+        }
+      },
+      defaultItemProps: {
+        label: "Stat",
+        value: "100",
+        percentage: 0,
+        direction: "increase",
+        polarity: "positive"
+      }
+    },
+    layout: {
+      type: "radio",
+      options: [
+        {
+          label: "section",
+          value: "section"
+        },
+        { label: "inline", value: "inline" },
+        { label: "centered", value: "centered" }
+      ]
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "The numbers speak for themselves",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+    badge: {
+      label: "Platform",
+      url: "",
+      variant: "default"
+    },
+    buttons: [
+      {
+        label: "View more",
+        icon: "move-right",
+        variant: "secondary",
+        size: "default"
+      }
+    ],
+    statistics: [
+      {
+        label: "Monthly active users",
+        value: "500",
+        percentage: 20.1,
+        direction: "increase",
+        polarity: "positive"
+      },
+      {
+        label: "Daily active users",
+        value: "20.1",
+        percentage: 2,
+        direction: "decrease",
+        polarity: "negative"
+      },
+      {
+        label: "Monthly recurring revenue",
+        value: "$523.520",
+        percentage: 8,
+        direction: "increase",
+        polarity: "positive"
+      },
+      {
+        label: "Cost per acquisition",
+        value: "$5.60",
+        percentage: 2,
+        direction: "increase",
+        polarity: "negative"
+      }
+    ],
+    layout: "section",
+    padding: paddingDefaults
+  },
+  resolveFields: (data, params) => {
+    if (data.props.layout === "inline") {
+      const { heading, description, buttons, badge, ...newFields } = params.fields;
+      return newFields;
+    }
+    return params.fields;
+  },
+  render: Stats
+};
+export {
+  conf
+};

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

@@ -0,0 +1,16 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundContentProps } from "@/components/puck-base/content";
+export interface StatsProps extends CompoundContentProps {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    layout?: "section" | "inline" | "centered";
+    statistics: {
+        value: string;
+        label: string;
+        percentage?: number;
+        direction?: "none" | "increase" | "decrease";
+        polarity?: "none" | "positive" | "negative";
+    }[];
+}
+export declare const Stats: ({ padding, sectionStyle, backgroundColor, layout, badge, heading, description, buttons, statistics, }: StatsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,97 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { MoveUpRight, MoveDownLeft } from "lucide-react";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { cn } from "../../../../utils/css-utils.js";
+import { CompoundContent } from "../../../puck-base/content.js";
+const Stats = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  layout = "section",
+  badge,
+  heading,
+  description,
+  buttons,
+  statistics
+}) => {
+  return /* @__PURE__ */ jsxs(CompoundContainer, { padding, sectionStyle, backgroundColor, children: [
+    layout === "inline" ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 text-start sm:grid-cols-2 lg:grid-cols-4 lg:gap-8", children: (statistics ?? []).map((stat, index) => /* @__PURE__ */ jsx(
+      Stat,
+      {
+        value: stat.value,
+        label: stat.label,
+        direction: stat.direction,
+        polarity: stat.polarity,
+        percentage: stat.percentage
+      },
+      index
+    )) }) : null,
+    layout === "section" ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-10 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        CompoundContent,
+        {
+          badge,
+          heading,
+          description,
+          buttons
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "grid w-full grid-cols-1 gap-2 text-start sm:grid-cols-2 lg:grid-cols-2", children: (statistics ?? []).map((stat, index) => /* @__PURE__ */ jsx(
+        Stat,
+        {
+          value: stat.value,
+          label: stat.label,
+          direction: stat.direction,
+          polarity: stat.polarity,
+          percentage: stat.percentage
+        },
+        index
+      )) }) })
+    ] }) : null,
+    layout === "centered" ? /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(
+        CompoundContent,
+        {
+          badge,
+          heading,
+          description,
+          buttons,
+          alignContent: "center"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-12 mt-16", children: (statistics ?? []).map((stat, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ jsx("h2", { className: "font-serif text-5xl md:text-6xl font-medium text-foreground", children: stat.value }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm leading-relaxed", children: stat.label })
+      ] }, index)) })
+    ] }) : null
+  ] });
+};
+const Stat = ({
+  value,
+  label,
+  direction,
+  polarity,
+  percentage
+}) => {
+  const directionClassName = cn("w-4 h-4 mb-10", {
+    "text-primary": polarity === "positive",
+    "text-destructive": polarity === "negative"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-0 rounded-md border p-6", children: [
+    direction === "increase" ? /* @__PURE__ */ jsx(MoveUpRight, { className: directionClassName }) : null,
+    direction === "decrease" ? /* @__PURE__ */ jsx(MoveDownLeft, { className: directionClassName }) : null,
+    /* @__PURE__ */ jsxs("h2", { className: "font-regular flex max-w-xl flex-row items-end gap-4 text-start text-4xl tracking-tighter", children: [
+      value,
+      percentage ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm tracking-normal", children: [
+        direction === "increase" ? "+" : null,
+        direction === "decrease" ? "-" : null,
+        percentage,
+        "%"
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-xl text-start text-base leading-relaxed tracking-tight", children: label })
+  ] });
+};
+export {
+  Stats
+};

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

@@ -0,0 +1,14 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+export interface ComparisonProps {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    heading?: string;
+    description?: string;
+    columns?: Array<{
+        name: string;
+        highlighted?: boolean;
+        features: string[];
+    }>;
+}
+export declare const Comparison: ({ padding, sectionStyle, backgroundColor, heading, description, columns, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../../../utils/css-utils.js";
+import { CompoundContainer } from "../../../puck-base/container.js";
+const Comparison = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  heading,
+  description,
+  columns = []
+}) => /* @__PURE__ */ jsxs(CompoundContainer, { padding, sectionStyle, backgroundColor, children: [
+  /* @__PURE__ */ jsxs("div", { className: "mx-auto mb-12 max-w-2xl text-center", children: [
+    heading && /* @__PURE__ */ jsx("h2", { className: "text-foreground text-3xl font-bold tracking-tight md:text-4xl", children: heading }),
+    description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-4 text-lg", children: description })
+  ] }),
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "grid gap-6",
+        columns.length === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-3"
+      ),
+      children: columns.map((col, i) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "rounded-xl border p-6",
+            col.highlighted ? "border-primary bg-primary/5 shadow-lg" : "border-border bg-card"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-foreground mb-4 text-xl font-bold", children: col.name }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: col.features.map((f, fi) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "text-muted-foreground flex items-start gap-2",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-primary mt-0.5", children: "✓" }),
+                  /* @__PURE__ */ jsx("span", { children: f })
+                ]
+              },
+              fi
+            )) })
+          ]
+        },
+        i
+      ))
+    }
+  )
+] });
+export {
+  Comparison
+};

package/dist/components/puck-block/pricing-sections/comparison-1/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentConfig } from "@puckeditor/core";
+import { ComparisonProps } from "./comparison";
+export type { ComparisonProps };
+export declare const conf: ComponentConfig<ComparisonProps>;
+export default conf;