dune-react 0.0.21 → 0.0.22

package/dist/components/puck-block/hero-sections/sticky-expand-hero/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/hero-sections/sticky-video-hero/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/hero-sections/tab-hero/index.d.ts

@@ -16,28 +16,6 @@ declare const conf: {
                     label: string;
                     arrayFields: {
                         value: {
-                            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.";
-                                };
-                            };
                             type: string;
                         };
                         text: {
@@ -62,28 +40,6 @@ declare const conf: {
                             type: string;
                             objectFields: {
                                 src: {
-                                    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.";
-                                        };
-                                    };
                                     type: string;
                                     label: string;
                                 };
@@ -96,6 +52,34 @@ declare const conf: {
                 };
             };
         };
+        styles: {
+            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.";
+                    };
+                };
+            };
+        };
     };
     defaultProps: TabHeroProps;
     render: (props: TabHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/hero-sections/tab-hero/index.js

@@ -11,7 +11,7 @@ const conf = {
           type: "array",
           label: "Triggers",
           arrayFields: {
-            value: { type: "text", ...sectionWrapperFields },
+            value: { type: "text" },
             text: { type: "text" }
           }
         },
@@ -25,13 +25,18 @@ const conf = {
             image: {
               type: "object",
               objectFields: {
-                src: { type: "image", label: "Image", ...sectionWrapperFields },
+                src: { type: "image", label: "Image" },
                 alt: { type: "text" }
               }
             }
           }
         }
       }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: { ...sectionWrapperFields }
     }
   },
   defaultProps: TabHeroDefaults,

package/dist/components/puck-block/hero-sections/three-image-parallax-hero/component.js

