dune-react 0.0.21 → 0.0.22

package/dist/components/puck-block/feature-sections/tab-feature/component.js

@@ -9,47 +9,51 @@ import { CgSpinner } from "../../../../node_modules/.pnpm/react-icons@5.6.0_reac
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 const TabFeature = (props) => {
-  const { defaultTabValue, tabs = [], styles } = {
+  const {
+    defaultTabValue,
+    tabs = [],
+    styles
+  } = {
     ...TabFeatureDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css
+  } = styles ?? {};
   const [isIframeLoaded, setIsIframeLoaded] = useState(false);
-  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs(
-    Tabs,
+  return /* @__PURE__ */ jsx(
+    SectionWrapper,
     {
-      defaultValue: defaultTabValue,
-      className: "grid grid-cols-1 items-center gap-y-12 md:grid-cols-2 md:gap-x-12 lg:gap-x-20",
-      children: [
-        /* @__PURE__ */ jsx(TabsList, { className: "col-start-1 col-end-2 row-start-1 row-end-2 grid grid-cols-1 items-center gap-x-4 gap-y-10", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
-          TabsTrigger,
-          {
-            value: tab.value,
-            className: "flex-col items-start justify-start whitespace-normal border-0 border-l-2 border-transparent py-0 pl-8 pr-0 text-left data-[state=active]:border-black data-[state=active]:bg-transparent data-[state=active]:text-text-primary",
-            children: [
-              /* @__PURE__ */ jsx("h3", { className: "mb-3 text-2xl font-bold md:mb-4 md:text-3xl md:leading-[1.3] lg:text-4xl", children: tab.heading }),
-              /* @__PURE__ */ jsx("p", { children: tab.description })
-            ]
-          },
-          tab.value
-        )) }),
-        /* @__PURE__ */ jsx("div", { className: "max-size-full flex items-center justify-center overflow-hidden", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
-          TabsContent,
-          {
-            value: tab.value,
-            className: "data-[state=active]:animate-tabs",
-            children: [
-              tab.image && !tab.videoUrl && /* @__PURE__ */ jsx(
-                CompoundImage,
-                {
-                  src: tab.image.src,
-                  alt: tab.image.alt,
-                  className: "size-full object-cover"
-                }
-              ),
-              tab.videoUrl && tab.image && /* @__PURE__ */ jsxs(Dialog, { children: [
-                /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: "relative flex w-full items-center justify-center", children: [
-                  /* @__PURE__ */ jsx(
+      className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName),
+      style: sectionStyle,
+      css,
+      children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs(
+        Tabs,
+        {
+          defaultValue: defaultTabValue,
+          className: "grid grid-cols-1 items-center gap-y-12 md:grid-cols-2 md:gap-x-12 lg:gap-x-20",
+          children: [
+            /* @__PURE__ */ jsx(TabsList, { className: "col-start-1 col-end-2 row-start-1 row-end-2 h-full! w-full! grid grid-cols-1 items-center gap-x-4 gap-y-4", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+              TabsTrigger,
+              {
+                value: tab.value,
+                className: "flex-col items-start justify-start whitespace-normal border-0 border-l-2 border-transparent py-2 px-2 pr-0 text-left data-[state=active]:border-black data-[state=active]:bg-transparent data-[state=active]:text-text-primary",
+                children: [
+                  /* @__PURE__ */ jsx("h3", { className: "mb-3 text-2xl font-bold md:mb-2 md:text-3xl md:leading-[1.3] lg:text-4xl", children: tab.heading }),
+                  /* @__PURE__ */ jsx("p", { children: tab.description })
+                ]
+              },
+              tab.value
+            )) }),
+            /* @__PURE__ */ jsx("div", { className: "size-full flex items-center justify-center overflow-hidden", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+              TabsContent,
+              {
+                value: tab.value,
+                className: "data-[state=active]:animate-tabs",
+                children: [
+                  tab.image && !tab.videoUrl && /* @__PURE__ */ jsx(
                     CompoundImage,
                     {
                       src: tab.image.src,
@@ -57,33 +61,45 @@ const TabFeature = (props) => {
                       className: "size-full object-cover"
                     }
                   ),
-                  /* @__PURE__ */ jsx(FaCirclePlay, { className: "absolute z-20 size-16 text-white" }),
-                  /* @__PURE__ */ jsx("span", { className: "absolute inset-0 z-10 bg-black/50" })
-                ] }) }),
-                /* @__PURE__ */ jsxs(DialogContent, { children: [
-                  !isIframeLoaded && /* @__PURE__ */ jsx(CgSpinner, { className: "mx-auto size-16 animate-spin text-white" }),
-                  /* @__PURE__ */ jsx(
-                    "iframe",
-                    {
-                      className: cn(
-                        "z-0 mx-auto aspect-video size-full md:w-[738px] lg:w-[940px]",
-                        { visible: isIframeLoaded, hidden: !isIframeLoaded }
+                  tab.videoUrl && tab.image && /* @__PURE__ */ jsxs(Dialog, { children: [
+                    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: "relative flex w-full items-center justify-center", children: [
+                      /* @__PURE__ */ jsx(
+                        CompoundImage,
+                        {
+                          src: tab.image.src,
+                          alt: tab.image.alt,
+                          className: "size-full object-cover"
+                        }
                       ),
-                      src: tab.videoUrl,
-                      allow: "autoplay; encrypted-media; picture-in-picture",
-                      allowFullScreen: true,
-                      onLoad: () => setIsIframeLoaded(true)
-                    }
-                  )
-                ] })
-              ] })
-            ]
-          },
-          tab.value
-        )) })
-      ]
+                      /* @__PURE__ */ jsx(FaCirclePlay, { className: "absolute z-20 size-16 text-white" }),
+                      /* @__PURE__ */ jsx("span", { className: "absolute inset-0 z-10 bg-black/50" })
+                    ] }) }),
+                    /* @__PURE__ */ jsxs(DialogContent, { children: [
+                      !isIframeLoaded && /* @__PURE__ */ jsx(CgSpinner, { className: "mx-auto size-16 animate-spin text-white" }),
+                      /* @__PURE__ */ jsx(
+                        "iframe",
+                        {
+                          className: cn(
+                            "z-0 mx-auto aspect-video size-full md:w-[738px] lg:w-[940px]",
+                            { visible: isIframeLoaded, hidden: !isIframeLoaded }
+                          ),
+                          src: tab.videoUrl,
+                          allow: "autoplay; encrypted-media; picture-in-picture",
+                          allowFullScreen: true,
+                          onLoad: () => setIsIframeLoaded(true)
+                        }
+                      )
+                    ] })
+                  ] })
+                ]
+              },
+              tab.value
+            )) })
+          ]
+        }
+      ) })
     }
