dune-react 0.0.21 → 0.0.23

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./shadcn/index.ts";
 export * from "./ui-block/index.ts";
 export * from "./puck-base/index.ts";
+export * from "./puck-core/index.ts";
 export * from "./puck-block/index.ts";

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

@@ -1,5 +1,5 @@
 import { type ButtonProps } from "@/components/shadcn/button";
-import { Action, IconName } from "./core/types";
+import { Action, IconName } from "@/components/puck-core/core/types";
 export interface CompoundButtonProps {
     label: string;
     action?: Action;

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

@@ -4,12 +4,11 @@ import { useState, useCallback } from "react";
 import { SafeDynamicIcon } from "./safe-dynamic-icon.js";
 import { Button, buttonVariants } from "../shadcn/button.js";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "../shadcn/dialog.js";
-import { button } from "./core/fields.js";
 import { cn } from "../../utils/css-utils.js";
-import { resolveActionUrl } from "./core/types.js";
-import { withEditable } from "./core/with-editable.js";
-import { AutoField } from "./fields/auto-field.js";
-const BUTTON_FIELDS = button.objectFields;
+import { withEditable } from "../puck-core/core/with-editable.js";
+import { buttonField, resolveActionUrl } from "../puck-core/core/props/interactive.js";
+import { AutoField } from "../puck-core/fields/auto-field.js";
+const BUTTON_FIELDS = buttonField.objectFields;
 function ButtonEditDialog({
   open,
   onOpenChange,
@@ -80,7 +79,7 @@ function CompoundButtonBase(props) {
 }
 const EditableButton = withEditable(CompoundButtonBase, {
   type: "button",
-  fields: button.objectFields
+  fields: buttonField.objectFields
 });
 const CompoundButton = (props) => {
   const [dialogOpen, setDialogOpen] = useState(false);

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

@@ -1,4 +1,4 @@
-import { IconName } from "./core/types";
+import { IconName } from "@/components/puck-core/core/types";
 import { CompoundButtonProps } from "./button";
 import { CompoundImageProps } from "./image";
 export interface CompoundCardProps {

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/css-utils.js";
-import { ErrorBoundary } from "./error-boundary.js";
+import { ErrorBoundary } from "../puck-core/error-boundary.js";
 const SECTION_STYLE_VARS = {
   dark: {
     "--background": "oklch(0.145 0 0)",

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

@@ -1,6 +1,6 @@
 import { CompoundBadgeProps } from "./badge";
 import { CompoundButtonProps } from "./button";
-import { Feature } from "./core/types";
+import { Feature } from "@/components/puck-core/core/types";
 export interface CompoundContentProps {
     badge?: CompoundBadgeProps;
     heading?: string;

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

@@ -4,8 +4,7 @@ import { useState, useEffect, useRef, useCallback } from "react";
 import Cropper from "react-easy-crop";
 import { Pencil, Search, Upload, Loader2, Check } from "lucide-react";
 import { cn } from "../../utils/css-utils.js";
-import { withEditable } from "./core/with-editable.js";
-import { image } from "./core/fields.js";
+import { withEditable } from "../puck-core/core/with-editable.js";
 import { Button } from "../shadcn/button.js";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "../shadcn/dialog.js";
 import { Input } from "../shadcn/input.js";
@@ -13,20 +12,21 @@ import { Label } from "../shadcn/label.js";
 import { ScrollArea } from "../shadcn/scroll-area.js";
 import { Slider } from "../shadcn/slider.js";
 import { Tabs, TabsList, TabsTrigger } from "../shadcn/tabs.js";
-import useUpload from "./use-upload.js";
+import useUpload from "../puck-core/use-upload.js";
 import { useEditorContext } from "../puck-core/core/context/editor-context.js";
+import { imageField } from "../puck-core/core/props/media.js";
 const createImage = (url) => new Promise((resolve, reject) => {
-  const image2 = new Image();
-  image2.addEventListener("load", () => resolve(image2));
-  image2.addEventListener("error", (error) => reject(error));
-  image2.setAttribute("crossOrigin", "anonymous");
-  image2.src = url;
+  const image = new Image();
+  image.addEventListener("load", () => resolve(image));
+  image.addEventListener("error", (error) => reject(error));
+  image.setAttribute("crossOrigin", "anonymous");
+  image.src = url;
 });
 const getCroppedImg = async (imageSrc, pixelCrop, rotation) => {
-  const image2 = await createImage(imageSrc);
+  const image = await createImage(imageSrc);
   const canvas = document.createElement("canvas");
   const ctx = canvas.getContext("2d");
-  const maxSize = Math.max(image2.width, image2.height);
+  const maxSize = Math.max(image.width, image.height);
   const safeArea = 2 * (maxSize / 2 * Math.sqrt(2));
   canvas.width = safeArea;
   canvas.height = safeArea;
@@ -34,17 +34,17 @@ const getCroppedImg = async (imageSrc, pixelCrop, rotation) => {
   ctx.rotate(rotation * Math.PI / 180);
   ctx.translate(-safeArea / 2, -safeArea / 2);
   ctx.drawImage(
-    image2,
-    safeArea / 2 - image2.width * 0.5,
-    safeArea / 2 - image2.height * 0.5
+    image,
+    safeArea / 2 - image.width * 0.5,
+    safeArea / 2 - image.height * 0.5
   );
   const data = ctx.getImageData(0, 0, safeArea, safeArea);
   canvas.width = pixelCrop.width;
   canvas.height = pixelCrop.height;
   ctx.putImageData(
     data,
-    Math.round(0 - safeArea / 2 + image2.width * 0.5 - pixelCrop.x),
-    Math.round(0 - safeArea / 2 + image2.height * 0.5 - pixelCrop.y)
+    Math.round(0 - safeArea / 2 + image.width * 0.5 - pixelCrop.x),
+    Math.round(0 - safeArea / 2 + image.height * 0.5 - pixelCrop.y)
   );
   return new Promise((resolve) => {
     canvas.toBlob((blob) => resolve(blob), "image/jpeg", 0.95);
@@ -326,7 +326,7 @@ function ImageEditDialog({
 }
 const EditableImage = withEditable(CompoundImageBase, {
   type: "image",
-  fields: image.objectFields
+  fields: imageField.objectFields
 });
 const CompoundImage = (props) => {
   const [dialogOpen, setDialogOpen] = useState(false);

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

@@ -7,17 +7,5 @@ export { CompoundField, type CompoundFieldProps, fieldTypes, type FieldTypes } f
 export { CompoundForm, type CompoundFormProps, formMethods, type FormMethods } from "./form";
 export { CompoundImage, type CompoundImageProps } from "./image";
 export { CompoundArticleCard, type CompoundArticleCardProps } from "./article-card";
-export { ImageUploadField } from "./image-upload-field";
-export { ActionField, ACTION_TYPE_FIELD_MAP, ACTION_TYPE_OPTIONS, PageActionFields, ExternalActionFields, EmailActionFields, PhoneActionFields, SectionActionFields, DownloadActionFields, type ActionTypeFieldProps, } from "./fields";
-export { ErrorBoundary } from "./error-boundary";
 export { GradientText, type GradientTextProps } from "./gradient-text";
-export { InlineEditable } from "./inline-editable";
-export { type IconName, type Feature, type ActionType, type Action, resolveActionUrl, } from "./core/types";
-export { withEditable } from "./core/with-editable";
-export { usePuckDispatch, usePuckAppState, usePuckHistory, usePuckConfig, usePuckGetSelectorForId, type PuckComponentInfo, } from "./core/hooks";
-export { findComponentById, getRandomAdjective } from "./core/utils";
-export { icon, action, actionDefaults, button, buttons, badge, image, images, padding, paddingDefaults, paddingLevel, heading, description, features, contentFields, contentFieldsWithFeatures, card, cards, field, fieldDefaults, form, formDefaults, getPlaceholderImageUrl, image16x9Placeholder, image1x1Placeholder, image9x16Placeholder, sectionStyle, sectionOverlay, backgroundColor, backgroundImage, } from "./core/fields";
-export { EditorContextProvider, useEditorContext } from "@/components/puck-core/core/context/editor-context";
-export { SectionIdProvider, useSectionId } from "@/components/puck-core/core/context/section-id-context";
-export { AutoField, type FieldDef, type AutoFieldProps, type FieldsPanelProps } from "./fields";
-export { default as useUpload, type UploadFileItem, type UploadStatus, type UseUploadOptions } from "./use-upload";
+export { SafeDynamicIcon } from "./safe-dynamic-icon";

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

@@ -69,39 +69,39 @@ const CssMarqueeBanner = (props) => {
 };
 const CssMarqueeBannerDefaults = {
   headings: [
-    "Relume Library",
-    "Relume Library",
-    "Relume Library",
-    "Relume Library",
-    "Relume Library"
+    "Brand Name",
+    "Brand Name",
+    "Brand Name",
+    "Brand Name",
+    "Brand Name"
   ],
   sections: [
     {
-      title: "Relume Library",
+      title: "Brand Name",
       image: {
         src: "https://picsum.photos/seed/banner-marquee-1/400/267",
-        alt: "Relume Library"
+        alt: "Brand Name"
       }
     },
     {
-      title: "Relume Library",
+      title: "Brand Name",
       image: {
         src: "https://picsum.photos/seed/banner-marquee-2/400/267",
-        alt: "Relume Library"
+        alt: "Brand Name"
       }
     },
     {
-      title: "Relume Library",
+      title: "Brand Name",
       image: {
         src: "https://picsum.photos/seed/banner-marquee-3/400/267",
-        alt: "Relume Library"
+        alt: "Brand Name"
       }
     },
     {
-      title: "Relume Library",
+      title: "Brand Name",
       image: {
         src: "https://picsum.photos/seed/banner-marquee-4/400/267",
-        alt: "Relume Library"
+        alt: "Brand Name"
       }
     }
   ],

package/dist/components/puck-block/banner-sections/dismissible-banner/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";
@@ -112,7 +112,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";
@@ -170,31 +170,9 @@ declare const conf: {
                 action: {
                     type: "custom";
                     label: string;
-                    render: typeof import("../../../puck-core").ActionField;
+                    render: typeof import("../../..").ActionField;
                 };
                 title: {
-                    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/banner-sections/dual-row-marquee/dual-row-marquee.js

@@ -72,16 +72,16 @@ const DualRowMarquee = (props) => {
 };
 const DualRowMarqueeDefaults = {
   headingsTop: [
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-1/100/100", alt: "Relume Library 1" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-2/100/100", alt: "Relume Library 2" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-3/100/100", alt: "Relume Library 3" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-4/100/100", alt: "Relume Library 4" } }
+    { title: "Brand Name", image: { src: "https://picsum.photos/seed/banner-dual-1/100/100", alt: "Brand Name 1" } },
+    { title: "Brand Name", image: { src: "https://picsum.photos/seed/banner-dual-2/100/100", alt: "Brand Name 2" } },
+    { title: "Brand Name", image: { src: "https://picsum.photos/seed/banner-dual-3/100/100", alt: "Brand Name 3" } },
+    { title: "Brand Name", image: { src: "https://picsum.photos/seed/banner-dual-4/100/100", alt: "Brand Name 4" } }
   ],
   headingsBottom: [
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-5/100/100", alt: "Relume Library 5" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-6/100/100", alt: "Relume Library 6" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-7/100/100", alt: "Relume Library 7" } },
-    { title: "Relume Library", image: { src: "https://picsum.photos/seed/banner-dual-8/100/100", alt: "Relume Library 8" } }
+    { title: "Brand Name", image: { src: "https://picsum.photos/seed/banner-dual-5/100/100", alt: "Brand Name 5" } },
+    { title: "Brand Name", image: { src: "https://picsum.photos/seed/banner-dual-6/100/100", alt: "Brand Name 6" } },
+    { title: "Brand Name", image: { src: "https://picsum.photos/seed/banner-dual-7/100/100", alt: "Brand Name 7" } },
+    { title: "Brand Name", image: { src: "https://picsum.photos/seed/banner-dual-8/100/100", alt: "Brand Name 8" } }
   ]
 };
 export {

package/dist/components/puck-block/banner-sections/scroll-driven-marquee/scroll-driven-marquee.js

@@ -5,6 +5,7 @@ import { useRef } from "react";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
+import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 const ScrollDrivenMarquee = (props) => {
   const {
     headings = [],
@@ -18,6 +19,7 @@ const ScrollDrivenMarquee = (props) => {
     style: sectionStyle,
     css
   } = styles ?? {};
+  const { isEditor } = useEditorContext();
   const sectionRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(sectionRef);
   const { scrollYProgress } = useScroll({
@@ -30,7 +32,7 @@ const ScrollDrivenMarquee = (props) => {
     motion.div,
     {
       className: "ml-12 grid auto-cols-max grid-flow-col grid-cols-[max-content] gap-12",
-      style: { x: headingTranslate },
+      style: { x: isEditor ? "0%" : headingTranslate },
       children: headings.map((heading, headingIndex) => /* @__PURE__ */ jsx("h1", { className: "text-md font-bold md:text-lg", children: heading }, headingIndex))
     },
     index
@@ -38,11 +40,11 @@ const ScrollDrivenMarquee = (props) => {
 };
 const ScrollDrivenMarqueeDefaults = {
   headings: [
-    "Relume Library",
-    "Relume Library",
-    "Relume Library",
-    "Relume Library",
-    "Relume Library"
+    "Brand Name",
+    "Brand Name",
+    "Brand Name",
+    "Brand Name",
+    "Brand Name"
   ]
 };
 export {

package/dist/components/puck-block/banner-sections/scroll-parallax-text/scroll-parallax-text.js

@@ -5,6 +5,7 @@ import { useScroll, useTransform, motion } from "framer-motion";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { useScrollContainer } from "../../../../hooks/use-scroll-container.js";
+import { useEditorContext } from "../../../puck-core/core/context/editor-context.js";
 const ScrollParallaxText = (props) => {
   const {
     headings = [],
@@ -18,6 +19,7 @@ const ScrollParallaxText = (props) => {
     style: sectionStyle,
     css
   } = styles ?? {};
+  const { isEditor } = useEditorContext();
   const sectionRef = useRef(null);
   const [scrollContainerRef] = useScrollContainer(sectionRef);
   const { scrollYProgress } = useScroll({
@@ -37,7 +39,7 @@ const ScrollParallaxText = (props) => {
       children: /* @__PURE__ */ jsx("div", { className: "flex flex-col whitespace-nowrap", children: headings.map((heading, index) => /* @__PURE__ */ jsx(
         motion.h1,
         {
-          style: index % 2 === 0 ? { x: xPartOne } : { x: xPartTwo },
+          style: index % 2 === 0 ? { x: isEditor ? "0%" : xPartOne } : { x: isEditor ? "0%" : xPartTwo },
           className: cn("text-[6rem] font-bold leading-[1.2]", {
             "self-end": index % 2 !== 0
           }),

package/dist/components/puck-block/contact-sections/centered-form/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";

package/dist/components/puck-block/contact-sections/contact-cards-grid/contact-cards-grid.js

@@ -80,7 +80,7 @@ const ContactCardsGridDefaults = {
       icon: "email",
       title: "Email",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in ero.",
-      link: { label: "hello@relume.io", action: { type: "email", email: "hello@relume.io" } }
+      link: { label: "hello@example.com", action: { type: "email", email: "hello@example.com" } }
     },
     {
       icon: "phone",

package/dist/components/puck-block/contact-sections/contact-modal/contact-modal.js

@@ -144,7 +144,7 @@ const ContactModal = (props) => {
     ] }) }) });
   }
   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 max-w-lg text-center", children: /* @__PURE__ */ jsxs(Dialog, { children: [
-    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "Open modal" }) }),
+    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: "inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90", children: "Open modal" }) }),
     /* @__PURE__ */ jsx(
       DialogContent,
       {

package/dist/components/puck-block/contact-sections/contact-modal/index.d.ts

@@ -21,7 +21,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/contact-sections/form-with-media/form-with-media.js

@@ -94,7 +94,7 @@ const FormWithMediaDefaults = {
   buttons: [],
   image: {
     src: "https://picsum.photos/seed/contact-media/800/800",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   email: "",
   phone: "",

package/dist/components/puck-block/contact-sections/form-with-media/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";

package/dist/components/puck-block/contact-sections/header-form-cards/header-form-cards.js

@@ -154,7 +154,7 @@ const HeaderFormCardsDefaults = {
       icon: "email",
       title: "Email",
       description: "Lorem ipsum dolor sit amet.",
-      link: { label: "hello@relume.io", action: { type: "email", email: "hello@relume.io" } }
+      link: { label: "hello@example.com", action: { type: "email", email: "hello@example.com" } }
     },
     {
       icon: "phone",

package/dist/components/puck-block/contact-sections/header-form-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";

package/dist/components/puck-block/contact-sections/header-info-fullwidth/header-info-fullwidth.js

@@ -44,7 +44,7 @@ const HeaderInfoFullwidthDefaults = {
   buttons: [],
   image: {
     src: "https://picsum.photos/seed/contact-fullwidth/1920/600",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   email: "",
   phone: "",
@@ -54,7 +54,7 @@ const HeaderInfoFullwidthDefaults = {
       icon: "email",
       title: "Email",
       description: "",
-      link: { label: "hello@relume.io", action: { type: "email", email: "hello@relume.io" } }
+      link: { label: "hello@example.com", action: { type: "email", email: "hello@example.com" } }
     },
     {
       icon: "phone",

package/dist/components/puck-block/contact-sections/info-cards-media/info-cards-media.js

@@ -42,7 +42,7 @@ const InfoCardsMediaDefaults = {
   buttons: [],
   image: {
     src: "https://picsum.photos/seed/contact-info/1200/800",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   email: "",
   phone: "",
@@ -52,7 +52,7 @@ const InfoCardsMediaDefaults = {
       icon: "email",
       title: "Email",
       description: "Lorem ipsum dolor sit amet.",
-      link: { label: "hello@relume.io", action: { type: "email", email: "hello@relume.io" } }
+      link: { label: "hello@example.com", action: { type: "email", email: "hello@example.com" } }
     },
     {
       icon: "phone",

package/dist/components/puck-block/contact-sections/location-cards-grid/index.d.ts

@@ -49,7 +49,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/contact-sections/split-info-form/index.d.ts

@@ -33,7 +33,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/contact-sections/split-info-form/split-info-form.js

@@ -146,7 +146,7 @@ const SplitInfoFormDefaults = {
   button: { label: "Submit" },
   buttons: [],
   image: { src: "https://picsum.photos/seed/contact-split/800/600", alt: "Placeholder" },
-  email: "hello@relume.io",
+  email: "hello@example.com",
   phone: "+1 (555) 000-0000",
   address: "123 Sample St, Sydney NSW 2000 AU",
   contacts: [],

package/dist/components/puck-block/cta-sections/feature-card-cta/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";

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

@@ -1,2 +1,4 @@
 export { default as FeatureCardCtaConf } from "./feature-card-cta";
 export { default as MouseTrackCtaConf } from "./mouse-track-cta";
+export { default as SideMediaCtaConf } from "./side-media-cta";
+export { default as TextBlockCtaConf } from "./text-block-cta";

package/dist/components/puck-block/cta-sections/mouse-track-cta/index.d.ts

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