@@ -21,7 +21,13 @@ const ThreeImageParallaxHero = (props) => {
     ...ThreeImageParallaxHeroDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, textAlign = "left", responsive = false } = { ...ThreeImageParallaxHeroDefaults.styles, ...styles };
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    textAlign = "left",
+    responsive = false
+  } = { ...ThreeImageParallaxHeroDefaults.styles, ...styles };
   const sectionRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(sectionRef);
   const { scrollYProgress } = useScroll(
@@ -32,7 +38,11 @@ const ThreeImageParallaxHero = (props) => {
   const isCenter = textAlign === "center";
   const fixedLeftY = useTransform(scrollYProgress, [0, 1], ["-15.444%", "0%"]);
   const fixedCenterY = useTransform(scrollYProgress, [0, 1], ["15.333%", "0%"]);
-  const fixedRightY = useTransform(scrollYProgress, [0, 0.5], ["11.333%", "-20%"]);
+  const fixedRightY = useTransform(
+    scrollYProgress,
+    [0, 0.5],
+    ["11.333%", "-20%"]
+  );
   const responsiveLeftY = useTransform(
     scrollYProgress,
     [0, 1],
@@ -57,51 +67,91 @@ const ThreeImageParallaxHero = (props) => {
   const rightImageTranslate = {
     y: responsive ? responsiveRightY : fixedRightY
   };
-  return /* @__PURE__ */ jsx(SectionWrapper, { ref: sectionRef, className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
-    /* @__PURE__ */ jsx("div", { className: "rb-12 mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: isCenter ? "mx-auto w-full max-w-lg text-center" : "w-full max-w-lg",
-        children: [
-          /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold md:mb-6 md:text-9xl lg:text-10xl", children: heading }),
-          /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description }),
+  return /* @__PURE__ */ jsx(
+    SectionWrapper,
+    {
+      ref: sectionRef,
+      className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName),
+      style: sectionStyle,
+      css,
+      children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
+        /* @__PURE__ */ jsx("div", { className: "rb-12 mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: isCenter ? "mx-auto w-full max-w-lg text-center" : "w-full max-w-lg",
+            children: [
+              /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold md:mb-6 md:text-9xl lg:text-10xl", children: heading }),
+              /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: isCenter ? "mt-6 flex items-center justify-center gap-4 md:mt-8" : "mt-6 flex flex-wrap gap-4 md:mt-8",
+                  children: buttons.map((button, index) => /* @__PURE__ */ jsx(
+                    CompoundButton,
+                    {
+                      label: button.label,
+                      variant: button.variant,
+                      size: button.size,
+                      action: button.action,
+                      icon: button.icon
+                    },
+                    index
+                  ))
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "relative flex justify-center gap-6 sm:gap-8 md:gap-0", children: [
           /* @__PURE__ */ jsx(
-            "div",
+            motion.div,
             {
-              className: isCenter ? "mt-6 flex items-center justify-center gap-4 md:mt-8" : "mt-6 flex flex-wrap gap-4 md:mt-8",
-              children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index))
+              className: "absolute bottom-0 left-0 z-10 w-2/5 overflow-hidden rounded-lg shadow-xl",
+              style: leftImageTranslate,
+              children: /* @__PURE__ */ jsx(
+                CompoundImage,
+                {
+                  src: imageLeft.src,
+                  alt: imageLeft.alt,
+                  className: "aspect-square size-full object-cover"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: "mx-[10%] mb-[10%] w-1/2 overflow-hidden rounded-lg shadow-xl",
+              style: centerImageTranslate,
+              children: /* @__PURE__ */ jsx(
+                CompoundImage,
+                {
+                  src: imageCenter.src,
+                  alt: imageCenter.alt,
+                  className: "aspect-square size-full object-cover"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: "absolute right-0 top-[10%] w-2/5 overflow-hidden rounded-lg shadow-xl",
+              style: rightImageTranslate,
+              children: /* @__PURE__ */ jsx(
+                CompoundImage,
+                {
+                  src: imageRight.src,
+                  alt: imageRight.alt,
+                  className: "aspect-[4/3] size-full object-cover"
+                }
+              )
             }
           )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "relative flex justify-center gap-6 sm:gap-8 md:gap-0", children: [
-      /* @__PURE__ */ jsx(motion.div, { className: "absolute bottom-0 left-0 z-10 w-2/5", style: leftImageTranslate, children: /* @__PURE__ */ jsx(
-        CompoundImage,
-        {
-          src: imageLeft.src,
-          alt: imageLeft.alt,
-          className: "aspect-square size-full object-cover"
-        }
-      ) }),
-      /* @__PURE__ */ jsx(motion.div, { className: "mx-[10%] mb-[10%] w-1/2", style: centerImageTranslate, children: /* @__PURE__ */ jsx(
-        CompoundImage,
-        {
-          src: imageCenter.src,
-          alt: imageCenter.alt,
-          className: "aspect-square size-full object-cover"
-        }
-      ) }),
-      /* @__PURE__ */ jsx(motion.div, { className: "absolute right-0 top-[10%] w-2/5", style: rightImageTranslate, children: /* @__PURE__ */ jsx(
-        CompoundImage,
-        {
-          src: imageRight.src,
-          alt: imageRight.alt,
-          className: "aspect-[4/3] size-full object-cover"
-        }
-      ) })
-    ] })
-  ] }) });
+        ] })
+      ] })
+    }
+  );
 };
 const ThreeImageParallaxHeroDefaults = {
   heading: "Long heading is what you see here in this header section",

package/dist/components/puck-block/hero-sections/three-image-parallax-hero/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/hero-sections/vertical-gallery-hero/component.js

@@ -5,22 +5,45 @@ import { CompoundImage } from "../../../puck-base/image.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
 const VerticalGalleryHero = (props) => {
-  const { heading, description, buttons = [], images = [], styles } = {
+  const {
+    heading,
+    description,
+    buttons = [],
+    images = [],
+    styles
+  } = {
     ...VerticalGalleryHeroDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css } = styles ?? {};
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css
+  } = styles ?? {};
   return /* @__PURE__ */ jsxs(
     SectionWrapper,
     {
-      className: cn("grid grid-cols-1 gap-y-16 pt-16 md:grid-flow-row md:pt-24 lg:grid-flow-col lg:grid-cols-2 lg:items-center lg:pt-0", sectionClassName),
+      className: cn(
+        "grid grid-cols-1 gap-y-16 pt-16 md:grid-flow-row md:pt-24 lg:grid-flow-col lg:grid-cols-2 lg:items-center lg:pt-0",
+        sectionClassName
+      ),
       style: sectionStyle,
       css,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "mx-[5%] max-w-[40rem] justify-self-start lg:ml-[5vw] lg:mr-20 lg:justify-self-end", children: [
           /* @__PURE__ */ jsx("h1", { className: "mb-5 text-6xl font-bold md:mb-6 md:text-9xl lg:text-10xl", children: heading }),
           /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description }),
-          /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
+          /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(
+            CompoundButton,
+            {
+              label: button.label,
+              variant: button.variant,
+              size: button.size,
+              action: button.action,
+              icon: button.icon
+            },
+            index
+          )) })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "h-[30rem] overflow-hidden pl-[5vw] pr-[5vw] md:h-[40rem] lg:h-screen lg:pl-0", children: /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-2 gap-x-4", children: [
           /* @__PURE__ */ jsx("div", { className: "-mt-[120%] grid size-full animate-loop-vertically columns-2 grid-cols-1 gap-4 self-center", children: images.map((image, index) => /* @__PURE__ */ jsx("div", { className: "grid size-full grid-cols-1 gap-4", children: /* @__PURE__ */ jsx("div", { className: "relative w-full pt-[120%]", children: /* @__PURE__ */ jsx(

package/dist/components/puck-block/hero-sections/vertical-gallery-hero/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/hero-sections/zoom-grid-hero/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/index.d.ts

@@ -13,3 +13,5 @@ export * from "./text-sections";
 export * from "./showcase-sections";
 export * from "./team-sections";
 export * from "./footer-sections";
+export { confMap, categories, sectionsMap, buildComponents, getComponentDefaultProps } from "./registry.generated";
+export type { ComponentName, ComponentProps } from "./registry.generated";

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

@@ -1,6 +1,6 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
 import { CompoundButtonProps } from "@/components/puck-base/button";
-import type { MapLocation } from "@/components/puck-base/core/fields";
+import type { MapLocation } from "@/components/puck-core/core/fields";
 interface LocationButton extends Omit<CompoundButtonProps, "label"> {
     label?: string;
     url?: string;

package/dist/components/puck-block/location-sections/location-2/location.d.ts

@@ -1,6 +1,6 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
 import { CompoundButtonProps } from "@/components/puck-base/button";
-import type { MapLocation } from "@/components/puck-base/core/fields";
+import type { MapLocation } from "@/components/puck-core/core/fields";
 interface LocationButton extends Omit<CompoundButtonProps, "label"> {
     label?: string;
     url?: string;

package/dist/components/puck-block/location-sections/location-3/location.d.ts

@@ -1,6 +1,6 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
-import type { Action } from "@/components/puck-base/core/types";
-import type { MapLocation } from "@/components/puck-base/core/fields";
+import type { Action } from "@/components/puck-core/core/types";
+import type { MapLocation } from "@/components/puck-core/core/fields";
 export interface LocationEntry {
     name: string;
     location?: MapLocation;

package/dist/components/puck-block/location-sections/props.d.ts

@@ -1,4 +1,4 @@
-import type { MapLocation } from "@/components/puck-base/core/fields";
+import type { MapLocation } from "@/components/puck-core/core/fields";
 type LocationVariant = "location-1" | "location-2" | "location-3";
 type LocationPadding = {
     top?: "none" | "small" | "medium" | "large";

package/dist/components/puck-block/metrics-sections/header-stats-row/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/metrics-sections/mixed-grid-stats/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/metrics-sections/split-stats/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/metrics-sections/tab-stats/index.d.ts

@@ -61,28 +61,6 @@ declare const conf: {
                             };
                         };
                         url: {
-                            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.";
-                                };
-                            };
                             type: string;
                         };
                     };

package/dist/components/puck-block/metrics-sections/tab-stats/index.js

@@ -23,7 +23,7 @@ const conf = {
           type: "object",
           objectFields: {
             image: imageField,
-            url: { type: "text", ...sectionWrapperFields }
+            url: { type: "text" }
           }
         }
       }

package/dist/components/puck-block/metrics-sections/tab-stats/tab-stats.js

@@ -19,7 +19,12 @@ const TabStats = (props) => {
     ...TabStatsDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, mediaPosition = "left" } = styles ?? {};
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    mediaPosition = "left"
+  } = styles ?? {};
   const isMediaLeft = mediaPosition === "left";
   const mediaPanel = /* @__PURE__ */ jsx("div", { className: "max-size-full flex items-center justify-center overflow-hidden", children: tabs.map((tab) => /* @__PURE__ */ jsx(
     TabsContent,
@@ -54,7 +59,7 @@ const TabStats = (props) => {
     },
     tab.value
   )) });
-  const tabTriggers = /* @__PURE__ */ jsx(TabsList, { className: "grid grid-cols-1 items-center gap-x-4 gap-y-10", children: tabs.map((tab, index) => /* @__PURE__ */ jsxs(
+  const tabTriggers = /* @__PURE__ */ jsx(TabsList, { className: "grid grid-cols-1 h-full! w-full! items-center gap-x-4 gap-y-10", children: tabs.map((tab, index) => /* @__PURE__ */ jsxs(
     TabsTrigger,
     {
       value: tab.value,
@@ -67,27 +72,35 @@ const TabStats = (props) => {
     },
     index
   )) });
-  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 flex flex-col items-start", children: [
-    /* @__PURE__ */ jsxs("div", { className: "rb-12 mb-12 w-full 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("h1", { 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(
-      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: isMediaLeft ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          mediaPanel,
-          tabTriggers
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          tabTriggers,
-          mediaPanel
-        ] })
-      }
-    )
-  ] }) });
+  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 flex flex-col items-start", children: [
+        /* @__PURE__ */ jsxs("div", { className: "rb-12 mb-12 w-full 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("h1", { 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(
+          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: isMediaLeft ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              mediaPanel,
+              tabTriggers
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              tabTriggers,
+              mediaPanel
+            ] })
+          }
+        )
+      ] })
+    }
+  );
 };
 const TabStatsDefaults = {
   tagline: "Tagline",

package/dist/components/puck-block/pricing-sections/single-pricing-card/index.d.ts

@@ -20,28 +20,6 @@ declare const conf: {
             label: string;
             objectFields: {
                 planName: {
-                    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.";
-                        };
-                    };
                     type: string;
                 };
                 monthlyPrice: {

package/dist/components/puck-block/pricing-sections/single-pricing-card/index.js

@@ -11,7 +11,7 @@ const conf = {
       type: "object",
       label: "Pricing Plan",
       objectFields: {
-        planName: { type: "text", ...sectionWrapperFields },
+        planName: { type: "text" },
         monthlyPrice: { type: "text" },
         yearlyPrice: { type: "text" },
         features: {