@times-components/ts-components 1.145.1-82bc6796129e892c1eb22c6257c5e3809c159767.3 → 1.145.1-9176eda9ce171a0f5596bdc9d385a1fc60b23ea1.12

package/dist/components/carousel-component/hooks/useCarousel.js

@@ -0,0 +1,175 @@
+import { useState, useEffect, useRef, useCallback } from 'react';
+export const useCarousel = (totalItems, options = {}) => {
+    const { itemsPerPage = 2, onPageChange } = options;
+    const [currentPage, setCurrentPage] = useState(0);
+    const carouselRef = useRef(null);
+    const isScrollingRef = useRef(false);
+    const isDraggingRef = useRef(false);
+    const startXRef = useRef(0);
+    const touchStartXRef = useRef(null);
+    const isSwipingRef = useRef(false);
+    const totalPages = Math.ceil(totalItems / itemsPerPage);
+    const scrollToPage = useCallback((page) => {
+        if (carouselRef.current) {
+            const cardElements = carouselRef.current.children;
+            if (cardElements.length > 0) {
+                isScrollingRef.current = true;
+                const container = carouselRef.current;
+                const targetCardIndex = page * itemsPerPage;
+                const targetCard = cardElements[targetCardIndex];
+                if (targetCard) {
+                    const targetScroll = targetCard.offsetLeft;
+                    container.scrollTo({
+                        left: targetScroll,
+                        behavior: 'smooth'
+                    });
+                    setCurrentPage(page);
+                    if (onPageChange) {
+                        onPageChange(page);
+                    }
+                    setTimeout(() => {
+                        isScrollingRef.current = false;
+                    }, 400);
+                }
+            }
+        }
+    }, [itemsPerPage, onPageChange]);
+    const handlePrevious = useCallback(() => {
+        const newPage = Math.max(0, currentPage - 1);
+        scrollToPage(newPage);
+    }, [currentPage, scrollToPage]);
+    const handleNext = useCallback(() => {
+        const newPage = Math.min(totalPages - 1, currentPage + 1);
+        scrollToPage(newPage);
+    }, [currentPage, totalPages, scrollToPage]);
+    const handleMouseDown = useCallback((e) => {
+        if (!carouselRef.current) {
+            return;
+        }
+        e.preventDefault();
+        isDraggingRef.current = true;
+        startXRef.current = e.pageX;
+        carouselRef.current.style.cursor = 'grabbing';
+    }, []);
+    const handleMouseUp = useCallback((e) => {
+        if (!isDraggingRef.current) {
+            return;
+        }
+        isDraggingRef.current = false;
+        if (carouselRef.current) {
+            carouselRef.current.style.cursor = 'grab';
+            const endX = e.pageX;
+            const diff = startXRef.current - endX;
+            if (Math.abs(diff) > 30) {
+                if (diff > 0) {
+                    handleNext();
+                }
+                else {
+                    handlePrevious();
+                }
+            }
+        }
+    }, [handleNext, handlePrevious]);
+    const handleMouseLeave = useCallback((e) => {
+        if (!isDraggingRef.current) {
+            return;
+        }
+        isDraggingRef.current = false;
+        if (carouselRef.current) {
+            carouselRef.current.style.cursor = 'grab';
+            const endX = e.pageX;
+            const diff = startXRef.current - endX;
+            if (Math.abs(diff) > 30) {
+                if (diff > 0) {
+                    handleNext();
+                }
+                else {
+                    handlePrevious();
+                }
+            }
+        }
+    }, [handleNext, handlePrevious]);
+    const handleTouchStart = (e) => {
+        if (!carouselRef.current) {
+            return;
+        }
+        touchStartXRef.current = e.touches[0].clientX;
+        isSwipingRef.current = false;
+    };
+    const handleTouchMove = (e) => {
+        if (touchStartXRef.current === null || isSwipingRef.current) {
+            return;
+        }
+        const currentX = e.touches[0].clientX;
+        const diff = touchStartXRef.current - currentX;
+        if (Math.abs(diff) > 30) {
+            isSwipingRef.current = true;
+            if (diff > 0) {
+                handleNext();
+            }
+            else {
+                handlePrevious();
+            }
+        }
+    };
+    const handleTouchEnd = () => {
+        touchStartXRef.current = null;
+        isSwipingRef.current = false;
+    };
+    const handleScroll = useCallback(() => {
+        if (isScrollingRef.current) {
+            return;
+        }
+        if (carouselRef.current) {
+            const container = carouselRef.current;
+            const children = container.children;
+            if (children.length === 0) {
+                return;
+            }
+            const scrollLeft = container.scrollLeft;
+            let closestPage = 0;
+            let closestDistance = Infinity;
+            for (let page = 0; page < totalPages; page++) {
+                const cardIndex = page * itemsPerPage;
+                if (cardIndex < children.length) {
+                    const card = children[cardIndex];
+                    const distance = Math.abs(card.offsetLeft - scrollLeft);
+                    if (distance < closestDistance) {
+                        closestDistance = distance;
+                        closestPage = page;
+                    }
+                }
+            }
+            if (closestPage !== currentPage) {
+                setCurrentPage(closestPage);
+                if (onPageChange) {
+                    onPageChange(closestPage);
+                }
+            }
+        }
+    }, [totalPages, itemsPerPage, onPageChange]);
+    useEffect(() => {
+        const carousel = carouselRef.current;
+        if (carousel) {
+            carousel.addEventListener('scroll', handleScroll);
+            return () => carousel.removeEventListener('scroll', handleScroll);
+        }
+        return undefined;
+    }, [handleScroll]);
+    return {
+        currentPage,
+        totalPages,
+        carouselRef,
+        isScrolling: isScrollingRef.current,
+        handlePrevious,
+        handleNext,
+        scrollToPage,
+        handleMouseDown,
+        handleMouseUp,
+        handleMouseLeave,
+        handleTouchStart,
+        handleTouchMove,
+        handleTouchEnd
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ2Fyb3VzZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJvdXNlbC1jb21wb25lbnQvaG9va3MvdXNlQ2Fyb3VzZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUdqRSxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsQ0FDekIsVUFBa0IsRUFDbEIsVUFBOEIsRUFBRSxFQUNiLEVBQUU7SUFDckIsTUFBTSxFQUFFLFlBQVksR0FBRyxDQUFDLEVBQUUsWUFBWSxFQUFFLEdBQUcsT0FBTyxDQUFDO0lBRW5ELE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xELE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDakQsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDNUIsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFnQixJQUFJLENBQUMsQ0FBQztJQUNuRCxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFbkMsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsWUFBWSxDQUFDLENBQUM7SUFFeEQsTUFBTSxZQUFZLEdBQUcsV0FBVyxDQUM5QixDQUFDLElBQVksRUFBRSxFQUFFO1FBQ2YsSUFBSSxXQUFXLENBQUMsT0FBTyxFQUFFO1lBQ3ZCLE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFD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

package/dist/components/carousel-component/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CarouselComponentProps } from './types';
+export declare const CarouselComponent: React.FC<CarouselComponentProps>;
+export { CarouselItem } from './CarouselItem';

package/dist/components/carousel-component/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useCarousel } from './hooks/useCarousel';
+import { CarouselContainer, CarouselWrapper, CarouselContent, CardsRow, PageControl } from './styles';
+import { DefaultNavigationArrow } from './DefaultNavigationArrow';
+import { DefaultPageDot } from './DefaultPageDot';
+export const CarouselComponent = ({ items, options, showArrows = true, showDots = true, arrowComponent: CustomArrow, dotComponent: CustomDot, className }) => {
+    const { currentPage, totalPages, carouselRef, handlePrevious, handleNext, scrollToPage, handleMouseDown, handleMouseUp, handleMouseLeave, handleTouchStart, handleTouchMove, handleTouchEnd } = useCarousel(items.length, options);
+    const ArrowComponent = CustomArrow || DefaultNavigationArrow;
+    const DotComponent = CustomDot || DefaultPageDot;
+    return (React.createElement(CarouselContainer, { className: className },
+        React.createElement(CarouselWrapper, null,
+            showArrows && (React.createElement(ArrowComponent, { direction: "left", onClick: handlePrevious, disabled: currentPage === 0 })),
+            React.createElement(CarouselContent, null,
+                React.createElement(CardsRow, { ref: carouselRef, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onMouseLeave: handleMouseLeave, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd }, items)),
+            showArrows && (React.createElement(ArrowComponent, { direction: "right", onClick: handleNext, disabled: currentPage >= totalPages - 1 }))),
+        showDots &&
+            totalPages > 1 && (React.createElement(PageControl, null, Array.from({ length: totalPages }).map((_, pageIndex) => (React.createElement(DotComponent, { key: pageIndex, active: pageIndex === currentPage, onClick: () => scrollToPage(pageIndex), index: pageIndex })))))));
+};
+export { CarouselItem } from './CarouselItem';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJvdXNlbC1jb21wb25lbnQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbEQsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixlQUFlLEVBQ2YsZUFBZSxFQUNmLFFBQVEsRUFDUixXQUFXLEVBQ1osTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBR2xELE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFxQyxDQUFDLEVBQ2xFLEtBQUssRUFDTCxPQUFPLEVBQ1AsVUFBVSxHQUFHLElBQUksRUFDakIsUUFBUSxHQUFHLElBQUksRUFDZixjQUFjLEVBQUUsV0FBVyxFQUMzQixZQUFZLEVBQUUsU0FBUyxFQUN2QixTQUFTLEVBQ1YsRUFBRSxFQUFFO0lBQ0gsTUFBTSxFQUNKLFdBQVcsRUFDWCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGNBQWMsRUFDZCxVQUFVLEVBQ1YsWUFBWSxFQUNaLGVBQWUsRUFDZixhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLGdCQUFnQixFQUNoQixlQUFlLEVBQ2YsY0FBYyxFQUNmLEdBQUcsV0FBVyxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFFdkMsTUFBTSxjQUFjLEdBQUcsV0FBVyxJQUFJLHNCQUFzQixDQUFDO0lBQzdELE1BQU0sWUFBWSxHQUFHLFNBQVMsSUFBSSxjQUFjLENBQUM7SUFFakQsT0FBTyxDQUNMLG9CQUFDLGlCQUFpQixJQUFDLFNBQVMsRUFBRSxTQUFTO1FBQ3JDLG9CQUFDLGVBQWU7WUFDYixVQUFVLElBQUksQ0FDYixvQkFBQyxjQUFjLElBQ2IsU0FBUyxFQUFDLE1BQU0sRUFDaEIsT0FBTyxFQUFFLGNBQWMsRUFDdkIsUUFBUSxFQUFFLFdBQVcsS0FBSyxDQUFDLEdBQzNCLENBQ0g7WUFFRCxvQkFBQyxlQUFlO2dCQUNkLG9CQUFDLFFBQVEsSUFDUCxHQUFHLEVBQUUsV0FBVyxFQUNoQixXQUFXLEVBQUUsZUFBZSxFQUM1QixTQUFTLEVBQUUsYUFBYSxFQUN4QixZQUFZLEVBQUUsZ0JBQWdCLEVBQzlCLFlBQVksRUFBRSxnQkFBZ0IsRUFDOUIsV0FBVyxFQUFFLGVBQWUsRUFDNUIsVUFBVSxFQUFFLGNBQWMsSUFFekIsS0FBSyxDQUNHLENBQ0s7WUFFakIsVUFBVSxJQUFJLENBQ2Isb0JBQUMsY0FBYyxJQUNiLFNBQVMsRUFBQyxPQUFPLEVBQ2pCLE9BQU8sRUFBRSxVQUFVLEVBQ25CLFFBQVEsRUFBRSxXQUFXLElBQUksVUFBVSxHQUFHLENBQUMsR0FDdkMsQ0FDSCxDQUNlO1FBRWpCLFFBQVE7WUFDUCxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQ2hCLG9CQUFDLFdBQVcsUUFDVCxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsQ0FDeEQsb0JBQUMsWUFBWSxJQUNYLEdBQUcsRUFBRSxTQUFTLEVBQ2QsTUFBTSxFQUFFLFNBQVMsS0FBSyxXQUFXLEVBQ2pDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEVBQ3RDLEtBQUssRUFBRSxTQUFTLEdBQ2hCLENBQ0gsQ0FBQyxDQUNVLENBQ2YsQ0FDZSxDQUNyQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDIn0=

