dune-react 0.0.19 → 0.0.21

package/dist/components/puck-block/contact-sections/header-info-fullwidth/index.d.ts

@@ -0,0 +1,88 @@
+import { HeaderInfoFullwidth, HeaderInfoFullwidthDefaults } from "./header-info-fullwidth";
+import type { HeaderInfoFullwidthProps } from "./header-info-fullwidth";
+export { HeaderInfoFullwidth, HeaderInfoFullwidthDefaults };
+export type { HeaderInfoFullwidthProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        image: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        contacts: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                icon: {
+                    type: string;
+                };
+                title: {
+                    type: string;
+                };
+                description: {
+                    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.";
+                    };
+                };
+                mediaType: {
+                    readonly type: "radio";
+                    readonly label: "Media Type";
+                    readonly options: readonly [{
+                        readonly label: "Image";
+                        readonly value: "image";
+                    }, {
+                        readonly label: "Map";
+                        readonly value: "map";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").ContactSectionBaseProps;
+    render: (props: HeaderInfoFullwidthProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,38 @@
+import { HeaderInfoFullwidth, HeaderInfoFullwidthDefaults } from "./header-info-fullwidth.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { contactStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    tagline: { type: "text" },
+    heading: headingField,
+    description: descriptionField,
+    image: imageField,
+    contacts: {
+      type: "array",
+      max: 6,
+      getItemSummary: (item, index = 0) => item.title || `Contact ${index + 1}`,
+      arrayFields: {
+        icon: { type: "text" },
+        title: { type: "text" },
+        description: { type: "textarea" }
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        mediaType: contactStyleFields.mediaType,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: HeaderInfoFullwidthDefaults,
+  render: HeaderInfoFullwidth
+};
+export {
+  HeaderInfoFullwidth,
+  HeaderInfoFullwidthDefaults,
+  conf as default
+};

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

@@ -0,0 +1,10 @@
+export { default as CenteredFormConf } from "./centered-form";
+export { default as ContactCardsGridConf } from "./contact-cards-grid";
+export { default as ContactModalConf } from "./contact-modal";
+export { default as FormWithMediaConf } from "./form-with-media";
+export { default as HeaderFormCardsConf } from "./header-form-cards";
+export { default as HeaderInfoFullwidthConf } from "./header-info-fullwidth";
+export { default as InfoCardsMediaConf } from "./info-cards-media";
+export { default as LocationCardsGridConf } from "./location-cards-grid";
+export { default as SplitInfoFormConf } from "./split-info-form";
+export { default as TabLocationsConf } from "./tab-locations";

package/dist/components/puck-block/contact-sections/info-cards-media/index.d.ts

@@ -0,0 +1,88 @@
+import { InfoCardsMedia, InfoCardsMediaDefaults } from "./info-cards-media";
+import type { InfoCardsMediaProps } from "./info-cards-media";
+export { InfoCardsMedia, InfoCardsMediaDefaults };
+export type { InfoCardsMediaProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        image: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        contacts: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                icon: {
+                    type: string;
+                };
+                title: {
+                    type: string;
+                };
+                description: {
+                    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.";
+                    };
+                };
+                mediaType: {
+                    readonly type: "radio";
+                    readonly label: "Media Type";
+                    readonly options: readonly [{
+                        readonly label: "Image";
+                        readonly value: "image";
+                    }, {
+                        readonly label: "Map";
+                        readonly value: "map";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").ContactSectionBaseProps;
+    render: (props: InfoCardsMediaProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,38 @@
+import { InfoCardsMedia, InfoCardsMediaDefaults } from "./info-cards-media.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { contactStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    tagline: { type: "text" },
+    heading: headingField,
+    description: descriptionField,
+    image: imageField,
+    contacts: {
+      type: "array",
+      max: 6,
+      getItemSummary: (item, index = 0) => item.title || `Contact ${index + 1}`,
+      arrayFields: {
+        icon: { type: "text" },
+        title: { type: "text" },
+        description: { type: "textarea" }
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        mediaType: contactStyleFields.mediaType,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: InfoCardsMediaDefaults,
+  render: InfoCardsMedia
+};
+export {
+  InfoCardsMedia,
+  InfoCardsMediaDefaults,
+  conf as default
+};

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

@@ -0,0 +1,4 @@
+import type { ContactComponentProps, ContactSectionBaseProps } from "../props";
+export type InfoCardsMediaProps = ContactComponentProps;
+export declare const InfoCardsMedia: (props: InfoCardsMediaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoCardsMediaDefaults: ContactSectionBaseProps;

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

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BiMap, BiPhone, BiEnvelope } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.js";
+import { Button } from "../../../shadcn/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { cn } from "../../../../utils/css-utils.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { resolveActionUrl } from "../../../puck-core/core/props/interactive.js";
+const iconMap = {
+  email: /* @__PURE__ */ jsx(BiEnvelope, { className: "size-8" }),
+  phone: /* @__PURE__ */ jsx(BiPhone, { className: "size-8" }),
+  office: /* @__PURE__ */ jsx(BiMap, { className: "size-8" })
+};
+const InfoCardsMedia = (props) => {
+  const { tagline, heading, description, contacts, image, styles } = {
+    ...InfoCardsMediaDefaults,
+    ...props
+  };
+  const { className: sectionClassName, style: sectionStyle, css, mediaType = "image" } = styles ?? {};
+  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: "rb-12 mb-12 max-w-lg md:mb-18 lg:mb-20", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
+      /* @__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 auto-cols-fr grid-cols-1 gap-x-12 gap-y-12 sm:grid-cols-2 md:gap-x-20 md:gap-y-16 lg:grid-cols-[0.5fr_1fr]", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid auto-cols-fr grid-cols-1 gap-x-4 gap-y-10", children: contacts.map((contact, index) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-3 md:mb-4", children: iconMap[contact.icon] ?? iconMap.email }),
+        /* @__PURE__ */ jsx("h3", { className: "mb-2 text-md font-bold leading-[1.4] md:text-xl", children: contact.title }),
+        /* @__PURE__ */ jsx("p", { className: "mb-2", children: contact.description }),
+        contact.link && /* @__PURE__ */ jsx("a", { className: "underline", href: resolveActionUrl(contact.link.action ?? { type: "none" }) ?? "#", children: contact.link.label }),
+        contact.button && /* @__PURE__ */ jsx("div", { className: "mt-5 md:mt-6", children: /* @__PURE__ */ jsx(Button, { variant: contact.button.variant, size: contact.button.size, children: contact.button.label }) })
+      ] }, index)) }),
+      /* @__PURE__ */ jsx("div", { children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: "#map", className: "block", children: /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "size-full object-cover" }) }) : /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt, className: "size-full object-cover" }) })
+    ] })
+  ] }) });
+};
+const InfoCardsMediaDefaults = {
+  tagline: "Tagline",
+  heading: "Contact us",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  button: { label: "Submit" },
+  buttons: [],
+  image: {
+    src: "https://picsum.photos/seed/contact-info/1200/800",
+    alt: "Relume placeholder image"
+  },
+  email: "",
+  phone: "",
+  address: "",
+  contacts: [
+    {
+      icon: "email",
+      title: "Email",
+      description: "Lorem ipsum dolor sit amet.",
+      link: { label: "hello@relume.io", action: { type: "email", email: "hello@relume.io" } }
+    },
+    {
+      icon: "phone",
+      title: "Phone",
+      description: "Lorem ipsum dolor sit amet.",
+      link: { label: "+1 (555) 000-0000", action: { type: "phone", phone: "+1 (555) 000-0000" } }
+    },
+    {
+      icon: "office",
+      title: "Office",
+      description: "123 Sample St, Sydney NSW 2000 AU",
+      button: { label: "Get Directions", variant: "link", size: "sm" }
+    }
+  ],
+  locations: [],
+  tabs: [],
+  styles: {
+    mediaType: "image"
+  }
+};
+export {
+  InfoCardsMedia,
+  InfoCardsMediaDefaults
+};

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

