dune-react 0.0.10 → 0.0.11

package/dist/components/puck-base/fields/auto-field.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useState, useRef, useMemo, useEffect } from "react";
+import { memo, useState, useRef, useMemo, useCallback, useEffect } from "react";
 import { Input } from "../../shadcn/input.js";
 import { Textarea } from "../../shadcn/textarea.js";
 import { Label } from "../../shadcn/label.js";
@@ -8,8 +8,7 @@ import { Button } from "../../shadcn/button.js";
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "../../shadcn/select.js";
 import { Popover, PopoverTrigger, PopoverContent } from "../../shadcn/popover.js";
 import { ToggleGroup, ToggleGroupItem } from "../../shadcn/toggle-group.js";
-import { LinkIcon, XIcon, ClipboardIcon, GlobeIcon, ChevronDownIcon, CheckIcon } from "lucide-react";
-import { useEditorContext } from "../editor-context.js";
+import { ChevronDownIcon, CheckIcon } from "lucide-react";
 const LARGE_SELECT_THRESHOLD = 200;
 const VIRTUAL_ITEM_HEIGHT = 32;
 const VIRTUAL_VIEWPORT_HEIGHT = 256;
@@ -213,81 +212,6 @@ const VirtualizedSelectField = memo(function VirtualizedSelectField2({
     ] })
   ] });
 });
-const UrlField = memo(function UrlField2({
-  label,
-  value,
-  onChange,
-  sitePages
-}) {
-  const currentValue = value ?? "";
-  const selectedSlug = currentValue.startsWith("/") ? currentValue.slice(1) : null;
-  const handlePaste = useCallback(async () => {
-    try {
-      const text = await navigator.clipboard.readText();
-      if (text) onChange(text.trim());
-    } catch {
-    }
-  }, [onChange]);
-  return /* @__PURE__ */ jsxs("div", { className: "mb-4 space-y-3", children: [
-    /* @__PURE__ */ jsx(Label, { children: label }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2 rounded-lg border px-3 py-2", children: [
-        /* @__PURE__ */ jsx(LinkIcon, { className: "text-muted-foreground size-4 shrink-0" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            className: "w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground",
-            placeholder: "https:// or /page-slug",
-            value: currentValue,
-            onChange: (e) => onChange(e.target.value)
-          }
-        ),
-        currentValue && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "text-muted-foreground hover:text-foreground shrink-0",
-            onClick: () => onChange(""),
-            children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          className: "shrink-0 gap-1.5",
-          onClick: handlePaste,
-          children: [
-            /* @__PURE__ */ jsx(ClipboardIcon, { className: "size-3.5" }),
-            "Paste"
-          ]
-        }
-      )
-    ] }),
-    sitePages.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Site pages" }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: sitePages.map((page) => {
-        const isSelected = selectedSlug === page.slug;
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: `inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition-colors ${isSelected ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-foreground hover:bg-accent"}`,
-            onClick: () => onChange(isSelected ? "" : `${page.slug}`),
-            children: [
-              /* @__PURE__ */ jsx(GlobeIcon, { className: "size-3" }),
-              page.label
-            ]
-          },
-          page.slug
-        );
-      }) })
-    ] })
-  ] });
-});
 const AutoField = memo(function AutoField2({
   field,
   name,
@@ -296,18 +220,6 @@ const AutoField = memo(function AutoField2({
 }) {
   var _a, _b;
   const label = field.label || name;
-  const { sitePages } = useEditorContext();
-  if (name === "url" && field.type === "text") {
-    return /* @__PURE__ */ jsx(
-      UrlField,
-      {
-        label,
-        value,
-        onChange,
-        sitePages: sitePages ?? []
-      }
-    );
-  }
   switch (field.type) {
     case "text":
       return /* @__PURE__ */ jsxs("div", { className: "mb-4 space-y-1.5", children: [

package/dist/components/puck-base/form.js

@@ -19,7 +19,6 @@ const CompoundForm = (props) => {
           CompoundButton,
           {
             label: props.button.label,
-            url: props.button.url,
             variant: props.button.variant,
             size: props.button.size,
             icon: props.button.icon,

package/dist/components/puck-base/index.d.ts

@@ -8,7 +8,7 @@ export { CompoundForm, type CompoundFormProps, formMethods, type FormMethods } f
 export { CompoundImage, type CompoundImageProps } from "./image";
 export { CompoundArticleCard, type CompoundArticleCardProps } from "./article-card";
 export { ImageUploadField } from "./image-upload-field";
-export { ActionField } from "./action-field";
+export { ActionField } from "./fields/action-field";
 export { ErrorBoundary } from "./error-boundary";
 export { GradientText, type GradientTextProps } from "./gradient-text";
 export { InlineEditable } from "./inline-editable";

package/dist/components/puck-base/navigation-menu.d.ts

@@ -0,0 +1,18 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
+declare function NavigationMenu({ align, portalContainer, className, children, onValueChange, ...props }: NavigationMenuPrimitive.Root.Props & Pick<NavigationMenuPrimitive.Positioner.Props, "align"> & {
+    portalContainer?: HTMLElement | null | React.RefObject<HTMLElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, portalContainer, ...props }: NavigationMenuPrimitive.Positioner.Props & {
+    portalContainer?: HTMLElement | null | React.RefObject<HTMLElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, asChild, children, active, ...props }: NavigationMenuPrimitive.Link.Props & {
+    asChild?: boolean;
+    active?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuPositioner, };

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/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

@@ -21,8 +21,8 @@ const conf = {
     heading: "Ready to transform your workflow?",
     description: "Join thousands of teams already using our platform to ship faster and smarter.",
     buttons: [
-      { label: "Get started free", url: "#", variant: "secondary" },
-      { label: "Talk to sales", url: "#", variant: "outline" }
+      { label: "Get started free", variant: "secondary" },
+      { label: "Talk to sales", variant: "outline" }
     ],
     styles: {
       ...createStylesDefaults(),

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/promo-section-1/index.js

@@ -23,14 +23,13 @@ const conf = {
     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.",
     image: {
-      src: "https://dummyimage.com/800x600/f5f4f4/101010.png&text=Promo+Image",
+      src: "https://picsum.photos/seed/Promo%20Image/800/600",
       alt: "Promotional image"
     },
     imagePosition: "right",
     buttons: [
       {
         label: "Shop Now",
-        url: "#",
         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/feature-sections/feature-cards-1/index.js

@@ -36,7 +36,6 @@ const conf = {
         description: "Card description goes here.",
         button: {
           label: "",
-          url: "",
           variant: "link",
           size: "default",
           icon: "move-right"
@@ -63,7 +62,6 @@ const conf = {
         description: "Card description goes here.",
         button: {
           label: "",
-          url: "",
           variant: "link",
           size: "default",
           icon: "move-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/gallery-sections/gallery-1/index.js

@@ -2,7 +2,7 @@ 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",
+  src: "https://picsum.photos/seed/Gallery%20Image/800/600",
   alt: "Gallery image",
   caption: ""
 };

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,7 +1,7 @@
 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",
+  src: "https://picsum.photos/seed/Gallery%20Image/1400/700",
   alt: "Gallery image"
 };
 const conf = {

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 {