dune-react 0.0.4 → 0.0.5

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

@@ -0,0 +1,69 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding } from "../../../puck-base/core/fields.js";
+import { Comparison } from "./comparison.js";
+const conf = {
+  fields: {
+    heading: { type: "text", contentEditable: true },
+    description: { type: "textarea", contentEditable: true },
+    columns: {
+      type: "array",
+      max: 4,
+      getItemSummary: (item, i = 0) => item.name || `Column ${i + 1}`,
+      arrayFields: {
+        name: { type: "text" },
+        highlighted: {
+          type: "radio",
+          options: [
+            { label: "Yes", value: true },
+            { label: "No", value: false }
+          ]
+        },
+        features: {
+          type: "array",
+          max: 8,
+          arrayFields: { value: { type: "text" } },
+          getItemSummary: (item, i = 0) => item.value || `Feature ${i + 1}`,
+          defaultItemProps: { value: "Feature" }
+        }
+      },
+      defaultItemProps: {
+        name: "Plan",
+        highlighted: false,
+        features: ["Feature 1"]
+      }
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "Compare Plans",
+    description: "Choose the plan that best fits your needs.",
+    columns: [
+      {
+        name: "Starter",
+        highlighted: false,
+        features: ["5 Projects", "Basic Analytics", "Email Support"]
+      },
+      {
+        name: "Pro",
+        highlighted: true,
+        features: [
+          "Unlimited Projects",
+          "Advanced Analytics",
+          "Priority Support",
+          "Custom Domains"
+        ]
+      },
+      {
+        name: "Enterprise",
+        highlighted: false,
+        features: ["Everything in Pro", "SLA", "Dedicated Manager", "SSO"]
+      }
+    ],
+    padding: paddingDefaults
+  },
+  render: Comparison
+};
+export {
+  conf
+};

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

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

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

@@ -0,0 +1,71 @@
+import { Pricing } from "./pricing.js";
+import { paddingDefaults, backgroundColor, sectionStyle, padding, features, button, contentFields } from "../../../puck-base/core/fields.js";
+const conf = {
+  fields: {
+    ...contentFields,
+    tiers: {
+      type: "array",
+      getItemSummary: (item, index = 0) => item.name || `Tier ${index + 1}`,
+      arrayFields: {
+        name: { type: "text", contentEditable: true },
+        description: { type: "textarea", contentEditable: true },
+        cost: { type: "text", contentEditable: true },
+        cycle: { type: "text", contentEditable: true },
+        features,
+        button
+      },
+      defaultItemProps: {
+        name: "Plan / product / pricing tier name",
+        description: "Product description",
+        cost: "$50",
+        cycle: "month",
+        features: [features.defaultItemProps],
+        button: {
+          label: "Choose",
+          url: "#",
+          variant: "default",
+          size: "default",
+          icon: "arrow-right"
+        }
+      },
+      min: 1,
+      max: 3
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    padding: paddingDefaults,
+    badge: {
+      label: "Platform",
+      url: "",
+      variant: "default"
+    },
+    heading: "Something new!",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt",
+    buttons: [],
+    tiers: Array.from({ length: 3 }).map((_, index) => ({
+      name: `Plan ${index + 1}`,
+      description: "Our goal is to streamline SMB trade, making it easier and faster than ever for everyone and everywhere.",
+      cost: "$40",
+      cycle: "month",
+      features: Array.from({ length: 3 }).map((_2, index2) => ({
+        icon: "check",
+        name: `Feature ${index2 + 1}`,
+        description: "We've made it fast and reliable."
+      })),
+      button: {
+        label: "Sign up today",
+        url: "#",
+        icon: "arrow-right",
+        variant: "outline",
+        size: "default"
+      }
+    }))
+  },
+  render: Pricing
+};
+export {
+  conf
+};

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

@@ -0,0 +1,19 @@
+import { CompoundButtonProps } from "@/components/puck-base/button";
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundContentProps } from "@/components/puck-base/content";
+import { Feature } from "@/components/puck-base/core/types";
+export interface PricingProps extends CompoundContentProps {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    tiers: {
+        name: string;
+        description: string;
+        cost: string;
+        cycle: string;
+        features: Feature[];
+        button: CompoundButtonProps;
+    }[];
+    className?: string;
+}
+export declare const Pricing: (props: PricingProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "../../../shadcn/card.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundContent } from "../../../puck-base/content.js";
+import DynamicIcon from "../../../../node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js";
+const Pricing = (props) => /* @__PURE__ */ jsx(CompoundContainer, { padding: props.padding, sectionStyle: props.sectionStyle, backgroundColor: props.backgroundColor, className: props.className, children: /* @__PURE__ */ jsxs("div", { children: [
+  /* @__PURE__ */ jsx(
+    CompoundContent,
+    {
+      badge: props.badge,
+      heading: props.heading,
+      description: props.description,
+      buttons: props.buttons,
+      alignContent: "center",
+      spacing: "tight"
+    }
+  ),
+  /* @__PURE__ */ jsx("div", { className: "grid w-full grid-cols-1 gap-8 pt-20 text-left lg:grid-cols-3", children: (props.tiers ?? []).map((tier, index) => /* @__PURE__ */ jsxs(Card, { className: "w-full rounded-md shadow", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx("span", { className: "flex flex-row items-center gap-4 font-normal", children: tier.name }) }),
+      /* @__PURE__ */ jsx(CardDescription, { children: tier.description })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-start gap-8", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex flex-row items-center gap-2 text-xl", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-4xl", children: tier.cost }),
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
+          " ",
+          "/ ",
+          tier.cycle
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-start gap-4", children: (tier.features ?? []).map((feature, index2) => /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-4", children: [
+        feature.icon && feature.icon !== "none" ? /* @__PURE__ */ jsx(DynamicIcon, { name: feature.icon }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx("p", { children: feature.name }),
+          feature.description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: feature.description }) : null
+        ] })
+      ] }, index2)) }),
+      /* @__PURE__ */ jsx(CompoundButton, { ...tier.button })
+    ] }) })
+  ] }, index)) })
+] }) });
+export {
+  Pricing
+};

