dune-react 0.0.10 → 0.0.12

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

@@ -3,11 +3,15 @@ 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 { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, NavigationMenuContent } from "../../../puck-base/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";
+import { resolveActionUrl } from "../../../puck-base/core/types.js";
+function coerceAction(action, legacyUrl) {
+  return action ?? (legacyUrl ? /^https?:\/\//i.test(legacyUrl) ? { type: "external", externalUrl: legacyUrl } : { type: "page", pageUrl: legacyUrl } : void 0);
+}
 const HEADER_SECTION_VARS = {
   dark: {
     "--background": "oklch(0.145 0 0)",
@@ -38,7 +42,9 @@ const Header = ({
   return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(
     "header",
     {
-      className: cn("bg-background text-foreground sticky top-0 left-0 z-40 w-full"),
+      className: cn(
+        "bg-background text-foreground sticky top-0 left-0 z-40 w-full"
+      ),
       style: {
         ...(styles == null ? void 0 : styles.backgroundColor) ? { backgroundColor: styles.backgroundColor } : {},
         ...sectionVars
@@ -46,11 +52,11 @@ const Header = ({
       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(navigation) && navigation.length > 0 ? /* @__PURE__ */ jsx(NavigationMenu, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(NavigationMenuList, { className: "flex flex-row justify-center gap-4", children: navigation.map((item, index) => {
-          var _a, _b;
+          var _a;
           return /* @__PURE__ */ jsx(NavigationMenuItem, { children: item.url ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx(
             CompoundButton,
             {
-              url: item.url,
+              action: coerceAction(item.action, item.url),
               label: item.label,
               variant: "ghost"
             }
@@ -69,20 +75,22 @@ const Header = ({
                   /* @__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
+                (() => {
+                  const ctaAction = item.cta && coerceAction(item.cta.action, item.cta.url);
+                  return ctaAction && resolveActionUrl(ctaAction) ? /* @__PURE__ */ jsx(
+                    CompoundButton,
+                    {
+                      label: item.cta.label,
+                      action: ctaAction,
+                      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(
+              /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col justify-end text-sm", children: (_a = item.items) == null ? void 0 : _a.map((subItem, index2) => /* @__PURE__ */ jsxs(
                 NavigationMenuLink,
                 {
                   href: subItem.url,
@@ -105,8 +113,7 @@ const Header = ({
               variant: item.variant,
               size: item.size,
               icon: item.icon,
-              url: item.url,
-              action: item.action,
+              action: coerceAction(item.action, item.url),
               className: cn({
                 "hidden md:inline": item.isHiddenOnMobile === "true"
               })

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

@@ -4,8 +4,8 @@ import { actionDefaults, button, action } from "../../../puck-base/core/fields.j
 import { createStylesField } from "../../../puck-base/core/styles.js";
 const defaultNavigationItems = [
   {
-    label: "Home",
-    url: "/",
+    label: "Product",
+    url: "/product",
     description: "",
     items: [],
     cta: {
@@ -17,10 +17,10 @@ const defaultNavigationItems = [
     }
   },
   {
-    label: "Product",
-    description: "Managing a small business today is already tough.",
+    label: "Features",
+    description: "Everything you need to build, deploy, and scale.",
     cta: {
-      label: "Book a call today",
+      label: "See all features",
       url: "#",
       size: "default",
       variant: "default",
@@ -28,77 +28,88 @@ const defaultNavigationItems = [
     },
     items: [
       {
-        label: "Reports",
-        url: "/reports"
+        label: "Continuous Deployment",
+        url: "/features/deployment"
       },
       {
-        label: "Statistics",
-        url: "/statistics"
+        label: "Edge Functions",
+        url: "/features/edge"
       },
       {
-        label: "Dashboards",
-        url: "/dashboards"
+        label: "Analytics",
+        url: "/features/analytics"
       },
       {
-        label: "Recordings",
-        url: "/recordings"
+        label: "Monitoring",
+        url: "/features/monitoring"
       }
     ]
   },
   {
-    label: "Company",
-    description: "Managing a small business today is already tough.",
+    label: "Pricing",
+    url: "/pricing",
+    description: "",
+    items: [],
     cta: {
-      label: "Book a call today",
-      url: "#",
+      label: "",
+      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"
-      }
-    ]
+    }
+  },
+  {
+    label: "Docs",
+    url: "/docs",
+    description: "",
+    items: [],
+    cta: {
+      label: "",
+      url: "",
+      size: "default",
+      variant: "default",
+      icon: "none"
+    }
   }
 ];
 const defaultActionItems = [
   {
-    label: "Book a demo",
-    url: "#",
-    variant: "ghost",
-    icon: "none",
-    divider: "true",
-    isHiddenOnMobile: "true"
-  },
-  {
-    label: "Sign in",
+    label: "Sign In",
     url: "#",
+    action: {
+      type: "external",
+      pageUrl: "",
+      externalUrl: "#",
+      openInNewTab: "false",
+      email: "",
+      subject: "",
+      phone: "",
+      sectionId: "",
+      downloadUrl: ""
+    },
     variant: "outline",
     icon: "none",
     divider: "false",
-    isHiddenOnMobile: "false"
+    isHiddenOnMobile: "true"
   },
   {
-    label: "Get started",
+    label: "Get Started",
     url: "#",
+    action: {
+      type: "external",
+      pageUrl: "",
+      externalUrl: "#",
+      openInNewTab: "false",
+      email: "",
+      subject: "",
+      phone: "",
+      sectionId: "",
+      downloadUrl: ""
+    },
     variant: "default",
     icon: "none",
     divider: "false",
-    isHiddenOnMobile: "true"
+    isHiddenOnMobile: "false"
   }
 ];
 const conf = {
@@ -136,7 +147,7 @@ const conf = {
         url: "",
         description: "A description will appear if the link has no URL defined",
         cta: {
-          label: "Book a call today",
+          label: "Learn more",
           url: "#",
           variant: "default",
           icon: "none"
@@ -184,7 +195,7 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    companyName: "TWBlocks",
+    companyName: "Acme",
     navigation: defaultNavigationItems,
     actions: defaultActionItems,
     __metadata: {

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

@@ -13,12 +13,13 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    logo: "Brand",
+    logo: "Acme",
     navigation: [
+      { label: "Product", url: "#product" },
       { label: "Features", url: "#features" },
       { label: "Pricing", url: "#pricing" },
-      { label: "About", url: "#about" },
-      { label: "Contact", url: "#contact" }
+      { label: "Docs", url: "#docs" },
+      { label: "Blog", url: "#blog" }
     ],
     styles: createStylesDefaults()
   },

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

@@ -15,7 +15,7 @@ const FullscreenHero = ({
   backgroundImage,
   styles
 }) => {
-  const sectionStyle = (styles == null ? void 0 : styles.sectionStyle) ?? "dark";
+  const sectionStyle = styles == null ? void 0 : styles.sectionStyle;
   const overlay = (styles == null ? void 0 : styles.overlay) ?? "dark";
   const backgroundColor = styles == null ? void 0 : styles.backgroundColor;
   const padding = styles == null ? void 0 : styles.padding;
@@ -60,7 +60,20 @@ function Content({ badge, heading, description, buttons }) {
     /* @__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)) })
+      buttons && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: buttons.map((btn, i) => /* @__PURE__ */ jsx(
+        CompoundButton,
+        {
+          label: btn.label,
+          action: btn.action,
+          variant: btn.variant,
+          size: btn.size,
+          icon: btn.icon,
+          type: btn.type,
+          disabled: btn.disabled,
+          className: btn.className
+        },
+        i
+      )) })
     ] })
   ] });
 }

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

@@ -27,17 +27,17 @@ const conf = {
     })
   },
   defaultProps: {
-    heading: "Your bold headline here.",
-    description: "A compelling description that supports your headline and encourages visitors to take action.",
+    heading: "The future of work starts here",
+    description: "Empower your team with tools that adapt to how you work — not the other way around.",
     buttons: [
       {
-        label: "Get Started",
-        url: "#",
+        label: "Get Early Access",
         variant: "default",
         size: "default",
         icon: "none"
       }
     ],
+    backgroundImage: "https://images.pexels.com/photos/924824/pexels-photo-924824.jpeg?auto=compress&cs=tinysrgb&w=1920",
     styles: createStylesDefaults({
       sectionStyle: "dark",
       overlay: "dark"

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

@@ -15,7 +15,7 @@ const GradientHero = ({
     CompoundContainer,
     {
       padding: styles == null ? void 0 : styles.padding,
-      sectionStyle: (styles == null ? void 0 : styles.sectionStyle) ?? "dark",
+      sectionStyle: styles == null ? void 0 : styles.sectionStyle,
       backgroundColor: styles == null ? void 0 : styles.backgroundColor,
       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 }),
@@ -34,7 +34,7 @@ const GradientHero = ({
           CompoundButton,
           {
             label: btn.label,
-            url: btn.url,
+            action: btn.action,
             variant: btn.variant,
             size: btn.size,
             icon: btn.icon

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

@@ -18,13 +18,14 @@ const conf = {
     })
   },
   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" },
+    heading: "Supercharge your workflow",
+    description: "The developer-first platform for building, testing, and deploying at scale.",
+    badge: { label: "Introducing v2.0", url: "", variant: "default" },
     buttons: [
-      { label: "Get Started Free", icon: "move-right", variant: "default" }
+      { label: "Start Building", icon: "move-right", variant: "default" }
     ],
     styles: createStylesDefaults({
+      sectionStyle: "dark",
       gradientFrom: "var(--primary)",
       gradientTo: "var(--chart-2)"
     })

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

@@ -73,7 +73,7 @@ const GridHero = ({
                       CompoundButton,
                       {
                         label: button.label,
-                        url: button.url,
+                        action: button.action,
                         variant: button.variant,
                         size: button.size,
                         className: button.variant === "outline" ? "border-foreground border-2" : void 0

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

@@ -47,20 +47,20 @@ const conf = {
     })
   },
   defaultProps: {
-    heading: "Scale without lock-in. Build without limits.",
-    description: "An AI-ready, open-source ecommerce platform that gives teams full control.",
-    badge: { label: "ANNOUNCEMENT", url: "", variant: "default" },
+    heading: "Scale without limits. Build without compromise.",
+    description: "An enterprise-ready platform that gives your team full control over every deployment.",
+    badge: { label: "TRUSTED BY 10,000+ TEAMS", url: "", variant: "default" },
     buttons: [
       { label: "Get Started", variant: "default" },
-      { label: "Learn More", variant: "outline" }
+      { label: "Read Docs", variant: "outline" }
     ],
     leftSidebar: [
-      { label: "API Calls Hourly", value: "553,447" },
-      { label: "24h peak", value: "1,114,099" }
+      { label: "API Requests / Day", value: "2.4M" },
+      { label: "Uptime (30d)", value: "99.99%" }
     ],
     rightSidebar: [
-      { label: "Open Source", value: "22.6k", url: "#" },
-      { label: "Docs", url: "#" }
+      { label: "Open Source", value: "18.2k", url: "#" },
+      { label: "Documentation", url: "#" }
     ],
     styles: createStylesDefaults({ showGridLines: true })
   },

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

@@ -127,7 +127,7 @@ const HeroContent = ({
         CompoundButton,
         {
           label: button.label,
-          url: button.url,
+          action: button.action,
           variant: button.variant,
           size: button.size,
           icon: button.icon

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

@@ -1,4 +1,4 @@
-import { image1x1Placeholder, image9x16Placeholder, images, buttons, badge } from "../../../puck-base/core/fields.js";
+import { images, buttons, badge } from "../../../puck-base/core/fields.js";
 import { Hero } from "./hero.js";
 import { getRandomAdjective } from "../../../puck-base/core/utils.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
@@ -39,33 +39,37 @@ const conf = {
         instructions: "Never select the 'single image 16x9' option. Always include 3 images when selecting the 'three images 1x1, 9:16, 1x1' option."
       }
     },
-    images: { ...images, max: 3 },
+    images: { ...images, max: 3, defaultItemProps: { src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Modern laptop displaying program code in a clean developer workspace" } },
     styles: createStylesField()
   },
   defaultProps: {
     displaySize: "default",
-    heading: "Heading",
-    description: "Description",
+    heading: "Ship products your customers love",
+    description: "The all-in-one platform that helps teams design, build, and launch faster — without the chaos.",
     adjectives: [],
     badge: {
-      label: "Badge",
+      label: "Now in Beta",
       url: "",
       variant: "secondary"
     },
     buttons: [
       {
-        label: "Secondary CTA",
-        icon: "ellipsis",
-        variant: "secondary"
-      },
-      {
-        label: "Primary CTA",
+        label: "Start Free Trial",
         icon: "move-right",
         variant: "default"
+      },
+      {
+        label: "Watch Demo",
+        icon: "play",
+        variant: "secondary"
       }
     ],
     imageLayout: "1x1-9x16-1x1",
-    images: [image1x1Placeholder, image9x16Placeholder, image1x1Placeholder],
+    images: [
+      { src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Modern laptop displaying program code in a clean developer workspace" },
+      { src: "https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "MacBook Pro showing lines of code with syntax highlighting" },
+      { src: "https://images.pexels.com/photos/574071/pexels-photo-574071.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Computer monitor displaying colorful code in a dark environment" }
+    ],
     styles: createStylesDefaults()
   },
   render: Hero

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

@@ -14,7 +14,6 @@ export interface ImageHeroProps {
         padding?: CompoundContainerProps["padding"];
         sectionStyle?: CompoundContainerProps["sectionStyle"];
         backgroundColor?: string;
-        backgroundImage?: string;
         overlay?: "none" | "dark" | "gradient";
         align?: "left" | "center";
         minHeight?: "medium" | "large" | "full";

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

@@ -74,7 +74,7 @@ const ImageHero = ({
                       CompoundButton,
                       {
                         label: button.label,
-                        url: button.url,
+                        action: button.action,
                         variant: button.variant,
                         size: button.size,
                         icon: button.icon

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

@@ -1,6 +1,25 @@
 import { buttons, badge } from "../../../puck-base/core/fields.js";
+import { heroStylesDefaults, createStylesField, sectionOverlay } from "../../../puck-base/core/styles.js";
 import { ImageHero } from "./image-hero.js";
-import { heroStylesDefaults, heroStylesField } from "../../../puck-base/core/styles.js";
+const imageHeroStylesField = createStylesField({
+  overlay: sectionOverlay,
+  align: {
+    type: "radio",
+    options: [
+      { label: "Left", value: "left" },
+      { label: "Center", value: "center" }
+    ]
+  },
+  minHeight: {
+    type: "select",
+    label: "Min Height",
+    options: [
+      { label: "Medium", value: "medium" },
+      { label: "Large", value: "large" },
+      { label: "Full", value: "full" }
+    ]
+  }
+});
 const conf = {
   fields: {
     heading: { type: "text", contentEditable: true },
@@ -15,23 +34,21 @@ const conf = {
         stream: false
       }
     },
-    styles: heroStylesField
+    styles: imageHeroStylesField
   },
   defaultProps: {
-    heading: "Your Story Starts Here",
-    description: "Create something extraordinary with our platform. Built for dreamers, makers, and innovators.",
+    heading: "Build something people want",
+    description: "A modern platform for teams who care about speed, quality, and customer experience.",
     backgroundImage: "https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&w=1920",
     buttons: [
       {
         label: "Get Started",
-        url: "#",
         variant: "default",
         size: "lg",
         icon: "none"
       },
       {
         label: "Learn More",
-        url: "#",
         variant: "outline",
         size: "lg",
         icon: "none"

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

@@ -1,4 +1,4 @@
-import { image16x9Placeholder, images, contentFields } from "../../../puck-base/core/fields.js";
+import { images, contentFields } from "../../../puck-base/core/fields.js";
 import { SplitHero } from "./split-hero.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const conf = {
@@ -16,14 +16,14 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    heading: "Launch your next big idea",
-    description: "A complete platform to build, ship, and scale your product. From idea to launch in record time.",
-    badge: { label: "New release", url: "", variant: "secondary" },
+    heading: "From idea to launch in days, not months",
+    description: "Streamline your workflow with intelligent automation, real-time collaboration, and powerful integrations that just work.",
+    badge: { label: "New Release", url: "", variant: "secondary" },
     buttons: [
-      { label: "Start building", icon: "move-right", variant: "default" },
-      { label: "See demo", icon: "play", variant: "outline" }
+      { label: "Get Started Free", icon: "move-right", variant: "default" },
+      { label: "See How It Works", icon: "play", variant: "outline" }
     ],
-    images: [image16x9Placeholder],
+    images: [{ src: "https://images.pexels.com/photos/4218883/pexels-photo-4218883.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Clean developer workspace with computer displaying code" }],
     imagePosition: "right",
     styles: createStylesDefaults()
   },

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

@@ -1,4 +1,4 @@
-import { image16x9Placeholder, image, contentFields } from "../../../puck-base/core/fields.js";
+import { image, contentFields } from "../../../puck-base/core/fields.js";
 import { VideoHero } from "./video-hero.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const conf = {
@@ -13,10 +13,10 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    heading: "See it in action",
-    description: "Watch how our platform helps teams build faster.",
-    buttons: [{ label: "Try it free", icon: "move-right", variant: "default" }],
-    posterImage: image16x9Placeholder,
+    heading: "See what's possible",
+    description: "Watch how leading teams use our platform to ship 10x faster.",
+    buttons: [{ label: "Try It Free", icon: "move-right", variant: "default" }],
+    posterImage: { src: "https://images.pexels.com/photos/6985132/pexels-photo-6985132.jpeg?auto=compress&cs=tinysrgb&w=1920", alt: "Dark gradient background for product demo preview" },
     styles: createStylesDefaults()
   },
   render: VideoHero

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

@@ -13,7 +13,7 @@ const VideoHero = ({
   CompoundContainer,
   {
     padding: styles == null ? void 0 : styles.padding,
-    sectionStyle: (styles == null ? void 0 : styles.sectionStyle) ?? "dark",
+    sectionStyle: styles == null ? void 0 : styles.sectionStyle,
     backgroundColor: styles == null ? void 0 : styles.backgroundColor,
     children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2", children: [
       /* @__PURE__ */ jsx(