trepur_components 1.0.5 → 1.0.6

package/dist/src/lib/components/Card/Card.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Props as buttonProps } from '../Button/Button';
+import { Props as videoProps } from '../Video/Video';
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    image?: string;
+    subTitle?: string;
+    description?: string;
+    extraText?: string;
+    hasCta?: boolean;
+    imageBelowTitle?: boolean;
+    titleLeft?: boolean;
+    titleRight?: boolean;
+    titleBold?: boolean;
+    imageClass?: string;
+    subTitleClass?: string;
+    extraTextClass?: string;
+    descriptionClass?: string;
+    altText?: string;
+    rounded?: boolean;
+    bordered?: boolean;
+    videoProps?: videoProps;
+    onHover?: boolean;
+    iconButtonProps?: buttonProps;
+    cardButtonProps?: buttonProps;
+    button2Props?: buttonProps;
+}
+declare const Card: React.FC<Props>;
+export default Card;

package/dist/src/lib/components/Card/Card.js

@@ -0,0 +1,66 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import Button from '../Button/Button';
+import Video from '../Video/Video';
+import style from './style.module.css';
+const Card = ({ id, className, title, image, subTitle, description, extraText, hasCta, imageBelowTitle = true, titleLeft = false, titleRight = false, titleBold = false, imageClass, subTitleClass, extraTextClass, descriptionClass, altText, rounded, bordered, videoProps, onHover = false, iconButtonProps, cardButtonProps, button2Props }) => {
+    const [showHoverButtons, setShowHoverButtons] = useState(false);
+    const orderClass = classNames({ [style.orderFirst]: imageBelowTitle });
+    const border = classNames({ [style.bordered]: bordered });
+    const cardTitleFont = classNames({ [style.boldTitle]: titleBold });
+    const cardTitlePosition = classNames({
+        [style.textLeft]: titleLeft,
+        [style.textRight]: titleRight,
+        [style.textCenter]: !titleLeft && !titleRight
+    });
+    const roundedImage = classNames({ [style.imageRounded]: rounded });
+    const roundedCard = classNames({ [style.cardRounded]: rounded });
+    const contentWrapperClass = style.contentWrapper;
+    const titleWrapperClass = classNames(orderClass, style.titleWrapper);
+    const cardTitleClasses = classNames({
+        [cardTitlePosition]: true
+    }, cardTitleFont, style.title);
+    const cardSubTitleClassList = classNames(subTitleClass, style.subtitle);
+    const cardDescriptionClassList = classNames(descriptionClass, style.description);
+    const classList = classNames(className, border, roundedCard, style.classList);
+    const imageClassList = classNames(roundedImage, imageClass, style.imageClassList);
+    const cardExtraTextClassList = classNames({
+        [style.noCta]: hasCta === false
+    }, extraTextClass, style.extraText);
+    const imageWrapperClassList = classNames({
+        [style.orderTwo]: imageBelowTitle,
+        [roundedImage]: !imageBelowTitle,
+        [style.orderOne]: !imageBelowTitle
+    }, style.imageWrapper);
+    const toggleHover = (isHovering) => {
+        onHover && setShowHoverButtons(!!isHovering);
+    };
+    return (React.createElement("div", { id: id, className: classList, onMouseEnter: () => toggleHover(true), onMouseLeave: () => toggleHover(false) },
+        React.createElement("div", { className: classNames(style.cardContent, 'card-content') },
+            (videoProps === null || videoProps === void 0 ? void 0 : videoProps.mp4File) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.webmFile) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.ogvFile) !== undefined
+                ? (React.createElement("div", { className: imageWrapperClassList },
+                    React.createElement(Video, Object.assign({}, videoProps))))
+                : (image !== undefined &&
+                    React.createElement("div", { className: imageWrapperClassList },
+                        React.createElement("img", { className: imageClassList, src: image, alt: altText }))),
+            !showHoverButtons
+                ? (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: imageBelowTitle ? style.orderThree : style.orderOne }, title !== undefined &&
+                        React.createElement("div", { className: titleWrapperClass },
+                            React.createElement("h3", { className: cardTitleClasses }, title))),
+                    React.createElement("div", { className: contentWrapperClass },
+                        subTitle !== undefined &&
+                            React.createElement("h4", { className: cardSubTitleClassList }, subTitle),
+                        description !== undefined &&
+                            React.createElement("p", { className: cardDescriptionClassList }, description),
+                        extraText !== undefined &&
+                            React.createElement("p", { className: cardExtraTextClassList }, extraText))))
+                : (React.createElement("div", { className: style.buttonWrapper },
+                    React.createElement(Button, Object.assign({}, iconButtonProps), iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children),
+                    React.createElement(Button, Object.assign({}, button2Props), button2Props === null || button2Props === void 0 ? void 0 : button2Props.children)))),
+        cardButtonProps !== undefined &&
+            React.createElement("div", { className: style.buttonClassList },
+                React.createElement(Button, Object.assign({}, cardButtonProps), cardButtonProps.children))));
+};
+export default Card;
+//# sourceMappingURL=Card.js.map

