@smg-automotive/components 25.11.0-chakra-v3.6 → 25.11.0-chakra-v3.8

package/dist/esm/components/carousel/NavigationButton.js

@@ -0,0 +1,186 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useSlotRecipe, chakra } from '@chakra-ui/react';
+import '../icons/AdvancedSearchIcon.js';
+import '../icons/ArrowCircleIcon.js';
+import '../icons/ArrowDiagonalIcon.js';
+import '../icons/ArrowDownIcon.js';
+import '../icons/ArrowLeftIcon.js';
+import '../icons/ArrowRightIcon.js';
+import '../icons/ArrowUpIcon.js';
+import '../icons/AutoScout24AppLogo.js';
+import '../icons/AvatarIcon.js';
+import '../icons/AvatarWithNotificationIcon.js';
+import '../icons/BatteryIcon.js';
+import '../icons/BookmarkIcon.js';
+import '../icons/CalculatorIcon.js';
+import '../icons/CalendarIcon.js';
+import '../icons/CallIcon.js';
+import '../icons/CamperIcon.js';
+import '../icons/CarConditionIcon.js';
+import '../icons/CarIcon.js';
+import '../icons/CopyIcon.js';
+import '../icons/ChartIcon.js';
+import '../icons/CheckmarkIcon.js';
+import '../icons/CheckmarkCircleIcon.js';
+import '../icons/CheckShieldIcon.js';
+import '../icons/ChevronDownLargeIcon.js';
+import '../icons/ChevronDownSmallIcon.js';
+import { ChevronLeftLargeIcon } from '../icons/ChevronLeftLargeIcon.js';
+import '../icons/ChevronLeftSmallIcon.js';
+import { ChevronRightLargeIcon } from '../icons/ChevronRightLargeIcon.js';
+import '../icons/ChevronRightSmallIcon.js';
+import '../icons/ChevronRightTinyIcon.js';
+import '../icons/ChevronUpLargeIcon.js';
+import '../icons/ChevronUpSmallIcon.js';
+import '../icons/CloseIcon.js';
+import '../icons/CompareIcon.js';
+import '../icons/ConsumptionIcon.js';
+import '../icons/CreditIcon.js';
+import '../icons/CreditCardIcon.js';
+import '../icons/DaylightIcon.js';
+import '../icons/DeleteIcon.js';
+import '../icons/DocumentCheckIcon.js';
+import '../icons/DocumentIcon.js';
+import '../icons/DragIcon.js';
+import '../icons/DriveSystemIcon.js';
+import '../icons/DriveTypeIcon.js';
+import '../icons/EquipmentIcon.js';
+import '../icons/ErrorIcon.js';
+import '../icons/ExchangeIcon.js';
+import '../icons/EyeIcon.js';
+import '../icons/EyeCrossedIcon.js';
+import '../icons/FacebookIcon.js';
+import '../icons/FlagIcon.js';
+import '../icons/FlameIcon.js';
+import '../icons/FlashIcon.js';
+import '../icons/GasStationIcon.js';
+import '../icons/HeartIcon.js';
+import '../icons/HistoryClockIcon.js';
+import '../icons/HouseIcon.js';
+import '../icons/ImageIcon.js';
+import '../icons/InfoIcon.js';
+import '../icons/InstagramIcon.js';
+import '../icons/InteriorIcon.js';
+import '../icons/LinkedinIcon.js';
+import '../icons/ListIcon.js';
+import '../icons/LocationPinIcon.js';
+import '../icons/MagnifierIcon.js';
+import '../icons/MessageIcon.js';
+import '../icons/MissingImageIcon.js';
+import '../icons/MotorcycleIcon.js';
+import '../icons/MotoScout24AppLogo.js';
+import '../icons/PenIcon.js';
+import '../icons/PlusIcon.js';
+import '../icons/ChfCurrencyIcon.js';
+import '../icons/PrintIcon.js';
+import '../icons/RangeIcon.js';
+import '../icons/RoadIcon.js';
+import '../icons/RotateIcon.js';
+import '../icons/SafeNumberIcon.js';
+import '../icons/ShareIcon.js';
+import '../icons/StarIcon.js';
+import '../icons/SteeringWheelIcon.js';
+import '../icons/ThreeSixtyIcon.js';
+import '../icons/TimeIcon.js';
+import '../icons/TooltipIcon.js';
+import '../icons/InformationIcon.js';
+import '../icons/TopListingIcon.js';
+import '../icons/TrailerIcon.js';
+import '../icons/TransmissionIcon.js';
+import '../icons/Trash.js';
+import '../icons/TruckIcon.js';
+import '../icons/TwitterIcon.js';
+import '../icons/UtilityVehicleIcon.js';
+import '../icons/VehiclePowerIcon.js';
+import '../icons/VehicleTypesMotorcycleIcon.js';
+import '../icons/VideoIcon.js';
+import '../icons/VideoCameraIcon.js';
+import '../icons/ViewCarIcon.js';
+import '../icons/DriveSystemLargeIcon.js';
+import '../icons/WarningIcon.js';
+import '../icons/WhatsAppIcon.js';
+import '../icons/YoutubeIcon.js';
+import '../icons/SortIcon.js';
+import '../icons/ViewMotorcycleIcon.js';
+import '../icons/GoogleIcon.js';
+import '../icons/SaveSearchIcon.js';
+import '../icons/AutoScout24Icon.js';
+import '../icons/MotoScout24Icon.js';
+import '../icons/MagnifierLargeIcon.js';
+import '../icons/RocketIcon.js';
+import '../icons/CartIcon.js';
+import '../icons/VanIcon.js';
+import '../icons/MiniVanIcon.js';
+import '../icons/SuvIcon.js';
+import '../icons/CoupeIcon.js';
+import '../icons/CabrioletIcon.js';
+import '../icons/SmallCarIcon.js';
+import '../icons/SedanIcon.js';
+import '../icons/WagonIcon.js';
+import '../icons/PickUpIcon.js';
+import '../icons/InformationBubbleIcon.js';
+import '../icons/OverflowVerticalIcon.js';
+import '../icons/PartialClockIcon.js';
+import '../icons/LockIcon.js';
+import '../icons/TiltedRectangleIcon.js';
+import '../icons/PlusCircleIcon.js';
+import '../icons/StarCircleIcon.js';
+import '../icons/InfinityCircleIcon.js';
+import '../icons/VehicleTypesMotorcycleStarIcon.js';
+import '../icons/CategoryAOneIcon.js';
+import '../icons/CategoryAIcon.js';
+import '../icons/CategoryAMinusIcon.js';
+import '../icons/BankNotesIcon.js';
+import '../icons/ChatBubbleIcon.js';
+import '../icons/DigitalContractIcon.js';
+import '../icons/OptimizerIcon.js';
+import '../icons/CheckmarkCircleColorIcon.js';
+import '../icons/ArrowDownCircleIcon.js';
+import '../icons/ArrowUpCircleIcon.js';
+import '../icons/NotAvailableIcon.js';
+import '../icons/LabelIcon.js';
+import '../icons/BulbIcon.js';
+import '../icons/NoPhotoIcon.js';
+import '../icons/ThumbsUpIcon.js';
+import '../icons/ThumbsDownIcon.js';
+import '../icons/MinusIcon.js';
+import '../icons/DoubleChevronUpIcon.js';
+import '../icons/DoubleChevronDownIcon.js';
+import '../icons/DoubleLineIcon.js';
+import '../icons/NotAvailableSquareIcon.js';
+import '../icons/WarrantyIcon.js';
+import '../icons/DownloadIcon.js';
+import '../icons/TriangleIcon.js';
+import '../icons/SwissFlagIcon.js';
+import '../icons/GlobeIcon.js';
+import '../icons/GarageIcon.js';
+import '../icons/HamburgerMenuIcon.js';
+import '../icons/LogoutIcon.js';
+import '../icons/AndroidIcon.js';
+import '../icons/AppleIcon.js';
+import '../icons/WindowsIcon.js';
+import '../icons/SpeakerIcon.js';
+import '../icons/AddPhotoIcon.js';
+import '../icons/ScreenIcon.js';
+import '../icons/QualitySealIcon.js';
+import '../icons/ExpandIcon.js';
+import '../icons/CollapseIcon.js';
+import '../icons/ForwardIcon.js';
+import { Flex } from '../flex/index.js';
+
+var NavigationButton = function (_a) {
+    var direction = _a.direction, onClick = _a.onClick, fullScreen = _a.fullScreen, _b = _a.isHovered, isHovered = _b === void 0 ? false : _b;
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe(fullScreen ? { variant: 'fullScreen' } : {});
+    var side = direction === 'previous' ? { left: '0' } : { right: '0' };
+    var icons = {
+        previous: React.createElement(ChevronLeftLargeIcon, { boxSize: undefined, css: styles.icon }),
+        next: React.createElement(ChevronRightLargeIcon, { boxSize: undefined, css: styles.icon }),
+    };
+    return (React.createElement(chakra.button, { onClick: onClick, "aria-label": "".concat(direction, " slide"), css: __assign(__assign(__assign({}, styles.buttonContainer), (isHovered ? { visibility: 'visible', pointerEvents: 'auto' } : {})), side) },
+        React.createElement(Flex, { css: styles.button }, icons[direction])));
+};
+
+export { NavigationButton };
+//# sourceMappingURL=NavigationButton.js.map

