dune-react 0.0.10 → 0.0.12

package/dist/components/puck-base/navigation-menu.js

@@ -0,0 +1,202 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useCallback } from "react";
+import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/css-utils.js";
+import { ChevronDownIcon } from "lucide-react";
+import { useEditorContext } from "./editor-context.js";
+function NavigationMenu({
+  align = "start",
+  portalContainer,
+  className,
+  children,
+  onValueChange,
+  ...props
+}) {
+  const { isEditor } = useEditorContext();
+  const rootRef = useRef(null);
+  const [value, setValue] = useState(props.defaultValue ?? null);
+  const handleValueChange = useCallback(
+    (newValue, details) => {
+      if (newValue === null && details.reason === "focus-out") return;
+      setValue(newValue);
+      onValueChange == null ? void 0 : onValueChange(newValue, details);
+    },
+    [onValueChange]
+  );
+  if (!isEditor) {
+    return /* @__PURE__ */ jsxs(
+      NavigationMenu$1.Root,
+      {
+        ref: rootRef,
+        "data-slot": "navigation-menu",
+        className: cn(
+          "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+          className
+        ),
+        onValueChange,
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(NavigationMenuPositioner, { align, portalContainer: portalContainer ?? rootRef })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    NavigationMenu$1.Root,
+    {
+      ref: rootRef,
+      "data-slot": "navigation-menu",
+      className: cn(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        className
+      ),
+      value,
+      onValueChange: handleValueChange,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(NavigationMenuPositioner, { align, portalContainer: portalContainer ?? rootRef })
+      ]
+    }
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+const navigationMenuTriggerStyle = cva(
+  "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-1.5 text-sm font-medium transition-all outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-accent/50 data-popup-open:hover:bg-accent data-open:bg-accent/50 data-open:hover:bg-accent data-open:focus:bg-accent"
+);
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenu$1.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), "group", className),
+      ...props,
+      children: [
+        children,
+        " ",
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto p-2 pr-2.5 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuPositioner({
+  className,
+  side = "bottom",
+  sideOffset = 8,
+  align = "start",
+  alignOffset = 0,
+  portalContainer,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(NavigationMenu$1.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
+    NavigationMenu$1.Positioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      className: cn(
+        "isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(NavigationMenu$1.Popup, { className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0", children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, { className: "relative size-full overflow-hidden" }) })
+    }
+  ) });
+}
+function NavigationMenuLink({
+  className,
+  asChild,
+  children,
+  active,
+  ...props
+}) {
+  if (asChild) {
+    return /* @__PURE__ */ jsx(
+      NavigationMenu$1.Link,
+      {
+        "data-slot": "navigation-menu-link",
+        "data-active": active || void 0,
+        className: cn(
+          "flex items-center gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-accent/50 data-active:hover:bg-accent data-active:focus:bg-accent [&_svg:not([class*='size-'])]:size-4",
+          className
+        ),
+        render: children,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      "data-active": active || void 0,
+      className: cn(
+        "flex items-center gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-accent/50 data-active:hover:bg-accent data-active:focus:bg-accent [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+export {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuPositioner,
+  NavigationMenuTrigger,
+  navigationMenuTriggerStyle
+};

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

@@ -14,7 +14,7 @@ const conf = {
     styles: bannerStylesField
   },
   defaultProps: {
-    items: [{ text: "New: Check out our latest update" }],
+    items: [{ text: "Introducing v2.0 — Faster builds, smarter deploys, and a brand new editor." }],
     linkLabel: "Learn more",
     linkUrl: "#",
     styles: {

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

@@ -31,10 +31,12 @@ const conf = {
   },
   defaultProps: {
     items: [
-      { text: "Innovation" },
-      { text: "Design" },
-      { text: "Performance" },
-      { text: "Quality" }
+      { text: "10,000+ Teams" },
+      { text: "99.99% Uptime" },
+      { text: "50M+ Deploys" },
+      { text: "4.9★ Rating" },
+      { text: "SOC 2 Certified" },
+      { text: "24/7 Support" }
     ],
     styles: {
       ...createStylesDefaults(),

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

@@ -84,16 +84,26 @@ const conf = {
       url: "",
       variant: "default"
     },
-    heading: "Something new",
-    description: "Managing a small business today is already tough. Avoid further complications by ditching outdated, tedious trade methods.",
+    heading: "Get in Touch",
+    description: "Have a question or need a demo? We'd love to hear from you.",
     buttons: [],
-    features: ["Easy to use", "Fast and reliable", "Beautiful and modern"].map(
-      (feature) => ({
+    features: [
+      {
         icon: "check",
-        name: feature,
-        description: "We've made it easy to use and understand."
-      })
-    ),
+        name: "Easy to use",
+        description: "Intuitive interface that requires no training."
+      },
+      {
+        icon: "check",
+        name: "Fast and reliable",
+        description: "99.9% uptime with sub-second response times."
+      },
+      {
+        icon: "check",
+        name: "Beautiful and modern",
+        description: "Clean, developer-friendly design built with modern standards."
+      }
+    ],
     fields: [
       { label: "Name", name: "name", type: "text", required: true },
       { label: "Email", name: "email", type: "email", required: true },

package/dist/components/puck-block/contact-sections/contact-us-2/contact-us-2.js

@@ -28,7 +28,7 @@ const ContactUs2 = ({
     email: ((_b = fields.find((field) => field.name === "email")) == null ? void 0 : _b.label) ?? "Email Address",
     phone: ((_c = fields.find((field) => field.name === "phone")) == null ? void 0 : _c.label) ?? "Phone",
     company: ((_d = fields.find((field) => field.name === "company")) == null ? void 0 : _d.label) ?? "Company",
-    message: ((_e = fields.find((field) => field.name === "message")) == null ? void 0 : _e.label) ?? "Tell us about your fitness goals"
+    message: ((_e = fields.find((field) => field.name === "message")) == null ? void 0 : _e.label) ?? "Tell us about your project"
   };
   const imagePosition = (styles == null ? void 0 : styles.imagePosition) ?? "end";
   const { isEditor: isEditorMode, siteId, domain } = useEditorContext();

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

@@ -1,4 +1,4 @@
-import { image1x1Placeholder, image, icon } from "../../../puck-base/core/fields.js";
+import { image, icon } from "../../../puck-base/core/fields.js";
 import { ContactUs2 } from "./contact-us-2.js";
 import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const contactUs2StylesField = createStylesField({
@@ -48,20 +48,20 @@ const conf = {
     styles: contactUs2StylesField
   },
   defaultProps: {
-    heading: "Ready to transform your fitness?",
-    description: "Tell us about your goals and we'll reach out within 24 hours to schedule your first session.",
+    heading: "Let's talk about your project",
+    description: "Tell us about your needs and our team will get back to you within 24 hours.",
     fields: [
-      { label: "Your Name", name: "name" },
-      { label: "Email Address", name: "email" },
+      { label: "Name", name: "name" },
+      { label: "Email", name: "email" },
       { label: "Phone", name: "phone" },
       { label: "Company", name: "company" },
-      { label: "Tell us about your fitness goals", name: "message" }
+      { label: "Tell us about your project", name: "message" }
     ],
     submitLabel: "Send Message",
     submitVariant: "default",
     submitSize: "default",
     submitIcon: "none",
-    image: image1x1Placeholder,
+    image: { src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Modern developer workspace with laptop displaying code" },
     styles: {
       ...createStylesDefaults(),
       imagePosition: "end"

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

@@ -87,8 +87,8 @@ const conf = {
     styles: contactUs3StylesField
   },
   defaultProps: {
-    heading: "Let's start a\nconversation",
-    description: "Have a question or ready to get started? Fill out the form and we'll get back to you within 24 hours.",
+    heading: "Contact our team",
+    description: "We're here to help. Reach out and we'll respond as soon as we can.",
     infoItems: defaultInfoItems,
     fields: [
       { label: "Full Name", name: "name" },

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

@@ -1,10 +1,11 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
+import { type CompoundButtonProps } from "@/components/puck-base/button";
 export interface BannerCtaProps {
     heading?: string;
     description?: string;
     buttons?: Array<{
         label: string;
-        url?: string;
+        action?: CompoundButtonProps["action"];
         variant?: string;
     }>;
     styles?: {

package/dist/components/puck-block/cta-sections/banner-cta-1/banner-cta.js

@@ -12,7 +12,7 @@ const BannerCta = ({
   buttons = [],
   styles
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d;
   return /* @__PURE__ */ jsx(CompoundContainer, { padding: styles == null ? void 0 : styles.padding, sectionStyle: styles == null ? void 0 : styles.sectionStyle, backgroundColor: styles == null ? void 0 : styles.backgroundColor, children: /* @__PURE__ */ jsxs("div", { className: `rounded-2xl px-8 py-14 text-center ${variantStyles[(styles == null ? void 0 : styles.visualVariant) ?? "primary"] ?? variantStyles.primary}`, children: [
     heading && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: heading }),
     description && /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg opacity-90 max-w-2xl mx-auto", children: description }),
@@ -21,16 +21,17 @@ const BannerCta = ({
         CompoundButton,
         {
           label: ((_a = buttons[0]) == null ? void 0 : _a.label) ?? "Get started",
-          url: ((_b = buttons[0]) == null ? void 0 : _b.url) ?? "#",
+          action: (_b = buttons[0]) == null ? void 0 : _b.action,
           variant: ((_c = buttons[0]) == null ? void 0 : _c.variant) ?? "secondary"
         }
       ),
-      ((_d = buttons[1]) == null ? void 0 : _d.label) && ((_e = buttons[1]) == null ? void 0 : _e.url) && /* @__PURE__ */ jsx(
+      ((_d = buttons[1]) == null ? void 0 : _d.label) && /* @__PURE__ */ jsx(
         CompoundButton,
         {
           label: buttons[1].label,
-          url: buttons[1].url,
-          variant: buttons[1].variant ?? "outline"
+          action: buttons[1].action,
+          variant: buttons[1].variant ?? "outline",
+          className: "border-current text-foreground"
         }
       )
     ] })

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

@@ -18,11 +18,11 @@ const conf = {
     styles: bannerCtaStylesField
   },
   defaultProps: {
-    heading: "Ready to transform your workflow?",
-    description: "Join thousands of teams already using our platform to ship faster and smarter.",
+    heading: "Start building for free today",
+    description: "No credit card required. Free plan includes unlimited projects.",
     buttons: [
-      { label: "Get started free", url: "#", variant: "secondary" },
-      { label: "Talk to sales", url: "#", variant: "outline" }
+      { label: "Sign Up Free", variant: "secondary" },
+      { label: "Contact Sales", variant: "outline" }
     ],
     styles: {
       ...createStylesDefaults(),

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

@@ -15,23 +15,23 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    heading: "Try our platform today!",
-    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+    heading: "Ready to build something great?",
+    description: "Join thousands of teams already shipping faster. Start free — no credit card required.",
     badge: {
-      label: "FAQ",
-      url: "/faq",
+      label: "Get Started",
+      url: "",
       variant: "default"
     },
     buttons: [
       {
-        label: "Jump on a call",
-        icon: "phone-call",
-        variant: "outline"
+        label: "Start Free Trial",
+        icon: "move-right",
+        variant: "default"
       },
       {
-        label: "Sign up here",
+        label: "Talk to Sales",
         icon: "move-right",
-        variant: "default"
+        variant: "outline"
       }
     ],
     layout: "contained",

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

@@ -1,6 +1,7 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundContent } from "../../../puck-base/content.js";
+import { CompoundBadge } from "../../../puck-base/badge.js";
+import { CompoundButton } from "../../../puck-base/button.js";
 const GradientCta = ({
   badge,
   heading,
@@ -23,16 +24,37 @@ const GradientCta = ({
         {
           className: "rounded-2xl p-8 text-center md:p-14",
           style: { background: bg, color },
-          children: /* @__PURE__ */ jsx(
-            CompoundContent,
-            {
-              badge,
-              heading,
-              description,
-              buttons,
-              alignContent: "center"
-            }
-          )
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center gap-8", children: [
+            (!!heading || !!description || !!badge) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center gap-4", children: [
+              (badge == null ? void 0 : badge.label) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                CompoundBadge,
+                {
+                  label: badge.label,
+                  variant: badge.variant,
+                  url: badge.url
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center gap-4", children: [
+                !!heading && /* @__PURE__ */ jsx("h2", { className: "font-serif font-regular text-3xl tracking-tighter text-center md:text-5xl lg:max-w-xl", children: heading }),
+                !!description && /* @__PURE__ */ jsx("p", { className: "text text-lg leading-relaxed tracking-tight text-center lg:max-w-xl", children: description })
+              ] })
+            ] }),
+            Array.isArray(buttons) && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-row justify-center flex-wrap gap-4", children: buttons.filter((button) => !!button.label).map((button, index) => {
+              const needsContrast = !button.variant || button.variant === "default";
+              return /* @__PURE__ */ jsx(
+                CompoundButton,
+                {
+                  label: button.label,
+                  action: button.action,
+                  variant: button.variant,
+                  size: button.size,
+                  icon: button.icon,
+                  className: needsContrast ? "bg-background text-foreground hover:bg-background/90" : void 0
+                },
+                index
+              );
+            }) })
+          ] })
         }
       )
     }

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

@@ -35,10 +35,10 @@ const conf = {
     styles: gradientCtaStylesField
   },
   defaultProps: {
-    heading: "Ready to get started?",
-    description: "Join thousands of teams already using our platform.",
+    heading: "Ship your next project faster",
+    description: "Everything you need to go from idea to production.",
     buttons: [
-      { label: "Start Free Trial", icon: "move-right", variant: "default" }
+      { label: "Get Started Free", icon: "move-right", variant: "default" }
     ],
     styles: {
       ...createStylesDefaults(),

package/dist/components/puck-block/cta-sections/newsletter-signup-1/index.js

@@ -18,7 +18,7 @@ const conf = {
   },
   defaultProps: {
     heading: "Stay in the loop",
-    description: "Get the latest updates delivered to your inbox.",
+    description: "Get product updates, engineering insights, and tips delivered to your inbox.",
     buttons: [{ label: "Subscribe" }],
     placeholder: "Enter your email",
     styles: createStylesDefaults()

package/dist/components/puck-block/cta-sections/promo-section-1/index.js

@@ -20,17 +20,16 @@ const conf = {
     styles: createStylesField()
   },
   defaultProps: {
-    heading: "Summer Sale — Up to 50% Off",
-    description: "Don't miss our biggest sale of the year. Shop now and save on your favorite items.",
+    heading: "Limited Time — 3 Months Free on Pro",
+    description: "Upgrade to Pro and unlock advanced features, priority support, and unlimited collaborators.",
     image: {
-      src: "https://dummyimage.com/800x600/f5f4f4/101010.png&text=Promo+Image",
-      alt: "Promotional image"
+      src: "https://images.pexels.com/photos/4218883/pexels-photo-4218883.jpeg?auto=compress&cs=tinysrgb&w=1200",
+      alt: "Developer workspace with computer displaying code interface"
     },
     imagePosition: "right",
     buttons: [
       {
-        label: "Shop Now",
-        url: "#",
+        label: "Claim Offer",
         variant: "default",
         size: "lg",
         icon: "none"

package/dist/components/puck-block/cta-sections/promo-section-1/promo-section.js

@@ -46,7 +46,7 @@ const PromoSection = ({
                 CompoundButton,
                 {
                   label: button.label,
-                  url: button.url,
+                  action: button.action,
                   variant: button.variant,
                   size: button.size,
                   icon: button.icon
@@ -89,7 +89,7 @@ const PromoSection = ({
                   CompoundButton,
                   {
                     label: button.label,
-                    url: button.url,
+                    action: button.action,
                     variant: button.variant,
                     size: button.size,
                     icon: button.icon

package/dist/components/puck-block/faq-sections/accordion-1/accordion.js

@@ -25,10 +25,14 @@ const Accordion = ({
           /* @__PURE__ */ jsxs(
             "button",
             {
-              onClick: () => setOpenIndex(openIndex === i ? null : i),
-              className: "flex w-full items-center justify-between py-4 text-left",
+              onClick: (e) => {
+                e.stopPropagation();
+                setOpenIndex(openIndex === i ? null : i);
+              },
+              style: { pointerEvents: "auto" },
+              className: "flex w-full items-center justify-between py-4 text-left cursor-pointer",
               children: [
-                /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: item.title }),
+                /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", style: { pointerEvents: "none" }, children: item.title }),
                 /* @__PURE__ */ jsx(
                   "span",
                   {
@@ -36,6 +40,7 @@ const Accordion = ({
                       "text-muted-foreground transition-transform",
                       openIndex === i && "rotate-45"
                     ),
+                    style: { pointerEvents: "none" },
                     children: "+"
                   }
                 )

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

@@ -19,15 +19,19 @@ const conf = {
     items: [
       {
         title: "How do I get started?",
-        content: "Sign up for a free account and follow the onboarding guide."
+        content: "Sign up for a free account, connect your repository, and follow the onboarding guide. Most teams are up and running in under 5 minutes."
       },
       {
         title: "What pricing plans are available?",
-        content: "We offer Free, Pro, and Enterprise plans."
+        content: "We offer Free, Pro, and Enterprise plans. The free plan includes unlimited projects with basic features. Pro adds team collaboration, and Enterprise includes custom integrations and dedicated support."
       },
       {
         title: "Can I cancel anytime?",
-        content: "Yes, you can cancel your subscription at any time."
+        content: "Absolutely. No contracts, no cancellation fees. You can downgrade or cancel your subscription at any time from your account settings."
+      },
+      {
+        title: "Do you offer integrations?",
+        content: "Yes — we integrate with GitHub, GitLab, Slack, Jira, Linear, and 50+ other tools out of the box. Enterprise plans also support custom integrations."
       }
     ],
     styles: createStylesDefaults()

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

@@ -53,8 +53,8 @@ const conf = {
       url: "",
       variant: "secondary"
     },
-    heading: "Heading",
-    description: "Description",
+    heading: "Frequently asked questions",
+    description: "Everything you need to know about getting started.",
     buttons: [
       {
         label: "Find out more",
@@ -66,8 +66,20 @@ const conf = {
     collapsible: true,
     items: [
       {
-        question: "Question",
-        answer: "Answer"
+        question: "Is there a free plan?",
+        answer: "Yes! Our free plan includes unlimited projects and basic features. No credit card required."
+      },
+      {
+        question: "Can I cancel anytime?",
+        answer: "Absolutely. No contracts, no cancellation fees. You can downgrade or cancel at any time."
+      },
+      {
+        question: "Do you offer team plans?",
+        answer: "Yes, our Pro plan supports unlimited team members with role-based permissions and collaboration features."
+      },
+      {
+        question: "Is my data secure?",
+        answer: "We use enterprise-grade encryption, SOC 2 compliance, and regular security audits to keep your data safe."
       }
     ],
     layout: "two-col",