package/dist/src/lib/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"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"}

package/dist/src/lib/components/Card/style.module.css

@@ -0,0 +1,184 @@
+.classList {
+
+    display: flex;
+
+    flex-direction: column
+}
+
+.bordered {
+
+    border-width: 1px;
+
+    border-color: rgb(44 55 59 / var(--tw-border-opacity));
+
+    --tw-border-opacity: 1
+}
+
+.boldTitle {
+
+    font-weight: 700
+}
+
+.textLeft {
+
+    text-align: left
+}
+
+.textRight {
+
+    text-align: right
+}
+
+.textCenter {
+
+    text-align: center
+}
+
+.cardRounded {
+
+    border-radius: 0.5rem
+}
+
+.imageRounded {
+
+    border-top-left-radius: 0.5rem;
+
+    border-top-right-radius: 0.5rem
+}
+
+.imageWrapper {
+
+    height: 16rem;
+
+    overflow: hidden;
+
+    object-fit: cover
+}
+
+.imageClassList {
+
+    height: 100%;
+
+    width: 100%;
+
+    object-fit: cover
+}
+
+.titleWrapper {
+
+    padding-top: 0.75rem
+}
+
+.title {
+
+    font-size: 32px;
+
+    font-weight: 500;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(44 55 59 / var(--tw-text-opacity))
+}
+
+.contentWrapper {
+
+    order: 3;
+
+    padding-left: 0.75rem;
+
+    padding-right: 0.75rem
+}
+
+.cardContent {
+
+    display: flex;
+
+    flex: 1 1 0%;
+
+    flex-direction: column
+}
+
+.description {
+
+    font-size: 16px;
+
+    font-weight: 200;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(73 92 99 / var(--tw-text-opacity))
+}
+
+.subtitle {
+
+    font-size: 24px;
+
+    font-weight: 300;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(44 55 59 / var(--tw-text-opacity))
+}
+
+.extraText {
+
+    height: 100%;
+
+    width: 100%;
+
+    object-fit: cover;
+
+    font-size: 16px;
+
+    font-weight: 200;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(73 92 99 / var(--tw-text-opacity))
+}
+
+.noCta {
+
+    padding-bottom: 1rem
+}
+
+.buttonWrapper {
+
+    order: 9999;
+
+    display: flex;
+
+    height: 6rem;
+
+    padding: 0.5rem
+}
+
+.buttonClassList {
+
+    width: 100%;
+
+    padding: 0.75rem
+}
+
+.orderOne {
+
+    order: 1
+}
+
+.orderTwo {
+
+    order: 2
+}
+
+.orderThree {
+
+    order: 3
+}
+
+.orderFirst {
+
+    order: -9999
+}
+
+
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/Card/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,iBAA4C;;IAA5C,sDAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA;AAAgB;;AAIhB;;IAAA;AAAgB;;AAIhB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAiB;;AAIjB;;IAAA,8BAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAAwC;;IAAxC,gBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA;AAAW;;AAIX;;IAAA,eAAoC;;IAApC,gBAAoC;;IAApC,oBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,QAAmB;;IAAnB,qBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAA2B;;IAA3B,YAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,eAA8C;;IAA9C,gBAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,eAAmC;;IAAnC,gBAAmC;;IAAnC,oBAAmC;;IAAnC;AAAmC;;AAInC;;IAAA,YAAyE;;IAAzE,WAAyE;;IAAzE,iBAAyE;;IAAzE,eAAyE;;IAAzE,gBAAyE;;IAAzE,oBAAyE;;IAAzE;AAAyE;;AAIzE;;IAAA;AAAW;;AAIX;;IAAA,WAA+B;;IAA/B,aAA+B;;IAA/B,YAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA;AAAc;;AAId;;IAAA;AAAc;;AAId;;IAAA;AAAc;;AAId;;IAAA;AAAkB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n}\n\n.bordered {\n    @apply border border-grey border-opacity-100;\n}\n\n.boldTitle {\n    @apply font-bold;\n}\n\n.textLeft {\n    @apply text-left;\n}\n\n.textRight {\n    @apply text-right;\n}\n\n.textCenter {\n    @apply text-center;\n}\n\n.cardRounded {\n    @apply rounded-lg;\n}\n\n.imageRounded {\n    @apply rounded-t-lg;\n}\n\n.imageWrapper {\n    @apply h-64 overflow-hidden object-cover;\n}\n\n.imageClassList {\n    @apply w-full object-cover h-full;\n}\n\n.titleWrapper {\n    @apply pt-3;\n}\n\n.title {\n    @apply font-medium text-md text-grey;\n}\n\n.contentWrapper {\n    @apply px-3 order-3;\n}\n\n.cardContent {\n    @apply flex flex-1 flex-col;\n}\n\n.description {\n    @apply font-extraLight text-xs text-light-grey;\n}\n\n.subtitle {\n    @apply font-light text-sm text-grey;\n}\n\n.extraText {\n    @apply w-full object-cover h-full font-extraLight text-xs text-light-grey;\n}\n\n.noCta {\n    @apply pb-4;\n}\n\n.buttonWrapper {\n    @apply flex p-2 order-last h-24;\n}\n\n.buttonClassList {\n    @apply w-full p-3;\n}\n\n.orderOne {\n    @apply order-1;\n}\n\n.orderTwo {\n    @apply order-2;\n}\n\n.orderThree {\n    @apply order-3;\n}\n\n.orderFirst {\n    @apply order-first;\n}\n\n"]}