package/dist/esm/components/carousel/NavigationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationButton.js","sources":["../../../../../src/components/carousel/NavigationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,IAAM,gBAAgB,GAAc,UAAC,EAK3C,EAAA;AAJC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;IAEjB,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;AACjD,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;IAClE,IAAM,IAAI,GAAG,SAAS,KAAK,UAAU,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;AACtE,IAAA,IAAM,KAAK,GAAG;AACZ,QAAA,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA,CAAI;AACxE,QAAA,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA,CAAI;KACtE;AACD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,EAAA,CAAA,MAAA,CAAG,SAAS,EAAA,QAAA,CAAQ,EAChC,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACE,MAAM,CAAC,eAAe,CAAA,GACrB,SAAS,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,IAClE,IAAI,CAAA,EAAA;AAGT,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAA,EAAG,KAAK,CAAC,SAAS,CAAC,CAAQ,CACrC;AAEpB;;;;"}

package/dist/esm/components/carousel/NumbersPagination.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
+interface Props {
+    currentSlideIndex: number;
+    numberOfSlides: number;
+    mainCarousel?: UseEmblaCarouselType[1];
+}
+export declare const NumbersPagination: FC<Props>;
+export {};
+//# sourceMappingURL=NumbersPagination.d.ts.map

package/dist/esm/components/carousel/NumbersPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumbersPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/NumbersPagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAM5D,UAAU,KAAK;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CA8BvC,CAAC"}

