dune-react 0.0.10 → 0.0.12

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

@@ -1,22 +1,22 @@
-import { image1x1Placeholder, image } from "../../../puck-base/core/fields.js";
+import { image } from "../../../puck-base/core/fields.js";
 import { Faq2 } from "./faq-2.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const defaultItems = [
   {
-    question: "What's included in a session?",
-    answer: "Each session includes a personalized warm-up, structured training tailored to your goals, form coaching, and a cool-down. You'll also receive guidance on next steps to keep progressing."
+    question: "How long does setup take?",
+    answer: "Most teams are up and running in under 5 minutes. Just connect your repo and you're good to go."
   },
   {
-    question: "How do I know if this is right for me?",
-    answer: "If you have a goal — whether it's losing weight, building strength, improving mobility, or just feeling better — we can help. We offer a free consultation to assess your needs and build a plan."
+    question: "Do you integrate with my existing tools?",
+    answer: "Yes — we integrate with GitHub, GitLab, Slack, Jira, Linear, and 50+ other tools out of the box."
   },
   {
-    question: "How often should I train to see results?",
-    answer: "Most clients see meaningful results training 2–3 times per week. We'll work with your schedule and lifestyle to find the right frequency for your goals."
+    question: "What kind of support do you offer?",
+    answer: "Free plans get community support. Pro and Enterprise plans include priority email and live chat support."
   },
   {
-    question: "Do you offer programs for specific goals?",
-    answer: "Yes — we tailor every program to your specific objectives, whether that's weight loss, muscle gain, athletic performance, or general wellness."
+    question: "Can I migrate from another platform?",
+    answer: "We offer free migration assistance for teams on Pro and Enterprise plans. Most migrations take less than a day."
   }
 ];
 const conf = {
@@ -48,9 +48,9 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    heading: "Questions about getting started",
+    heading: "Common questions about getting started",
     items: defaultItems,
-    image: image1x1Placeholder,
+    image: { src: "https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Tech team collaborating at a modern office workspace" },
     imagePosition: "right",
     styles: createStylesDefaults()
   },

package/dist/components/puck-block/feature-sections/bento-1/bento.js

@@ -23,7 +23,13 @@ const Bento = ({
         spacing: "tight"
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 grid-rows-2 gap-8 sm:grid-cols-2 lg:grid-cols-3", children: cards == null ? void 0 : cards.map((card, index) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: cn(
+      "grid gap-8",
+      cards.length === 1 && "grid-cols-1",
+      cards.length === 2 && "grid-cols-1 sm:grid-cols-2",
+      cards.length === 3 && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+      cards.length >= 4 && "grid-cols-1 grid-rows-2 sm:grid-cols-2 lg:grid-cols-3"
+    ), children: cards == null ? void 0 : cards.map((card, index) => /* @__PURE__ */ jsx(
       CompoundCard,
       {
         image: card.image,
@@ -31,12 +37,15 @@ const Bento = ({
         heading: card.heading,
         description: card.description,
         button: card.button,
-        className: cn({
-          "[grid-area:1/1/2/3]": index === 0,
-          "aspect-square [grid-area:1/3/2/4]": index === 1,
-          "aspect-square [grid-area:2/1/3/2]": index === 2,
-          "[grid-area:2/2/3/4]": index === 3
-        })
+        className: cn(
+          cards.length >= 4 && {
+            "[grid-area:1/1/2/3]": index === 0,
+            "aspect-square [grid-area:1/3/2/4]": index === 1,
+            "aspect-square [grid-area:2/1/3/2]": index === 2,
+            "[grid-area:2/2/3/4]": index === 3
+          },
+          cards.length === 3 && index === 0 && "sm:col-span-2 lg:col-span-1"
+        )
       },
       index
     )) })

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

@@ -17,13 +17,26 @@ const conf = {
       url: "",
       variant: "default"
     },
-    heading: "Something new!",
-    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt",
+    heading: "Everything you need to ship faster",
+    description: "Powerful features designed for modern teams.",
     buttons: [],
-    cards: Array.from({ length: 1 }).map((_, index) => ({
-      ...cards.defaultItemProps,
-      heading: `Card ${index + 1}`
-    })),
+    cards: [
+      {
+        ...cards.defaultItemProps,
+        heading: "Real-time Collaboration",
+        description: "Edit together with your team — no conflicts, no waiting."
+      },
+      {
+        ...cards.defaultItemProps,
+        heading: "Smart Automation",
+        description: "Automate repetitive tasks and focus on what matters."
+      },
+      {
+        ...cards.defaultItemProps,
+        heading: "Built-in Analytics",
+        description: "Track performance with dashboards that update in real time."
+      }
+    ],
     styles: createStylesDefaults()
   },
   render: Bento

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