package/dist/components/puck-block/showcase-sections/case-study-1/case-study.d.ts

@@ -0,0 +1,17 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+export interface CaseStudyProps {
+    padding?: CompoundContainerProps["padding"];
+    heading?: string;
+    description?: string;
+    stats?: Array<{
+        value: string;
+        label: string;
+    }>;
+    quote?: string;
+    author?: string;
+    logo?: {
+        src: string;
+        alt: string;
+    };
+}
+export declare const CaseStudy: ({ padding, heading, description, stats, quote, author, logo, }: CaseStudyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/showcase-sections/case-study-1/case-study.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+const CaseStudy = ({
+  padding,
+  heading,
+  description,
+  stats = [],
+  quote,
+  author,
+  logo
+}) => /* @__PURE__ */ jsx(CompoundContainer, { padding, sectionStyle: "muted", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-4xl", children: [
+  (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: logo.src,
+      alt: logo.alt || "",
+      className: "mb-8 h-8 opacity-60"
+    }
+  ),
+  heading && /* @__PURE__ */ jsx("h2", { className: "text-foreground mb-4 text-3xl font-bold tracking-tight md:text-4xl", children: heading }),
+  description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-8 text-lg", children: description }),
+  stats.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-10 grid grid-cols-2 gap-6 md:grid-cols-4", children: stats.map((s, i) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("p", { className: "text-primary text-3xl font-bold", children: s.value }),
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: s.label })
+  ] }, i)) }),
+  quote && /* @__PURE__ */ jsxs("blockquote", { className: "border-primary border-l-4 py-2 pl-6", children: [
+    /* @__PURE__ */ jsxs("p", { className: "text-foreground text-lg italic", children: [
+      "“",
+      quote,
+      "”"
+    ] }),
+    author && /* @__PURE__ */ jsxs("cite", { className: "text-muted-foreground mt-2 block text-sm not-italic", children: [
+      "— ",
+      author
+    ] })
+  ] })
+] }) });
+export {
+  CaseStudy
+};

