dune-react 0.0.29 → 0.0.31

package/dist/components/puck-block/testimonial-sections/tab-testimonial/component.d.ts

@@ -0,0 +1,22 @@
+import type { TestimonialComponentProps, BaseImage } from "../props";
+type Testimonial = {
+    numberOfStars: number;
+    quote: string;
+    avatar: BaseImage;
+    name: string;
+    position: string;
+    companyName: string;
+};
+type Tab = {
+    value: string;
+    trigger: BaseImage;
+    content: Testimonial;
+    image?: BaseImage;
+};
+type TabTestimonialExtra = {
+    tabs: Tab[];
+};
+export type TabTestimonialProps = TestimonialComponentProps<TabTestimonialExtra>;
+export declare const TabTestimonial: (props: TabTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabTestimonialDefaults: TabTestimonialProps;
+export {};

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

@@ -0,0 +1,69 @@
+import { TabTestimonial, TabTestimonialDefaults } from "./component";
+import type { TabTestimonialProps } from "./component";
+export { TabTestimonial, TabTestimonialDefaults };
+export type { TabTestimonialProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        tabs: {
+            type: string;
+            getItemSummary: (item: {
+                value?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                value: {
+                    type: 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.";
+                    };
+                };
+                hasImage: {
+                    readonly type: "radio";
+                    readonly label: "Has Image";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: TabTestimonialProps;
+    render: (props: TabTestimonialProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/testimonial-sections/testimonial-card-grid/component.d.ts

@@ -0,0 +1,18 @@
+import type { TestimonialComponentProps, BaseImage, BaseButton } from "../props";
+type Testimonial = {
+    image: BaseImage;
+    quote: string;
+    avatar: BaseImage;
+    name: string;
+    position: string;
+    numberOfStars: number;
+    logo?: BaseImage;
+    button?: BaseButton;
+};
+type TestimonialCardGridExtra = {
+    testimonials: Testimonial[];
+};
+export type TestimonialCardGridProps = TestimonialComponentProps<TestimonialCardGridExtra>;
+export declare const TestimonialCardGrid: (props: TestimonialCardGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TestimonialCardGridDefaults: TestimonialCardGridProps;
+export {};

package/dist/components/puck-block/testimonial-sections/testimonial-card-grid/component.js

@@ -19,12 +19,12 @@ const TestimonialCardGrid = (props) => {
     style: sectionStyle,
     css,
     textAlign = "center",
-    gridColumns = 2,
+    gridColumns = "2",
     ratingType = "logo",
     bordered = false,
     hasButton = false
   } = styles ?? {};
-  const gridColsClass = gridColumns === 3 ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
+  const gridColsClass = gridColumns === "3" ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
   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("div", { className: `mx-auto mb-12 w-full max-w-lg md:mb-18 lg:mb-20 ${textAlign === "center" ? "text-center" : "text-left"}`, children: [
       /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
@@ -83,7 +83,7 @@ const TestimonialCardGridDefaults = {
   ],
   styles: {
     textAlign: "center",
-    gridColumns: 2,
+    gridColumns: "2",
     ratingType: "logo",
     bordered: false,
     hasButton: false

package/dist/components/puck-block/testimonial-sections/testimonial-card-grid/index.d.ts

@@ -0,0 +1,119 @@
+import { TestimonialCardGrid, TestimonialCardGridDefaults } from "./component";
+import type { TestimonialCardGridProps } from "./component";
+export { TestimonialCardGrid, TestimonialCardGridDefaults };
+export type { TestimonialCardGridProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        testimonials: {
+            type: string;
+            getItemSummary: (item: {
+                name?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                quote: {
+                    type: string;
+                };
+                name: {
+                    type: string;
+                };
+                position: {
+                    type: 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.";
+                    };
+                };
+                textAlign: {
+                    readonly type: "radio";
+                    readonly label: "Text Align";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }];
+                };
+                gridColumns: {
+                    readonly type: "radio";
+                    readonly label: "Grid Columns";
+                    readonly options: readonly [{
+                        readonly label: "2";
+                        readonly value: "2";
+                    }, {
+                        readonly label: "3";
+                        readonly value: "3";
+                    }];
+                };
+                ratingType: {
+                    readonly type: "radio";
+                    readonly label: "Rating Type";
+                    readonly options: readonly [{
+                        readonly label: "Logo";
+                        readonly value: "logo";
+                    }, {
+                        readonly label: "Stars";
+                        readonly value: "stars";
+                    }];
+                };
+                bordered: {
+                    readonly type: "radio";
+                    readonly label: "Bordered";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                hasButton: {
+                    readonly type: "radio";
+                    readonly label: "Has Button";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: TestimonialCardGridProps;
+    render: (props: TestimonialCardGridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/testimonial-sections/testimonial-carousel/component.d.ts

@@ -0,0 +1,17 @@
+import type { TestimonialComponentProps, BaseImage, BaseButton } from "../props";
+type Testimonial = {
+    quote: string;
+    logo?: BaseImage;
+    avatar: BaseImage;
+    name: string;
+    position: string;
+    numberOfStars: number;
+    button?: BaseButton;
+};
+type TestimonialCarouselExtra = {
+    testimonials: Testimonial[];
+};
+export type TestimonialCarouselProps = TestimonialComponentProps<TestimonialCarouselExtra>;
+export declare const TestimonialCarousel: (props: TestimonialCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TestimonialCarouselDefaults: TestimonialCarouselProps;
+export {};

package/dist/components/puck-block/testimonial-sections/testimonial-carousel/component.js

@@ -24,7 +24,7 @@ const TestimonialCarousel = (props) => {
     ratingType = "logo",
     hasHeading = false,
     textAlign = "center",
-    carouselColumns = 1,
+    carouselColumns = "1",
     bordered = false,
     hasButton = false
   } = styles ?? {};
@@ -37,7 +37,7 @@ const TestimonialCarousel = (props) => {
       setCurrent(api.selectedScrollSnap() + 1);
     });
   }, [api]);
-  const basisClass = carouselColumns === 3 ? "md:basis-1/2 lg:basis-1/3" : carouselColumns === 2 ? "md:basis-1/2" : "md:basis-full";
+  const basisClass = carouselColumns === "3" ? "md:basis-1/2 lg:basis-1/3" : carouselColumns === "2" ? "md:basis-1/2" : "md:basis-full";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("overflow-hidden px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
     hasHeading && /* @__PURE__ */ jsxs("div", { className: `mb-12 w-full max-w-lg md:mb-18 lg:mb-20 ${textAlign === "center" ? "mx-auto text-center" : ""}`, children: [
       /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
@@ -54,11 +54,11 @@ const TestimonialCarousel = (props) => {
             /* @__PURE__ */ jsx(CarouselContent, { className: "ml-0 md:mx-3", children: testimonials.map((testimonial2, index) => /* @__PURE__ */ jsx(
               CarouselItem,
               {
-                className: `pl-0 ${carouselColumns === 1 ? "md:px-16" : "pr-6 md:pr-8"} ${basisClass}`,
+                className: `pl-0 ${carouselColumns === "1" ? "md:px-16" : "pr-6 md:pr-8"} ${basisClass}`,
                 children: /* @__PURE__ */ jsxs("div", { className: `mx-auto flex w-full max-w-lg flex-col items-center text-center ${bordered ? "border border-border-primary p-6 md:p-8" : ""}`, children: [
                   ratingType === "logo" && testimonial2.logo && /* @__PURE__ */ jsx("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx(CompoundImage, { src: testimonial2.logo.src, alt: testimonial2.logo.alt, className: "max-h-14" }) }),
                   ratingType === "stars" && /* @__PURE__ */ jsx("div", { className: "mb-5 flex md:mb-6", children: Array(testimonial2.numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "mr-1 size-6" }, starIndex)) }),
-                  /* @__PURE__ */ jsx("blockquote", { className: `font-bold ${carouselColumns === 1 ? "text-xl md:text-2xl" : "text-md leading-[1.4] md:text-xl"}`, children: testimonial2.quote }),
+                  /* @__PURE__ */ jsx("blockquote", { className: `font-bold ${carouselColumns === "1" ? "text-xl md:text-2xl" : "text-md leading-[1.4] md:text-xl"}`, children: testimonial2.quote }),
                   /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-col items-center justify-center md:mt-8", children: [
                     /* @__PURE__ */ jsx("div", { className: "mb-3 md:mb-4", children: /* @__PURE__ */ jsx(
                       CompoundImage,
@@ -111,7 +111,7 @@ const TestimonialCarouselDefaults = {
     ratingType: "logo",
     hasHeading: false,
     textAlign: "center",
-    carouselColumns: 1,
+    carouselColumns: "1",
     bordered: false,
     hasButton: false
   }

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

@@ -0,0 +1,133 @@
+import { TestimonialCarousel, TestimonialCarouselDefaults } from "./component";
+import type { TestimonialCarouselProps } from "./component";
+export { TestimonialCarousel, TestimonialCarouselDefaults };
+export type { TestimonialCarouselProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        testimonials: {
+            type: string;
+            getItemSummary: (item: {
+                name?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                quote: {
+                    type: string;
+                };
+                name: {
+                    type: string;
+                };
+                position: {
+                    type: 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.";
+                    };
+                };
+                ratingType: {
+                    readonly type: "radio";
+                    readonly label: "Rating Type";
+                    readonly options: readonly [{
+                        readonly label: "Logo";
+                        readonly value: "logo";
+                    }, {
+                        readonly label: "Stars";
+                        readonly value: "stars";
+                    }];
+                };
+                hasHeading: {
+                    readonly type: "radio";
+                    readonly label: "Has Heading";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                textAlign: {
+                    readonly type: "radio";
+                    readonly label: "Text Align";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }];
+                };
+                carouselColumns: {
+                    readonly type: "radio";
+                    readonly label: "Carousel Columns";
+                    readonly options: readonly [{
+                        readonly label: "1";
+                        readonly value: "1";
+                    }, {
+                        readonly label: "2";
+                        readonly value: "2";
+                    }, {
+                        readonly label: "3";
+                        readonly value: "3";
+                    }];
+                };
+                bordered: {
+                    readonly type: "radio";
+                    readonly label: "Bordered";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                hasButton: {
+                    readonly type: "radio";
+                    readonly label: "Has Button";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: TestimonialCarouselProps;
+    render: (props: TestimonialCarouselProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/text-sections/aside-nav-content/component.d.ts

@@ -0,0 +1,17 @@
+import type { TextComponentProps, TextSectionBaseProps } from "../props";
+type AsideLink = {
+    title: string;
+    href: string;
+};
+type Aside = {
+    title: string;
+    links: AsideLink[];
+};
+type AsideNavContentExtra = {
+    aside: Aside;
+    prose: string;
+};
+export type AsideNavContentProps = TextComponentProps<AsideNavContentExtra>;
+export declare const AsideNavContent: (props: AsideNavContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AsideNavContentDefaults: Partial<TextSectionBaseProps> & AsideNavContentExtra;
+export {};

package/dist/components/puck-block/text-sections/aside-nav-content/index.d.ts

@@ -0,0 +1,85 @@
+import { AsideNavContent, AsideNavContentDefaults } from "./component";
+import type { AsideNavContentProps } from "./component";
+export { AsideNavContent, AsideNavContentDefaults };
+export type { AsideNavContentProps };
+declare const conf: {
+    fields: {
+        aside: {
+            type: string;
+            label: string;
+            objectFields: {
+                title: {
+                    type: string;
+                };
+                links: {
+                    type: string;
+                    getItemSummary: (item: {
+                        title?: string;
+                    }, index?: number) => string;
+                    arrayFields: {
+                        title: {
+                            type: string;
+                        };
+                        href: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+        };
+        prose: {
+            type: 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.";
+                    };
+                };
+                asidePosition: {
+                    readonly type: "radio";
+                    readonly label: "Aside Position";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Right";
+                        readonly value: "right";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").TextSectionBaseProps> & {
+        aside: {
+            title: string;
+            links: {
+                title: string;
+                href: string;
+            }[];
+        };
+        prose: string;
+    };
+    render: (props: AsideNavContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/text-sections/blog-article/component.d.ts

@@ -0,0 +1,30 @@
+import type { TextComponentProps, TextSectionBaseProps, BaseImage } from "../props";
+type SocialMediaLink = {
+    platform: string;
+    url: string;
+};
+type Tag = {
+    label: string;
+    url: string;
+};
+type Author = {
+    name: string;
+    titleAndCompany: string;
+    avatar: BaseImage;
+};
+type Breadcrumb = {
+    label: string;
+    url: string;
+};
+type BlogArticleExtra = {
+    prose: string;
+    socialMediaLinks: SocialMediaLink[];
+    tags: Tag[];
+    shareTitle: string;
+    author: Author;
+    breadcrumbs?: Breadcrumb[];
+};
+export type BlogArticleProps = TextComponentProps<BlogArticleExtra>;
+export declare const BlogArticle: (props: BlogArticleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BlogArticleDefaults: Partial<TextSectionBaseProps> & BlogArticleExtra;
+export {};