dune-react 0.0.18 → 0.0.20

package/dist/components/puck-block/text-sections/content-section-1/content-section.d.ts

@@ -1,22 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-import { CompoundButtonProps } from "@/components/puck-base/button";
-export interface ContentSectionProps {
-    heading?: string;
-    eyebrow?: string;
-    description?: string;
-    content?: string;
-    image?: {
-        src: string;
-        alt?: string;
-    };
-    imagePosition?: "left" | "right" | "below" | "none";
-    layout?: "centered" | "split" | "prose";
-    buttons?: CompoundButtonProps[];
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-        dividers?: "none" | "both" | "top" | "bottom";
-    };
-}
-export declare const ContentSection: ({ heading, eyebrow, description, content, image, imagePosition, layout, buttons, styles, }: ContentSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/text-sections/content-section-1/content-section.js

@@ -1,119 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../utils/css-utils.js";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
-const TextBlock = ({
-  eyebrow,
-  heading,
-  description,
-  content,
-  buttons,
-  centered
-}) => /* @__PURE__ */ jsxs("div", { className: cn(centered && "text-center"), children: [
-  eyebrow && /* @__PURE__ */ jsx("p", { className: "text-primary mb-3 text-sm font-semibold tracking-wider uppercase", children: eyebrow }),
-  heading && /* @__PURE__ */ jsx("h2", { className: "text-foreground font-serif 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 }),
-  content && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground mt-6 leading-relaxed whitespace-pre-line", children: content }),
-  Array.isArray(buttons) && buttons.length > 0 && /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "mt-8 flex flex-wrap gap-4",
-        centered && "justify-center"
-      ),
-      children: buttons.map(
-        (button, index) => button.label ? /* @__PURE__ */ jsx(
-          CompoundButton,
-          {
-            label: button.label,
-            action: button.action,
-            variant: button.variant,
-            size: button.size,
-            icon: button.icon
-          },
-          index
-        ) : null
-      )
-    }
-  )
-] });
-const ImageBlock = ({ image }) => /* @__PURE__ */ jsx("div", { className: "bg-muted overflow-hidden rounded-xl [&>span]:w-full", children: (image == null ? void 0 : image.src) ? /* @__PURE__ */ jsx(
-  CompoundImage,
-  {
-    src: image.src,
-    alt: (image == null ? void 0 : image.alt) || "",
-    className: "h-full w-full object-cover"
-  }
-) : /* @__PURE__ */ jsx("div", { className: "flex aspect-[4/3] w-full items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Content Image" }) }) });
-const ContentSection = ({
-  heading,
-  eyebrow,
-  description,
-  content,
-  image,
-  imagePosition = "right",
-  layout = "centered",
-  buttons,
-  styles
-}) => {
-  const dividers = (styles == null ? void 0 : styles.dividers) ?? "none";
-  if (layout === "prose") {
-    return /* @__PURE__ */ jsx(CompoundContainer, { padding: styles == null ? void 0 : styles.padding, sectionStyle: styles == null ? void 0 : styles.sectionStyle, backgroundColor: styles == null ? void 0 : styles.backgroundColor, children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-3xl", children: /* @__PURE__ */ jsx(
-      TextBlock,
-      {
-        eyebrow,
-        heading,
-        description,
-        content,
-        buttons,
-        centered: true
-      }
-    ) }) });
-  }
-  if (layout === "split" || imagePosition === "left" || imagePosition === "right") {
-    const showImage2 = imagePosition !== "none" && (image == null ? void 0 : image.src);
-    return /* @__PURE__ */ jsx(CompoundContainer, { padding: styles == null ? void 0 : styles.padding, sectionStyle: styles == null ? void 0 : styles.sectionStyle, backgroundColor: styles == null ? void 0 : styles.backgroundColor, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "grid grid-cols-1 items-center gap-12 lg:grid-cols-2",
-          showImage2 && imagePosition === "left" && "lg:[direction:rtl] lg:[&>*]:[direction:ltr]"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            TextBlock,
-            {
-              eyebrow,
-              heading,
-              description,
-              content,
-              buttons
-            }
-          ),
-          showImage2 ? /* @__PURE__ */ jsx(ImageBlock, { image }) : /* @__PURE__ */ jsx("div", { className: "hidden lg:block" })
-        ]
-      }
-    ) });
-  }
-  const showImage = imagePosition !== "none" && (image == null ? void 0 : image.src);
-  return /* @__PURE__ */ jsxs(CompoundContainer, { padding: styles == null ? void 0 : styles.padding, sectionStyle: styles == null ? void 0 : styles.sectionStyle, backgroundColor: styles == null ? void 0 : styles.backgroundColor, children: [
-    (dividers === "both" || dividers === "top") && /* @__PURE__ */ jsx("hr", { className: "mb-12 border-foreground/15" }),
-    /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-3xl", children: /* @__PURE__ */ jsx(
-      TextBlock,
-      {
-        eyebrow,
-        heading,
-        description,
-        content,
-        buttons,
-        centered: true
-      }
-    ) }),
-    showImage && /* @__PURE__ */ jsx("div", { className: "mx-auto mt-12 max-w-5xl", children: /* @__PURE__ */ jsx(ImageBlock, { image }) }),
-    (dividers === "both" || dividers === "bottom") && /* @__PURE__ */ jsx("hr", { className: "mt-12 border-foreground/15" })
-  ] });
-};
-export {
-  ContentSection
-};

