npm - dune-react - Versions diffs - 0.0.22 → 0.0.23 - Mend

dune-react 0.0.22 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/dist/components/puck-block/pricing-sections/pricing-comparison-table/index.js CHANGED Viewed

@@ -23,6 +23,40 @@ const conf = {
         title: { type: "text" }
       }
     },
+    defaultTabValue: {
+      type: "radio",
+      label: "Default Tab",
+      options: [
+        { label: "Monthly", value: "monthly" },
+        { label: "Yearly", value: "yearly" }
+      ]
+    },
+    tabs: {
+      type: "array",
+      label: "Tabs",
+      getItemSummary: (item, index = 0) => item.tabName || `Tab ${index + 1}`,
+      arrayFields: {
+        value: {
+          type: "radio",
+          label: "Billing",
+          options: [
+            { label: "Monthly", value: "monthly" },
+            { label: "Yearly", value: "yearly" }
+          ]
+        },
+        tabName: { type: "text", label: "Tab Name" },
+        pricingPlans: {
+          type: "array",
+          label: "Pricing Plans",
+          getItemSummary: (item, index = 0) => item.planName || `Plan ${index + 1}`,
+          arrayFields: {
+            planName: { type: "text" },
+            monthlyPrice: { type: "text" },
+            description: { type: "textarea" }
+          }
+        }
+      }
+    },
     styles: {
       type: "object",
       label: "Styles",

package/dist/components/puck-block/pricing-sections/split-pricing/component.js CHANGED Viewed

@@ -53,17 +53,17 @@ const SplitPricingDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
   featureSections: [
     {
-      icon: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-icon.svg", alt: "Relume logo 1" },
+      icon: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo 1" },
       heading: "Key feature heading",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
     },
     {
-      icon: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-icon.svg", alt: "Relume logo 2" },
+      icon: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo 2" },
       heading: "Key feature heading",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
     },
     {
-      icon: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-icon.svg", alt: "Relume logo 3" },
+      icon: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo 3" },
       heading: "Key feature heading",
       description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
     }

package/dist/components/puck-block/registry.generated.d.ts CHANGED Viewed

@@ -3631,9 +3631,88 @@ declare const confMap: {
                     };
                 };
             };
+            columnLinks: {
+                type: string;
+                label: string;
+                getItemSummary: (_item: unknown, index?: number) => string;
+                defaultItemProps: {
+                    links: {
+                        title: string;
+                        url: string;
+                    }[];
+                };
+                arrayFields: {
+                    links: {
+                        type: string;
+                        label: string;
+                        getItemSummary: (item: {
+                            title?: string;
+                        }, index?: number) => string;
+                        defaultItemProps: {
+                            title: string;
+                            url: string;
+                        };
+                        arrayFields: {
+                            title: {
+                                type: string;
+                                label: string;
+                            };
+                            url: {
+                                type: string;
+                                label: string;
+                            };
+                        };
+                    };
+                };
+            };
             footerText: {
                 type: string;
             };
+            footerLinks: {
+                type: string;
+                label: string;
+                getItemSummary: (item: {
+                    title?: string;
+                }, index?: number) => string;
+                arrayFields: {
+                    title: {
+                        type: string;
+                        label: string;
+                    };
+                    url: {
+                        type: string;
+                        label: string;
+                    };
+                };
+            };
+            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: import("./footer-sections/props").FooterSectionBaseProps;
         render: (props: import("./footer-sections/centered-minimal-footer").CenteredMinimalFooterProps) => import("react/jsx-runtime").JSX.Element;
@@ -3649,6 +3728,92 @@ declare const confMap: {
                     };
                 };
             };
