dune-react 0.0.4 → 0.0.6

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

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+const Articles = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  eyebrow,
+  heading,
+  button,
+  cards: Cards
+}) => {
+  return /* @__PURE__ */ jsxs(CompoundContainer, { padding, sectionStyle, backgroundColor, children: [
+    eyebrow && /* @__PURE__ */ jsx("p", { className: "text-primary mb-3 text-sm font-semibold tracking-wider uppercase", children: eyebrow }),
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-8 pb-10 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsx("h2", { className: "font-serif font-regular max-w-xl text-3xl tracking-tighter md:text-5xl", children: heading }),
+      (button == null ? void 0 : button.label) ? /* @__PURE__ */ jsx(
+        CompoundButton,
+        {
+          label: button.label,
+          url: button.url,
+          variant: button.variant,
+          size: button.size,
+          icon: button.icon
+        }
+      ) : null
+    ] }),
+    Cards && /* @__PURE__ */ jsx(Cards, { className: "grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4" })
+  ] });
+};
+export {
+  Articles
+};

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

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

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

@@ -0,0 +1,44 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding, button, heading, image16x9Placeholder, cards } from "../../../puck-base/core/fields.js";
+import { Articles } from "./articles.js";
+const defaultButton = {
+  label: "",
+  url: "",
+  variant: "default",
+  size: "default",
+  icon: "none"
+};
+const { icon: defaultIcon, ...defaultCardProps } = cards.defaultItemProps;
+const defaultCard = {
+  ...defaultCardProps,
+  image: image16x9Placeholder
+};
+const conf = {
+  fields: {
+    eyebrow: { type: "text" },
+    heading,
+    button,
+    cards: {
+      type: "slot",
+      allow: ["ArticleCard"]
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    padding: paddingDefaults,
+    heading: "Something new!",
+    button: defaultButton,
+    cards: Array.from({ length: 1 }).map((_, index) => ({
+      type: "ArticleCard",
+      props: {
+        ...defaultCard,
+        heading: `Card ${index + 1}`
+      }
+    }))
+  },
+  render: Articles
+};
+export {
+  conf
+};

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

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

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

@@ -0,0 +1,121 @@
+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";
+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,
+            url: button.url,
+            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", children: (image == null ? void 0 : image.src) ? /* @__PURE__ */ jsx(
+  "img",
+  {
+    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 = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  heading,
+  eyebrow,
+  description,
+  content,
+  image,
+  imagePosition = "right",
+  layout = "centered",
+  dividers = "none",
+  buttons
+}) => {
+  if (layout === "prose") {
+    return /* @__PURE__ */ jsx(CompoundContainer, { padding, sectionStyle, 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") {
+    const showImage2 = imagePosition !== "none" && (image == null ? void 0 : image.src);
+    return /* @__PURE__ */ jsx(CompoundContainer, { padding, sectionStyle, 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" && imagePosition !== "left" && imagePosition !== "right" && (image == null ? void 0 : image.src);
+  return /* @__PURE__ */ jsxs(CompoundContainer, { padding, sectionStyle, 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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,71 @@
+import { paddingDefaults, image16x9Placeholder, backgroundColor, sectionStyle, padding, buttons, image } from "../../../puck-base/core/fields.js";
+import { ContentSection } from "./content-section.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" }
+      ]
+    },
+    dividers: {
+      type: "radio",
+      options: [
+        { label: "None", value: "none" },
+        { label: "Top", value: "top" },
+        { label: "Bottom", value: "bottom" },
+        { label: "Both", value: "both" }
+      ]
+    },
+    buttons,
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    eyebrow: "Why choose us",
+    heading: "Build faster, ship with confidence",
+    description: "Our platform gives your team the tools to move quickly without sacrificing quality. From prototype to production in record time.",
+    content: "We believe that great software starts with a great developer experience. That's why we've built every feature around the workflows you already know and love — so you can focus on what matters most: building products your customers will love.",
+    image: image16x9Placeholder,
+    imagePosition: "right",
+    layout: "split",
+    buttons: [
+      {
+        label: "Get started",
+        url: "#",
+        variant: "default",
+        size: "lg",
+        icon: "none"
+      },
+      {
+        label: "Learn more",
+        url: "#",
+        variant: "outline",
+        size: "lg",
+        icon: "none"
+      }
+    ],
+    padding: paddingDefaults
+  },
+  render: ContentSection
+};
+export {
+  conf
+};

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,34 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding } from "../../../puck-base/core/fields.js";
+import { RichText } from "./rich-text.js";
+const conf = {
+  fields: {
+    content: {
+      type: "textarea",
+      contentEditable: true,
+      ai: {
+        instructions: "Write rich HTML content with headings, paragraphs, lists, and links."
+      }
+    },
+    maxWidth: {
+      type: "select",
+      options: [
+        { label: "Small", value: "sm" },
+        { label: "Medium", value: "md" },
+        { label: "Large", value: "lg" },
+        { label: "Full Width", value: "full" }
+      ]
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    content: "<h2>About Us</h2><p>We are a team of passionate builders creating tools that empower everyone to build beautiful websites.</p><p>Our mission is to make web design accessible to everyone.</p>",
+    maxWidth: "md",
+    padding: paddingDefaults
+  },
+  render: RichText
+};
+export {
+  conf
+};

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

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

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

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+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"
+};
+const RichText = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  content = "",
+  maxWidth = "md"
+}) => /* @__PURE__ */ jsx(CompoundContainer, { padding, sectionStyle, backgroundColor, children: /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: `${MAX_WIDTH_MAP[maxWidth]} prose prose-neutral dark:prose-invert mx-auto`,
+    dangerouslySetInnerHTML: { __html: content }
+  }
+) });
+export {
+  RichText
+};

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,52 @@
+import { paddingDefaults, image16x9Placeholder, backgroundColor, sectionStyle, padding, image } from "../../../puck-base/core/fields.js";
+import { TabSection } from "./tab-section.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: image16x9Placeholder
+      }
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "How it works",
+    description: "A simple three-step process to get started.",
+    tabs: [
+      {
+        label: "Step 1",
+        content: "Sign up and create your account in seconds.",
+        image: image16x9Placeholder
+      },
+      {
+        label: "Step 2",
+        content: "Configure your workspace and invite your team.",
+        image: image16x9Placeholder
+      },
+      {
+        label: "Step 3",
+        content: "Start building and shipping faster than ever.",
+        image: image16x9Placeholder
+      }
+    ],
+    padding: paddingDefaults
+  },
+  render: TabSection
+};
+export {
+  conf
+};

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

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

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