@@ -0,0 +1,165 @@
+import { LocationCardsGrid, LocationCardsGridDefaults } from "./location-cards-grid";
+import type { LocationCardsGridProps } from "./location-cards-grid";
+export { LocationCardsGrid, LocationCardsGridDefaults };
+export type { LocationCardsGridProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        locations: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                mapUrl: {
+                    type: string;
+                };
+                title: {
+                    type: string;
+                };
+                address: {
+                    type: string;
+                };
+                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.";
+                    };
+                };
+                mediaType: {
+                    readonly type: "radio";
+                    readonly label: "Media Type";
+                    readonly options: readonly [{
+                        readonly label: "Image";
+                        readonly value: "image";
+                    }, {
+                        readonly label: "Map";
+                        readonly value: "map";
+                    }];
+                };
+                textAlign: {
+                    readonly type: "radio";
+                    readonly label: "Text Align";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }];
+                };
+                headerAlign: {
+                    readonly type: "radio";
+                    readonly label: "Header Align";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").ContactSectionBaseProps;
+    render: (props: LocationCardsGridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,42 @@
+import { LocationCardsGrid, LocationCardsGridDefaults } from "./location-cards-grid.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { contactStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    tagline: { type: "text" },
+    heading: headingField,
+    description: descriptionField,
+    locations: {
+      type: "array",
+      max: 6,
+      getItemSummary: (item, index = 0) => item.title || `Location ${index + 1}`,
+      arrayFields: {
+        image: imageField,
+        mapUrl: { type: "text" },
+        title: { type: "text" },
+        address: { type: "text" },
+        button: buttonField
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        mediaType: contactStyleFields.mediaType,
+        textAlign: contactStyleFields.textAlign,
+        headerAlign: contactStyleFields.headerAlign,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: LocationCardsGridDefaults,
+  render: LocationCardsGrid
+};
+export {
+  LocationCardsGrid,
+  LocationCardsGridDefaults,
+  conf as default
+};

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

@@ -0,0 +1,4 @@
+import type { ContactComponentProps, ContactSectionBaseProps } from "../props";
+export type LocationCardsGridProps = ContactComponentProps;
+export declare const LocationCardsGrid: (props: LocationCardsGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LocationCardsGridDefaults: ContactSectionBaseProps;

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

@@ -0,0 +1,112 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../utils/css-utils.js";
+import { Button } from "../../../shadcn/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+const LocationCardsGrid = (props) => {
+  const { tagline, heading, description, locations, styles } = {
+    ...LocationCardsGridDefaults,
+    ...props
+  };
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    mediaType = "map",
+    textAlign = "center",
+    headerAlign = "center"
+  } = styles ?? {};
+  const isCardCenter = textAlign === "center";
+  const isHeaderCenter = headerAlign === "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", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "rb-12 mb-12 flex max-w-lg flex-col justify-center md:mb-18 lg:mb-20",
+          {
+            "mx-auto text-center": isHeaderCenter
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
+          /* @__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: "grid auto-cols-fr grid-cols-1 items-center gap-x-12 gap-y-12 md:grid-cols-2 md:gap-16", children: locations.map((location, index) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("flex flex-col items-start justify-start", {
+          "items-center text-center": isCardCenter
+        }),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "mb-6 w-full md:mb-8", children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: location.mapUrl, className: "justify-self-end", children: /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: location.image.src,
+              alt: location.image.alt,
+              className: "h-[320px] w-full object-cover md:h-[384px]"
+            }
+          ) }) : /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: location.image.src,
+              alt: location.image.alt,
+              className: "h-[320px] w-full object-cover md:h-[384px]"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("h3", { className: "mb-3 text-2xl font-bold leading-[1.4] md:text-3xl lg:mb-4 lg:text-4xl", children: location.title }),
+          /* @__PURE__ */ jsx("p", { className: cn({ "text-center": isCardCenter }), children: location.address }),
+          /* @__PURE__ */ jsx("div", { className: "mt-5 md:mt-6", children: /* @__PURE__ */ jsx(Button, { variant: location.button.variant, size: location.button.size, children: location.button.label }) })
+        ]
+      },
+      index
+    )) })
+  ] }) });
+};
+const LocationCardsGridDefaults = {
+  tagline: "Tagline",
+  heading: "Locations",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  button: { label: "Submit" },
+  buttons: [],
+  image: { src: "https://picsum.photos/seed/contact-loc/800/600", alt: "Placeholder" },
+  email: "",
+  phone: "",
+  address: "",
+  contacts: [],
+  locations: [
+    {
+      image: {
+        src: "https://picsum.photos/seed/location-sydney/800/400",
+        alt: "Sydney map"
+      },
+      mapUrl: "#",
+      title: "Sydney",
+      address: "123 Sample St, Sydney NSW 2000 AU",
+      button: { label: "Get Directions", variant: "link", size: "sm" }
+    },
+    {
+      image: {
+        src: "https://picsum.photos/seed/location-newyork/800/400",
+        alt: "New York map"
+      },
+      mapUrl: "#",
+      title: "New York",
+      address: "123 Sample St, New York NY 10000 USA",
+      button: { label: "Get Directions", variant: "link", size: "sm" }
+    }
+  ],
+  tabs: [],
+  styles: {
+    mediaType: "map",
+    textAlign: "center",
+    headerAlign: "center"
+  }
+};
+export {
+  LocationCardsGrid,
+  LocationCardsGridDefaults
+};