-  ) }) });
+  );
 };
 const TabFeatureDefaults = {
   defaultTabValue: "tab-1",

package/dist/components/puck-block/feature-sections/text-media-split/index.d.ts

@@ -28,7 +28,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/feature-sections/text-only-section/index.d.ts

@@ -28,7 +28,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/footer-sections/compact-newsletter-footer/index.d.ts

@@ -25,7 +25,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/footer-sections/cta-links-footer/index.d.ts

@@ -34,7 +34,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/footer-sections/links-newsletter-footer/index.d.ts

@@ -32,7 +32,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/footer-sections/newsletter-links-footer/index.d.ts

@@ -29,7 +29,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/footer-sections/newsletter-top-links-footer/index.d.ts

@@ -32,7 +32,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";

package/dist/components/puck-block/gallery-sections/fullscreen-portfolio/index.d.ts

@@ -35,7 +35,7 @@ declare const conf: {
                         readonly action: {
                             type: "custom";
                             label: string;
-                            render: typeof import("../../../puck-core").ActionField;
+                            render: typeof import("../../..").ActionField;
                         };
                         readonly variant: {
                             readonly type: "select";
@@ -87,38 +87,35 @@ declare const conf: {
             type: string;
             label: string;
             objectFields: {
+                className: {
+                    readonly type: "text";
+                    readonly label: "Class Name";
+                    readonly ai: {
+                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+                    };
+                };
+                style: {
+                    readonly type: "object";
+                    readonly label: "Style";
+                    readonly objectFields: {};
+                    readonly ai: {
+                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
+                    };
+                };
+                css: {
+                    readonly type: "textarea";
+                    readonly label: "Custom CSS";
+                    readonly ai: {
+                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+                    };
+                };
                 animation: {
                     type: "radio";
                     label: string;
-                    options: ({
-                        className: {
-                            readonly type: "text";
-                            readonly label: "Class Name";
-                            readonly ai: {
-                                readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
-                            };
-                        };
-                        style: {
-                            readonly type: "object";
-                            readonly label: "Style";
-                            readonly objectFields: {};
-                            readonly ai: {
-                                readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
-                            };
-                        };
-                        css: {
-                            readonly type: "textarea";
-                            readonly label: "Custom CSS";
-                            readonly ai: {
-                                readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
-                            };
-                        };
-                        label: string;
-                        value: string;
-                    } | {
+                    options: {
                         label: string;
                         value: string;
-                    })[];
+                    }[];
                 };
             };
         };

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

@@ -23,10 +23,11 @@ const conf = {
           type: "radio",
           label: "Animation",
           options: [
-            { label: "Sticky Stack", value: "sticky-stack", ...sectionWrapperFields },
+            { label: "Sticky Stack", value: "sticky-stack" },
             { label: "Scroll Fade", value: "scroll-fade" }
           ]
-        }
+        },
+        ...sectionWrapperFields
       }
     }
   },