@@ -0,0 +1,49 @@
+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";
+const TabSection = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  heading,
+  description,
+  tabs = []
+}) => {
+  var _a, _b, _c, _d;
+  const [active, setActive] = useState(0);
+  return /* @__PURE__ */ jsxs(CompoundContainer, { padding, sectionStyle, 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: () => setActive(i),
+          className: cn(
+            "-mb-px border-b-2 px-4 py-2 text-sm font-medium transition-colors",
+            active === i ? "border-primary text-foreground" : "text-muted-foreground hover:text-foreground border-transparent"
+          ),
+          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 overflow-hidden rounded-xl border", children: ((_c = (_b = tabs[active]) == null ? void 0 : _b.image) == null ? void 0 : _c.src) ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,52 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding } from "../../../puck-base/core/fields.js";
+import { Timeline } from "./timeline.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"
+      }
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "Our Journey",
+    description: "Key milestones that shaped our story.",
+    items: [
+      {
+        title: "Founded",
+        description: "Started with a bold vision.",
+        date: "2020"
+      },
+      {
+        title: "First 1000 Users",
+        description: "Reached product-market fit.",
+        date: "2021"
+      },
+      {
+        title: "Series A",
+        description: "Raised funding to scale.",
+        date: "2023"
+      }
+    ],
+    padding: paddingDefaults
+  },
+  render: Timeline
+};
+export {
+  conf
+};

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

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

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

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+const Timeline = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  heading,
+  description,
+  items = []
+}) => /* @__PURE__ */ jsxs(CompoundContainer, { padding, sectionStyle, 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

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