package/dist/esm/components/carousel/NumbersPagination.js

@@ -0,0 +1,19 @@
+import React, { useCallback } from 'react';
+import { Flex } from '../flex/index.js';
+import { Box } from '@chakra-ui/react';
+import { NumbersPaginationButton } from './NumbersPaginationButton.js';
+
+var NumbersPagination = function (_a) {
+    var currentSlideIndex = _a.currentSlideIndex, numberOfSlides = _a.numberOfSlides, mainCarousel = _a.mainCarousel;
+    var onClick = useCallback(function (index) {
+        if (mainCarousel) {
+            mainCarousel.scrollTo(index);
+        }
+    }, [mainCarousel]);
+    var pagination = Array.from({ length: numberOfSlides }, function (_, i) { return i; });
+    return (React.createElement(Box, { "aria-label": "Numbers Pagination" },
+        React.createElement(Flex, { flexDirection: "row", alignItems: "center", justifyContent: "center" }, pagination.map(function (index) { return (React.createElement(NumbersPaginationButton, { key: "slide-".concat(index), isCurrent: index === currentSlideIndex, currentPageNumber: index + 1, totalNumbers: numberOfSlides, onClick: function () { return onClick(index); } })); }))));
+};
+
+export { NumbersPagination };
+//# sourceMappingURL=NumbersPagination.js.map

package/dist/esm/components/carousel/NumbersPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumbersPagination.js","sources":["../../../../../src/components/carousel/NumbersPagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAcO,IAAM,iBAAiB,GAAc,UAAC,EAI5C,EAAA;AAHC,IAAA,IAAA,iBAAiB,uBAAA,EACjB,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,YAAY,GAAA,EAAA,CAAA,YAAA;AAEZ,IAAA,IAAM,OAAO,GAAG,WAAW,CACzB,UAAC,KAAa,EAAA;QACZ,IAAI,YAAY,EAAE;AAChB,YAAA,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC9B;AACF,IAAA,CAAC,EACD,CAAC,YAAY,CAAC,CACf;IACD,IAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,EAAA,EAAK,OAAA,CAAC,CAAA,CAAD,CAAC,CAAC;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAA,YAAA,EAAY,oBAAoB,EAAA;AAClC,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAA,EAClE,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,QACzB,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,EACtB,GAAG,EAAE,QAAA,CAAA,MAAA,CAAS,KAAK,CAAE,EACrB,SAAS,EAAE,KAAK,KAAK,iBAAiB,EACtC,iBAAiB,EAAE,KAAK,GAAG,CAAC,EAC5B,YAAY,EAAE,cAAc,EAC5B,OAAO,EAAE,YAAA,EAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAAA,CAC7B,EACH,CAR0B,CAQ1B,CAAC,CACG,CACH;AAEV;;;;"}

package/dist/esm/components/carousel/NumbersPaginationButton.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+interface Props {
+    onClick: () => void;
+    isCurrent: boolean;
+    currentPageNumber: number;
+    totalNumbers: number;
+}
+export declare const NumbersPaginationButton: FC<Props>;
+export {};
+//# sourceMappingURL=NumbersPaginationButton.d.ts.map