package/dist/components/puck-block/text-sections/content-section-1/index.d.ts

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

package/dist/components/puck-block/text-sections/content-section-1/index.js

@@ -1,69 +0,0 @@
-import { buttons, image } from "../../../puck-base/core/fields.js";
-import { ContentSection } from "./content-section.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    eyebrow: { type: "text" },
-    heading: { type: "text", contentEditable: true },
-    description: { type: "textarea", contentEditable: true },
-    content: { type: "textarea", contentEditable: true },
-    image,
-    imagePosition: {
-      type: "select",
-      options: [
-        { label: "Left", value: "left" },
-        { label: "Right", value: "right" },
-        { label: "Below", value: "below" },
-        { label: "None", value: "none" }
-      ]
-    },
-    layout: {
-      type: "select",
-      options: [
-        { label: "Centered", value: "centered" },
-        { label: "Split", value: "split" },
-        { label: "Prose", value: "prose" }
-      ]
-    },
-    buttons,
-    styles: createStylesField({
-      dividers: {
-        type: "radio",
-        options: [
-          { label: "None", value: "none" },
-          { label: "Top", value: "top" },
-          { label: "Bottom", value: "bottom" },
-          { label: "Both", value: "both" }
-        ]
-      }
-    })
-  },
-  defaultProps: {
-    eyebrow: "Our Story",
-    heading: "We're building the tools we always wished existed",
-    description: "Founded by engineers who were tired of stitching together dozens of tools, we set out to create one platform that does it all.",
-    content: "We believe great software starts with a great developer experience. Every feature is designed around the workflows you already know — so you can focus on building products your customers love.",
-    image: { src: "https://images.pexels.com/photos/3153207/pexels-photo-3153207.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "A diverse group of young professionals collaborating enthusiastically in a bright, modern workspace." },
-    imagePosition: "right",
-    layout: "split",
-    buttons: [
-      {
-        label: "Get started",
-        variant: "default",
-        size: "lg",
-        icon: "none"
-      },
-      {
-        label: "Learn more",
-        variant: "outline",
-        size: "lg",
-        icon: "none"
-      }
-    ],
-    styles: createStylesDefaults({ dividers: "none" })
-  },
-  render: ContentSection
-};
-export {
-  conf
-};

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

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

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

