dune-react 0.0.19 → 0.0.21

package/dist/components/puck-block/showcase-sections/compact-timeline/component.js

@@ -0,0 +1,101 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { cn } from "../../../../utils/css-utils.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+const CompactTimeline = (props) => {
+  const {
+    tagline,
+    heading,
+    description,
+    buttons = [],
+    timelineItems = [],
+    styles
+  } = {
+    ...CompactTimelineDefaults,
+    ...props
+  };
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    hasImage = false
+  } = styles ?? {};
+  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: [
+    /* @__PURE__ */ jsx("div", { className: "mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-lg", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
+      /* @__PURE__ */ jsx("h2", { className: "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: "mt-6 flex flex-wrap items-center gap-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative grid auto-cols-fr grid-flow-row grid-cols-1 items-center justify-center md:grid-flow-col md:grid-cols-[max-content_1fr] md:justify-normal", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative hidden md:grid md:grid-cols-1 md:gap-4", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center md:w-full md:flex-row", children: /* @__PURE__ */ jsx("div", { className: "h-full w-[3px] bg-black md:h-[3px] md:w-full" }) }) }),
+      timelineItems.map((item, index) => /* @__PURE__ */ jsx(
+        CompactEntry,
+        {
+          item,
+          index,
+          isLastItem: index === timelineItems.length - 1,
+          hasImage
+        },
+        index
+      )),
+      /* @__PURE__ */ jsx("div", { className: "absolute right-0 z-0 h-1 w-16 bg-gradient-to-r from-transparent to-white" })
+    ] })
+  ] }) });
+};
+const CompactEntry = ({
+  item,
+  index,
+  isLastItem,
+  hasImage
+}) => {
+  const isEven = index % 2 === 0;
+  const content = /* @__PURE__ */ jsxs("div", { className: cn("mb-8 flex flex-col items-start md:mb-0 md:mr-4", !isEven && "order-last md:order-none"), children: [
+    /* @__PURE__ */ jsx("h3", { className: "mb-2 text-xl font-bold md:text-2xl", children: item.date }),
+    /* @__PURE__ */ jsx("p", { children: item.description }),
+    hasImage && item.image && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full", children: /* @__PURE__ */ jsx(CompoundImage, { src: item.image.src, alt: item.image.alt, className: "w-full object-cover" }) })
+  ] });
+  const line = /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center md:w-full md:flex-row", children: [
+    /* @__PURE__ */ jsx("div", { className: "z-20 size-[0.9375rem] flex-none rounded-full bg-black shadow-[0_0_0_8px_white]" }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("h-full w-[3px] bg-black md:h-[3px] md:w-full", {
+          "hidden md:block": isLastItem
+        })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx("div", { className: "relative grid auto-cols-fr grid-cols-[max-content_1fr] gap-4 md:grid-cols-1 md:grid-rows-[1fr_max-content_1fr]", children: isEven ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block" }),
+    line,
+    content
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    content,
+    line,
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block" })
+  ] }) });
+};
+const defaultItem = {
+  date: "Date",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
+  image: {
+    src: "https://picsum.photos/seed/compact-tl/400/300",
+    alt: "Timeline image"
+  }
+};
+const CompactTimelineDefaults = {
+  tagline: "Tagline",
+  heading: "Medium length section heading goes here",
+  description: "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.",
+  buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
+  timelineItems: [defaultItem, defaultItem, defaultItem, defaultItem, defaultItem],
+  styles: {
+    hasImage: false
+  }
+};
+export {
+  CompactTimeline,
+  CompactTimelineDefaults
+};

package/dist/components/puck-block/showcase-sections/compact-timeline/index.d.ts