package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Props as imageProps } from '../Image/Image';
+export interface Props {
+    id?: string;
+    className?: string;
+    children?: any;
+    imageProps?: imageProps;
+}
+declare const CardWithTopImage: ({ id, className, children, imageProps }: Props) => JSX.Element;
+export default CardWithTopImage;

package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Image from '../Image/Image';
+import style from './style.module.css';
+const CardWithTopImage = ({ id, className, children, imageProps }) => {
+    return (React.createElement("div", { style: {
+            filter: 'drop-shadow(0 4px 8px rgb(154, 154, 154))'
+        }, id: id, className: className },
+        React.createElement("div", { className: style.wrapperClassList },
+            React.createElement(Image, Object.assign({}, imageProps))),
+        React.createElement("div", { className: style.contentClassList }, children)));
+};
+export default CardWithTopImage;
+//# sourceMappingURL=CardWithTopImage.js.map

package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardWithTopImage.js","sourceRoot":"","sources":["../../../../../src/lib/components/CardWithTopImage/CardWithTopImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAStC,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,OAAO,CACL,6BACE,KAAK,EAAE;YACL,MAAM,EAAE,2CAA2C;SACpD,EACD,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB;YACpC,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACrB;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,IACnC,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/src/lib/components/CardWithTopImage/style.module.css