package/dist/esm/components/carousel/NumbersPaginationButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumbersPaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/NumbersPaginationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,KAAK,CAmB7C,CAAC"}

package/dist/esm/components/carousel/NumbersPaginationButton.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { useSlotRecipe, chakra } from '@chakra-ui/react';
+
+var NumbersPaginationButton = function (_a) {
+    var onClick = _a.onClick, isCurrent = _a.isCurrent, currentPageNumber = _a.currentPageNumber, totalNumbers = _a.totalNumbers;
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe();
+    return (React.createElement(chakra.button, { css: styles.numbersPaginationButton, onClick: onClick, "aria-current": isCurrent, "aria-label": "numbers pagination ".concat(currentPageNumber, " of ").concat(totalNumbers) }, currentPageNumber));
+};
+
+export { NumbersPaginationButton };
+//# sourceMappingURL=NumbersPaginationButton.js.map

package/dist/esm/components/carousel/NumbersPaginationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumbersPaginationButton.js","sources":["../../../../../src/components/carousel/NumbersPaginationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAUO,IAAM,uBAAuB,GAAc,UAAC,EAKlD,EAAA;QAJC,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEZ,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;AACjD,IAAA,IAAM,MAAM,GAAG,MAAM,EAAE;IAEvB,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,GAAG,EAAE,MAAM,CAAC,uBAAuB,EACnC,OAAO,EAAE,OAAO,EAAA,cAAA,EACF,SAAS,EAAA,YAAA,EACX,qBAAA,CAAA,MAAA,CAAsB,iBAAiB,EAAA,MAAA,CAAA,CAAA,MAAA,CAAO,YAAY,CAAE,EAAA,EAEvE,iBAAiB,CACJ;AAEpB;;;;"}

package/dist/esm/components/carousel/Slide.d.ts

@@ -0,0 +1,13 @@
+import { FC, PropsWithChildren } from 'react';
+import type { ResponsiveValue } from 'src/types/responsiveValue';
+interface Props {
+    onClick: () => void;
+    slideIndex: number;
+    totalSlides: number;
+    isCurrent: boolean;
+    fullScreen: boolean;
+    slidesPerView: ResponsiveValue<number> | 1;
+}
+export declare const Slide: FC<PropsWithChildren<Props>>;
+export {};
+//# sourceMappingURL=Slide.d.ts.map

package/dist/esm/components/carousel/Slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/Slide.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAKjE,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAgD9C,CAAC"}

package/dist/esm/components/carousel/Slide.js

@@ -0,0 +1,29 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useSlotRecipe, Box } from '@chakra-ui/react';
+
+var Slide = function (_a) {
+    var onClick = _a.onClick, slideIndex = _a.slideIndex, totalSlides = _a.totalSlides, isCurrent = _a.isCurrent, children = _a.children, fullScreen = _a.fullScreen, slidesPerView = _a.slidesPerView;
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe(fullScreen ? { variant: 'fullScreen' } : {});
+    var flexBasisTokenOrVar = slidesPerView === 1 ? 'full' : 'var(--carousel-slide-basis)';
+    var basisVarResponsive = slidesPerView === 1
+        ? undefined
+        : (function () {
+            var map = slidesPerView;
+            var result = {};
+            Object.keys(map).forEach(function (bp) {
+                var value = map[bp];
+                if (typeof value === 'number') {
+                    result[bp] = "calc(100% / ".concat(value, ")");
+                }
+            });
+            return result;
+        })();
+    return (React.createElement(Box, { css: __assign(__assign({}, styles.slide), (basisVarResponsive
+            ? { '--carousel-slide-basis': basisVarResponsive }
+            : {})), flexBasis: flexBasisTokenOrVar, paddingLeft: slidesPerView === 1 ? '0' : { base: 'md', md: '2xl' }, onClick: onClick, "aria-roledescription": "slide", "aria-label": "".concat(slideIndex + 1, " of ").concat(totalSlides), "aria-current": isCurrent }, children));
+};
+
+export { Slide };
+//# sourceMappingURL=Slide.js.map