@@ -1,32 +0,0 @@
-import { RichText } from "./rich-text.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    content: {
-      type: "textarea",
-      contentEditable: true,
-      ai: {
-        instructions: "Write rich HTML content with headings, paragraphs, lists, and links."
-      }
-    },
-    styles: createStylesField({
-      maxWidth: {
-        type: "select",
-        options: [
-          { label: "Small", value: "sm" },
-          { label: "Medium", value: "md" },
-          { label: "Large", value: "lg" },
-          { label: "Full Width", value: "full" }
-        ]
-      }
-    })
-  },
-  defaultProps: {
-    content: "<h2>About Our Mission</h2><p>We started with a simple belief: developers deserve better tools. Our platform is built by engineers, for engineers — eliminating the grunt work so you can focus on what you do best.</p><p>Every feature we ship is guided by one question: does this make our users faster? If it doesn't, it doesn't ship.</p>",
-    styles: createStylesDefaults({ maxWidth: "md" })
-  },
-  render: RichText
-};
-export {
-  conf
-};

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

@@ -1,11 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface RichTextProps {
-    content?: string;
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-        maxWidth?: "sm" | "md" | "lg" | "full";
-    };
-}
-export declare const RichText: ({ content, styles, }: RichTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/text-sections/rich-text-1/rich-text.js

@@ -1,30 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { CompoundContainer } from "../../../puck-base/container.js";
-const MAX_WIDTH_MAP = {
-  sm: "max-w-xl",
-  md: "max-w-2xl",
-  lg: "max-w-4xl",
-  full: "max-w-none"
-};
-function sanitizeHtml(html) {
-  if (typeof html !== "string") return "";
-  return html.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").replace(/<iframe\b[^>]*>/gi, "").replace(/\bon\w+\s*=/gi, "data-removed=");
-}
-const RichText = ({
-  content = "",
-  styles
-}) => {
-  const maxWidth = (styles == null ? void 0 : styles.maxWidth) ?? "md";
-  const safeContent = useMemo(() => sanitizeHtml(content), [content]);
-  return /* @__PURE__ */ jsx(CompoundContainer, { padding: styles == null ? void 0 : styles.padding, sectionStyle: styles == null ? void 0 : styles.sectionStyle, backgroundColor: styles == null ? void 0 : styles.backgroundColor, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `${MAX_WIDTH_MAP[maxWidth]} prose prose-neutral dark:prose-invert mx-auto`,
-      dangerouslySetInnerHTML: { __html: safeContent }
-    }
-  ) });
-};
-export {
-  RichText
-};

package/dist/components/puck-block/text-sections/tab-section-1/index.d.ts

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

package/dist/components/puck-block/text-sections/tab-section-1/index.js

@@ -1,51 +0,0 @@
-import { image } from "../../../puck-base/core/fields.js";
-import { TabSection } from "./tab-section.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    heading: { type: "text", contentEditable: true },
-    description: { type: "textarea", contentEditable: true },
-    tabs: {
-      type: "array",
-      max: 6,
-      getItemSummary: (item, i = 0) => item.label || `Tab ${i + 1}`,
-      arrayFields: {
-        label: { type: "text" },
-        content: { type: "textarea" },
-        image
-      },
-      defaultItemProps: {
-        label: "Tab",
-        content: "Content for this tab.",
-        image: { src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer workspace with laptop showing code" }
-      }
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "How it works",
-    description: "Get up and running in three simple steps.",
-    tabs: [
-      {
-        label: "Connect",
-        content: "Link your repository and configure your project in under a minute.",
-        image: { src: "https://images.pexels.com/photos/4218883/pexels-photo-4218883.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Computer displaying code editor with project repository connected" }
-      },
-      {
-        label: "Build",
-        content: "Push your code and let our platform handle testing, building, and optimization.",
-        image: { src: "https://images.pexels.com/photos/574071/pexels-photo-574071.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Monitor showing colorful code during build process" }
-      },
-      {
-        label: "Deploy",
-        content: "Go live instantly with automatic SSL, CDN, and monitoring.",
-        image: { src: "https://images.pexels.com/photos/270404/pexels-photo-270404.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Source code and deployment terminal on computer screen" }
-      }
-    ],
-    styles: createStylesDefaults()
-  },
-  render: TabSection
-};
-export {
-  conf
-};