package/dist/components/carousel-component/styles.d.ts

@@ -0,0 +1,27 @@
+import { ResponsiveConfig } from './types';
+export declare const breakpoints: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export declare const colors: {
+    primary: string;
+    white: string;
+};
+export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {
+    widthItemConfig?: ResponsiveConfig | undefined;
+    maxWidthItemConfig?: ResponsiveConfig | undefined;
+}, never>;
+export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CarouselWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CarouselContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CardsRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PageControl: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NavigationArrowButton: import("styled-components").StyledComponent<"button", any, {
+    direction: 'left' | 'right';
+    disabled?: boolean | undefined;
+}, never>;
+export declare const PageDotButton: import("styled-components").StyledComponent<"button", any, {
+    active: boolean;
+}, never>;

package/dist/components/carousel-component/styles.js

@@ -0,0 +1,169 @@
+import styled, { css } from 'styled-components';
+export const breakpoints = {
+    sm: '390px',
+    md: '768px',
+    lg: '1024px',
+    xl: '1320px'
+};
+export const colors = {
+    primary: '#005C8A',
+    white: '#FFFFFF'
+};
+export const ItemContainer = styled.div `
+  scroll-snap-align: start;
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+
+  ${props => {
+    if (!props.widthItemConfig) {
+        return '';
+    }
+    const { mobile, tablet, desktop, xl } = props.widthItemConfig;
+    return css `
+      ${mobile &&
+        `
+        @media (min-width: ${breakpoints.sm}) {
+          flex: 0 0 ${mobile};
+        }
+      `}
+      ${tablet &&
+        `
+        @media (min-width: ${breakpoints.md}) {
+          flex: 0 0 ${tablet};
+        }
+      `}
+      ${desktop &&
+        `
+        @media (min-width: ${breakpoints.lg}) {
+          flex: 0 0 ${desktop};
+        }
+      `}
+      ${xl &&
+        `
+        @media (min-width: ${breakpoints.xl}) {
+          flex: 0 0 ${xl};
+        }
+      `}
+    `;
+}} ${props => {
+    if (!props.maxWidthItemConfig) {
+        return '';
+    }
+    const { mobile, tablet, desktop, xl } = props.maxWidthItemConfig;
+    return css `
+      ${mobile &&
+        `
+        @media (min-width: ${breakpoints.sm}) {
+          max-width: ${mobile};
+        }
+      `}
+      ${tablet &&
+        `
+        @media (min-width: ${breakpoints.md}) {
+          max-width: ${tablet};
+        }
+      `}
+      ${desktop &&
+        `
+        @media (min-width: ${breakpoints.lg}) {
+          max-width: ${desktop};
+        }
+      `}
+      ${xl &&
+        `
+        @media (min-width: ${breakpoints.xl}) {
+          max-width: ${xl};
+        }
+      `}
+    `;
+}};
+`;
+export const CarouselContainer = styled.div `
+  width: 100%;
+`;
+export const CarouselWrapper = styled.div `
+  position: relative;
+  width: 100%;
+`;
+export const CarouselContent = styled.div `
+  overflow: hidden;
+`;
+export const CardsRow = styled.div `
+  display: flex;
+  gap: 20px;
+  overflow-x: hidden;
+  scroll-snap-type: x mandatory;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  padding: 0;
+  scroll-behavior: smooth;
+  cursor: grab;
+  user-select: none;
+  align-items: stretch;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  &:active {
+    cursor: grabbing;
+  }
+`;
+export const PageControl = styled.div `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  padding: 12px;
+  background: ${colors.white};
+`;
+export const NavigationArrowButton = styled.button `
+  display: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  ${({ direction }) => direction === 'left' ? 'left: -68px;' : 'right: -68px;'} z-index: 10;
+  width: 48px;
+  height: 48px;
+  border: none;
+  border-radius: 50%;
+  background: ${({ disabled }) => (disabled ? '#CCCCCC' : colors.primary)};
+  cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};
+  align-items: center;
+  justify-content: center;
+  transition: background 0.2s ease;
+  pointer-events: ${({ disabled }) => (disabled ? 'none' : 'auto')};
+
+  svg {
+    width: 24px;
+    height: 24px;
+  }
+
+  svg path {
+    stroke: ${colors.white};
+  }
+
+  &:hover:not(:disabled) {
+    background: #004a6e;
+  }
+
+  @media (min-width: ${breakpoints.lg}) {
+    display: flex;
+  }
+`;
+export const PageDotButton = styled.button `
+  width: 8px;
+  height: 8px;
+  border-radius: 1000px;
+  border: none;
+  padding: 0;
+  background: ${({ active }) => (active ? '#01000D' : '#AAAAAA')};
+  cursor: pointer;
+  transition: background 0.2s ease;
+
+  &:hover {
+    background: #01000d;
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2Fyb3VzZWwtY29tcG9uZW50L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRWhELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRztJQUN6QixFQUFFLEVBQUUsT0FBTztJQUNYLEVBQUUsRUFBRSxPQUFPO0lBQ1gsRUFBRSxFQUFFLFFBQVE7SUFDWixFQUFFLEVBQUUsUUFBUTtDQUNiLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUc7SUFDcEIsT0FBTyxFQUFFLFNBQVM7SUFDbEIsS0FBSyxFQUFFLFNBQVM7Q0FDakIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUdyQzs7Ozs7O0lBTUUsS0FBSyxDQUFDLEVBQUU7SUFDUixJQUFJLENBQUMsS0FBSyxDQUFDLGVBQWUsRUFBRTtRQUMxQixPQUFPLEVBQUUsQ0FBQztLQUNYO0lBQ0QsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxHQUFHLEtBQUssQ0FBQyxlQUFlLENBQUM7SUFDOUQsT0FBTyxHQUFHLENBQUE7UUFDTixNQUFNO1FBQ047NkJBQ3FCLFdBQVcsQ0FBQyxFQUFFO3NCQUNyQixNQUFNOztPQUVyQjtRQUNDLE1BQU07UUFDTjs2QkFDcUIsV0FBVyxDQUFDLEVBQUU7c0JBQ3JCLE1BQU07O09BRXJCO1FBQ0MsT0FBTztRQUNQOzZCQUNxQixXQUFXLENBQUMsRUFBRTtzQkFDckIsT0FBTzs7T0FFdEI7UUFDQyxFQUFFO1FBQ0Y7NkJBQ3FCLFdBQVcsQ0FBQyxFQUFFO3NCQUNyQixFQUFFOztPQUVqQjtLQUNGLENBQUM7QUFDSixDQUFDLElBQUksS0FBSyxDQUFDLEVBQUU7SUFDWCxJQUFJLENBQUMsS0FBSyxDQUFDLGtCQUFrQixFQUFFO1FBQzdCLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFDRCxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLEdBQUcsS0FBSyxDQUFDLGtCQUFrQixDQUFDO0lBQ2pFLE9BQU8sR0FBRyxDQUFBO1FBQ04sTUFBTTtRQUNOOzZCQUNxQixXQUFXLENBQUMsRUFBRTt1QkFDcEIsTUFBTTs7T0FFdEI7UUFDQyxNQUFNO1FBQ047NkJBQ3FCLFdBQVcsQ0FBQyxFQUFFO3VCQUNwQixNQUFNOztPQUV0QjtRQUNDLE9BQU87UUFDUDs2QkFDcUIsV0FBVyxDQUFDLEVBQUU7dUJBQ3BCLE9BQU87O09BRXZCO1FBQ0MsRUFBRTtRQUNGOzZCQUNxQixXQUFXLENBQUMsRUFBRTt1QkFDcEIsRUFBRTs7T0FFbEI7S0FDRixDQUFDO0FBQ0osQ0FBQztDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOztDQUUxQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7OztDQUd4QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O0NBRXhDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FvQmpDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7O2dCQU1yQixNQUFNLENBQUMsS0FBSztDQUMzQixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FHaEQ7Ozs7O0lBS0UsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsQ0FDbEIsU0FBUyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxlQUFlOzs7OztnQkFLM0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDO1lBQzdELENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDOzs7O29CQUk1QyxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzs7Ozs7Ozs7Y0FRcEQsTUFBTSxDQUFDLEtBQUs7Ozs7Ozs7dUJBT0gsV0FBVyxDQUFDLEVBQUU7OztDQUdwQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQXFCOzs7Ozs7Z0JBTS9DLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDOzs7Ozs7O0NBTy9ELENBQUMifQ==

package/dist/components/carousel-component/types.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode } from 'react';
+export interface ResponsiveConfig {
+    xs?: string;
+    mobile?: string;
+    tablet?: string;
+    desktop?: string;
+    xl?: string;
+}
+export declare type ResponsiveConfigNoXs = Omit<ResponsiveConfig, 'xs'>;
+export interface ArrowComponentProps {
+    direction: 'left' | 'right';
+    onClick: () => void;
+    disabled: boolean;
+}
+export interface DotComponentProps {
+    active: boolean;
+    onClick: () => void;
+    index: number;
+}
+export interface CarouselComponentProps {
+    items: ReactNode[];
+    options?: UseCarouselOptions;
+    showArrows?: boolean;
+    showDots?: boolean;
+    arrowComponent?: React.ComponentType<ArrowComponentProps>;
+    dotComponent?: React.ComponentType<DotComponentProps>;
+    className?: string;
+}
+export interface CarouselItemProps {
+    children: ReactNode;
+    widthItemConfig?: ResponsiveConfig;
+    maxWidthItemConfig?: ResponsiveConfigNoXs;
+    className?: string;
+}
+export interface UseCarouselOptions {
+    itemsPerPage?: number;
+    onPageChange?: (page: number) => void;
+}
+export interface UseCarouselReturn {
+    currentPage: number;
+    totalPages: number;
+    carouselRef: React.RefObject<HTMLDivElement>;
+    isScrolling: boolean;
+    handlePrevious: () => void;
+    handleNext: () => void;
+    scrollToPage: (page: number) => void;
+    handleMouseDown: (e: React.MouseEvent) => void;
+    handleMouseUp: (e: React.MouseEvent) => void;
+    handleMouseLeave: (e: React.MouseEvent<Element, MouseEvent>) => void;
+    handleTouchStart: (e: React.TouchEvent) => void;
+    handleTouchMove: (e: React.TouchEvent) => void;
+    handleTouchEnd: () => void;
+}

package/dist/components/carousel-component/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJvdXNlbC1jb21wb25lbnQvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/components/opta/football/opta-match-stats/shared/styles.js

@@ -45,13 +45,6 @@ export const WidgetWrapper = styled.div `
         @media (max-width: ${maxMDBreakpoint}px) {
           display: none;
         }