package/dist/esm/components/carousel/Slide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.js","sources":["../../../../../src/components/carousel/Slide.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAiBO,IAAM,KAAK,GAAiC,UAAC,EAQnD,EAAA;AAPC,IAAA,IAAA,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,aAAa,GAAA,EAAA,CAAA,aAAA;IAEb,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;AACjD,IAAA,IAAM,MAAM,GAAG,MAAM,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;AAElE,IAAA,IAAM,mBAAmB,GACvB,aAAa,KAAK,CAAC,GAAG,MAAM,GAAG,6BAA6B;AAE9D,IAAA,IAAM,kBAAkB,GACtB,aAAa,KAAK;AAChB,UAAE;AACF,UAAE,CAAC,YAAA;YACC,IAAM,GAAG,GAAG,aAAwD;YACpE,IAAM,MAAM,GAA4B,EAAE;YACzC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAsB,CAAC,OAAO,CAAC,UAAC,EAAE,EAAA;AAChD,gBAAA,IAAM,KAAK,GAAG,GAAG,CAAC,EAAE,CAAC;AACrB,gBAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,oBAAA,MAAM,CAAC,EAAE,CAAC,GAAG,cAAA,CAAA,MAAA,CAAe,KAAK,MAAG;gBACtC;AACF,YAAA,CAAC,CAAC;AACF,YAAA,OAAO,MAAM;QACf,CAAC,GAAG;IAEV,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACE,MAAM,CAAC,KAAK,CAAA,GACX;AACF,cAAE,EAAE,wBAAwB,EAAE,kBAAkB;cAC9C,EAAE,EAAC,EAET,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,aAAa,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAClE,OAAO,EAAE,OAAO,EAAA,sBAAA,EACK,OAAO,EAAA,YAAA,EAChB,EAAA,CAAA,MAAA,CAAG,UAAU,GAAG,CAAC,EAAA,MAAA,CAAA,CAAA,MAAA,CAAO,WAAW,CAAE,EAAA,cAAA,EACnC,SAAS,EAAA,EAEtB,QAAQ,CACL;AAEV;;;;"}

package/dist/esm/components/carousel/Thumbnail.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+interface Props {
+    onClick: () => void;
+    isCurrent: boolean;
+    thumbnailIndex: number;
+    totalThumbnails: number;
+}
+export declare const Thumbnail: FC<PropsWithChildren<Props>>;
+export {};
+//# sourceMappingURL=Thumbnail.d.ts.map

package/dist/esm/components/carousel/Thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAuBlD,CAAC"}

package/dist/esm/components/carousel/Thumbnail.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AspectRatio } from '../aspectRatio/index.js';
+
+var Thumbnail = function (_a) {
+    var onClick = _a.onClick, isCurrent = _a.isCurrent, thumbnailIndex = _a.thumbnailIndex, totalThumbnails = _a.totalThumbnails, children = _a.children;
+    return (React.createElement(AspectRatio, { ratio: 4 / 3, onClick: onClick, width: "3xl", flexShrink: "0", cursor: "pointer", mr: "xs", border: "4px", borderColor: isCurrent ? 'blue.400' : 'transparent', "aria-current": isCurrent, "aria-label": "thumbnail ".concat(thumbnailIndex + 1, " of ").concat(totalThumbnails) }, children));
+};
+
+export { Thumbnail };
+//# sourceMappingURL=Thumbnail.js.map

package/dist/esm/components/carousel/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.js","sources":["../../../../../src/components/carousel/Thumbnail.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAWO,IAAM,SAAS,GAAiC,UAAC,EAMvD,EAAA;AALC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,KAAK,EAAE,CAAC,GAAG,CAAC,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,KAAK,EACX,UAAU,EAAC,GAAG,EACd,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,IAAI,EACP,MAAM,EAAC,KAAK,EACZ,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,EAAA,cAAA,EACrC,SAAS,EAAA,YAAA,EACX,YAAA,CAAA,MAAA,CAAa,cAAc,GAAG,CAAC,EAAA,MAAA,CAAA,CAAA,MAAA,CAAO,eAAe,CAAE,EAAA,EAElE,QAAQ,CACG;AAElB;;;;"}

package/dist/esm/components/carousel/ThumbnailNavigationButton.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { Direction } from './NavigationButton';
+interface Props {
+    onClick: () => void;
+    direction: Direction;
+}
+export declare const ThumbnailNavigationButton: FC<Props>;
+export {};
+//# sourceMappingURL=ThumbnailNavigationButton.d.ts.map

package/dist/esm/components/carousel/ThumbnailNavigationButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailNavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/ThumbnailNavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;CACtB;AAOD,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CAkB/C,CAAC"}

package/dist/esm/components/carousel/ThumbnailNavigationButton.js

