dune-react 0.0.7 → 0.0.9

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

@@ -0,0 +1,152 @@
+import { Pricing2 } from "./pricing-2.js";
+import { paddingDefaults, backgroundColor, sectionStyle, padding, button } from "../../../puck-base/core/fields.js";
+const conf = {
+  fields: {
+    heading: { type: "text", contentEditable: true },
+    description: { type: "textarea", contentEditable: true },
+    tiers: {
+      type: "array",
+      getItemSummary: (item, index = 0) => item.title || `Tier ${index + 1}`,
+      arrayFields: {
+        badgeLabel: {
+          type: "text",
+          label: "Badge (optional)",
+          contentEditable: true
+        },
+        title: { type: "text", contentEditable: true },
+        description: { type: "textarea", contentEditable: true },
+        price: { type: "text", label: "Price", contentEditable: true },
+        period: { type: "text", label: "Period", contentEditable: true },
+        button,
+        featuresLabel: {
+          type: "text",
+          label: "Features heading",
+          contentEditable: true
+        },
+        features: {
+          type: "array",
+          max: 8,
+          getItemSummary: (item, index = 0) => item.title || `Feature ${index + 1}`,
+          arrayFields: {
+            title: { type: "text", contentEditable: true }
+          },
+          defaultItemProps: { title: "Feature item" }
+        },
+        isFeatured: {
+          type: "radio",
+          label: "Card style",
+          options: [
+            { label: "Featured (elevated)", value: true },
+            { label: "Standard", value: false }
+          ]
+        }
+      },
+      defaultItemProps: {
+        badgeLabel: "",
+        title: "Plan Name",
+        description: "Brief description of this plan.",
+        price: "$50",
+        period: "per month",
+        button: {
+          label: "Get started",
+          url: "#",
+          variant: "outline",
+          size: "default",
+          icon: "none"
+        },
+        featuresLabel: "What's included:",
+        features: [
+          { title: "Feature one" },
+          { title: "Feature two" },
+          { title: "Feature three" }
+        ],
+        isFeatured: false
+      },
+      min: 1,
+      max: 4
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    padding: paddingDefaults,
+    heading: "Training plans tailored to you",
+    description: "Choose the package that fits your goals. Start with one session or commit to a program.",
+    tiers: [
+      {
+        badgeLabel: "",
+        title: "Single Session",
+        description: "Try a one-on-one training session. Perfect for first-timers or testing your fit.",
+        price: "$75",
+        period: "per session",
+        button: {
+          label: "Schedule a session",
+          url: "#",
+          variant: "outline",
+          size: "default",
+          icon: "none"
+        },
+        featuresLabel: "What's included:",
+        features: [
+          { title: "One 60-minute session" },
+          { title: "Form and technique guidance" },
+          { title: "Personalized exercise selection" },
+          { title: "No commitment required" }
+        ],
+        isFeatured: false
+      },
+      {
+        badgeLabel: "Most popular",
+        title: "4-Week Program",
+        description: "Four weekly sessions designed around your goals. Build momentum and see real progress in a month.",
+        price: "$260",
+        period: "per month",
+        button: {
+          label: "Start your program",
+          url: "#",
+          variant: "default",
+          size: "default",
+          icon: "none"
+        },
+        featuresLabel: "What's included:",
+        features: [
+          { title: "Four 60-minute sessions" },
+          { title: "Custom workout plan" },
+          { title: "Monthly progress check-in" },
+          { title: "Email support between sessions" },
+          { title: "Form videos and tips" }
+        ],
+        isFeatured: true
+      },
+      {
+        badgeLabel: "",
+        title: "8-Week Intensive",
+        description: "Two sessions per week for eight weeks. Get serious results with consistent training and close coaching.",
+        price: "$480",
+        period: "per month",
+        button: {
+          label: "Join the intensive",
+          url: "#",
+          variant: "outline",
+          size: "default",
+          icon: "none"
+        },
+        featuresLabel: "What's included:",
+        features: [
+          { title: "Eight 60-minute sessions" },
+          { title: "Detailed fitness assessment" },
+          { title: "Progressive training plan" },
+          { title: "Bi-weekly progress reviews" },
+          { title: "Priority scheduling" },
+          { title: "Direct phone and email support" }
+        ],
+        isFeatured: false
+      }
+    ]
+  },
+  render: Pricing2
+};
+export {
+  conf
+};

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

@@ -0,0 +1,24 @@
+import { CompoundButtonProps } from "@/components/puck-base/button";
+import { CompoundContainerProps } from "@/components/puck-base/container";
+export interface PricingTierItem {
+    badgeLabel: string;
+    title: string;
+    description: string;
+    price: string;
+    period: string;
+    button: CompoundButtonProps;
+    featuresLabel: string;
+    features: {
+        title: string;
+    }[];
+    isFeatured: boolean;
+}
+export interface Pricing2Props {
+    heading: string;
+    description: string;
+    tiers: PricingTierItem[];
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+}
+export declare const Pricing2: (props: Pricing2Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+import { cn } from "../../../../utils/css-utils.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundContainer } from "../../../puck-base/container.js";
+const Pricing2 = (props) => /* @__PURE__ */ jsx(
+  CompoundContainer,
+  {
+    padding: props.padding,
+    sectionStyle: props.sectionStyle,
+    backgroundColor: props.backgroundColor,
+    children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-14", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex max-w-2xl flex-col items-center gap-4 text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-foreground text-balance text-4xl font-bold tracking-tight", children: props.heading }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-base leading-relaxed", children: props.description })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid w-full max-w-7xl grid-cols-1 gap-6 lg:grid-cols-3", children: (props.tiers ?? []).map((tier, index) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("flex flex-col", tier.isFeatured && "lg:-mt-8"),
+          children: /* @__PURE__ */ jsxs("div", { className: "bg-foreground/5 flex h-full flex-col gap-6 overflow-hidden rounded-3xl px-1 pt-1 pb-8", children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "bg-foreground/5 flex w-full flex-col gap-2 rounded-3xl px-8 py-7",
+                  tier.isFeatured ? "min-h-44" : "min-h-36"
+                ),
+                children: [
+                  tier.badgeLabel && /* @__PURE__ */ jsx("div", { className: "w-fit rounded-full bg-foreground px-2.5 py-1", children: /* @__PURE__ */ jsx("span", { className: "text-background text-xs font-medium", children: tier.badgeLabel }) }),
+                  /* @__PURE__ */ jsx("h3", { className: "text-foreground text-xl font-semibold", children: tier.title }),
+                  /* @__PURE__ */ jsx("p", { className: "text-foreground/70 text-sm", children: tier.description })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 px-8", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-foreground text-4xl font-bold", children: tier.price }),
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: tier.period })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  CompoundButton,
+                  {
+                    ...tier.button,
+                    className: cn("w-full", tier.button.className)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "bg-border h-px w-full" }),
+                tier.featuresLabel && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs font-medium uppercase tracking-wider", children: tier.featuresLabel }),
+                /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: (tier.features ?? []).map((feature, fi) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(Check, { className: "text-foreground h-4 w-4 shrink-0" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm", children: feature.title })
+                ] }, fi)) })
+              ] })
+            ] })
+          ] })
+        },
+        index
+      )) })
+    ] })
+  }
+);
+export {
+  Pricing2
+};