-
-        ${props => props.isApp &&
-    `
-          @media(prefers-color-scheme: dark) {
-            color: ${darkTextColor} !important;
-          }
-        `}
       }
     `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3NoYXJlZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQztBQUNyQyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDO0FBQ3pDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN4RCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxTQUFTLENBQUM7QUFDN0MsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDO0FBQ2xELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN0RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQzFCLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxPQUFPLFdBQVcsQ0FBQyxNQUFNLEtBQUssUUFBUTtJQUMzRCxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU07SUFDcEIsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUVmLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUdyQzswQkFDd0IsZUFBZTtlQUMxQixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7OEJBRXNCLG1CQUFtQjttQkFDOUIsYUFBYTs7T0FFekI7OzBCQUVtQixXQUFXOzs7MkJBR1YsZUFBZTt5QkFDakIsS0FBSyxDQUFDLEVBQUUsQ0FDdkIsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEtBQUs7O1FBRWxELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7MEJBRWtCLGVBQWU7O09BRWxDOzs7O3VCQUlnQixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs2QkFPUixlQUFlOzs7O1VBSWxDLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7cUJBRVcsYUFBYTs7U0FFekI7O0tBRUosQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3NoYXJlZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQztBQUNyQyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDO0FBQ3pDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN4RCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxTQUFTLENBQUM7QUFDN0MsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDO0FBQ2xELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN0RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQzFCLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxPQUFPLFdBQVcsQ0FBQyxNQUFNLEtBQUssUUFBUTtJQUMzRCxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU07SUFDcEIsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUVmLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUdyQzswQkFDd0IsZUFBZTtlQUMxQixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7OEJBRXNCLG1CQUFtQjttQkFDOUIsYUFBYTs7T0FFekI7OzBCQUVtQixXQUFXOzs7MkJBR1YsZUFBZTt5QkFDakIsS0FBSyxDQUFDLEVBQUUsQ0FDdkIsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEtBQUs7O1FBRWxELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7MEJBRWtCLGVBQWU7O09BRWxDOzs7O3VCQUlnQixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs2QkFPUixlQUFlOzs7O0tBSXZDLENBQUMifQ==

package/dist/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.js

@@ -45,7 +45,7 @@ export const OptaMatchStatsSummary = React.memo(({ season, competition, match, i
                     show_competition_name: true,
                     competition_naming: 'full',
                     team_naming: 'full',
-                    player_naming: 'last_name',
+                    player_naming: 'initial',
                     show_live: false,
                     show_logo: false,
                     show_title: false
@@ -62,4 +62,4 @@ export const OptaMatchStatsSummary = React.memo(({ season, competition, match, i
         !isReady && (React.createElement(PlaceholderContainer, { "data-testid": "placeholder" },
             React.createElement(Placeholder, null)))));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sdUJBQXVCLENBQUM7QUFFL0IsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUc5QyxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FPN0IsS0FBSyxDQUFDLElBQUksQ0FDYixDQUFDLEVBQ0MsTUFBTSxFQUNOLFdBQVcsRUFDWCxLQUFLLEVBQ0wsS0FBSyxHQUFHLEtBQUssRUFDYixhQUFhLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsRUFDckQsYUFBYSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQ3RELEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFDOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxVQUFVLENBQUM7UUFFekIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEIsVUFBVSxFQUFFO2FBQ1QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFO29CQUNqRCxLQUFLO29CQUNMLE1BQU0sRUFBRSxlQUFlO29CQUN2QixNQUFNO29CQUNOLFdBQVc7b0JBQ1gsS0FBSztvQkFDTCxRQUFRLEVBQUUsUUFBUTtvQkFDbEIsSUFBSSxFQUFFLElBQUk7b0JBQ1YsaUJBQWlCLEVBQUUsSUFBSTtvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSxLQUFLO29CQUN0QixTQUFTLEVBQUUsSUFBSTtvQkFDZixXQUFXLEVBQUUsS0FBSztvQkFDbEIsa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFdBQVcsRUFBRSxJQUFJO29CQUNqQixtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsbUJBQW1CLEVBQUUsS0FBSztvQkFDMUIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0IsbUJBQW1CLEVBQUUsSUFBSTtvQkFDekIsWUFBWSxFQUFFLEtBQUs7b0JBQ25CLFNBQVMsRUFBRSxLQUFLO29CQUNoQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsY0FBYyxFQUFFLElBQUk7b0JBQ3BCLGFBQWEsRUFBRSxLQUFLO29CQUNwQixXQUFXLEVBQUUsS0FBSztvQkFDbEIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsV0FBVyxFQUFFLE1BQU07b0JBQ25CLGFBQWEsRUFBRSxXQUFXO29CQUMxQixTQUFTLEVBQUUsS0FBSztvQkFDaEIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLFVBQVUsRUFBRSxLQUFLO2lCQUNsQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2FBQ2pCO1FBQ0gsQ0FBQyxDQUFDO2FBQ0QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLGVBQWUsSUFDZCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osYUFBYSxFQUFFLGFBQWEsRUFDNUIsYUFBYSxFQUFFLGFBQWEsR0FDNUI7UUFDRCxDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixtQkFBYSxhQUFhO1lBQzdDLG9CQUFDLFdBQVcsT0FBRyxDQUNNLENBQ3hCLENBQ0EsQ0FDSixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sdUJBQXVCLENBQUM7QUFFL0IsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUc5QyxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FPN0IsS0FBSyxDQUFDLElBQUksQ0FDYixDQUFDLEVBQ0MsTUFBTSxFQUNOLFdBQVcsRUFDWCxLQUFLLEVBQ0wsS0FBSyxHQUFHLEtBQUssRUFDYixhQUFhLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsRUFDckQsYUFBYSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQ3RELEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFDOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxVQUFVLENBQUM7UUFFekIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEIsVUFBVSxFQUFFO2FBQ1QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFO29CQUNqRCxLQUFLO29CQUNMLE1BQU0sRUFBRSxlQUFlO29CQUN2QixNQUFNO29CQUNOLFdBQVc7b0JBQ1gsS0FBSztvQkFDTCxRQUFRLEVBQUUsUUFBUTtvQkFDbEIsSUFBSSxFQUFFLElBQUk7b0JBQ1YsaUJBQWlCLEVBQUUsSUFBSTtvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSxLQUFLO29CQUN0QixTQUFTLEVBQUUsSUFBSTtvQkFDZixXQUFXLEVBQUUsS0FBSztvQkFDbEIsa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFdBQVcsRUFBRSxJQUFJO29CQUNqQixtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsbUJBQW1CLEVBQUUsS0FBSztvQkFDMUIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0IsbUJBQW1CLEVBQUUsSUFBSTtvQkFDekIsWUFBWSxFQUFFLEtBQUs7b0JBQ25CLFNBQVMsRUFBRSxLQUFLO29CQUNoQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsY0FBYyxFQUFFLElBQUk7b0JBQ3BCLGFBQWEsRUFBRSxLQUFLO29CQUNwQixXQUFXLEVBQUUsS0FBSztvQkFDbEIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsV0FBVyxFQUFFLE1BQU07b0JBQ25CLGFBQWEsRUFBRSxTQUFTO29CQUN4QixTQUFTLEVBQUUsS0FBSztvQkFDaEIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLFVBQVUsRUFBRSxLQUFLO2lCQUNsQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2FBQ2pCO1FBQ0gsQ0FBQyxDQUFDO2FBQ0QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLGVBQWUsSUFDZCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osYUFBYSxFQUFFLGFBQWEsRUFDNUIsYUFBYSxFQUFFLGFBQWEsR0FDNUI7UUFDRCxDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixtQkFBYSxhQUFhO1lBQzdDLG9CQUFDLFdBQVcsT0FBRyxDQUNNLENBQ3hCLENBQ0EsQ0FDSixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==

package/dist/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.stories.js

@@ -14,7 +14,7 @@ const showcase = {
                 React.createElement("br", null),
                 React.createElement("hr", null),
                 React.createElement("br", null),
-                React.createElement(OptaMatchStatsSummary, { season: "2025", competition: "8", match: "2562044", isApp: true }))),
+                React.createElement(OptaMatchStatsSummary, { season: "2025", competition: "8", match: "2561901", isApp: true }))),
             name: 'Summary',
             type: 'story'
         }

package/dist/components/opta/football/opta-match-stats/summary/WidgetContainer.js

@@ -293,23 +293,14 @@ export const WidgetContainer = styled.div `
           display: flex;
           text-align: right;
         }