package/dist/components/puck-block/showcase-sections/case-study-1/index.d.ts

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

package/dist/components/puck-block/showcase-sections/case-study-1/index.js

@@ -0,0 +1,35 @@
+import { paddingDefaults, padding, image } from "../../../puck-base/core/fields.js";
+import { CaseStudy } from "./case-study.js";
+const conf = {
+  fields: {
+    heading: { type: "text", contentEditable: true },
+    description: { type: "textarea", contentEditable: true },
+    logo: image,
+    stats: {
+      type: "array",
+      max: 8,
+      getItemSummary: (item, i = 0) => item.label || `Stat ${i + 1}`,
+      arrayFields: { value: { type: "text" }, label: { type: "text" } },
+      defaultItemProps: { value: "99%", label: "Satisfaction" }
+    },
+    quote: { type: "textarea", contentEditable: true },
+    author: { type: "text" },
+    padding
+  },
+  defaultProps: {
+    heading: "How Acme Corp grew 3x in 6 months",
+    description: "Discover how our platform helped Acme Corp scale their operations.",
+    stats: [
+      { value: "3x", label: "Revenue Growth" },
+      { value: "60%", label: "Less Churn" },
+      { value: "2M+", label: "Users Reached" }
+    ],
+    quote: "This product changed everything for our team. We can't imagine going back.",
+    author: "Jane Doe, CEO at Acme",
+    padding: paddingDefaults
+  },
+  render: CaseStudy
+};
+export {
+  conf
+};

package/dist/components/puck-block/showcase-sections/step-by-step-1/index.d.ts

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

package/dist/components/puck-block/showcase-sections/step-by-step-1/index.js