package/dist/components/puck-block/showcase-sections/before-after-1/before-after.d.ts

@@ -0,0 +1,20 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundButtonProps } from "@/components/puck-base/button";
+export interface BeforeAfterItem {
+    text: string;
+}
+export interface BeforeAfterProps {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    kicker?: string;
+    heading?: string;
+    description?: string;
+    beforeLabel?: string;
+    beforeItems?: BeforeAfterItem[];
+    afterLabel?: string;
+    afterItems?: BeforeAfterItem[];
+    button?: CompoundButtonProps;
+    layout?: "side-by-side" | "stacked";
+}
+export declare const BeforeAfter: ({ padding, sectionStyle, backgroundColor, kicker, heading, description, beforeLabel, beforeItems, afterLabel, afterItems, button, layout, }: BeforeAfterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/showcase-sections/before-after-1/before-after.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { cn } from "../../../../utils/css-utils.js";
+import { X, Check } from "lucide-react";
+const BeforeAfter = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  kicker,
+  heading,
+  description,
+  beforeLabel = "Before",
+  beforeItems = [],
+  afterLabel = "After",
+  afterItems = [],
+  button,
+  layout = "side-by-side"
+}) => /* @__PURE__ */ jsxs(
+  CompoundContainer,
+  {
+    padding,
+    sectionStyle,
+    backgroundColor,
+    children: [
+      (kicker || heading || description) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center max-w-2xl mx-auto", children: [
+        kicker && /* @__PURE__ */ jsx("p", { className: "text-primary text-sm font-semibold uppercase tracking-widest mb-3", children: kicker }),
+        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__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "relative mx-auto max-w-4xl",
+            layout === "side-by-side" ? "grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] gap-0" : "flex flex-col gap-6"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-muted/40 p-8 md:rounded-r-none md:border-r-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-destructive/10", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-destructive" }) }),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm font-semibold uppercase tracking-wider", children: beforeLabel })
+              ] }),
+              /* @__PURE__ */ jsx("ul", { className: "space-y-4", children: beforeItems.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3", children: [
+                /* @__PURE__ */ jsx("span", { className: "mt-0.5 flex-shrink-0 flex h-5 w-5 items-center justify-center rounded-full bg-destructive/10", children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3 text-destructive" }) }),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm leading-relaxed", children: item.text })
+              ] }, i)) })
+            ] }),
+            layout === "side-by-side" && /* @__PURE__ */ jsxs("div", { className: "hidden md:flex flex-col items-center justify-center relative", children: [
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-1/2 -translate-x-1/2 w-px bg-border" }),
+              /* @__PURE__ */ jsx("div", { className: "relative z-10 flex h-10 w-10 items-center justify-center rounded-full bg-background border border-border shadow-sm", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs font-bold", children: "VS" }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-primary/20 bg-primary/5 p-8 md:rounded-l-none md:border-l-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-primary" }) }),
+                /* @__PURE__ */ jsx("span", { className: "text-primary text-sm font-semibold uppercase tracking-wider", children: afterLabel })
+              ] }),
+              /* @__PURE__ */ jsx("ul", { className: "space-y-4", children: afterItems.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3", children: [
+                /* @__PURE__ */ jsx("span", { className: "mt-0.5 flex-shrink-0 flex h-5 w-5 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 text-primary" }) }),
+                /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm leading-relaxed font-medium", children: item.text })
+              ] }, i)) })
+            ] })
+          ]
+        }
+      ),
+      (button == null ? void 0 : button.label) && /* @__PURE__ */ jsx("div", { className: "mt-10 flex justify-center", children: /* @__PURE__ */ jsx(CompoundButton, { ...button }) })
+    ]
+  }
+);
+export {
+  BeforeAfter
+};