@@ -0,0 +1,186 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useSlotRecipe, chakra } from '@chakra-ui/react';
+import '../icons/AdvancedSearchIcon.js';
+import '../icons/ArrowCircleIcon.js';
+import '../icons/ArrowDiagonalIcon.js';
+import '../icons/ArrowDownIcon.js';
+import '../icons/ArrowLeftIcon.js';
+import '../icons/ArrowRightIcon.js';
+import '../icons/ArrowUpIcon.js';
+import '../icons/AutoScout24AppLogo.js';
+import '../icons/AvatarIcon.js';
+import '../icons/AvatarWithNotificationIcon.js';
+import '../icons/BatteryIcon.js';
+import '../icons/BookmarkIcon.js';
+import '../icons/CalculatorIcon.js';
+import '../icons/CalendarIcon.js';
+import '../icons/CallIcon.js';
+import '../icons/CamperIcon.js';
+import '../icons/CarConditionIcon.js';
+import '../icons/CarIcon.js';
+import '../icons/CopyIcon.js';
+import '../icons/ChartIcon.js';
+import '../icons/CheckmarkIcon.js';
+import '../icons/CheckmarkCircleIcon.js';
+import '../icons/CheckShieldIcon.js';
+import '../icons/ChevronDownLargeIcon.js';
+import '../icons/ChevronDownSmallIcon.js';
+import '../icons/ChevronLeftLargeIcon.js';
+import { ChevronLeftSmallIcon } from '../icons/ChevronLeftSmallIcon.js';
+import '../icons/ChevronRightLargeIcon.js';
+import { ChevronRightSmallIcon } from '../icons/ChevronRightSmallIcon.js';
+import '../icons/ChevronRightTinyIcon.js';
+import '../icons/ChevronUpLargeIcon.js';
+import '../icons/ChevronUpSmallIcon.js';
+import '../icons/CloseIcon.js';
+import '../icons/CompareIcon.js';
+import '../icons/ConsumptionIcon.js';
+import '../icons/CreditIcon.js';
+import '../icons/CreditCardIcon.js';
+import '../icons/DaylightIcon.js';
+import '../icons/DeleteIcon.js';
+import '../icons/DocumentCheckIcon.js';
+import '../icons/DocumentIcon.js';
+import '../icons/DragIcon.js';
+import '../icons/DriveSystemIcon.js';
+import '../icons/DriveTypeIcon.js';
+import '../icons/EquipmentIcon.js';
+import '../icons/ErrorIcon.js';
+import '../icons/ExchangeIcon.js';
+import '../icons/EyeIcon.js';
+import '../icons/EyeCrossedIcon.js';
+import '../icons/FacebookIcon.js';
+import '../icons/FlagIcon.js';
+import '../icons/FlameIcon.js';
+import '../icons/FlashIcon.js';
+import '../icons/GasStationIcon.js';
+import '../icons/HeartIcon.js';
+import '../icons/HistoryClockIcon.js';
+import '../icons/HouseIcon.js';
+import '../icons/ImageIcon.js';
+import '../icons/InfoIcon.js';
+import '../icons/InstagramIcon.js';
+import '../icons/InteriorIcon.js';
+import '../icons/LinkedinIcon.js';
+import '../icons/ListIcon.js';
+import '../icons/LocationPinIcon.js';
+import '../icons/MagnifierIcon.js';
+import '../icons/MessageIcon.js';
+import '../icons/MissingImageIcon.js';
+import '../icons/MotorcycleIcon.js';
+import '../icons/MotoScout24AppLogo.js';
+import '../icons/PenIcon.js';
+import '../icons/PlusIcon.js';
+import '../icons/ChfCurrencyIcon.js';
+import '../icons/PrintIcon.js';
+import '../icons/RangeIcon.js';
+import '../icons/RoadIcon.js';
+import '../icons/RotateIcon.js';
+import '../icons/SafeNumberIcon.js';
+import '../icons/ShareIcon.js';
+import '../icons/StarIcon.js';
+import '../icons/SteeringWheelIcon.js';
+import '../icons/ThreeSixtyIcon.js';
+import '../icons/TimeIcon.js';
+import '../icons/TooltipIcon.js';
+import '../icons/InformationIcon.js';
+import '../icons/TopListingIcon.js';
+import '../icons/TrailerIcon.js';
+import '../icons/TransmissionIcon.js';
+import '../icons/Trash.js';
+import '../icons/TruckIcon.js';
+import '../icons/TwitterIcon.js';
+import '../icons/UtilityVehicleIcon.js';
+import '../icons/VehiclePowerIcon.js';
+import '../icons/VehicleTypesMotorcycleIcon.js';
+import '../icons/VideoIcon.js';
+import '../icons/VideoCameraIcon.js';
+import '../icons/ViewCarIcon.js';
+import '../icons/DriveSystemLargeIcon.js';
+import '../icons/WarningIcon.js';
+import '../icons/WhatsAppIcon.js';
+import '../icons/YoutubeIcon.js';
+import '../icons/SortIcon.js';
+import '../icons/ViewMotorcycleIcon.js';
+import '../icons/GoogleIcon.js';
+import '../icons/SaveSearchIcon.js';
+import '../icons/AutoScout24Icon.js';
+import '../icons/MotoScout24Icon.js';
+import '../icons/MagnifierLargeIcon.js';
+import '../icons/RocketIcon.js';
+import '../icons/CartIcon.js';
+import '../icons/VanIcon.js';
+import '../icons/MiniVanIcon.js';
+import '../icons/SuvIcon.js';
+import '../icons/CoupeIcon.js';
+import '../icons/CabrioletIcon.js';
+import '../icons/SmallCarIcon.js';
+import '../icons/SedanIcon.js';
+import '../icons/WagonIcon.js';
+import '../icons/PickUpIcon.js';
+import '../icons/InformationBubbleIcon.js';
+import '../icons/OverflowVerticalIcon.js';
+import '../icons/PartialClockIcon.js';
+import '../icons/LockIcon.js';
+import '../icons/TiltedRectangleIcon.js';
+import '../icons/PlusCircleIcon.js';
+import '../icons/StarCircleIcon.js';
+import '../icons/InfinityCircleIcon.js';
+import '../icons/VehicleTypesMotorcycleStarIcon.js';
+import '../icons/CategoryAOneIcon.js';
+import '../icons/CategoryAIcon.js';
+import '../icons/CategoryAMinusIcon.js';
+import '../icons/BankNotesIcon.js';
+import '../icons/ChatBubbleIcon.js';
+import '../icons/DigitalContractIcon.js';
+import '../icons/OptimizerIcon.js';
+import '../icons/CheckmarkCircleColorIcon.js';
+import '../icons/ArrowDownCircleIcon.js';
+import '../icons/ArrowUpCircleIcon.js';
+import '../icons/NotAvailableIcon.js';
+import '../icons/LabelIcon.js';
+import '../icons/BulbIcon.js';
+import '../icons/NoPhotoIcon.js';
+import '../icons/ThumbsUpIcon.js';
+import '../icons/ThumbsDownIcon.js';
+import '../icons/MinusIcon.js';
+import '../icons/DoubleChevronUpIcon.js';
+import '../icons/DoubleChevronDownIcon.js';
+import '../icons/DoubleLineIcon.js';
+import '../icons/NotAvailableSquareIcon.js';
+import '../icons/WarrantyIcon.js';
+import '../icons/DownloadIcon.js';
+import '../icons/TriangleIcon.js';
+import '../icons/SwissFlagIcon.js';
+import '../icons/GlobeIcon.js';
+import '../icons/GarageIcon.js';
+import '../icons/HamburgerMenuIcon.js';
+import '../icons/LogoutIcon.js';
+import '../icons/AndroidIcon.js';
+import '../icons/AppleIcon.js';
+import '../icons/WindowsIcon.js';
+import '../icons/SpeakerIcon.js';
+import '../icons/AddPhotoIcon.js';
+import '../icons/ScreenIcon.js';
+import '../icons/QualitySealIcon.js';
+import '../icons/ExpandIcon.js';
+import '../icons/CollapseIcon.js';
+import '../icons/ForwardIcon.js';
+import { Flex } from '../flex/index.js';
+
+var icons = {
+    previous: React.createElement(ChevronLeftSmallIcon, null),
+    next: React.createElement(ChevronRightSmallIcon, null),
+};
+var ThumbnailNavigationButton = function (_a) {
+    var direction = _a.direction, onClick = _a.onClick;
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe({ variant: 'fullScreen' });
+    var side = direction === 'previous' ? { left: '0' } : { right: '0' };
+    return (React.createElement(chakra.button, { onClick: onClick, "aria-label": "scroll to ".concat(direction, " thumbnail group"), "aria-controls": "thumbnails-wrapper", css: __assign(__assign({}, styles.paginationButton), side) },
+        React.createElement(Flex, { css: styles.paginationIconContainer }, icons[direction])));
+};
+
+export { ThumbnailNavigationButton };
+//# sourceMappingURL=ThumbnailNavigationButton.js.map

