dune-react 0.0.4 → 0.0.6

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

@@ -0,0 +1,161 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, Fragment as Fragment$1 } from "react";
+import { cn } from "../../../../utils/css-utils.js";
+import { Button } from "../../../shadcn/button.js";
+import { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, NavigationMenuContent } from "../../../shadcn/navigation-menu.js";
+import { MoveRight, X, Menu } from "lucide-react";
+import { registerOverlayPortal } from "@puckeditor/core";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { ErrorBoundary } from "../../../puck-base/error-boundary.js";
+const HEADER_SECTION_VARS = {
+  dark: {
+    "--background": "oklch(0.145 0 0)",
+    "--foreground": "oklch(0.985 0 0)",
+    "--muted-foreground": "oklch(0.708 0 0)"
+  },
+  inverted: {
+    "--background": "oklch(0.205 0 0)",
+    "--foreground": "oklch(0.985 0 0)",
+    "--primary": "oklch(0.922 0 0)",
+    "--primary-foreground": "oklch(0.205 0 0)",
+    "--muted-foreground": "oklch(0.708 0 0)"
+  },
+  muted: {
+    "--background": "oklch(0.97 0 0)",
+    "--foreground": "oklch(0.205 0 0)",
+    "--muted-foreground": "oklch(0.556 0 0)"
+  }
+};
+const Header = ({
+  companyName,
+  primaryNavigation,
+  secondaryNavigation,
+  sectionStyle,
+  backgroundColor
+}) => {
+  const [isOpen, setOpen] = useState(false);
+  const sectionVars = sectionStyle && sectionStyle !== "default" ? HEADER_SECTION_VARS[sectionStyle] ?? {} : {};
+  return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(
+    "header",
+    {
+      className: cn("bg-background text-foreground sticky top-0 left-0 z-40 w-full"),
+      style: {
+        ...backgroundColor ? { backgroundColor } : {},
+        ...sectionVars
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "relative container mx-auto flex min-h-20 flex-row items-center gap-4 lg:grid lg:grid-cols-[auto_1fr_auto]", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex lg:justify-start", children: /* @__PURE__ */ jsx("p", { className: "font-semibold whitespace-nowrap", children: companyName }) }),
+        /* @__PURE__ */ jsx("div", { className: "hidden flex-row items-center justify-center gap-4 lg:flex", children: Array.isArray(primaryNavigation) && primaryNavigation.length > 0 ? /* @__PURE__ */ jsx(NavigationMenu, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(NavigationMenuList, { className: "flex flex-row justify-center gap-4", children: primaryNavigation.map((item, index) => {
+          var _a, _b;
+          return /* @__PURE__ */ jsx(NavigationMenuItem, { children: item.url ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx(
+            CompoundButton,
+            {
+              url: item.url,
+              label: item.label,
+              variant: "ghost"
+            }
+          ) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              NavigationMenuTrigger,
+              {
+                className: "text-sm font-medium",
+                ref: registerOverlayPortal,
+                children: item.label
+              }
+            ),
+            /* @__PURE__ */ jsx(NavigationMenuContent, { className: "!w-[450px] p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex grid-cols-2 flex-col gap-4 lg:grid", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col justify-between", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-base", children: item.label }),
+                  item.description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: item.description }) : null
+                ] }),
+                ((_a = item.cta) == null ? void 0 : _a.url) ? /* @__PURE__ */ jsx(
+                  CompoundButton,
+                  {
+                    label: item.cta.label,
+                    url: item.cta.url,
+                    action: item.cta.action,
+                    variant: item.cta.variant,
+                    size: item.cta.size,
+                    icon: item.cta.icon,
+                    className: "mt-10"
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col justify-end text-sm", children: (_b = item.items) == null ? void 0 : _b.map((subItem, index2) => /* @__PURE__ */ jsxs(
+                NavigationMenuLink,
+                {
+                  href: subItem.url,
+                  className: "hover:bg-muted flex flex-row items-center justify-between rounded px-4 py-2",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { children: subItem.label }),
+                    /* @__PURE__ */ jsx(MoveRight, { className: "text-muted-foreground h-4 w-4" })
+                  ]
+                },
+                index2
+              )) })
+            ] }) })
+          ] }) }, index);
+        }) }) }) : null }),
+        /* @__PURE__ */ jsx("div", { className: "flex w-full justify-end gap-4", children: secondaryNavigation == null ? void 0 : secondaryNavigation.map((item, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsx(
+            CompoundButton,
+            {
+              label: item.label,
+              variant: item.variant,
+              size: item.size,
+              icon: item.icon,
+              url: item.url,
+              action: item.action,
+              className: cn({
+                "hidden md:inline": item.isHiddenOnMobile === "true"
+              })
+            }
+          ),
+          item.divider === "true" ? /* @__PURE__ */ jsx("div", { className: "hidden border-e-1 md:inline" }) : null
+        ] }, index)) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex w-12 shrink items-end justify-end lg:hidden", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              onClick: () => setOpen(!isOpen),
+              ref: registerOverlayPortal,
+              children: isOpen ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+            }
+          ),
+          isOpen && /* @__PURE__ */ jsx("div", { className: "bg-background absolute top-20 right-0 container flex w-full flex-col gap-8 border-t py-4 shadow-lg", children: primaryNavigation == null ? void 0 : primaryNavigation.map((item, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            item.url ? /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: item.url,
+                className: "flex items-center justify-between",
+                onClick: () => setOpen(false),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-lg", children: item.label }),
+                  /* @__PURE__ */ jsx(MoveRight, { className: "text-muted-foreground h-4 w-4 stroke-1" })
+                ]
+              }
+            ) : /* @__PURE__ */ jsx("p", { className: "text-lg", children: item.label }),
+            item.items && item.items.map((subItem, index2) => /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: subItem.url,
+                className: "flex items-center justify-between",
+                onClick: () => setOpen(false),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: subItem.label }),
+                  /* @__PURE__ */ jsx(MoveRight, { className: "h-4 w-4 stroke-1" })
+                ]
+              },
+              index2
+            ))
+          ] }) }, index)) })
+        ] })
+      ] })
+    }
+  ) });
+};
+export {
+  Header
+};

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