package/dist/components/puck-block/showcase-sections/before-after-1/index.d.ts

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

package/dist/components/puck-block/showcase-sections/before-after-1/index.js

@@ -0,0 +1,74 @@
+import { paddingDefaults, actionDefaults, backgroundColor, sectionStyle, padding, button } from "../../../puck-base/core/fields.js";
+import { BeforeAfter } from "./before-after.js";
+const conf = {
+  fields: {
+    kicker: { type: "text", contentEditable: true },
+    heading: { type: "text", contentEditable: true },
+    description: { type: "textarea", contentEditable: true },
+    layout: {
+      type: "radio",
+      label: "Layout",
+      options: [
+        { label: "Side by Side", value: "side-by-side" },
+        { label: "Stacked", value: "stacked" }
+      ]
+    },
+    beforeLabel: { type: "text" },
+    beforeItems: {
+      type: "array",
+      max: 8,
+      getItemSummary: (item, i = 0) => item.text || `Item ${i + 1}`,
+      arrayFields: {
+        text: { type: "text", contentEditable: true }
+      },
+      defaultItemProps: { text: "Pain point or old way of doing things" }
+    },
+    afterLabel: { type: "text" },
+    afterItems: {
+      type: "array",
+      max: 8,
+      getItemSummary: (item, i = 0) => item.text || `Item ${i + 1}`,
+      arrayFields: {
+        text: { type: "text", contentEditable: true }
+      },
+      defaultItemProps: { text: "Benefit or new way of doing things" }
+    },
+    button,
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    kicker: "Why choose us",
+    heading: "The old way vs. the better way",
+    description: "See exactly what changes when you switch to a smarter solution.",
+    layout: "side-by-side",
+    beforeLabel: "Without us",
+    beforeItems: [
+      { text: "Hours wasted on manual data entry every week" },
+      { text: "Siloed tools that don't talk to each other" },
+      { text: "Guessing what your customers actually want" },
+      { text: "Scaling requires hiring more people" }
+    ],
+    afterLabel: "With us",
+    afterItems: [
+      { text: "Data syncs automatically in real time" },
+      { text: "All your tools connected in one place" },
+      { text: "AI-powered insights at your fingertips" },
+      { text: "Scale effortlessly with smart automation" }
+    ],
+    button: {
+      label: "Get started free",
+      url: "#",
+      action: actionDefaults,
+      variant: "default",
+      size: "lg",
+      icon: "arrow-right"
+    },
+    padding: paddingDefaults
+  },
+  render: BeforeAfter
+};
+export {
+  conf
+};

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundImage } from "../../../puck-base/image.js";
 const CaseStudy = ({
   padding,
   heading,
@@ -9,14 +10,7 @@ const CaseStudy = ({
   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"
-    }
-  ),
+  (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx("span", { className: "mb-8 inline-block opacity-60", children: /* @__PURE__ */ jsx(CompoundImage, { src: logo.src, alt: logo.alt || "", className: "h-8 w-auto" }) }),
   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: [

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundImage } from "../../../puck-base/image.js";
 import { cn } from "../../../../utils/css-utils.js";
 const columnClasses = {
   2: "grid-cols-1 sm:grid-cols-2",
@@ -35,14 +36,7 @@ const MemberCard = ({
   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__ */ jsx("div", { className: "bg-muted w-full aspect-square overflow-hidden rounded-full [&>span]:h-full [&>span]:w-full", children: ((_a = member.image) == null ? void 0 : _a.src) && /* @__PURE__ */ jsx(CompoundImage, { 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 }),
@@ -52,14 +46,7 @@ const MemberCard = ({
   }
   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__ */ jsx("div", { className: "bg-muted h-16 w-16 shrink-0 overflow-hidden rounded-full [&>span]:h-full [&>span]:w-full", children: ((_b = member.image) == null ? void 0 : _b.src) && /* @__PURE__ */ jsx(CompoundImage, { 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 }),
@@ -68,14 +55,7 @@ const MemberCard = ({
     ] });
   }
   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__ */ jsx("div", { className: "bg-muted aspect-[4/3] [&>span]:h-full [&>span]:w-full", children: ((_c = member.image) == null ? void 0 : _c.src) && /* @__PURE__ */ jsx(CompoundImage, { 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 }),

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

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

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

@@ -0,0 +1,63 @@
+import { paddingDefaults, image1x1Placeholder, backgroundColor, sectionStyle, padding, image, buttons } from "../../../puck-base/core/fields.js";
+import { TeamGrid2 } from "./team-grid-2.js";
+const defaultMember = {
+  name: "Jane Smith",
+  role: "Founder & Head Trainer",
+  image: image1x1Placeholder,
+  description: "Builds custom training programs tailored to your goals and fitness level. Direct feedback, real progress tracking, and support every step of the way."
+};
+const conf = {
+  fields: {
+    heading: { type: "text", contentEditable: true },
+    description: { type: "textarea", contentEditable: true },
+    buttons,
+    members: {
+      type: "array",
+      max: 8,
+      getItemSummary: (item, index = 0) => item.name || `Member ${index + 1}`,
+      arrayFields: {
+        name: { type: "text", contentEditable: true },
+        role: { type: "text", contentEditable: true },
+        image,
+        description: { type: "textarea", contentEditable: true }
+      },
+      defaultItemProps: defaultMember
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "Your personal\nfitness partner",
+    description: "We're here to guide you toward your health goals with personalized training and real accountability. Every session is built around what works for you.",
+    buttons: [
+      {
+        label: "Get started",
+        url: "#",
+        action: { type: "external", pageUrl: "", externalUrl: "#", openInNewTab: "false", email: "", subject: "", phone: "", sectionId: "", downloadUrl: "" },
+        variant: "default",
+        size: "default",
+        icon: "none"
+      },
+      {
+        label: "Schedule a consultation",
+        url: "#",
+        action: { type: "external", pageUrl: "", externalUrl: "#", openInNewTab: "false", email: "", subject: "", phone: "", sectionId: "", downloadUrl: "" },
+        variant: "secondary",
+        size: "default",
+        icon: "none"
+      }
+    ],
+    members: [
+      { ...defaultMember, name: "Jane Smith", role: "Founder & Head Trainer" },
+      { ...defaultMember, name: "Alex Johnson", role: "Fitness Specialist" },
+      { ...defaultMember, name: "Sarah Williams", role: "Strength Coach" },
+      { ...defaultMember, name: "Michael Chen", role: "Nutrition Coach" }
+    ],
+    padding: paddingDefaults
+  },
+  render: TeamGrid2
+};
+export {
+  conf
+};

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

@@ -0,0 +1,21 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundButtonProps } from "@/components/puck-base/button";
+export interface TeamMember2 {
+    name: string;
+    role: string;
+    image?: {
+        src: string;
+        alt?: string;
+    };
+    description?: string;
+}
+export interface TeamGrid2Props {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    heading?: string;
+    description?: string;
+    buttons?: CompoundButtonProps[];
+    members?: TeamMember2[];
+}
+export declare const TeamGrid2: ({ padding, sectionStyle, backgroundColor, heading, description, buttons, members, }: TeamGrid2Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+const TeamGrid2 = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  heading,
+  description,
+  buttons = [],
+  members = []
+}) => /* @__PURE__ */ jsx(
+  CompoundContainer,
+  {
+    padding,
+    sectionStyle,
+    backgroundColor,
+    children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8 md:gap-16", children: [
+      (heading || description || buttons.length > 0) && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:gap-8 lg:flex-row lg:justify-between", children: [
+        heading && /* @__PURE__ */ jsx("div", { className: "w-full lg:basis-1/2", children: /* @__PURE__ */ jsx("h2", { className: "text-foreground max-w-xl text-4xl font-bold leading-tight tracking-tight md:text-5xl whitespace-pre-line", children: heading }) }),
+        (description || buttons.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-8 lg:basis-1/2", children: [
+          description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-base leading-relaxed whitespace-pre-line", children: description }),
+          buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 sm:flex-row sm:flex-wrap", children: buttons.map((btn, i) => /* @__PURE__ */ jsx(CompoundButton, { ...btn }, i)) })
+        ] })
+      ] }) }),
+      members.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-10 md:grid-cols-2 md:gap-8 lg:grid-cols-4", children: members.map((member, index) => /* @__PURE__ */ jsx(MemberCard, { member }, index)) })
+    ] })
+  }
+);
+const MemberCard = ({ member }) => {
+  var _a;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "bg-muted relative w-full overflow-hidden rounded-3xl [&>span]:h-full [&>span]:w-full", style: { aspectRatio: "3/4" }, children: ((_a = member.image) == null ? void 0 : _a.src) && /* @__PURE__ */ jsx(CompoundImage, { src: member.image.src, alt: member.image.alt ?? member.name, className: "h-full w-full object-cover" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "border-b border-border pb-3", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: member.role }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-foreground text-lg font-semibold leading-snug", children: member.name }),
+        member.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-base leading-relaxed whitespace-pre-line", children: member.description })
+      ] })
+    ] })
+  ] });
+};
+export {
+  TeamGrid2
+};

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

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