package/dist/components/puck-block/text-sections/tab-section-1/tab-section.d.ts

@@ -1,19 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface TabSectionProps {
-    heading?: string;
-    description?: string;
-    tabs?: Array<{
-        label: string;
-        content: string;
-        image?: {
-            src: string;
-            alt: string;
-        };
-    }>;
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const TabSection: ({ heading, description, tabs, styles, }: TabSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/text-sections/tab-section-1/tab-section.js

@@ -1,53 +0,0 @@
-"use client";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { cn } from "../../../../utils/css-utils.js";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundImage } from "../../../puck-base/image.js";
-const TabSection = ({
-  heading,
-  description,
-  tabs = [],
-  styles
-}) => {
-  var _a, _b, _c, _d;
-  const [active, setActive] = useState(0);
-  return /* @__PURE__ */ jsxs(CompoundContainer, { padding: styles == null ? void 0 : styles.padding, sectionStyle: styles == null ? void 0 : styles.sectionStyle, backgroundColor: styles == null ? void 0 : styles.backgroundColor, children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-12 max-w-2xl", 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 })
-    ] }),
-    tabs.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "border-border mb-8 flex gap-1 border-b", children: tabs.map((tab, i) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: (e) => {
-            e.stopPropagation();
-            setActive(i);
-          },
-          style: { pointerEvents: "auto" },
-          className: cn(
-            "-mb-px border-b-2 px-4 py-2 text-sm font-medium transition-colors cursor-pointer",
-            active === i ? "border-primary text-foreground" : "text-muted-foreground hover:text-foreground border-transparent"
-          ),
-          children: /* @__PURE__ */ jsx("span", { style: { pointerEvents: "none" }, children: tab.label })
-        },
-        i
-      )) }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-2", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground leading-relaxed", children: (_a = tabs[active]) == null ? void 0 : _a.content }),
-        /* @__PURE__ */ jsx("div", { className: "border-border/50 bg-muted [&>span]:w-full overflow-hidden rounded-xl border", children: ((_c = (_b = tabs[active]) == null ? void 0 : _b.image) == null ? void 0 : _c.src) ? /* @__PURE__ */ jsx(
-          CompoundImage,
-          {
-            src: tabs[active].image.src,
-            alt: ((_d = tabs[active].image) == null ? void 0 : _d.alt) || "",
-            className: "w-full object-cover"
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: "flex aspect-[4/3] w-full items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Tab Image" }) }) })
-      ] })
-    ] })
-  ] });
-};
-export {
-  TabSection
-};

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

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

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

@@ -1,60 +0,0 @@
-import { Timeline } from "./timeline.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    heading: { type: "text", contentEditable: true },
-    description: { type: "textarea", contentEditable: true },
-    items: {
-      type: "array",
-      max: 10,
-      getItemSummary: (item, i = 0) => item.title || `Step ${i + 1}`,
-      arrayFields: {
-        title: { type: "text" },
-        description: { type: "textarea" },
-        date: { type: "text" }
-      },
-      defaultItemProps: {
-        title: "Milestone",
-        description: "Description",
-        date: "2026"
-      }
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "Our Journey",
-    description: "Key milestones that shaped our story.",
-    items: [
-      {
-        title: "Founded",
-        description: "Started with a vision to simplify developer workflows.",
-        date: "2021"
-      },
-      {
-        title: "Public Beta",
-        description: "Opened the platform to early adopters and gathered feedback.",
-        date: "2022"
-      },
-      {
-        title: "10,000 Teams",
-        description: "Crossed 10,000 teams building on the platform.",
-        date: "2023"
-      },
-      {
-        title: "Series A",
-        description: "Raised funding to accelerate product development.",
-        date: "2024"
-      },
-      {
-        title: "Enterprise Launch",
-        description: "Launched enterprise tier with SSO, audit logs, and dedicated support.",
-        date: "2025"
-      }
-    ],
-    styles: createStylesDefaults()
-  },
-  render: Timeline
-};
-export {
-  conf
-};

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