@@ -0,0 +1,33 @@
+import { ComponentConfig } from "@puckeditor/core";
+import { HeaderProps } from "./header";
+export type { HeaderProps };
+export declare const defaultPrimaryNavigationItems: ({
+    label: string;
+    url: string;
+    description: string;
+    items: never[];
+    cta: {
+        label: string;
+        url: string;
+        size: "default";
+        variant: "default";
+        icon: "none";
+    };
+} | {
+    label: string;
+    description: string;
+    cta: {
+        label: string;
+        url: string;
+        size: "default";
+        variant: "default";
+        icon: "none";
+    };
+    items: {
+        label: string;
+        url: string;
+    }[];
+    url?: undefined;
+})[];
+declare const conf: ComponentConfig<HeaderProps>;
+export default conf;

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

@@ -0,0 +1,198 @@
+import { Header } from "./header.js";
+import { backgroundColor, sectionStyle, actionDefaults, button, action } from "../../../puck-base/core/fields.js";
+const defaultPrimaryNavigationItems = [
+  {
+    label: "Home",
+    url: "/",
+    description: "",
+    items: [],
+    cta: {
+      label: "",
+      url: "",
+      size: "default",
+      variant: "default",
+      icon: "none"
+    }
+  },
+  {
+    label: "Product",
+    description: "Managing a small business today is already tough.",
+    cta: {
+      label: "Book a call today",
+      url: "#",
+      size: "default",
+      variant: "default",
+      icon: "none"
+    },
+    items: [
+      {
+        label: "Reports",
+        url: "/reports"
+      },
+      {
+        label: "Statistics",
+        url: "/statistics"
+      },
+      {
+        label: "Dashboards",
+        url: "/dashboards"
+      },
+      {
+        label: "Recordings",
+        url: "/recordings"
+      }
+    ]
+  },
+  {
+    label: "Company",
+    description: "Managing a small business today is already tough.",
+    cta: {
+      label: "Book a call today",
+      url: "#",
+      size: "default",
+      variant: "default",
+      icon: "none"
+    },
+    items: [
+      {
+        label: "About us",
+        url: "/about"
+      },
+      {
+        label: "Fundraising",
+        url: "/fundraising"
+      },
+      {
+        label: "Investors",
+        url: "/investors"
+      },
+      {
+        label: "Contact us",
+        url: "/contact"
+      }
+    ]
+  }
+];
+const defaultSecondaryNavigationItems = [
+  {
+    label: "Book a demo",
+    url: "#",
+    variant: "ghost",
+    icon: "none",
+    divider: "true",
+    isHiddenOnMobile: "true"
+  },
+  {
+    label: "Sign in",
+    url: "#",
+    variant: "outline",
+    icon: "none",
+    divider: "false",
+    isHiddenOnMobile: "false"
+  },
+  {
+    label: "Get started",
+    url: "#",
+    variant: "default",
+    icon: "none",
+    divider: "false",
+    isHiddenOnMobile: "true"
+  }
+];
+const conf = {
+  fields: {
+    companyName: {
+      label: "company name",
+      type: "text"
+    },
+    primaryNavigation: {
+      label: "primary navigation",
+      type: "array",
+      max: 4,
+      getItemSummary: (item, index = 0) => item.label || `Link ${index + 1}`,
+      arrayFields: {
+        label: { type: "text" },
+        url: { type: "text" },
+        description: { type: "textarea" },
+        cta: button,
+        items: {
+          type: "array",
+          max: 6,
+          getItemSummary: (item, index = 0) => item.label || `Item ${index + 1}`,
+          arrayFields: {
+            label: { type: "text" },
+            url: { type: "text" }
+          },
+          defaultItemProps: {
+            label: "Link",
+            url: ""
+          }
+        }
+      },
+      defaultItemProps: {
+        label: "Link",
+        url: "",
+        description: "A description will appear if the link has no URL defined",
+        cta: {
+          label: "Book a call today",
+          url: "#",
+          variant: "default",
+          icon: "none"
+        },
+        items: []
+      }
+    },
+    secondaryNavigation: {
+      label: "secondary navigation",
+      type: "array",
+      max: 4,
+      getItemSummary: (item, index = 0) => item.label || `Link ${index}`,
+      arrayFields: {
+        label: { type: "text" },
+        url: { type: "text" },
+        action,
+        variant: button.objectFields.variant,
+        size: button.objectFields.size,
+        icon: button.objectFields.icon,
+        divider: {
+          type: "radio",
+          options: [
+            { label: "yes", value: "true" },
+            { label: "no", value: "false" }
+          ]
+        },
+        isHiddenOnMobile: {
+          label: "hide on small screens",
+          type: "radio",
+          options: [
+            { label: "yes", value: "true" },
+            { label: "no", value: "false" }
+          ]
+        }
+      },
+      defaultItemProps: {
+        label: "Link",
+        url: "#",
+        action: actionDefaults,
+        variant: "outline",
+        divider: "false",
+        isHiddenOnMobile: "true"
+      }
+    },
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    companyName: "TWBlocks",
+    primaryNavigation: defaultPrimaryNavigationItems,
+    secondaryNavigation: defaultSecondaryNavigationItems,
+    __metadata: {
+      type: "layout"
+    }
+  },
+  render: Header
+};
+export {
+  conf as default,
+  defaultPrimaryNavigationItems
+};

