dune-react 0.0.11 → 0.0.13

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/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://picsum.photos/seed/Gallery%20Image/800/600",
-  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/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://picsum.photos/seed/Gallery%20Image/1400/700",
-  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/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,59 +28,75 @@ 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: "Get Start",
+    label: "Sign In",
+    url: "#",
+    action: {
+      type: "external",
+      pageUrl: "",
+      externalUrl: "#",
+      openInNewTab: "false",
+      email: "",
+      subject: "",
+      phone: "",
+      sectionId: "",
+      downloadUrl: ""
+    },
+    variant: "outline",
+    icon: "none",
+    divider: "false",
+    isHiddenOnMobile: "true"
+  },
+  {
+    label: "Get Started",
     url: "#",
     action: {
-      type: "email",
+      type: "external",
       pageUrl: "",
       externalUrl: "#",
       openInNewTab: "false",
@@ -131,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"
@@ -179,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/index.js

@@ -27,16 +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",
+        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/index.js

@@ -18,11 +18,11 @@ 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",

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