@@ -0,0 +1,36 @@
+.wrapperClassList {
+
+    margin-left: auto;
+
+    margin-right: auto;
+
+    max-width: max-content;
+
+    border-radius: 9999px;
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    padding: 1rem
+}
+
+.contentClassList {
+
+    margin-top: -3rem;
+
+    height: auto;
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    padding-left: 1rem;
+
+    padding-right: 1rem;
+
+    padding-top: 3rem;
+
+    padding-bottom: 4rem
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/CardWithTopImage/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/CardWithTopImage/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAkD;;IAAlD,kBAAkD;;IAAlD,sBAAkD;;IAAlD,qBAAkD;;IAAlD,kBAAkD;;IAAlD,yDAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAA8C;;IAA9C,YAA8C;;IAA9C,kBAA8C;;IAA9C,yDAA8C;;IAA9C,kBAA8C;;IAA9C,mBAA8C;;IAA9C,iBAA8C;;IAA9C;AAA8C","file":"style.module.css","sourcesContent":[".wrapperClassList {\n    @apply rounded-full mx-auto max-w-max bg-white p-4;\n}\n\n.contentClassList {\n    @apply pt-12 px-4 h-auto pb-16 -mt-12 bg-white;\n}"]}

package/dist/src/lib/components/Carousel/Carousel.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import 'keen-slider/keen-slider.min.css';
+import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
+export interface Props {
+    id?: string;
+    className?: string;
+    breakpoints?: {
+        [key: string]: Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>;
+    };
+    defaultAnimation?: {
+        duration?: number;
+        easing?: (t: number) => number;
+    };
+    disabled: boolean;
+    drag?: boolean;
+    dragSpeed?: number;
+    initial?: number;
+    loop?: boolean;
+    mode?: 'snap' | 'free' | 'free-snap';
+    range?: {
+        align?: boolean;
+        min?: number;
+        max?: number;
+    };
+    renderMode?: 'precision' | 'performance' | 'custom';
+    rtl?: boolean;
+    rubberband?: boolean;
+    slides?: any[];
+    vertical?: boolean;
+    animationStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    animationStopped?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    animationEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    created?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    destroyed?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    detailsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragChecked?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    beforeOptionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    slideChanged?: boolean;
+    updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    perView?: number;
+    spacing?: number;
+    number?: number;
+    origin?: number | 'auto' | 'center';
+    arrows?: {
+        visible: boolean;
+        onClick?: () => void;
+    };
+    dots?: {
+        visible: boolean;
+        activeColours: string;
+        colours: string;
+    };
+}
+declare const Carousel: React.FC<Props>;
+export default Carousel;

package/dist/src/lib/components/Carousel/Carousel.js

@@ -0,0 +1,123 @@
+import React, { useState } from 'react';
+import 'keen-slider/keen-slider.min.css';
+import { useKeenSlider } from 'keen-slider/react';
+import classNames from 'classnames';
+import Icon from '../Icon/Icon';
+import style from './style.module.css';
+const Carousel = ({ id, className, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = 'snap', range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, perView = 1, spacing, number, origin, arrows, dots }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const classList = className;
+    const [currentSlide, setCurrentSlide] = useState(0);
+    const [loaded, setLoaded] = useState(false);
+    const wheelControls = (slider) => {
+        let touchTimeout;
+        let position;
+        let wheelActive;
+        function dispatch(e, name) {
+            position.x -= e.deltaX;
+            position.y -= e.deltaY;
+            slider.container.dispatchEvent(new CustomEvent(name, {
+                detail: {
+                    x: position.x,
+                    y: position.y
+                }
+            }));
+        }
+        function wheelStart(e) {
+            position = {
+                x: e.pageX,
+                y: e.pageY
+            };
+            dispatch(e, 'ksDragStart');
+        }
+        function wheel(e) {
+            dispatch(e, 'ksDrag');
+        }
+        function wheelEnd(e) {
+            dispatch(e, 'ksDragEnd');
+        }
+        function eventWheel(e) {
+            e.preventDefault();
+            if (!wheelActive) {
+                wheelStart(e);
+                wheelActive = true;
+            }
+            wheel(e);
+            clearTimeout(touchTimeout);
+            touchTimeout = setTimeout(() => {
+                wheelActive = false;
+                wheelEnd(e);
+            }, 50);
+        }
+        slider.on('created', () => {
+            slider.container.addEventListener('wheel', eventWheel, {
+                passive: false
+            });
+        });
+    };
+    const [sliderRef, instanceRef] = useKeenSlider({
+        initial,
+        breakpoints,
+        defaultAnimation,
+        disabled,
+        drag,
+        dragSpeed,
+        loop,
+        mode,
+        range,
+        renderMode,
+        rtl,
+        rubberband,
+        vertical,
+        slideChanged(slider) {
+            setCurrentSlide(slider.track.details.rel);
+        },
+        // slideChanged: slideChanged,
+        created() {
+            setLoaded(true);
+        },
+        // created: created,
+        animationStarted,
+        animationStopped,
+        animationEnded,
+        destroyed,
+        detailsChanged,
+        dragged,
+        dragStarted,
+        dragChecked,
+        dragEnded,
+        beforeOptionsChanged,
+        optionsChanged,
+        updated,
+        slides: {
+            perView,
+            spacing,
+            origin,
+            number
+        }
+    }, [wheelControls]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: id, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList, 'navigation-wrapper') },
+            (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
+                React.createElement(Arrow, { left: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.prev()); }, disabled: currentSlide === 0, arrows: arrows }))),
+            React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, 'keen-slider') }, (slides != null) && slides),
+            (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
+                React.createElement(Arrow, { right: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next()); }, disabled: currentSlide === ((_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length), arrows: arrows })))),
+        (dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && (instanceRef.current != null) && (React.createElement("div", { className: style.dotWrapper }, [...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()].map((idx, i) => {
+            return (React.createElement(Dot, { key: `dot_${i}`, isActive: currentSlide === idx, onClick: () => {
+                    var _a;
+                    (_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
+                } }));
+        })))));
+};
+function Arrow(props) {
+    return (React.createElement("div", { className: style.arrowWrapper },
+        React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
+            React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: style.arrowIconClassList, size: 3, rounded: true, bgColour: 'white', colour: 'primary' }))));
+}
+function Dot(props) {
+    return (React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
+        React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 1, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) ? 'primary' : 'secondary', colour: (props === null || props === void 0 ? void 0 : props.isActive) ? 'primary' : 'secondary' })));
+}
+export default Carousel;
+//# sourceMappingURL=Carousel.js.map