package/dist/components/puck-block/header-sections/sticky-nav-1/index.d.ts

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

package/dist/components/puck-block/header-sections/sticky-nav-1/index.js

@@ -0,0 +1,29 @@
+import { backgroundColor, sectionStyle } from "../../../puck-base/core/fields.js";
+import { StickyNav } from "./sticky-nav.js";
+const conf = {
+  fields: {
+    logo: { type: "text", contentEditable: true },
+    links: {
+      type: "array",
+      max: 8,
+      getItemSummary: (item, i = 0) => item.label || `Link ${i + 1}`,
+      arrayFields: { label: { type: "text" }, href: { type: "text" } },
+      defaultItemProps: { label: "Link", href: "#" }
+    },
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    logo: "Brand",
+    links: [
+      { label: "Features", href: "#features" },
+      { label: "Pricing", href: "#pricing" },
+      { label: "About", href: "#about" },
+      { label: "Contact", href: "#contact" }
+    ]
+  },
+  render: StickyNav
+};
+export {
+  conf
+};

package/dist/components/puck-block/header-sections/sticky-nav-1/sticky-nav.d.ts

@@ -0,0 +1,12 @@
+import { type CompoundContainerProps } from "@/components/puck-base/container";
+export interface StickyNavProps {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    links?: Array<{
+        label: string;
+        href: string;
+    }>;
+    logo?: string;
+}
+export declare const StickyNav: ({ links, logo, sectionStyle, backgroundColor }: StickyNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/header-sections/sticky-nav-1/sticky-nav.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const NAV_SECTION_VARS = {
+  dark: {
+    "--background": "oklch(0.145 0 0)",
+    "--foreground": "oklch(0.985 0 0)",
+    "--muted-foreground": "oklch(0.708 0 0)",
+    "--border": "oklch(0.27 0 0)"
+  },
+  inverted: {
+    "--background": "oklch(0.205 0 0)",
+    "--foreground": "oklch(0.985 0 0)",
+    "--muted-foreground": "oklch(0.708 0 0)",
+    "--border": "oklch(0.35 0 0)"
+  },
+  muted: {
+    "--background": "oklch(0.97 0 0)",
+    "--foreground": "oklch(0.205 0 0)",
+    "--muted-foreground": "oklch(0.556 0 0)",
+    "--border": "oklch(0.87 0 0)"
+  }
+};
+const StickyNav = ({ links = [], logo, sectionStyle, backgroundColor }) => {
+  const sectionVars = sectionStyle && sectionStyle !== "default" ? NAV_SECTION_VARS[sectionStyle] ?? {} : {};
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      className: "bg-background/80 border-border sticky top-0 z-50 border-b backdrop-blur-md",
+      style: {
+        ...backgroundColor ? { backgroundColor } : {},
+        ...sectionVars
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-14 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground text-lg font-bold", children: logo || "Brand" }),
+        /* @__PURE__ */ jsx("div", { className: "hidden gap-6 md:flex", children: links.map((link, i) => /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: link.href || "#",
+            className: "text-muted-foreground hover:text-foreground text-sm transition-colors",
+            children: link.label
+          },
+          i
+        )) })
+      ] })
+    }
+  );
+};
+export {
+  StickyNav
+};

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