@@ -1,4 +1,4 @@
-import { image16x9Placeholder, button, image, contentFields } from "../../../puck-base/core/fields.js";
+import { button, image, contentFields } from "../../../puck-base/core/fields.js";
 import { FeatureCards } from "./feature-cards.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const conf = {
@@ -23,6 +23,7 @@ const conf = {
     },
     cards: {
       type: "array",
+      max: 9,
       getItemSummary: (item, index = 0) => item.heading || `Card ${index + 1}`,
       arrayFields: {
         image,
@@ -31,12 +32,11 @@ const conf = {
         button
       },
       defaultItemProps: {
-        image: image16x9Placeholder,
-        heading: "Card heading",
-        description: "Card description goes here.",
+        image: { src: "https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer screen showing lines of code with syntax highlighting" },
+        heading: "Feature highlight",
+        description: "A brief explanation of this feature and why it matters.",
         button: {
           label: "",
-          url: "",
           variant: "link",
           size: "default",
           icon: "move-right"
@@ -46,10 +46,10 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    heading: "Something new!",
-    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt",
+    heading: "Why teams choose us",
+    description: "Simple tools that solve complex problems — so you can focus on building great products.",
     badge: {
-      label: "Platform",
+      label: "Features",
       url: "",
       variant: "default"
     },
@@ -58,12 +58,11 @@ const conf = {
     columns: 3,
     cards: [
       {
-        image: image16x9Placeholder,
-        heading: "Card 1",
-        description: "Card description goes here.",
+        image: { src: "https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer screen showing lines of code with syntax highlighting" },
+        heading: "Lightning-fast deploys",
+        description: "Push to production in seconds with zero-downtime deployments.",
         button: {
           label: "",
-          url: "",
           variant: "link",
           size: "default",
           icon: "move-right"

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

@@ -1,4 +1,4 @@
-import { image16x9Placeholder, image } from "../../../puck-base/core/fields.js";
+import { image } from "../../../puck-base/core/fields.js";
 import { FeatureShowcase } from "./feature-showcase.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const conf = {
@@ -29,21 +29,21 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    heading: "Everything you need",
-    description: "Powerful features designed to help you build, ship, and grow faster.",
-    image: image16x9Placeholder,
+    heading: "Designed for speed and clarity",
+    description: "Every detail is crafted to help your team move faster without sacrificing quality.",
+    image: { src: "https://images.pexels.com/photos/577210/pexels-photo-577210.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Sleek laptop showcasing data analytics and graphs on the screen in a bright room." },
     features: [
       {
-        title: "Lightning fast",
-        description: "Built for speed from the ground up."
+        title: "Instant preview",
+        description: "See changes in real time before they go live."
       },
       {
-        title: "Secure by default",
-        description: "Enterprise-grade security built in."
+        title: "Version control",
+        description: "Roll back to any previous version with one click."
       },
       {
-        title: "Easy integration",
-        description: "Connect with your favorite tools."
+        title: "Team permissions",
+        description: "Fine-grained access control for every project."
       }
     ],
     layout: "image-right",

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

@@ -36,7 +36,7 @@ const IconGrid = (allProps) => {
           CompoundButton,
           {
             label: button.label,
-            url: button.url,
+            action: button.action,
             variant: button.variant,
             size: button.size,
             icon: button.icon

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

@@ -1,4 +1,4 @@
-import { buttons } from "../../../puck-base/core/fields.js";
+import { icon, buttons } from "../../../puck-base/core/fields.js";
 import { IconGrid } from "./icon-grid.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const conf = {
@@ -19,12 +19,7 @@ const conf = {
       max: 12,
       getItemSummary: (item, i = 0) => item.title || `Feature ${i + 1}`,
       arrayFields: {
-        icon: {
-          type: "text",
-          ai: {
-            instructions: "Use a Lucide icon name in kebab-case (e.g. book-open, target, compass, zap, shield, globe, heart, star, rocket, lock, clock, check, sparkles, pen-tool, layers, users, message-circle). Any valid Lucide icon name works."
-          }
-        },
+        icon,
         title: { type: "text" },
         description: { type: "textarea" }
       },
@@ -37,27 +32,27 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    heading: "Why choose us",
-    description: "Features that set us apart.",
+    heading: "Built for every workflow",
+    description: "From planning to launch, we've got you covered.",
     columns: 3,
     features: [
       {
         icon: "zap",
-        title: "Fast",
-        description: "Lightning-fast performance."
+        title: "API First",
+        description: "Build on a robust, well-documented API."
       },
       {
         icon: "shield",
-        title: "Secure",
-        description: "Enterprise-grade security."
+        title: "Enterprise Security",
+        description: "SOC 2 compliant with end-to-end encryption."
       },
-      { icon: "globe", title: "Global", description: "Available worldwide." },
-      { icon: "heart", title: "Loved", description: "Trusted by thousands." },
-      { icon: "rocket", title: "Scalable", description: "Grows with you." },
+      { icon: "globe", title: "Global CDN", description: "Sub-50ms response times worldwide." },
+      { icon: "heart", title: "24/7 Support", description: "Expert help whenever you need it." },
+      { icon: "rocket", title: "Cloud Native", description: "Serverless infrastructure that scales automatically." },
       {
         icon: "sparkles",
-        title: "Modern",
-        description: "Built with latest tech."
+        title: "Custom Integrations",
+        description: "Connect with the tools your team already uses."
       }
     ],
     styles: createStylesDefaults()

package/dist/components/puck-block/feature-sections/product-features-1/index.js

@@ -42,45 +42,40 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    heading: "Built for the Trail",
-    description: "Every detail of the Summit 32L is engineered for performance and comfort on long-distance hikes.",
+    heading: "Powerful under the hood",
+    description: "Advanced capabilities that scale with your business.",
     layout: "grid",
     columns: 3,
     features: [
       {
-        icon: "mountain",
-        title: "Weather-Resistant Shell",
-        description: "Ripstop nylon exterior with DWR coating sheds rain and resists abrasion on rugged terrain."
+        icon: "test-tube-diagonal",
+        title: "Automated Testing",
+        description: "Run your test suite on every push with parallel execution and smart retries."
       },
       {
-        icon: "wind",
-        title: "Ventilated Back Panel",
-        description: "Suspended mesh back panel promotes airflow, keeping you cool during steep climbs."
+        icon: "git-branch",
+        title: "CI/CD Pipeline",
+        description: "Fully managed continuous integration and deployment with zero configuration."
       },
       {
-        icon: "lock",
-        title: "Lockable Zippers",
-        description: "YKK zippers with locking pulls keep your gear secure on crowded trails and transit."
+        icon: "scroll-text",
+        title: "Real-time Logs",
+        description: "Stream logs from any environment with powerful search and filtering."
       },
       {
-        icon: "droplets",
-        title: "Hydration Compatible",
-        description: "Dedicated sleeve and port for up to a 3L hydration reservoir, accessible without removing the pack."
+        icon: "globe",
+        title: "Custom Domains",
+        description: "Connect your own domains with automatic SSL provisioning and renewal."
       },
       {
-        icon: "ruler",
-        title: "Adjustable Torso Fit",
-        description: "Sliding harness system fits torso lengths from 15 to 22 inches for a custom, load-bearing fit."
-      },
-      {
-        icon: "moon",
-        title: "Reflective Accents",
-        description: "360° reflective details and a blinker attachment loop for visibility during dawn and dusk hikes."
+        icon: "webhook",
+        title: "Webhooks",
+        description: "Trigger external services and workflows with configurable webhook events."
       }
     ],
     image: {
       src: getPlaceholderImageUrl("1200x800", "Product Image"),
-      alt: "Summit 32L hiking backpack"
+      alt: "Platform features overview"
     },
     styles: createStylesDefaults()
   },

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

@@ -61,33 +61,28 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    companyName: "Puck Visual Editor",
-    tagLine: "Build visually. Launch instantly.",
-    address: "1 Puck Avenue\nVisual Park\nCA 123123\n© 2024 Puck, Inc.",
+    companyName: "Acme Inc",
+    tagLine: "Build faster. Ship with confidence.",
+    address: "123 Market St\nSan Francisco, CA 94105\n© 2024 Acme, Inc.",
     navigation: [
-      {
-        label: "Home",
-        url: "/",
-        items: []
-      },
       {
         label: "Product",
         items: [
           {
-            label: "Reports",
-            url: "/reports"
+            label: "Features",
+            url: "/features"
           },
           {
-            label: "Statistics",
-            url: "/statistics"
+            label: "Pricing",
+            url: "/pricing"
           },
           {
-            label: "Dashboards",
-            url: "/dashboards"
+            label: "Changelog",
+            url: "/changelog"
           },
           {
-            label: "Recordings",
-            url: "/recordings"
+            label: "Docs",
+            url: "/docs"
           }
         ]
       },
@@ -95,19 +90,19 @@ const conf = {
         label: "Company",
         items: [
           {
-            label: "About us",
+            label: "About",
             url: "/about"
           },
           {
-            label: "Fundraising",
-            url: "/fundraising"
+            label: "Blog",
+            url: "/blog"
           },
           {
-            label: "Investors",
-            url: "/investors"
+            label: "Careers",
+            url: "/careers"
           },
           {
-            label: "Contact us",
+            label: "Contact",
             url: "/contact"
           }
         ]

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

@@ -2,8 +2,8 @@ import { description, heading } from "../../../puck-base/core/fields.js";
 import { Gallery } from "./gallery.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const defaultImage = {
-  src: "https://dummyimage.com/800x600/f5f4f4/101010.png&text=Gallery+Image",
-  alt: "Gallery 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",
   caption: ""
 };
 const conf = {
@@ -52,12 +52,16 @@ const conf = {
     })
   },
   defaultProps: {
-    heading: "Our Gallery",
-    description: "A showcase of our finest work and moments.",
-    images: Array.from({ length: 6 }).map((_, i) => ({
-      ...defaultImage,
-      alt: `Gallery image ${i + 1}`
-    })),
+    heading: "Product Showcase",
+    description: "A visual tour of our platform's key features and interfaces.",
+    images: [
+      { src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer workspace with laptop showing program code on screen", caption: "" },
+      { src: "https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "MacBook Pro displaying lines of code with colorful syntax highlighting", caption: "" },
+      { src: "https://images.pexels.com/photos/574071/pexels-photo-574071.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Computer monitor showing colorful code on dark background", caption: "" },
+      { src: "https://images.pexels.com/photos/4218883/pexels-photo-4218883.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Clean workspace with computer displaying code editor", caption: "" },
+      { src: "https://images.pexels.com/photos/270404/pexels-photo-270404.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Source code displayed on computer screen in developer office", caption: "" },
+      { src: "https://images.pexels.com/photos/577585/pexels-photo-577585.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Minimalist developer desk setup with laptop and coffee", caption: "" }
+    ],
     styles: createStylesDefaults({ columns: 3, gap: "md", aspectRatio: "auto" })
   },
   render: Gallery

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

@@ -59,21 +59,29 @@ const Gallery2 = ({
           /* @__PURE__ */ jsx(
             "button",
             {
-              onClick: () => emblaApi == null ? void 0 : emblaApi.scrollPrev(),
+              onClick: (e) => {
+                e.stopPropagation();
+                emblaApi == null ? void 0 : emblaApi.scrollPrev();
+              },
+              style: { pointerEvents: "auto" },
               disabled: !canScrollPrev,
-              className: "absolute left-4 top-1/2 -translate-y-1/2 z-10 flex h-10 w-10 items-center justify-center rounded-full bg-background/90 shadow-md transition hover:bg-background disabled:opacity-30",
+              className: "absolute left-4 top-1/2 -translate-y-1/2 z-10 flex h-10 w-10 items-center justify-center rounded-full bg-background/90 shadow-md transition hover:bg-background disabled:opacity-30 cursor-pointer",
               "aria-label": "Previous image",
-              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5 text-foreground" })
+              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5 text-foreground", style: { pointerEvents: "none" } })
             }
           ),
           /* @__PURE__ */ jsx(
             "button",
             {
-              onClick: () => emblaApi == null ? void 0 : emblaApi.scrollNext(),
+              onClick: (e) => {
+                e.stopPropagation();
+                emblaApi == null ? void 0 : emblaApi.scrollNext();
+              },
+              style: { pointerEvents: "auto" },
               disabled: !canScrollNext,
-              className: "absolute right-4 top-1/2 -translate-y-1/2 z-10 flex h-10 w-10 items-center justify-center rounded-full bg-background/90 shadow-md transition hover:bg-background disabled:opacity-30",
+              className: "absolute right-4 top-1/2 -translate-y-1/2 z-10 flex h-10 w-10 items-center justify-center rounded-full bg-background/90 shadow-md transition hover:bg-background disabled:opacity-30 cursor-pointer",
               "aria-label": "Next image",
-              children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5 text-foreground" })
+              children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5 text-foreground", style: { pointerEvents: "none" } })
             }
           )
         ] })

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

@@ -1,8 +1,8 @@
 import { Gallery2 } from "./gallery-2.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const defaultImage = {
-  src: "https://dummyimage.com/1400x700/f5f4f4/101010.png&text=Gallery+Image",
-  alt: "Gallery image"
+  src: "https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=1200",
+  alt: "Developer working at desk with multiple monitors showing code"
 };
 const conf = {
   fields: {
@@ -19,7 +19,7 @@ const conf = {
       max: 10,
       getItemSummary: (item, index = 0) => item.alt || `Image ${index + 1}`,
       arrayFields: {
-        src: { type: "image", label: "图片" },
+        src: { type: "image", label: "Image" },
         alt: { type: "text", label: "Alt Text" }
       },
       defaultItemProps: defaultImage
@@ -27,12 +27,13 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    heading: "Real transformations from real training",
-    description: "Watch how customized programs and one-on-one coaching help clients reach their fitness goals. Every session is built around your needs.",
-    images: Array.from({ length: 3 }).map((_, i) => ({
-      ...defaultImage,
-      alt: `Gallery image ${i + 1}`
-    })),
+    heading: "Built by developers, for developers",
+    description: "Explore how teams use our tools to design, build, and ship products that make an impact.",
+    images: [
+      { src: "https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer working at desk with multiple monitors showing code" },
+      { src: "https://images.pexels.com/photos/1181677/pexels-photo-1181677.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Two developers collaborating on code at a shared workspace" },
+      { src: "https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Tech team collaborating around laptops at a modern office table" }
+    ],
     styles: createStylesDefaults()
   },
   render: Gallery2

package/dist/components/puck-block/gallery-sections/gallery-3/index.js

@@ -1,11 +1,14 @@
-import { getPlaceholderImageUrl } from "../../../puck-base/core/fields.js";
 import { Gallery3 } from "./gallery-3.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const makeDefaultImage = (i) => ({
-  src: getPlaceholderImageUrl("1200x800", `Gallery Image ${i + 1}`),
-  alt: `Gallery image ${i + 1}`,
-  caption: ""
-});
+const pexelsImages = [
+  { src: "https://images.pexels.com/photos/113850/pexels-photo-113850.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Technology desktop showing colorful source code on screen", caption: "" },
+  { src: "https://images.pexels.com/photos/196644/pexels-photo-196644.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Top-down view of laptop displaying code in a modern workspace", caption: "" },
+  { src: "https://images.pexels.com/photos/6424590/pexels-photo-6424590.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Close-up of laptop screen showing programming code", caption: "" },
+  { src: "https://images.pexels.com/photos/1181671/pexels-photo-1181671.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer focused on coding at laptop in a bright workspace", caption: "" },
+  { src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Modern laptop with program code on screen at workplace", caption: "" },
+  { src: "https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Tech team working together at a collaborative desk setup", caption: "" }
+];
+const makeDefaultImage = (i) => pexelsImages[i % pexelsImages.length];
 const conf = {
   fields: {
     heading: {
@@ -21,7 +24,7 @@ const conf = {
       max: 9,
       getItemSummary: (item, index = 0) => item.alt || `Image ${index + 1}`,
       arrayFields: {
-        src: { type: "image", label: "图片" },
+        src: { type: "image", label: "Image" },
         alt: { type: "text", label: "Alt Text" },
         caption: { type: "text", label: "Caption" }
       },
@@ -30,24 +33,24 @@ const conf = {
     showCaptions: {
       type: "radio",
       options: [
-        { label: "显示", value: true },
-        { label: "隐藏", value: false }
+        { label: "Show", value: true },
+        { label: "Hide", value: false }
       ]
     },
     styles: createStylesField({
       gap: {
         type: "radio",
         options: [
-          { label: "紧凑", value: "sm" },
-          { label: "默认", value: "md" },
-          { label: "宽松", value: "lg" }
+          { label: "Compact", value: "sm" },
+          { label: "Default", value: "md" },
+          { label: "Spacious", value: "lg" }
         ]
       }
     })
   },
   defaultProps: {
-    heading: "Crafted with intention",
-    description: "A curated selection of moments that define our work and vision.",
+    heading: "Design that speaks for itself",
+    description: "A curated look at the interfaces and experiences our platform helps bring to life.",
     images: Array.from({ length: 6 }, (_, i) => makeDefaultImage(i)),
     showCaptions: true,
     styles: createStylesDefaults({ gap: "md" })

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

@@ -18,8 +18,11 @@ type SecondaryNavigationItem = NavigationLink & {
 };
 type NavigationItem = NavigationLink & {
     url?: string;
+    action?: Action;
     description?: string;
-    cta?: CompoundButtonProps;
+    cta?: CompoundButtonProps & {
+        url?: string;
+    };
     items?: SubmenuLink[];
 };
 export interface HeaderProps extends ILayoutProps {