@@ -0,0 +1,62 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding } from "../../../puck-base/core/fields.js";
+import { StepByStep } from "./step-by-step.js";
+const conf = {
+  fields: {
+    heading: { type: "text", contentEditable: true },
+    description: { type: "textarea", contentEditable: true },
+    layout: {
+      type: "select",
+      label: "Layout Style",
+      options: [
+        { label: "Horizontal Cards", value: "horizontal" },
+        { label: "Vertical Timeline", value: "vertical" },
+        { label: "Large Numbers", value: "numbered" }
+      ]
+    },
+    steps: {
+      type: "array",
+      max: 8,
+      getItemSummary: (item, i = 0) => item.title || `Step ${i + 1}`,
+      arrayFields: {
+        stepNumber: { type: "text" },
+        title: { type: "text", contentEditable: true },
+        description: { type: "textarea", contentEditable: true }
+      },
+      defaultItemProps: {
+        stepNumber: "",
+        title: "Step Title",
+        description: "Describe what happens in this step."
+      }
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "How it works",
+    description: "Get started in three simple steps.",
+    layout: "horizontal",
+    steps: [
+      {
+        stepNumber: "1",
+        title: "Sign up",
+        description: "Create your account in seconds. No credit card required."
+      },
+      {
+        stepNumber: "2",
+        title: "Connect your tools",
+        description: "Integrate with the tools you already use."
+      },
+      {
+        stepNumber: "3",
+        title: "Start building",
+        description: "Launch your first project and see results immediately."
+      }
+    ],
+    padding: paddingDefaults
+  },
+  render: StepByStep
+};
+export {
+  conf
+};

package/dist/components/puck-block/showcase-sections/step-by-step-1/step-by-step.d.ts

@@ -0,0 +1,17 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+export interface StepByStepItem {
+    stepNumber?: string;
+    title: string;
+    description: string;
+    iconUrl?: string;
+}
+export interface StepByStepProps {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    heading?: string;
+    description?: string;
+    layout?: "vertical" | "horizontal" | "numbered";
+    steps?: StepByStepItem[];
+}
+export declare const StepByStep: ({ padding, sectionStyle, backgroundColor, heading, description, layout, steps, }: StepByStepProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/showcase-sections/step-by-step-1/step-by-step.js

@@ -0,0 +1,53 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+const StepByStep = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  heading,
+  description,
+  layout = "horizontal",
+  steps = []
+}) => /* @__PURE__ */ jsxs(CompoundContainer, { padding, sectionStyle, backgroundColor, children: [
+  (heading || description) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center max-w-2xl mx-auto", 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 })
+  ] }),
+  layout === "vertical" ? (
+    // Vertical timeline-style
+    /* @__PURE__ */ jsxs("div", { className: "relative max-w-2xl mx-auto", children: [
+      /* @__PURE__ */ jsx("div", { className: "bg-border absolute top-0 bottom-0 left-6 w-px" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-10", children: steps.map((step, i) => /* @__PURE__ */ jsxs("div", { className: "relative flex gap-8 pl-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-primary text-primary-foreground flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center text-sm font-bold z-10", children: step.stepNumber || String(i + 1) }),
+        /* @__PURE__ */ jsxs("div", { className: "pb-4", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-foreground text-lg font-semibold", children: step.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: step.description })
+        ] })
+      ] }, i)) })
+    ] })
+  ) : layout === "numbered" ? (
+    // Large number style
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: steps.map((step, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-primary text-5xl font-black leading-none opacity-20 flex-shrink-0", children: step.stepNumber || String(i + 1).padStart(2, "0") }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-foreground text-lg font-semibold", children: step.title }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-2", children: step.description })
+      ] })
+    ] }, i)) })
+  ) : (
+    // Horizontal (default) — cards in a row with connecting line
+    /* @__PURE__ */ jsxs("div", { className: "relative grid grid-cols-1 md:grid-cols-3 gap-8", children: [
+      /* @__PURE__ */ jsx("div", { className: "hidden md:block bg-border absolute top-6 left-[calc(16.66%+1rem)] right-[calc(16.66%+1rem)] h-px" }),
+      steps.map((step, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center gap-4 relative", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-primary text-primary-foreground w-12 h-12 rounded-full flex items-center justify-center text-sm font-bold z-10 flex-shrink-0", children: step.stepNumber || String(i + 1) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-foreground text-lg font-semibold", children: step.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: step.description })
+        ] })
+      ] }, i))
+    ] })
+  )
+] });
+export {
+  StepByStep
+};

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

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

package/dist/components/puck-block/team-sections/team-grid-1/index.js