-
-        &.Opta-Home {
-          .Opta-Event-Player {
-            text-align: left;
-          }
-        }
-
-        &.Opta-Away {
-          .Opta-Event-Player {
-            text-align: right;
-          }
-        }
       }
 
       .Opta-Event-Text {
         display: flex;
         align-items: center;
+        .Opta-Event-Player {
+          text-align: left;
+        }
 
         &.Opta-Home {
           li {
@@ -386,4 +377,4 @@ export const WidgetContainer = styled.div `
     }
   }
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvV2lkZ2V0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RSxPQUFPLEVBQ0wsZUFBZSxFQUNmLG1CQUFtQixFQUNuQixhQUFhLEVBQ2IsV0FBVyxFQUNYLGVBQWUsRUFDZixTQUFTLEVBQ1QsZUFBZSxFQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUl2QztzQkFDb0IsZUFBZTtzQkFDZixXQUFXOztJQUU3QixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzBCQUVzQixtQkFBbUI7ZUFDOUIsYUFBYTtzQkFDTixlQUFlOztHQUVsQzs7dUJBRW9CLGVBQWU7Ozs7Ozs7Ozs7Ozs7OytCQWNQLFdBQVc7O01BRXBDLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7d0JBRWtCLGVBQWU7O0tBRWxDOzs7Ozs7Ozs7OzRCQVV1QixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs2QkF1QmQsZUFBZTs7Ozs7Ozs7O3VCQVNyQixLQUFLLENBQUMsUUFBUTs7O2lCQUdwQixTQUFTO1VBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7cUJBRVcsYUFBYTs7U0FFekI7OzZCQUVvQixlQUFlOzs7Ozs7Ozs7Ozs7O3lCQWFuQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7NkJBV1osZUFBZTs7Ozs7OzhCQU1kLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLO1lBQ3BELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7a0NBRXNCLEtBQUssQ0FBQyxhQUFhLENBQUMsSUFBSTs7V0FFL0M7Ozs4QkFHbUIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUs7WUFDcEQsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJQUNYOztrQ0FFc0IsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJOztXQUUvQzs7Ozs7Ozs7Ozs7Ozt1QkFhWSxLQUFLLENBQUMsUUFBUTtpQkFDcEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxLQUFLOzs7OzZCQUlaLGVBQWU7Ozs7Ozs7MkJBT2pCLGVBQWU7Ozs7Ozs7Ozs7Ozs7MkJBYWYsZUFBZTs7Ozs7eUJBS2pCLEtBQUssQ0FBQyxVQUFVOzttQkFFdEIsU0FBUztZQUNoQixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7O3VCQUVXLGFBQWE7O1dBRXpCOzs7K0JBR29CLGVBQWU7MkJBQ25CLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFvQmhCLGVBQWU7Ozs7OzsyQkFNZixlQUFlOzs7Ozs7OzswQkFRaEIsZUFBZTtRQUNqQyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUVzQixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7MkJBU29CLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7bUJBWTFCLEtBQUssQ0FBQyxVQUFVOzthQUV0QixTQUFTO01BQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7aUJBRVcsYUFBYTs7S0FFekI7Ozs7Ozs7Ozs7T0FVRSxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUV1QixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7Ozs7O3lCQWFrQixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFtQ2IsZUFBZTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MkJBb0JmLGVBQWU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQkFxQnJCLEtBQUssQ0FBQyxVQUFVOztlQUV0QixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7bUJBRVcsYUFBYTs7T0FFekI7Ozs7Ozs7Ozs7Ozs7O0NBY04sQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvV2lkZ2V0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RSxPQUFPLEVBQ0wsZUFBZSxFQUNmLG1CQUFtQixFQUNuQixhQUFhLEVBQ2IsV0FBVyxFQUNYLGVBQWUsRUFDZixTQUFTLEVBQ1QsZUFBZSxFQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUl2QztzQkFDb0IsZUFBZTtzQkFDZixXQUFXOztJQUU3QixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzBCQUVzQixtQkFBbUI7ZUFDOUIsYUFBYTtzQkFDTixlQUFlOztHQUVsQzs7dUJBRW9CLGVBQWU7Ozs7Ozs7Ozs7Ozs7OytCQWNQLFdBQVc7O01BRXBDLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7d0JBRWtCLGVBQWU7O0tBRWxDOzs7Ozs7Ozs7OzRCQVV1QixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs2QkF1QmQsZUFBZTs7Ozs7Ozs7O3VCQVNyQixLQUFLLENBQUMsUUFBUTs7O2lCQUdwQixTQUFTO1VBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7cUJBRVcsYUFBYTs7U0FFekI7OzZCQUVvQixlQUFlOzs7Ozs7Ozs7Ozs7O3lCQWFuQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7NkJBV1osZUFBZTs7Ozs7OzhCQU1kLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLO1lBQ3BELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7a0NBRXNCLEtBQUssQ0FBQyxhQUFhLENBQUMsSUFBSTs7V0FFL0M7Ozs4QkFHbUIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUs7WUFDcEQsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJQUNYOztrQ0FFc0IsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJOztXQUUvQzs7Ozs7Ozs7Ozs7Ozt1QkFhWSxLQUFLLENBQUMsUUFBUTtpQkFDcEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxLQUFLOzs7OzZCQUlaLGVBQWU7Ozs7Ozs7MkJBT2pCLGVBQWU7Ozs7Ozs7Ozs7Ozs7MkJBYWYsZUFBZTs7Ozs7eUJBS2pCLEtBQUssQ0FBQyxVQUFVOzttQkFFdEIsU0FBUztZQUNoQixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7O3VCQUVXLGFBQWE7O1dBRXpCOzs7K0JBR29CLGVBQWU7MkJBQ25CLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFvQmhCLGVBQWU7Ozs7OzsyQkFNZixlQUFlOzs7Ozs7OzswQkFRaEIsZUFBZTtRQUNqQyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUVzQixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7MkJBU29CLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7bUJBWTFCLEtBQUssQ0FBQyxVQUFVOzthQUV0QixTQUFTO01BQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7aUJBRVcsYUFBYTs7S0FFekI7Ozs7Ozs7Ozs7T0FVRSxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUV1QixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7Ozs7O3lCQWFrQixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkEwQmIsZUFBZTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MkJBb0JmLGVBQWU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQkFxQnJCLEtBQUssQ0FBQyxVQUFVOztlQUV0QixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7bUJBRVcsYUFBYTs7T0FFekI7Ozs7Ozs7Ozs7Ozs7O0NBY04sQ0FBQyJ9

package/dist/components/trip-cards/SkeletonCard.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ImageHeightConfig } from './types';
+export declare const SkeletonCard: FC<{
+    isStaticGrid?: boolean;
+    imgHeight?: Omit<ImageHeightConfig, '$heightXs'>;
+}>;

package/dist/components/trip-cards/SkeletonCard.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Placeholder } from '@times-components/image';
+import { CardContainer, ImageContainer, CardContent, TopContainer, BottomContainer, DataPointsList, DataPoint, PriceSection, PriceContainer } from './styles';
+import { SkeletonLine, SkeletonHeadline, SkeletonPrice, SkeletonButton } from './skeletonStyles';
+export const SkeletonCard = ({ isStaticGrid, imgHeight = {} }) => {
+    return (React.createElement(CardContainer, { "data-testid": "skeleton-card-container" },
+        React.createElement(ImageContainer, Object.assign({ "data-testid": "skeleton-image-container", isStaticGrid: isStaticGrid }, imgHeight),
+            React.createElement(Placeholder, null)),
+        React.createElement(CardContent, { "data-testid": "skeleton-card-content" },
+            React.createElement(TopContainer, { "data-testid": "skeleton-top-container" },
+                React.createElement(SkeletonHeadline, { "data-testid": "skeleton-headline" }),
+                React.createElement(DataPointsList, { "data-testid": "skeleton-data-points-list" }, [1, 2, 3, 4].map(i => (React.createElement(DataPoint, { key: i, "data-testid": `skeleton-data-point-${i}` },
+                    React.createElement(SkeletonLine, { width: "80px", "data-testid": `skeleton-line-${i}` })))))),
+            React.createElement(BottomContainer, { "data-testid": "skeleton-bottom-container" },
+                React.createElement(PriceSection, { "data-testid": "skeleton-price-section" },
+                    React.createElement(PriceContainer, { "data-testid": "skeleton-price-container" },
+                        React.createElement(SkeletonLine, { width: "40px", marginBottom: "4px", "data-testid": "skeleton-price-label" }),
+                        React.createElement(SkeletonPrice, { "data-testid": "skeleton-price" }))),
+                React.createElement(SkeletonButton, { as: "div", "data-testid": "skeleton-button" })))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b25DYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJpcC1jYXJkcy9Ta2VsZXRvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBYSxNQUFNLE9BQU8sQ0FBQztBQUNsQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEQsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEVBQ2QsV0FBVyxFQUNYLFlBQVksRUFDWixlQUFlLEVBQ2YsY0FBYyxFQUNkLFNBQVMsRUFDVCxZQUFZLEVBQ1osY0FBYyxFQUNmLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFDTCxZQUFZLEVBQ1osZ0JBQWdCLEVBQ2hCLGFBQWEsRUFDYixjQUFjLEVBQ2YsTUFBTSxrQkFBa0IsQ0FBQztBQUcxQixNQUFNLENBQUMsTUFBTSxZQUFZLEdBR3BCLENBQUMsRUFBRSxZQUFZLEVBQUUsU0FBUyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUU7SUFDeEMsT0FBTyxDQUNMLG9CQUFDLGFBQWEsbUJBQWEseUJBQXlCO1FBQ2xELG9CQUFDLGNBQWMsaUNBQ0QsMEJBQTBCLEVBQ3RDLFlBQVksRUFBRSxZQUFZLElBQ3RCLFNBQVM7WUFFYixvQkFBQyxXQUFXLE9BQUcsQ0FDQTtRQUNqQixvQkFBQyxXQUFXLG1CQUFhLHVCQUF1QjtZQUM5QyxvQkFBQyxZQUFZLG1CQUFhLHdCQUF3QjtnQkFDaEQsb0JBQUMsZ0JBQWdCLG1CQUFhLG1CQUFtQixHQUFHO2dCQUNwRCxvQkFBQyxjQUFjLG1CQUFhLDJCQUEyQixJQUNwRCxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQ3JCLG9CQUFDLFNBQVMsSUFBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBZSx1QkFBdUIsQ0FBQyxFQUFFO29CQUN4RCxvQkFBQyxZQUFZLElBQUMsS0FBSyxFQUFDLE1BQU0saUJBQWMsaUJBQWlCLENBQUMsRUFBRSxHQUFJLENBQ3RELENBQ2IsQ0FBQyxDQUNhLENBQ0o7WUFDZixvQkFBQyxlQUFlLG1CQUFhLDJCQUEyQjtnQkFDdEQsb0JBQUMsWUFBWSxtQkFBYSx3QkFBd0I7b0JBQ2hELG9CQUFDLGNBQWMsbUJBQWEsMEJBQTBCO3dCQUNwRCxvQkFBQyxZQUFZLElBQ1gsS0FBSyxFQUFDLE1BQU0sRUFDWixZQUFZLEVBQUMsS0FBSyxpQkFDTixzQkFBc0IsR0FDbEM7d0JBQ0Ysb0JBQUMsYUFBYSxtQkFBYSxnQkFBZ0IsR0FBRyxDQUMvQixDQUNKO2dCQUNmLG9CQUFDLGNBQWMsSUFBQyxFQUFFLEVBQUMsS0FBSyxpQkFBYSxpQkFBaUIsR0FBRyxDQUN6QyxDQUNOLENBQ0EsQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

package/dist/components/trip-cards/TripCard.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TripCardProps } from './types';
+export declare const TripCard: FC<TripCardProps>;