package/dist/src/lib/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}

package/dist/src/lib/components/Carousel/style.module.css

@@ -0,0 +1,59 @@
+.classList {
+
+    width: 100%
+}
+
+.visibleArrows {
+
+    display: flex;
+
+    justify-content: space-between
+}
+
+.slideWrapper {
+
+    width: 100%
+}
+
+.dotWrapper {
+
+    display: flex;
+
+    justify-content: center;
+
+    padding-top: 2rem;
+
+    padding-bottom: 2rem
+}
+
+.dotIconClassList {
+
+    margin-left: 0.25rem;
+
+    margin-right: 0.25rem
+}
+
+.dotIconClassList:hover {
+
+    cursor: pointer
+}
+
+.arrowWrapper {
+
+    margin-top: auto;
+
+    margin-bottom: auto
+}
+
+.arrowIconClassList {
+
+    margin-left: auto;
+
+    margin-right: auto
+}
+
+.arrowIconClassList:hover {
+
+    cursor: pointer
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/Carousel/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Carousel/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA;AAAa;;AAIb;;IAAA,aAA+B;;IAA/B,uBAA+B;;IAA/B,iBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAqB;;AAIrB;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full;\n}\n\n.visibleArrows {\n    @apply flex justify-between;\n}\n\n.slideWrapper {\n    @apply w-full;\n}\n\n.dotWrapper {\n    @apply flex py-8 justify-center;\n}\n\n.dotIconClassList {\n    @apply mx-1;\n}\n\n.dotIconClassList:hover {\n    @apply cursor-pointer;\n}\n\n.arrowWrapper {\n    @apply my-auto;\n}\n\n.arrowIconClassList {\n    @apply mx-auto;\n}\n\n.arrowIconClassList:hover {\n    @apply cursor-pointer;\n}"]}

package/dist/src/lib/components/Collapsible/Collapsible.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Props as iconProps } from '../Icon/Icon';
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    boldTitle?: boolean;
+    borderTop?: boolean;
+    borderBottom?: boolean;
+    showBottomLine?: boolean;
+    iconProps?: iconProps;
+    children?: string | JSX.Element;
+}
+declare const Collapsible: ({ id, className, title, subtitle, boldTitle, borderTop, borderBottom, showBottomLine, iconProps, children }: Props) => JSX.Element;
+export default Collapsible;