+            address: {
+                type: string;
+                label: string;
+                objectFields: {
+                    label: {
+                        type: string;
+                        label: string;
+                    };
+                    value: {
+                        type: string;
+                        label: string;
+                    };
+                };
+            };
+            columnLinks: {
+                type: string;
+                label: string;
+                getItemSummary: (_item: unknown, index?: number) => string;
+                arrayFields: {
+                    links: {
+                        type: string;
+                        label: string;
+                        getItemSummary: (item: {
+                            title?: string;
+                        }, index?: number) => string;
+                        arrayFields: {
+                            title: {
+                                type: string;
+                                label: string;
+                            };
+                            url: {
+                                type: string;
+                                label: string;
+                            };
+                        };
+                    };
+                };
+            };
+            contact: {
+                type: string;
+                label: string;
+                objectFields: {
+                    label: {
+                        type: string;
+                        label: string;
+                    };
+                    phone: {
+                        type: string;
+                        label: string;
+                    };
+                    email: {
+                        type: string;
+                        label: string;
+                    };
+                };
+            };
+            footerLinks: {
+                type: string;
+                label: string;
+                getItemSummary: (item: {
+                    title?: string;
+                }, index?: number) => string;
+                arrayFields: {
+                    title: {
+                        type: string;
+                        label: string;
+                    };
+                    url: {
+                        type: string;
+                        label: string;
+                    };
+                };
+            };
+            socialMediaLinks: {
+                type: string;
+                label: string;
+                getItemSummary: (item: {
+                    url?: string;
+                }, index?: number) => string;
+                arrayFields: {
+                    url: {
+                        type: string;
+                        label: string;
+                    };
+                };
+            };
             footerText: {
                 type: string;
             };
@@ -3804,6 +3969,43 @@ declare const confMap: {
                     readonly instructions: "Buttons must use the same size";
                 };
             };
+            columnLinks: {
+                type: string;
+                label: string;
+                getItemSummary: (_item: unknown, index?: number) => string;
+                arrayFields: {
+                    links: {
+                        type: string;
+                        label: string;
+                        getItemSummary: (item: {
+                            title?: string;
+                        }, index?: number) => string;
+                        arrayFields: {
+                            title: {
+                                type: string;
+                                label: string;
+                            };
+                            url: {
+                                type: string;
+                                label: string;
+                            };
+                        };
+                    };
+                };
+            };
+            socialMediaLinks: {
+                type: string;
+                label: string;
+                getItemSummary: (item: {
+                    url?: string;
+                }, index?: number) => string;
+                arrayFields: {
+                    url: {
+                        type: string;
+                        label: string;
+                    };
+                };
+            };
             footerText: {
                 type: string;
             };
@@ -4899,8 +5101,18 @@ declare const confMap: {
                         };
                     };
                     slideBasis: {
-                        readonly type: "text";
+                        readonly type: "select";
                         readonly label: "Slide Basis";
+                        readonly options: readonly [{
+                            readonly label: "4/5";
+                            readonly value: "4/5";
+                        }, {
+                            readonly label: "45%";
+                            readonly value: "45%";
+                        }, {
+                            readonly label: "30%";
+                            readonly value: "30%";
+                        }];
                     };
                 };
             };
@@ -7686,14 +7898,22 @@ declare const confMap: {
                     readonly instructions: "Buttons must use the same size";
                 };
             };
-            image: {
-                type: "object";
-                objectFields: {
-                    src: import("@puckeditor/core").Field<string>;
-                    alt: {
+            images: {
+                readonly type: "array";
+                readonly max: 10;
+                readonly getItemSummary: (item: {
+                    alt?: string;
+                }, index?: number) => string;
+                readonly arrayFields: {
+                    readonly src: import("@puckeditor/core").Field<string>;
+                    readonly alt: {
                         type: "text";
                     };
                 };
+                readonly defaultItemProps: {
+                    alt: string;
+                    src: string;
+                };
             };
         };
         defaultProps: import("./hero-sections/sticky-expand-hero").StickyExpandHeroProps;
@@ -9237,6 +9457,53 @@ declare const confMap: {
                     };
                 };
             };
+            defaultTabValue: {
+                type: "radio";
+                label: string;
+                options: {
+                    label: string;
+                    value: string;
+                }[];
+            };
+            tabs: {
+                type: "array";
+                label: string;
+                getItemSummary: (item: {
+                    tabName?: string;
+                }, index?: number) => string;
+                arrayFields: {
+                    value: {
+                        type: "radio";
+                        label: string;
+                        options: {
+                            label: string;
+                            value: string;
+                        }[];
+                    };
+                    tabName: {
+                        type: "text";
+                        label: string;
+                    };
+                    pricingPlans: {
+                        type: "array";
+                        label: string;
+                        getItemSummary: (item: {
+                            planName?: string;
+                        }, index?: number) => string;
+                        arrayFields: {
+                            planName: {
+                                type: "text";
+                            };
+                            monthlyPrice: {
+                                type: "text";
+                            };
+                            description: {
+                                type: "textarea";
+                            };
+                        };
+                    };
+                };
+            };
             styles: {
                 type: string;
                 label: string;

package/dist/components/puck-block/showcase-sections/tab-timeline/component.js CHANGED Viewed

@@ -120,7 +120,7 @@ const defaultTab = (value, index) => ({
     buttons: [{ label: "Button", variant: "secondary" }, { label: "Button", variant: "link" }],
     image: {
       src: `https://picsum.photos/seed/tab-timeline${index}/800/600`,
-      alt: `Relume placeholder image ${index + 1}`
+      alt: `Placeholder image ${index + 1}`
     }
   }
 });