@@ -0,0 +1,66 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding, image, description, heading } from "../../../puck-base/core/fields.js";
+import { TeamGrid } from "./team-grid.js";
+const defaultMember = {
+  name: "Jane Smith",
+  role: "CEO & Co-founder",
+  image: {
+    src: "https://dummyimage.com/600x600/f5f4f4/101010.png&text=Team+Member",
+    alt: "Team member"
+  },
+  bio: "Leading the team with 10+ years of experience in the industry."
+};
+const conf = {
+  fields: {
+    heading,
+    description,
+    members: {
+      type: "array",
+      max: 12,
+      getItemSummary: (item, index = 0) => item.name || `Member ${index + 1}`,
+      arrayFields: {
+        name: { type: "text", contentEditable: true },
+        role: { type: "text", contentEditable: true },
+        image,
+        bio: { type: "textarea", contentEditable: true }
+      },
+      defaultItemProps: defaultMember
+    },
+    columns: {
+      type: "select",
+      options: [
+        { label: "2 Columns", value: 2 },
+        { label: "3 Columns", value: 3 },
+        { label: "4 Columns", value: 4 }
+      ]
+    },
+    layout: {
+      type: "select",
+      label: "Card Style",
+      options: [
+        { label: "Card", value: "card" },
+        { label: "Simple", value: "simple" },
+        { label: "Round Avatar", value: "round" }
+      ]
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "Meet Our Team",
+    description: "The talented people behind our product.",
+    columns: 3,
+    layout: "card",
+    members: [
+      { ...defaultMember, name: "Jane Smith", role: "CEO & Co-founder" },
+      { ...defaultMember, name: "Alex Johnson", role: "CTO" },
+      { ...defaultMember, name: "Sarah Williams", role: "Head of Design" },
+      { ...defaultMember, name: "Michael Chen", role: "Lead Engineer" }
+    ],
+    padding: paddingDefaults
+  },
+  render: TeamGrid
+};
+export {
+  conf
+};

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

@@ -0,0 +1,21 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+export interface TeamMember {
+    name: string;
+    role: string;
+    image?: {
+        src: string;
+        alt?: string;
+    };
+    bio?: string;
+}
+export interface TeamGridProps {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    heading?: string;
+    description?: string;
+    members?: TeamMember[];
+    columns?: 2 | 3 | 4;
+    layout?: "card" | "simple" | "round";
+}
+export declare const TeamGrid: ({ padding, sectionStyle, backgroundColor, heading, description, members, columns, layout, }: TeamGridProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/team-sections/team-grid-1/team-grid.js

@@ -0,0 +1,88 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { cn } from "../../../../utils/css-utils.js";
+const columnClasses = {
+  2: "grid-cols-1 sm:grid-cols-2",
+  3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+  4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
+};
+const TeamGrid = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  heading,
+  description,
+  members = [],
+  columns = 3,
+  layout = "card"
+}) => /* @__PURE__ */ jsx(CompoundContainer, { padding, sectionStyle, backgroundColor, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-12", children: [
+  (heading || description) && /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+    heading && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl", children: heading }),
+    description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mx-auto mt-4 max-w-2xl text-lg", children: description })
+  ] }),
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("grid gap-8", columnClasses[columns] ?? columnClasses[3]),
+      children: members.map((member, index) => /* @__PURE__ */ jsx(MemberCard, { member, layout }, index))
+    }
+  )
+] }) });
+const MemberCard = ({
+  member,
+  layout
+}) => {
+  var _a, _b, _c;
+  if (layout === "round") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "bg-muted w-full aspect-square overflow-hidden rounded-full", children: ((_a = member.image) == null ? void 0 : _a.src) && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: member.image.src,
+          alt: member.image.alt ?? member.name,
+          className: "h-full w-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: member.name }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: member.role }),
+        member.bio && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: member.bio })
+      ] })
+    ] });
+  }
+  if (layout === "simple") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "bg-muted h-16 w-16 shrink-0 overflow-hidden rounded-full", children: ((_b = member.image) == null ? void 0 : _b.src) && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: member.image.src,
+          alt: member.image.alt ?? member.name,
+          className: "h-full w-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: member.name }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: member.role }),
+        member.bio && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: member.bio })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "bg-card text-card-foreground border-border overflow-hidden rounded-xl border", children: [
+    /* @__PURE__ */ jsx("div", { className: "bg-muted aspect-[4/3]", children: ((_c = member.image) == null ? void 0 : _c.src) && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: member.image.src,
+        alt: member.image.alt ?? member.name,
+        className: "h-full w-full object-cover"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "p-6", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: member.name }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: member.role }),
+      member.bio && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-3 text-sm", children: member.bio })
+    ] })
+  ] });
+};
+export {
+  TeamGrid
+};

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

@@ -0,0 +1,15 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundImageProps } from "@/components/puck-base/image";
+export interface CustomersProps {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    layout?: "section" | "inline";
+    heading: string;
+    customers: {
+        name: string;
+        image?: CompoundImageProps;
+        url?: string;
+    }[];
+}
+export declare const Customers: ({ padding, sectionStyle, backgroundColor, layout, heading, customers, }: CustomersProps) => import("react/jsx-runtime").JSX.Element;