package/dist/components/puck-block/gallery-sections/portfolio-cards/index.d.ts

@@ -24,7 +24,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";
@@ -104,7 +104,7 @@ declare const conf: {
                         readonly action: {
                             type: "custom";
                             label: string;
-                            render: typeof import("../../../puck-core").ActionField;
+                            render: typeof import("../../..").ActionField;
                         };
                         readonly variant: {
                             readonly type: "select";

package/dist/components/puck-block/gallery-sections/portfolio-divider/index.d.ts

@@ -24,7 +24,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";
@@ -104,7 +104,7 @@ declare const conf: {
                         readonly action: {
                             type: "custom";
                             label: string;
-                            render: typeof import("../../../puck-core").ActionField;
+                            render: typeof import("../../..").ActionField;
                         };
                         readonly variant: {
                             readonly type: "select";

package/dist/components/puck-block/gallery-sections/portfolio-divider/portfolio-divider.js

@@ -10,81 +10,84 @@ const PortfolioDivider = (props) => {
     ...props
   };
   const { className: sectionClassName, style: sectionStyle, css, mediaPosition = "right" } = styles ?? {};
-  const isMediaLeft = mediaPosition === "left";
+  const startsLeft = mediaPosition === "left";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
     /* @__PURE__ */ jsxs("header", { className: "mb-12 max-w-lg md:mb-18 lg:mb-20", children: [
       /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
       /* @__PURE__ */ jsx("h2", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
       /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
     ] }),
-    /* @__PURE__ */ jsx("div", { children: projects.map((project, index) => /* @__PURE__ */ jsx(
-      "article",
-      {
-        className: "grid grid-cols-1 items-center gap-x-12 gap-y-6 border-t border-border-primary py-8 md:grid-cols-2 md:gap-y-0 lg:gap-x-[4.9rem] lg:py-12",
-        children: isMediaLeft ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("a", { href: project.url, className: "flex aspect-[4/3] w-full", children: /* @__PURE__ */ jsx(
-            CompoundImage,
-            {
-              src: project.image.src,
-              className: "w-full object-cover",
-              alt: project.image.alt
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-2 text-2xl font-bold md:text-3xl md:leading-[1.3] lg:text-4xl", children: /* @__PURE__ */ jsx("a", { href: project.url, children: project.title }) }),
-            /* @__PURE__ */ jsx("p", { children: project.description }),
-            project.tags && /* @__PURE__ */ jsx("ul", { className: "mt-3 flex flex-wrap gap-2 md:mt-4", children: project.tags.map((tag, tagIndex) => /* @__PURE__ */ jsx("li", { className: "flex", children: /* @__PURE__ */ jsx(
-              "a",
+    /* @__PURE__ */ jsx("div", { children: projects.map((project, index) => {
+      const isMediaLeft = startsLeft ? index % 2 === 0 : index % 2 !== 0;
+      return /* @__PURE__ */ jsx(
+        "article",
+        {
+          className: "grid grid-cols-1 items-center gap-x-12 gap-y-6 border-t border-border-primary py-8 md:grid-cols-2 md:gap-y-0 lg:gap-x-[4.9rem] lg:py-12",
+          children: isMediaLeft ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("a", { href: project.url, className: "flex aspect-[4/3] w-full", children: /* @__PURE__ */ jsx(
+              CompoundImage,
               {
-                href: tag.url,
-                className: "bg-background-secondary px-2 py-1 text-sm font-semibold",
-                children: tag.label
+                src: project.image.src,
+                className: "w-full object-cover",
+                alt: project.image.alt
               }
-            ) }, tagIndex)) }),
-            /* @__PURE__ */ jsx(
-              Button,
+            ) }) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { className: "mb-2 text-2xl font-bold md:text-3xl md:leading-[1.3] lg:text-4xl", children: /* @__PURE__ */ jsx("a", { href: project.url, children: project.title }) }),
+              /* @__PURE__ */ jsx("p", { children: project.description }),
+              project.tags && /* @__PURE__ */ jsx("ul", { className: "mt-3 flex flex-wrap gap-2 md:mt-4", children: project.tags.map((tag, tagIndex) => /* @__PURE__ */ jsx("li", { className: "flex", children: /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: tag.url,
+                  className: "bg-background-secondary px-2 py-1 text-sm font-semibold",
+                  children: tag.label
+                }
+              ) }, tagIndex)) }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: project.button.variant,
+                  size: project.button.size,
+                  className: "mt-6 md:mt-8",
+                  children: project.button.label
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { className: "mb-2 text-2xl font-bold md:text-3xl md:leading-[1.3] lg:text-4xl", children: /* @__PURE__ */ jsx("a", { href: project.url, children: project.title }) }),
+              /* @__PURE__ */ jsx("p", { children: project.description }),
+              project.tags && /* @__PURE__ */ jsx("ul", { className: "mt-3 flex flex-wrap gap-2 md:mt-4", children: project.tags.map((tag, tagIndex) => /* @__PURE__ */ jsx("li", { className: "flex", children: /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: tag.url,
+                  className: "bg-background-secondary px-2 py-1 text-sm font-semibold",
+                  children: tag.label
+                }
+              ) }, tagIndex)) }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: project.button.variant,
+                  size: project.button.size,
+                  className: "mt-6 md:mt-8",
+                  children: project.button.label
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("a", { href: project.url, className: "flex aspect-[4/3] w-full", children: /* @__PURE__ */ jsx(
+              CompoundImage,
               {
-                variant: project.button.variant,
-                size: project.button.size,
-                className: "mt-6 md:mt-8",
-                children: project.button.label
+                src: project.image.src,
+                className: "w-full object-cover",
+                alt: project.image.alt
               }
-            )
+            ) }) })
           ] })
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-2 text-2xl font-bold md:text-3xl md:leading-[1.3] lg:text-4xl", children: /* @__PURE__ */ jsx("a", { href: project.url, children: project.title }) }),
-            /* @__PURE__ */ jsx("p", { children: project.description }),
-            project.tags && /* @__PURE__ */ jsx("ul", { className: "mt-3 flex flex-wrap gap-2 md:mt-4", children: project.tags.map((tag, tagIndex) => /* @__PURE__ */ jsx("li", { className: "flex", children: /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: tag.url,
-                className: "bg-background-secondary px-2 py-1 text-sm font-semibold",
-                children: tag.label
-              }
-            ) }, tagIndex)) }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: project.button.variant,
-                size: project.button.size,
-                className: "mt-6 md:mt-8",
-                children: project.button.label
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("a", { href: project.url, className: "flex aspect-[4/3] w-full", children: /* @__PURE__ */ jsx(
-            CompoundImage,
-            {
-              src: project.image.src,
-              className: "w-full object-cover",
-              alt: project.image.alt
-            }
-          ) }) })
-        ] })
-      },
-      index
-    )) }),
+        },
+        index
+      );
+    }) }),
     /* @__PURE__ */ jsx("footer", { className: "mt-12 flex justify-center md:mt-18 lg:mt-20", children: /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }) })
   ] }) });
 };