package/dist/esm/components/carousel/ThumbnailNavigationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailNavigationButton.js","sources":["../../../../../src/components/carousel/ThumbnailNavigationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,KAAK,GAAG;IACZ,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,IAAA,CAAG;IAClC,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,IAAA,CAAG;CAChC;AAEM,IAAM,yBAAyB,GAAc,UAAC,EAGpD,EAAA;QAFC,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,OAAO,GAAA,EAAA,CAAA,OAAA;IAEP,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;IACjD,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;IAChD,IAAM,IAAI,GAAG,SAAS,KAAK,UAAU,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;IAEtE,QACE,oBAAC,MAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,YAAA,CAAA,MAAA,CAAa,SAAS,EAAA,kBAAA,CAAkB,EAAA,eAAA,EACtC,oBAAoB,EAClC,GAAG,wBAAO,MAAM,CAAC,gBAAgB,CAAA,EAAK,IAAI,CAAA,EAAA;AAE1C,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,uBAAuB,EAAA,EAAG,KAAK,CAAC,SAAS,CAAC,CAAQ,CACtD;AAEpB;;;;"}

package/dist/esm/components/carousel/ThumbnailPagination.d.ts

@@ -0,0 +1,12 @@
+import { FC, LegacyRef, ReactNode } from 'react';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
+interface Props {
+    currentSlideIndex: number;
+    thumbnails: ReactNode[];
+    mainCarousel?: UseEmblaCarouselType[1];
+    paginationCarouselRef?: LegacyRef<HTMLDivElement>;
+    paginationCarousel?: UseEmblaCarouselType[1];
+}
+export declare const ThumbnailPagination: FC<Props>;
+export {};
+//# sourceMappingURL=ThumbnailPagination.d.ts.map