@@ -0,0 +1,169 @@
+import { CompactTimeline, CompactTimelineDefaults } from "./component";
+import type { CompactTimelineProps } from "./component";
+export { CompactTimeline, CompactTimelineDefaults };
+export type { CompactTimelineProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        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";
+            };
+        };
+        timelineItems: {
+            type: string;
+            getItemSummary: (item: {
+                date?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                date: {
+                    type: string;
+                };
+                description: {
+                    type: string;
+                };
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+            };
+        };
+        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: "Show Images";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").ShowcaseSectionBaseProps> & {
+        timelineItems: {
+            date: string;
+            description: string;
+            image?: import("@/components/puck-core/core/props/media").BaseImage;
+        }[];
+    };
+    render: (props: CompactTimelineProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/showcase-sections/compact-timeline/index.js

@@ -0,0 +1,38 @@
+import { CompactTimeline, CompactTimelineDefaults } from "./component.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { showcaseStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    tagline: { type: "text" },
+    heading: headingField,
+    description: descriptionField,
+    buttons: buttonsField,
+    timelineItems: {
+      type: "array",
+      getItemSummary: (item, index = 0) => item.date || `Item ${index + 1}`,
+      arrayFields: {
+        date: { type: "text" },
+        description: { type: "textarea" },
+        image: imageField
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        hasImage: showcaseStyleFields.hasImage,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: CompactTimelineDefaults,
+  render: CompactTimeline
+};
+export {
+  CompactTimeline,
+  CompactTimelineDefaults,
+  conf as default
+};

package/dist/components/puck-block/showcase-sections/horizontal-timeline/component.d.ts

@@ -0,0 +1,13 @@
+import type { ShowcaseComponentProps, ShowcaseSectionBaseProps, BaseImage } from "../props";
+type TimelineItem = {
+    date: string;
+    description: string;
+    image?: BaseImage;
+};
+type HorizontalTimelineExtra = {
+    timelineItems: TimelineItem[];
+};
+export type HorizontalTimelineProps = ShowcaseComponentProps<HorizontalTimelineExtra>;
+export declare const HorizontalTimeline: (props: HorizontalTimelineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalTimelineDefaults: Partial<ShowcaseSectionBaseProps> & HorizontalTimelineExtra;
+export {};

package/dist/components/puck-block/showcase-sections/horizontal-timeline/component.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from "../../../shadcn/carousel.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { cn } from "../../../../utils/css-utils.js";
+const HorizontalTimeline = (props) => {
+  const {
+    tagline,
+    heading,
+    description,
+    buttons = [],
+    timelineItems = [],
+    styles
+  } = {
+    ...HorizontalTimelineDefaults,
+    ...props
+  };
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    hasImage = false
+  } = styles ?? {};
+  const [api, setApi] = useState();
+  const [currentIndex, setCurrentIndex] = useState(0);
+  useEffect(() => {
+    if (!api) return;
+    api.on("select", () => {
+      setCurrentIndex(api.selectedScrollSnap());
+    });
+    api.scrollTo(0);
+    api.reInit();
+  }, [api]);
+  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: [
+    /* @__PURE__ */ jsx("div", { className: "mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-lg text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
+      /* @__PURE__ */ jsx("h2", { className: "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: "mt-6 flex items-center justify-center gap-x-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Carousel, { setApi, className: "relative h-full overflow-hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-1.5 z-20 h-1 w-16 bg-gradient-to-r from-background-primary to-transparent" }),
+      /* @__PURE__ */ jsx(CarouselContent, { className: "ml-0", children: timelineItems.map((item, index) => /* @__PURE__ */ jsx(CarouselItem, { className: "basis-full pl-0 sm:basis-1/2 md:basis-1/3", children: /* @__PURE__ */ jsxs("div", { className: "mb-4 flex w-full flex-col md:mb-0 md:w-auto", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-4 flex w-full items-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-[3px] w-full bg-neutral-black" }),
+          /* @__PURE__ */ jsx("div", { className: "z-20 size-[0.9375rem] flex-none rounded-full bg-neutral-black shadow-[0_0_0_8px_white]" }),
+          /* @__PURE__ */ jsx("div", { className: "h-[3px] w-full bg-neutral-black" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "px-8 text-center", children: [
+          /* @__PURE__ */ jsx("h3", { className: "mb-2 text-xl font-bold md:text-2xl", children: item.date }),
+          /* @__PURE__ */ jsx("p", { children: item.description }),
+          hasImage && item.image && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(CompoundImage, { src: item.image.src, alt: item.image.alt, className: "w-full object-cover" }) })
+        ] })
+      ] }) }, index)) }),
+      currentIndex > 0 && /* @__PURE__ */ jsx(CarouselPrevious, { className: "size-12" }),
+      /* @__PURE__ */ jsx(CarouselNext, { className: "size-12" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-1.5 z-20 h-1 w-16 bg-gradient-to-l from-background-primary to-transparent" })
+    ] })
+  ] }) });
+};
+const defaultItem = {
+  date: "Date",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
+  image: {
+    src: "https://picsum.photos/seed/h-timeline/400/300",
+    alt: "Timeline image"
+  }
+};
+const HorizontalTimelineDefaults = {
+  tagline: "Tagline",
+  heading: "Medium length section heading goes here",
+  description: "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.",
+  buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }],
+  timelineItems: [defaultItem, defaultItem, defaultItem, defaultItem, defaultItem, defaultItem],
+  styles: {
+    hasImage: false
+  }
+};
+export {
+  HorizontalTimeline,
+  HorizontalTimelineDefaults
+};

package/dist/components/puck-block/showcase-sections/horizontal-timeline/index.d.ts

@@ -0,0 +1,169 @@
+import { HorizontalTimeline, HorizontalTimelineDefaults } from "./component";
+import type { HorizontalTimelineProps } from "./component";
+export { HorizontalTimeline, HorizontalTimelineDefaults };
+export type { HorizontalTimelineProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        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";
+            };
+        };
+        timelineItems: {
+            type: string;
+            getItemSummary: (item: {
+                date?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                date: {
+                    type: string;
+                };
+                description: {
+                    type: string;
+                };
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+            };
+        };
+        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: "Show Images";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").ShowcaseSectionBaseProps> & {
+        timelineItems: {
+            date: string;
+            description: string;
+            image?: import("@/components/puck-core/core/props/media").BaseImage;
+        }[];
+    };
+    render: (props: HorizontalTimelineProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/showcase-sections/horizontal-timeline/index.js

@@ -0,0 +1,38 @@
+import { HorizontalTimeline, HorizontalTimelineDefaults } from "./component.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { showcaseStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    tagline: { type: "text" },
+    heading: headingField,
+    description: descriptionField,
+    buttons: buttonsField,
+    timelineItems: {
+      type: "array",
+      getItemSummary: (item, index = 0) => item.date || `Item ${index + 1}`,
+      arrayFields: {
+        date: { type: "text" },
+        description: { type: "textarea" },
+        image: imageField
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        hasImage: showcaseStyleFields.hasImage,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: HorizontalTimelineDefaults,
+  render: HorizontalTimeline
+};
+export {
+  HorizontalTimeline,
+  HorizontalTimelineDefaults,
+  conf as default
+};

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

@@ -0,0 +1,6 @@
+export { default as CompactTimelineConf } from "./compact-timeline";
+export { default as HorizontalTimelineConf } from "./horizontal-timeline";
+export { default as SingleColumnTimelineConf } from "./single-column-timeline";
+export { default as StickyScrollTimelineConf } from "./sticky-scroll-timeline";
+export { default as TabTimelineConf } from "./tab-timeline";
+export { default as ZigzagTimelineConf } from "./zigzag-timeline";