dune-react 0.0.18 → 0.0.20

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

@@ -0,0 +1,286 @@
+import { TextBlockCta, TextBlockCtaDefaults } from "./text-block-cta";
+import type { TextBlockCtaProps } from "./text-block-cta";
+export { TextBlockCta, TextBlockCtaDefaults };
+export type { TextBlockCtaProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        buttons: {
+            readonly type: "array";
+            readonly max: 3;
+            readonly getItemSummary: (item: {
+                label?: string;
+            }, index?: number) => string;
+            readonly arrayFields: {
+                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;
+                };
+            };
+            readonly defaultItemProps: {
+                readonly label: "Button";
+                readonly action: {
+                    readonly type: "page";
+                    readonly pageUrl: "";
+                    readonly externalUrl: "";
+                    readonly openInNewTab: "false";
+                    readonly email: "";
+                    readonly subject: "";
+                    readonly phone: "";
+                    readonly sectionId: "";
+                    readonly downloadUrl: "";
+                };
+                readonly variant: "default";
+                readonly size: "default";
+                readonly icon: "none";
+            };
+            readonly ai: {
+                readonly instructions: "Buttons must use the same size";
+            };
+        };
+        image: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        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;
+            };
+        };
+        video: {
+            type: string;
+        };
+        inputPlaceholder: {
+            type: string;
+        };
+        formButton: {
+            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;
+                };
+            };
+        };
+        termsAndConditions: {
+            type: string;
+        };
+        logos: {
+            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;
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                textLayout: {
+                    readonly type: "select";
+                    readonly label: "Text Layout";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }, {
+                        readonly label: "Two Column";
+                        readonly value: "twoColumn";
+                    }, {
+                        readonly label: "Inline Row";
+                        readonly value: "inlineRow";
+                    }];
+                };
+                bgMedia: {
+                    readonly type: "select";
+                    readonly label: "Background Media";
+                    readonly options: readonly [{
+                        readonly label: "None";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "Fullscreen Image";
+                        readonly value: "fullscreenImage";
+                    }, {
+                        readonly label: "Fullscreen Video";
+                        readonly value: "fullscreenVideo";
+                    }, {
+                        readonly label: "Container Image";
+                        readonly value: "containerImage";
+                    }, {
+                        readonly label: "Container Video";
+                        readonly value: "containerVideo";
+                    }];
+                };
+                bordered: {
+                    readonly type: "radio";
+                    readonly label: "Bordered";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                formType: {
+                    readonly type: "radio";
+                    readonly label: "Form Type";
+                    readonly options: readonly [{
+                        readonly label: "Buttons";
+                        readonly value: "buttons";
+                    }, {
+                        readonly label: "Email";
+                        readonly value: "email";
+                    }];
+                };
+                bottomContent: {
+                    readonly type: "select";
+                    readonly label: "Bottom Content";
+                    readonly options: readonly [{
+                        readonly label: "None";
+                        readonly value: "none";
+                    }, {
+                        readonly label: "Image";
+                        readonly value: "image";
+                    }, {
+                        readonly label: "Logos";
+                        readonly value: "logos";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").CtaSectionBaseProps & {
+        logos: import("@/components/puck-core/core/props/media").BaseImage[];
+    };
+    render: (props: TextBlockCtaProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,8 @@
+import type { CtaComponentProps, CtaSectionBaseProps, BaseImage } from "../props";
+export type TextBlockCtaProps = CtaComponentProps<{
+    logos: BaseImage[];
+}>;
+export declare const TextBlockCta: (props: TextBlockCtaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextBlockCtaDefaults: CtaSectionBaseProps & {
+    logos: BaseImage[];
+};

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

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

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

@@ -0,0 +1,80 @@
+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";
+const DualColumnAccordionFaq = (props) => {
+  const {
+    heading,
+    description,
+    questions,
+    footerHeading,
+    footerDescription,
+    button,
+    styles
+  } = {
+    ...DualColumnAccordionFaqDefaults,
+    ...props
+  };
+  const { bordered = false } = styles ?? {};
+  const halfLength = Math.ceil(questions.length / 2);
+  const firstColumnQuestions = questions.slice(0, halfLength);
+  const secondColumnQuestions = questions.slice(halfLength);
+  const itemClass = cn({
+    "border border-border-primary px-5 md:px-6 first:rounded-t last:rounded-b": bordered
+  });
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto mb-12 w-full max-w-lg text-center md:mb-18 lg:mb-20", 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__ */ jsxs("div", { className: "grid w-full auto-rows-min grid-cols-1 items-start gap-x-12 md:grid-cols-2 lg:gap-x-16", children: [
+      /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: firstColumnQuestions.map((question, index) => /* @__PURE__ */ jsxs(AccordionItem, { value: `item-${index}`, className: cn("overflow-hidden", itemClass), children: [
+        /* @__PURE__ */ jsx(AccordionTrigger, { className: "md:py-5 md:text-md", children: question.title }),
+        /* @__PURE__ */ jsx(AccordionContent, { className: "md:pb-6", children: question.answer })
+      ] }, index)) }),
+      /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: secondColumnQuestions.map((question, index) => /* @__PURE__ */ jsxs(
+        AccordionItem,
+        {
+          value: `item-${index + halfLength}`,
+          className: cn("overflow-hidden first:border-t-0 md:first:border-t", itemClass),
+          children: [
+            /* @__PURE__ */ jsx(AccordionTrigger, { className: "md:py-5 md:text-md", children: question.title }),
+            /* @__PURE__ */ jsx(AccordionContent, { className: "md:pb-6", children: question.answer })
+          ]
+        },
+        index + halfLength
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto mt-12 max-w-md text-center md:mt-18 lg:mt-20", 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 DualColumnAccordionFaqDefaults = {
+  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." },
+    { 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: {
+    bordered: false
+  }
+};
+export {
+  DualColumnAccordionFaq,
+  DualColumnAccordionFaqDefaults
+};

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

@@ -0,0 +1,116 @@
+import { DualColumnAccordionFaq, DualColumnAccordionFaqDefaults } from "./dual-column-accordion-faq";
+import type { DualColumnAccordionFaqProps } from "./dual-column-accordion-faq";
+export { DualColumnAccordionFaq, DualColumnAccordionFaqDefaults };
+export type { DualColumnAccordionFaqProps };
+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: {
+                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: DualColumnAccordionFaqProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,36 @@
+import { DualColumnAccordionFaq, DualColumnAccordionFaqDefaults } from "./dual-column-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";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    questions: {
+      type: "array",
+      max: 30,
+      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: {
+        bordered: faqStyleFields.bordered
+      }
+    }
+  },
+  defaultProps: DualColumnAccordionFaqDefaults,
+  render: DualColumnAccordionFaq
+};
+export {
+  DualColumnAccordionFaq,
+  DualColumnAccordionFaqDefaults,
+  conf as default
+};

package/dist/components/puck-block/faq-sections/icon-card-faq/icon-card-faq.d.ts

@@ -0,0 +1,12 @@
+import type { FaqComponentProps, BaseImage } from "../props";
+type IconQuestion = {
+    icon: BaseImage;
+    question: string;
+    answer: string;
+};
+export type IconCardFaqProps = FaqComponentProps<{
+    iconQuestions: IconQuestion[];
+}>;
+export declare const IconCardFaq: (props: IconCardFaqProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconCardFaqDefaults: IconCardFaqProps;
+export {};

package/dist/components/puck-block/faq-sections/icon-card-faq/icon-card-faq.js

@@ -0,0 +1,76 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../../../shadcn/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+const IconCardFaq = (props) => {
+  const {
+    heading,
+    description,
+    iconQuestions,
+    footerHeading,
+    footerDescription,
+    button
+  } = {
+    ...IconCardFaqDefaults,
+    ...props
+  };
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto mb-12 w-full max-w-lg text-center md:mb-18 lg:mb-20", 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: "container grid grid-cols-1 items-start justify-center gap-y-12 md:grid-cols-3 md:gap-x-8 md:gap-y-16 lg:gap-x-12 lg:gap-y-16", children: (iconQuestions ?? []).map((q, index) => /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "rb-5 mb-5 md:mb-6", children: /* @__PURE__ */ jsx(CompoundImage, { src: q.icon.src, alt: q.icon.alt, className: "size-12" }) }),
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 font-bold md:mb-4 md:text-md", children: q.question }),
+      /* @__PURE__ */ jsx("p", { children: q.answer })
+    ] }, index)) }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-12 text-center md:mt-18 lg:mt-20", 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(Button, { variant: button == null ? void 0 : button.variant, size: button == null ? void 0 : button.size, children: button == null ? void 0 : button.label }) })
+    ] })
+  ] }) });
+};
+const IconCardFaqDefaults = {
+  heading: "FAQs",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
+  iconQuestions: [
+    {
+      icon: { src: "https://picsum.photos/seed/faq-icon1/48/48", alt: "FAQ icon 1" },
+      question: "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"
+    },
+    {
+      icon: { src: "https://picsum.photos/seed/faq-icon2/48/48", alt: "FAQ icon 2" },
+      question: "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"
+    },
+    {
+      icon: { src: "https://picsum.photos/seed/faq-icon3/48/48", alt: "FAQ icon 3" },
+      question: "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"
+    },
+    {
+      icon: { src: "https://picsum.photos/seed/faq-icon4/48/48", alt: "FAQ icon 4" },
+      question: "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"
+    },
+    {
+      icon: { src: "https://picsum.photos/seed/faq-icon5/48/48", alt: "FAQ icon 5" },
+      question: "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"
+    },
+    {
+      icon: { src: "https://picsum.photos/seed/faq-icon6/48/48", alt: "FAQ icon 6" },
+      question: "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"
+    }
+  ],
+  footerHeading: "Still have questions?",
+  footerDescription: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  button: { label: "Contact", variant: "secondary" },
+  styles: {}
+};
+export {
+  IconCardFaq,
+  IconCardFaqDefaults
+};