dune-react 0.0.19 → 0.0.21

package/dist/components/puck-block/faq-sections/stacked-accordion-faq/index.d.ts

@@ -0,0 +1,160 @@
+import { StackedAccordionFaq, StackedAccordionFaqDefaults } from "./stacked-accordion-faq";
+import type { StackedAccordionFaqProps } from "./stacked-accordion-faq";
+export { StackedAccordionFaq, StackedAccordionFaqDefaults };
+export type { StackedAccordionFaqProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        questions: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                title: {
+                    type: string;
+                    contentEditable: boolean;
+                };
+                answer: {
+                    type: string;
+                    contentEditable: boolean;
+                };
+            };
+        };
+        footerHeading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        footerDescription: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        button: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../../puck-core").ActionField;
+                };
+                readonly variant: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "primary";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "secondary";
+                        readonly value: "secondary";
+                    }, {
+                        readonly label: "outline";
+                        readonly value: "outline";
+                    }, {
+                        readonly label: "ghost";
+                        readonly value: "ghost";
+                    }, {
+                        readonly label: "link";
+                        readonly value: "link";
+                    }, {
+                        readonly label: "destructive";
+                        readonly value: "destructive";
+                    }];
+                };
+                readonly size: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "sm";
+                        readonly value: "sm";
+                    }, {
+                        readonly label: "lg";
+                        readonly value: "lg";
+                    }, {
+                        readonly label: "icon";
+                        readonly value: "icon";
+                    }];
+                };
+                readonly icon: {
+                    type: "custom";
+                    render: typeof import("../../../puck-core/fields/icon-picker-field").IconPickerField;
+                };
+            };
+        };
+        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";
+                    }];
+                };
+                hasFooter: {
+                    readonly type: "radio";
+                    readonly label: "Show Footer";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                bordered: {
+                    readonly type: "radio";
+                    readonly label: "Bordered";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").FaqSectionBaseProps;
+    render: (props: StackedAccordionFaqProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/faq-sections/stacked-accordion-faq/index.js

@@ -0,0 +1,40 @@
+import { StackedAccordionFaq, StackedAccordionFaqDefaults } from "./stacked-accordion-faq.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { faqStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    questions: {
+      type: "array",
+      max: 20,
+      getItemSummary: (item, index = 0) => item.title || `Question ${index + 1}`,
+      arrayFields: {
+        title: { type: "text", contentEditable: true },
+        answer: { type: "textarea", contentEditable: true }
+      }
+    },
+    footerHeading: headingField,
+    footerDescription: descriptionField,
+    button: buttonField,
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        textAlign: faqStyleFields.textAlign,
+        hasFooter: faqStyleFields.hasFooter,
+        bordered: faqStyleFields.bordered,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: StackedAccordionFaqDefaults,
+  render: StackedAccordionFaq
+};
+export {
+  StackedAccordionFaq,
+  StackedAccordionFaqDefaults,
+  conf as default
+};

package/dist/components/puck-block/faq-sections/stacked-accordion-faq/stacked-accordion-faq.d.ts

@@ -0,0 +1,4 @@
+import type { FaqComponentProps, FaqSectionBaseProps } from "../props";
+export type StackedAccordionFaqProps = FaqComponentProps;
+export declare const StackedAccordionFaq: (props: StackedAccordionFaqProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StackedAccordionFaqDefaults: FaqSectionBaseProps;

package/dist/components/puck-block/faq-sections/stacked-accordion-faq/stacked-accordion-faq.js

@@ -0,0 +1,84 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../utils/css-utils.js";
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "../../../shadcn/accordion.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+const StackedAccordionFaq = (props) => {
+  const {
+    heading,
+    description,
+    questions,
+    footerHeading,
+    footerDescription,
+    button,
+    styles
+  } = {
+    ...StackedAccordionFaqDefaults,
+    ...props
+  };
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    textAlign = "center",
+    hasFooter = true,
+    bordered = false
+  } = styles ?? {};
+  const isCenter = textAlign === "center";
+  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 max-w-lg", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("rb-12 mb-12 md:mb-18 lg:mb-20", { "text-center": isCenter }), children: [
+      /* @__PURE__ */ jsx("h2", { className: "rb-5 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(Accordion, { type: "multiple", children: questions.map((question, index) => /* @__PURE__ */ jsxs(
+      AccordionItem,
+      {
+        value: `item-${index}`,
+        className: cn({
+          "border border-border-primary px-5 md:px-6 first:rounded-t last:rounded-b": bordered
+        }),
+        children: [
+          /* @__PURE__ */ jsx(
+            AccordionTrigger,
+            {
+              className: cn("md:py-5 md:text-md", {
+                "[&>svg]:hidden": bordered
+              }),
+              children: question.title
+            }
+          ),
+          /* @__PURE__ */ jsx(AccordionContent, { className: "md:pb-6", children: question.answer })
+        ]
+      },
+      index
+    )) }),
+    hasFooter && /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mt-12 max-w-md md:mt-18 lg:mt-20", { "text-center": isCenter }), children: [
+      /* @__PURE__ */ jsx("h4", { className: "mb-3 text-2xl font-bold md:mb-4 md:text-3xl md:leading-[1.3] lg:text-4xl", children: footerHeading }),
+      /* @__PURE__ */ jsx("p", { className: "md:text-md", children: footerDescription }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6 md:mt-8", children: /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }) })
+    ] })
+  ] }) });
+};
+const StackedAccordionFaqDefaults = {
+  heading: "FAQs",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
+  questions: [
+    { title: "Question text goes here", answer: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat." },
+    { title: "Question text goes here", answer: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat." },
+    { title: "Question text goes here", answer: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat." },
+    { title: "Question text goes here", answer: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat." },
+    { title: "Question text goes here", answer: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat." }
+  ],
+  footerHeading: "Still have questions?",
+  footerDescription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  button: { label: "Contact", variant: "secondary" },
+  styles: {
+    textAlign: "center",
+    hasFooter: true,
+    bordered: false
+  }
+};
+export {
+  StackedAccordionFaq,
+  StackedAccordionFaqDefaults
+};

package/dist/components/puck-block/faq-sections/stacked-static-faq/index.d.ts

@@ -0,0 +1,163 @@
+import { StackedStaticFaq, StackedStaticFaqDefaults } from "./stacked-static-faq";
+import type { StackedStaticFaqProps } from "./stacked-static-faq";
+export { StackedStaticFaq, StackedStaticFaqDefaults };
+export type { StackedStaticFaqProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        questions: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                title: {
+                    type: string;
+                    contentEditable: boolean;
+                };
+                answer: {
+                    type: string;
+                    contentEditable: boolean;
+                };
+            };
+        };
+        footerHeading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        footerDescription: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        button: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../../puck-core").ActionField;
+                };
+                readonly variant: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "primary";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "secondary";
+                        readonly value: "secondary";
+                    }, {
+                        readonly label: "outline";
+                        readonly value: "outline";
+                    }, {
+                        readonly label: "ghost";
+                        readonly value: "ghost";
+                    }, {
+                        readonly label: "link";
+                        readonly value: "link";
+                    }, {
+                        readonly label: "destructive";
+                        readonly value: "destructive";
+                    }];
+                };
+                readonly size: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "sm";
+                        readonly value: "sm";
+                    }, {
+                        readonly label: "lg";
+                        readonly value: "lg";
+                    }, {
+                        readonly label: "icon";
+                        readonly value: "icon";
+                    }];
+                };
+                readonly icon: {
+                    type: "custom";
+                    render: typeof import("../../../puck-core/fields/icon-picker-field").IconPickerField;
+                };
+            };
+        };
+        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: "1";
+                        readonly value: "1";
+                    }, {
+                        readonly label: "2";
+                        readonly value: "2";
+                    }, {
+                        readonly label: "3";
+                        readonly value: "3";
+                    }];
+                };
+                hasFooter: {
+                    readonly type: "radio";
+                    readonly label: "Show Footer";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").FaqSectionBaseProps;
+    render: (props: StackedStaticFaqProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/faq-sections/stacked-static-faq/index.js

@@ -0,0 +1,40 @@
+import { StackedStaticFaq, StackedStaticFaqDefaults } from "./stacked-static-faq.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { faqStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    questions: {
+      type: "array",
+      max: 20,
+      getItemSummary: (item, index = 0) => item.title || `Question ${index + 1}`,
+      arrayFields: {
+        title: { type: "text", contentEditable: true },
+        answer: { type: "textarea", contentEditable: true }
+      }
+    },
+    footerHeading: headingField,
+    footerDescription: descriptionField,
+    button: buttonField,
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        textAlign: faqStyleFields.textAlign,
+        gridColumns: faqStyleFields.gridColumns,
+        hasFooter: faqStyleFields.hasFooter,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: StackedStaticFaqDefaults,
+  render: StackedStaticFaq
+};
+export {
+  StackedStaticFaq,
+  StackedStaticFaqDefaults,
+  conf as default
+};