@@ -1,16 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface TimelineProps {
-    heading?: string;
-    description?: string;
-    items?: Array<{
-        title: string;
-        description: string;
-        date?: string;
-    }>;
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const Timeline: ({ heading, description, items, styles, }: TimelineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/text-sections/timeline-1/timeline.js

@@ -1,34 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { CompoundContainer } from "../../../puck-base/container.js";
-const Timeline = ({
-  heading,
-  description,
-  items = [],
-  styles
-}) => /* @__PURE__ */ jsxs(CompoundContainer, { padding: styles == null ? void 0 : styles.padding, sectionStyle: styles == null ? void 0 : styles.sectionStyle, backgroundColor: styles == null ? void 0 : styles.backgroundColor, children: [
-  /* @__PURE__ */ jsxs("div", { className: "mb-12 max-w-2xl", 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__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx("div", { className: "bg-border absolute top-0 bottom-0 left-4 w-px md:left-1/2" }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-12", children: items.map((item, i) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "relative flex items-start gap-8 md:even:flex-row-reverse md:even:text-right",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "bg-primary absolute left-4 mt-1.5 h-3 w-3 -translate-x-1/2 rounded-full md:left-1/2" }),
-          /* @__PURE__ */ jsxs("div", { className: "ml-12 md:ml-0 md:w-[calc(50%-2rem)]", children: [
-            item.date && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-xs", children: item.date }),
-            /* @__PURE__ */ jsx("h3", { className: "text-foreground mt-1 text-lg font-semibold", children: item.title }),
-            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: item.description })
-          ] })
-        ]
-      },
-      i
-    )) })
-  ] })
-] });
-export {
-  Timeline
-};

package/dist/components/puck-block/text-sections/two-column-1/index.d.ts

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

package/dist/components/puck-block/text-sections/two-column-1/index.js

@@ -1,88 +0,0 @@
-import { images, contentFieldsWithFeatures } from "../../../puck-base/core/fields.js";
-import { TwoColumn } from "./two-column.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    ...contentFieldsWithFeatures,
-    images: {
-      ...images,
-      arrayFields: {
-        ...images.arrayFields,
-        aspectRatio: {
-          label: "aspect ratio",
-          type: "radio",
-          options: [
-            {
-              label: "16x9",
-              value: "16x9"
-            },
-            {
-              label: "1x1",
-              value: "1x1"
-            }
-          ]
-        }
-      },
-      defaultItemProps: {
-        ...images.defaultItemProps,
-        aspectRatio: "16x9"
-      }
-    },
-    border: {
-      type: "radio",
-      options: [
-        { label: "yes", value: "true" },
-        { label: "no", value: "false" }
-      ]
-    },
-    layout: {
-      type: "radio",
-      options: [
-        {
-          label: "text start",
-          value: "text-start"
-        },
-        {
-          label: "text end",
-          value: "text-end"
-        }
-      ]
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "Why leading teams trust us",
-    description: "We handle the infrastructure so you can focus on your product. From startups to enterprises, teams rely on our platform to ship with confidence.",
-    badge: {
-      label: "About Us",
-      url: "",
-      variant: "default"
-    },
-    features: [],
-    buttons: [],
-    border: "false",
-    images: [
-      {
-        alt: "Developer working at desk with dual monitors displaying code",
-        src: "https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=1200",
-        aspectRatio: "16x9"
-      },
-      {
-        alt: "Two developers collaborating on code at a shared workspace",
-        src: "https://images.pexels.com/photos/1181677/pexels-photo-1181677.jpeg?auto=compress&cs=tinysrgb&w=1200",
-        aspectRatio: "16x9"
-      },
-      {
-        alt: "Tech team working together at a modern office",
-        src: "https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200",
-        aspectRatio: "16x9"
-      }
-    ],
-    layout: "text-start",
-    styles: createStylesDefaults()
-  },
-  render: TwoColumn
-};
-export {
-  conf
-};