package/dist/components/puck-block/testimonial-sections/bento-testimonial/component.js CHANGED Viewed

@@ -110,7 +110,7 @@ const BentoTestimonialDefaults = {
     },
     {
       component: "logo",
-      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo 1" } }
+      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/logo-1.svg", alt: "Logo 1" } }
     },
     {
       component: "quote",
@@ -137,7 +137,7 @@ const BentoTestimonialDefaults = {
     },
     {
       component: "logo",
-      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo 2" } }
+      props: { logo: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo 2" } }
     },
     {
       component: "background",

package/dist/components/puck-block/testimonial-sections/tab-testimonial/component.js CHANGED Viewed

@@ -93,9 +93,9 @@ const TabTestimonialDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   tabs: [
     { ...tab, value: "tab-1" },
-    { ...tab, value: "tab-2", trigger: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo" } },
+    { ...tab, value: "tab-2", trigger: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo" } },
     { ...tab, value: "tab-3" },
-    { ...tab, value: "tab-4", trigger: { src: "https://d22po4pjz3o32e.cloudfront.net/relume-logo.svg", alt: "Relume logo" } }
+    { ...tab, value: "tab-4", trigger: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo" } }
   ],
   styles: {
     hasImage: false

package/dist/components/puck-block/text-sections/prose-content/component.js CHANGED Viewed

@@ -81,7 +81,7 @@ const ProseContentDefaults = {
   ],
   mediaImage: {
     src: "https://picsum.photos/seed/prose-media/1200/600",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
   styles: {

package/dist/components/puck-block/text-sections/side-media-content/component.js CHANGED Viewed

@@ -71,7 +71,7 @@ const SideMediaContentDefaults = {
   prose: `<p>Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse.</p><p>Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus. Etiam egestas in nec sed et. Quis lobortis at sit dictum eget nibh tortor commodo cursus.</p>`,
   image: {
     src: "https://picsum.photos/seed/side-media/800/600",
-    alt: "Relume placeholder image"
+    alt: "Placeholder image"
   },
   video: "https://www.youtube.com/embed/8DKLYsikxTs?si=Ch9W0KrDWWUiCMMW",
   styles: {

package/dist/components/puck-block/text-sections/sticky-text-multi-image/component.js CHANGED Viewed

@@ -35,9 +35,9 @@ const StickyTextMultiImageDefaults = {
   heading: "Short heading goes here",
   prose: `<p>Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse.</p><p>Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus.</p>`,
   images: [
-    { src: "https://picsum.photos/seed/sticky-img1/800/600", alt: "Relume placeholder image 1" },
-    { src: "https://picsum.photos/seed/sticky-img2/800/600", alt: "Relume placeholder image 2" },
-    { src: "https://picsum.photos/seed/sticky-img3/800/600", alt: "Relume placeholder image 3" }
+    { src: "https://picsum.photos/seed/sticky-img1/800/600", alt: "Placeholder image 1" },
+    { src: "https://picsum.photos/seed/sticky-img2/800/600", alt: "Placeholder image 2" },
+    { src: "https://picsum.photos/seed/sticky-img3/800/600", alt: "Placeholder image 3" }
   ],
   styles: {
     contentPosition: "left"

package/dist/components/puck-core/core/props/media.js CHANGED Viewed

@@ -1,7 +1,12 @@
+import { ImageUploadField } from "../../fields/image-upload-field.js";
 const imageField = {
   type: "object",
   objectFields: {
-    src: { type: "image", label: "Image" },
+    src: {
+      type: "custom",
+      label: "Image",
+      render: ImageUploadField
+    },
     alt: { type: "text" }
   }
 };

package/dist/components/puck-core/fields/array-field.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { FieldDef } from "./types";
+export declare const ArrayField: import("react").NamedExoticComponent<{
+    field: FieldDef;
+    name: string;
+    value: any;
+    onChange: (value: any) => void;
+}>;