package/dist/components/puck-block/faq-sections/stacked-static-faq/stacked-static-faq.d.ts

@@ -0,0 +1,4 @@
+import type { FaqComponentProps, FaqSectionBaseProps } from "../props";
+export type StackedStaticFaqProps = FaqComponentProps;
+export declare const StackedStaticFaq: (props: StackedStaticFaqProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StackedStaticFaqDefaults: FaqSectionBaseProps;

package/dist/components/puck-block/faq-sections/stacked-static-faq/stacked-static-faq.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../utils/css-utils.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+const StackedStaticFaq = (props) => {
+  const {
+    heading,
+    description,
+    questions,
+    footerHeading,
+    footerDescription,
+    button,
+    styles
+  } = {
+    ...StackedStaticFaqDefaults,
+    ...props
+  };
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    textAlign = "center",
+    gridColumns = 1,
+    hasFooter = true
+  } = styles ?? {};
+  const isCenter = textAlign === "center";
+  const isInline = gridColumns === 1 && textAlign === "left";
+  const gridClass = cn("grid gap-x-12 gap-y-10 md:gap-y-12", {
+    "grid-cols-1": gridColumns === 1 && !isInline,
+    "grid-cols-1 md:grid-cols-2": gridColumns === 2,
+    "grid-cols-1 md:grid-cols-2 lg:grid-cols-3": gridColumns === 3,
+    "md:grid-cols-[0.75fr_1fr]": isInline
+  });
+  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: cn("container", { "w-full max-w-lg": gridColumns === 1 && isCenter }), children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("rb-12 mb-12 md:mb-18 lg:mb-20", { "text-center": isCenter }), children: [
+      /* @__PURE__ */ jsx("h2", { className: "rb-5 mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
+      /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: gridClass, children: questions.map((question, index) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "mb-3 text-base font-bold md:mb-4 md:text-md", children: question.title }),
+      /* @__PURE__ */ jsx("p", { children: question.answer })
+    ] }, index)) }),
+    hasFooter && /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mt-12 max-w-md md:mt-18 lg:mt-20", { "text-center": isCenter }), children: [
+      /* @__PURE__ */ jsx("h4", { className: "mb-3 text-2xl font-bold md:mb-4 md:text-3xl md:leading-[1.3] lg:text-4xl", children: footerHeading }),
+      /* @__PURE__ */ jsx("p", { className: "md:text-md", children: footerDescription }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6 md:mt-8", children: /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }) })
+    ] })
+  ] }) });
+};
+const StackedStaticFaqDefaults = {
+  heading: "FAQs",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
+  questions: [
+    { title: "Question text goes here", answer: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat." },
+    { title: "Question text goes here", answer: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat." },
+    { title: "Question text goes here", answer: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat." },
+    { title: "Question text goes here", answer: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat." },
+    { title: "Question text goes here", answer: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat." }
+  ],
+  footerHeading: "Still have questions?",
+  footerDescription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  button: { label: "Contact", variant: "secondary" },
+  styles: {
+    textAlign: "center",
+    gridColumns: 1,
+    hasFooter: true
+  }
+};
+export {
+  StackedStaticFaq,
+  StackedStaticFaqDefaults
+};