@@ -0,0 +1,16 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundButtonProps } from "@/components/puck-base/button";
+export interface FullscreenHeroProps {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    heading?: string;
+    description?: string;
+    badge?: {
+        label: string;
+        url: string;
+        variant: string;
+    };
+    buttons?: CompoundButtonProps[];
+}
+export declare const FullscreenHero: ({ padding, sectionStyle, backgroundColor, heading, description, badge, buttons, }: FullscreenHeroProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+const FullscreenHero = ({
+  padding,
+  sectionStyle = "dark",
+  backgroundColor,
+  heading = "",
+  description,
+  badge,
+  buttons
+}) => /* @__PURE__ */ jsxs(
+  CompoundContainer,
+  {
+    padding,
+    sectionStyle,
+    backgroundColor,
+    className: "min-h-[100vh] flex flex-col justify-end",
+    children: [
+      badge && /* @__PURE__ */ jsx("span", { className: "bg-primary/10 text-primary mb-6 inline-block rounded-full px-3 py-1 text-xs font-medium", children: badge.label }),
+      /* @__PURE__ */ jsx("h1", { className: "font-serif text-5xl md:text-7xl lg:text-8xl font-medium leading-[0.95] mb-8 max-w-[800px] text-foreground", children: heading }),
+      /* @__PURE__ */ jsx("hr", { className: "w-full my-4 border-foreground/20" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row justify-between items-start md:items-end gap-6 mt-4", children: [
+        description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-base leading-relaxed max-w-lg", children: description }),
+        buttons && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: buttons.map((btn, i) => /* @__PURE__ */ jsx(CompoundButton, { ...btn }, i)) })
+      ] })
+    ]
+  }
+);
+export {
+  FullscreenHero
+};

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

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

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