package/dist/esm/components/carousel/ThumbnailPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/ThumbnailPagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EACF,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAQ5D,UAAU,KAAK;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACvC,qBAAqB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,kBAAkB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CA2FzC,CAAC"}

package/dist/esm/components/carousel/ThumbnailPagination.js

@@ -0,0 +1,46 @@
+import React, { useState, useCallback, useEffect } from 'react';
+import { useSlotRecipe, Box } from '@chakra-ui/react';
+import { Flex } from '../flex/index.js';
+import { ThumbnailNavigationButton } from './ThumbnailNavigationButton.js';
+import { Thumbnail } from './Thumbnail.js';
+
+var ThumbnailPagination = function (_a) {
+    var currentSlideIndex = _a.currentSlideIndex, thumbnails = _a.thumbnails, mainCarousel = _a.mainCarousel, paginationCarouselRef = _a.paginationCarouselRef, paginationCarousel = _a.paginationCarousel;
+    var _b = useState({ previous: false, next: true }), paginationButtonVisibility = _b[0], setPaginationButtonVisibility = _b[1];
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe({ variant: 'fullScreen' });
+    var scrollPrev = useCallback(function () { return paginationCarousel && paginationCarousel.scrollPrev(true); }, [paginationCarousel]);
+    var scrollNext = useCallback(function () { return paginationCarousel && paginationCarousel.scrollNext(true); }, [paginationCarousel]);
+    var onThumbnailClick = useCallback(function (index) {
+        if (!mainCarousel || !paginationCarousel)
+            return;
+        mainCarousel.scrollTo(index, true);
+    }, [mainCarousel, paginationCarousel]);
+    var evalPaginationButtonVisibility = useCallback(function () {
+        if (!paginationCarousel ||
+            paginationCarousel.slidesNotInView().length === 0) {
+            setPaginationButtonVisibility({ previous: false, next: false });
+            return;
+        }
+        var progress = Math.max(0, Math.min(1, paginationCarousel.scrollProgress()));
+        var slideWidth = 1 / thumbnails.length;
+        setPaginationButtonVisibility({
+            previous: progress > slideWidth,
+            next: progress < 1 - slideWidth,
+        });
+    }, [paginationCarousel, thumbnails.length]);
+    useEffect(function () {
+        if (!paginationCarousel)
+            return;
+        evalPaginationButtonVisibility();
+        paginationCarousel.on('scroll', evalPaginationButtonVisibility);
+        paginationCarousel.on('slidesInView', evalPaginationButtonVisibility);
+    }, [paginationCarousel, evalPaginationButtonVisibility]);
+    return (React.createElement(Box, { ref: paginationCarouselRef, css: styles.pagination, "aria-label": "Pagination" },
+        React.createElement(Flex, { alignItems: "center", height: "full", id: "thumbnail-wrapper" }, thumbnails.map(function (slide, index) { return (React.createElement(Thumbnail, { key: "slide-".concat(index), onClick: function () { return onThumbnailClick(index); }, isCurrent: index === currentSlideIndex, thumbnailIndex: index, totalThumbnails: thumbnails.length }, paginationCarouselRef ? (slide) : (React.createElement(Box, { h: "full", w: "full", backgroundColor: "gray.50" })))); })),
+        paginationButtonVisibility.previous ? (React.createElement(ThumbnailNavigationButton, { onClick: scrollPrev, direction: "previous" })) : null,
+        paginationButtonVisibility.next ? (React.createElement(ThumbnailNavigationButton, { onClick: scrollNext, direction: "next" })) : null));
+};
+
+export { ThumbnailPagination };
+//# sourceMappingURL=ThumbnailPagination.js.map

package/dist/esm/components/carousel/ThumbnailPagination.js.map

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