package/dist/components/puck-block/gallery-sections/scroll-parallax-portfolio/index.d.ts

@@ -59,38 +59,35 @@ declare const conf: {
             type: string;
             label: string;
             objectFields: {
+                className: {
+                    readonly type: "text";
+                    readonly label: "Class Name";
+                    readonly ai: {
+                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+                    };
+                };
+                style: {
+                    readonly type: "object";
+                    readonly label: "Style";
+                    readonly objectFields: {};
+                    readonly ai: {
+                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
+                    };
+                };
+                css: {
+                    readonly type: "textarea";
+                    readonly label: "Custom CSS";
+                    readonly ai: {
+                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+                    };
+                };
                 animation: {
                     type: "radio";
                     label: string;
-                    options: ({
-                        className: {
-                            readonly type: "text";
-                            readonly label: "Class Name";
-                            readonly ai: {
-                                readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
-                            };
-                        };
-                        style: {
-                            readonly type: "object";
-                            readonly label: "Style";
-                            readonly objectFields: {};
-                            readonly ai: {
-                                readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
-                            };
-                        };
-                        css: {
-                            readonly type: "textarea";
-                            readonly label: "Custom CSS";
-                            readonly ai: {
-                                readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
-                            };
-                        };
-                        label: string;
-                        value: string;
-                    } | {
+                    options: {
                         label: string;
                         value: string;
-                    })[];
+                    }[];
                 };
             };
         };

package/dist/components/puck-block/gallery-sections/scroll-parallax-portfolio/index.js

@@ -24,10 +24,11 @@ const conf = {
           type: "radio",
           label: "Animation",
           options: [
-            { label: "Three Image Parallax", value: "threeImageParallax", ...sectionWrapperFields },
+            { label: "Three Image Parallax", value: "threeImageParallax" },
             { label: "Scale Opacity", value: "scaleOpacity" }
           ]
-        }
+        },
+        ...sectionWrapperFields
       }
     }
   },

package/dist/components/puck-block/header-sections/centered-navbar/index.d.ts

@@ -41,7 +41,7 @@ declare const conf: {
                 readonly action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 readonly variant: {
                     readonly type: "select";