@@ -0,0 +1,38 @@
+import { paddingDefaults, padding, backgroundColor, sectionStyle, contentFields } from "../../../puck-base/core/fields.js";
+import { FullscreenHero } from "./fullscreen-hero.js";
+const conf = {
+  fields: {
+    badge: contentFields.badge,
+    heading: {
+      type: "text",
+      contentEditable: true
+    },
+    description: {
+      type: "textarea",
+      contentEditable: true
+    },
+    buttons: contentFields.buttons,
+    sectionStyle,
+    backgroundColor,
+    padding
+  },
+  defaultProps: {
+    heading: "Your bold headline here.",
+    description: "A compelling description that supports your headline and encourages visitors to take action.",
+    sectionStyle: "dark",
+    buttons: [
+      {
+        label: "Get Started",
+        url: "#",
+        variant: "default",
+        size: "default",
+        icon: "none"
+      }
+    ],
+    padding: paddingDefaults
+  },
+  render: FullscreenHero
+};
+export {
+  conf
+};

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

@@ -0,0 +1,8 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { type CompoundContentProps } from "@/components/puck-base/content";
+export interface GradientHeroProps extends CompoundContentProps {
+    padding?: CompoundContainerProps["padding"];
+    gradientFrom?: string;
+    gradientTo?: string;
+}
+export declare const GradientHero: ({ padding, badge, heading, description, buttons, gradientFrom, gradientTo, }: GradientHeroProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { GradientText } from "../../../puck-base/gradient-text.js";
+const GradientHero = ({
+  padding,
+  badge,
+  heading = "",
+  description,
+  buttons,
+  gradientFrom = "oklch(0.7 0.25 260)",
+  gradientTo = "oklch(0.7 0.25 330)"
+}) => /* @__PURE__ */ jsx(CompoundContainer, { padding, sectionStyle: "dark", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-4xl text-center", children: [
+  badge && /* @__PURE__ */ jsx("span", { className: "bg-primary/10 text-primary mb-6 inline-block rounded-full px-3 py-1 text-xs font-medium", children: badge.label }),
+  /* @__PURE__ */ jsx(
+    GradientText,
+    {
+      text: heading,
+      as: "h1",
+      gradientFrom,
+      gradientTo,
+      className: "mb-6"
+    }
+  ),
+  description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mx-auto mb-8 max-w-2xl text-lg md:text-xl", children: description }),
+  buttons && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex justify-center gap-4", children: buttons.map((btn, i) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: btn.url || "#",
+      className: "bg-primary text-primary-foreground inline-flex items-center gap-2 rounded-lg px-6 py-3 font-medium transition-opacity hover:opacity-90",
+      children: btn.label
+    },
+    i
+  )) })
+] }) });
+export {
+  GradientHero
+};

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

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

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

@@ -0,0 +1,33 @@
+import { paddingDefaults, padding, contentFields } from "../../../puck-base/core/fields.js";
+import { GradientHero } from "./gradient-hero.js";
+const conf = {
+  fields: {
+    ...contentFields,
+    gradientFrom: {
+      type: "text",
+      label: "Gradient Start",
+      ai: { instructions: "Use oklch format, e.g. 'oklch(0.7 0.25 260)'" }
+    },
+    gradientTo: {
+      type: "text",
+      label: "Gradient End",
+      ai: { instructions: "Use oklch format, e.g. 'oklch(0.7 0.25 330)'" }
+    },
+    padding
+  },
+  defaultProps: {
+    heading: "Build something amazing",
+    description: "The next-generation platform for teams who want to ship faster, together.",
+    badge: { label: "Try it", url: "", variant: "default" },
+    buttons: [
+      { label: "Get Started Free", icon: "move-right", variant: "default" }
+    ],
+    gradientFrom: "oklch(0.7 0.25 260)",
+    gradientTo: "oklch(0.7 0.25 330)",
+    padding: paddingDefaults
+  },
+  render: GradientHero
+};
+export {
+  conf
+};