@smg-automotive/components 25.11.0-dbojovic-vsst-4320-select-menu-migration.3 → 25.11.0-dgajin-vsst-4352-migrate-carousel.1

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

@@ -0,0 +1,211 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { useState, useCallback, useEffect } from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { useMediaQuery, useSlotRecipe, Box } from '@chakra-ui/react';
+import '../../themes/motoScout24.js';
+import '../../themes/autoScout24.js';
+import '../../themes/shared/tokens/zIndex.js';
+import '../../themes/shared/tokens/spacing.js';
+import '../../themes/shared/tokens/sizes.js';
+import '../../themes/shared/tokens/shadows.js';
+import '../../themes/shared/tokens/radii.js';
+import '../../themes/shared/tokens/opacity.js';
+import '../../themes/shared/tokens/lineHeights.js';
+import '../../themes/shared/tokens/fontWeights.js';
+import '../../themes/shared/tokens/fontSizes.js';
+import '../../themes/shared/tokens/fonts.js';
+import '../../themes/shared/tokens/durations.js';
+import '../../themes/shared/tokens/cursor.js';
+import '../../themes/shared/tokens/colors.js';
+import '../../themes/shared/tokens/borders.js';
+import '../../themes/shared/tokens/aspectRatios.js';
+import '../../themes/shared/tokens/animations.js';
+import '../../themes/shared/textStyles.js';
+import '../../themes/shared/slotRecipes/vehicleReference.js';
+import '../../themes/shared/slotRecipes/tooltip.js';
+import '../../themes/shared/slotRecipes/tabs.js';
+import '../../themes/shared/slotRecipes/table.js';
+import '../../themes/shared/slotRecipes/switch.js';
+import '../../themes/shared/slotRecipes/slider.js';
+import '../../themes/shared/slotRecipes/simpleHeader.js';
+import '../../themes/shared/slotRecipes/select.js';
+import '../../themes/shared/slotRecipes/section.js';
+import '../../themes/shared/slotRecipes/radio.js';
+import '../../themes/shared/slotRecipes/popoverFilter.js';
+import '../../themes/shared/slotRecipes/pagination.js';
+import '../../themes/shared/slotRecipes/numberInput.js';
+import '../../themes/shared/slotRecipes/menu.js';
+import '../../themes/shared/slotRecipes/markedText.js';
+import '../../themes/shared/slotRecipes/list.js';
+import '../../themes/shared/slotRecipes/input.js';
+import '../../themes/shared/slotRecipes/galleryHeader.js';
+import '../../themes/shared/slotRecipes/field.js';
+import '../../themes/shared/slotRecipes/energyLabel.js';
+import '../../themes/shared/slotRecipes/drawer.js';
+import '../../themes/shared/slotRecipes/dialogFilter.js';
+import '../../themes/shared/slotRecipes/dialog.js';
+import '../../themes/shared/slotRecipes/checkbox.js';
+import '../../themes/shared/slotRecipes/carousel.js';
+import '../../themes/shared/slotRecipes/card.js';
+import '../../themes/shared/slotRecipes/breadcrumbs.js';
+import '../../themes/shared/slotRecipes/articleTeaser.js';
+import '../../themes/shared/slotRecipes/alert.js';
+import '../../themes/shared/slotRecipes/accordion.js';
+import '../../themes/shared/recipes/textarea.js';
+import '../../themes/shared/recipes/spinner.js';
+import '../../themes/shared/recipes/skeleton.js';
+import '../../themes/shared/recipes/separator.js';
+import '../../themes/shared/recipes/rating.js';
+import '../../themes/shared/recipes/radioListItem.js';
+import '../../themes/shared/recipes/link.js';
+import '../../themes/shared/recipes/count.js';
+import '../../themes/shared/recipes/closeButton.js';
+import '../../themes/shared/recipes/chip.js';
+import '../../themes/shared/recipes/badge.js';
+import '../../themes/shared/recipes/avatar.js';
+import '../../themes/shared/keyframes.js';
+import '../../themes/shared/globalCss.js';
+import { breakpoints } from '../../themes/shared/breakpoints.js';
+import '../../themes/shared/animationStyles.js';
+import { Flex } from '../flex/index.js';
+import { ThumbnailPagination } from './ThumbnailPagination.js';
+import { Slide } from './Slide.js';
+import { NumbersPagination } from './NumbersPagination.js';
+import { NavigationButton } from './NavigationButton.js';
+import { NumbersDotsPagination } from './DotsPagination.js';
+
+var PaginationType;
+(function (PaginationType) {
+    PaginationType["Thumbnail"] = "thumbnail";
+    PaginationType["Number"] = "number";
+    PaginationType["None"] = "none";
+    PaginationType["Dot"] = "dot";
+})(PaginationType || (PaginationType = {}));
+var isFullScreenSlide = function (value) {
+    return typeof value === 'object' && value !== null && 'slide' in value;
+};
+// eslint-disable-next-line sonarjs/cognitive-complexity
+var Carousel = function (props) {
+    var _a;
+    var _b;
+    var _c = props.startIndex, startIndex = _c === void 0 ? 0 : _c, onSlideClick = props.onSlideClick, onSlideSelect = props.onSlideSelect, fullScreen = props.fullScreen, _d = props.paginationType, paginationType = _d === void 0 ? PaginationType.None : _d, _e = props.slidesPerView, slidesPerView = _e === void 0 ? 1 : _e, _f = props.loop, loop = _f === void 0 ? true : _f, _g = props.slidesToScroll, slidesToScroll = _g === void 0 ? 1 : _g;
+    var _h = useState(loop), canScrollPrevious = _h[0], setCanScrollPrevious = _h[1];
+    var _j = useState(loop), canScrollNext = _j[0], setCanScrollNext = _j[1];
+    var _k = useState(startIndex), selectedIndex = _k[0], setSelectedIndex = _k[1];
+    var isSmallLandscapeViewport = useMediaQuery(["(max-height: ".concat(breakpoints.sm.px, "px) and (orientation: landscape)")], {
+        ssr: true,
+        fallback: [false],
+    })[0];
+    var recipe = useSlotRecipe({ key: 'carousel' });
+    var styles = recipe(fullScreen ? { variant: 'fullScreen' } : {});
+    var _l = useEmblaCarousel({
+        loop: loop,
+        startIndex: startIndex,
+        duration: 20,
+        align: 'start',
+        slidesToScroll: slidesToScroll,
+    }), mainCarouselRef = _l[0], mainCarousel = _l[1];
+    var _m = useEmblaCarousel({
+        containScroll: 'keepSnaps',
+        dragFree: true,
+        slidesToScroll: 'auto',
+        inViewThreshold: 1,
+        duration: 20,
+    }), paginationCarouselRef = _m[0], paginationCarousel = _m[1];
+    var scrollPrev = useCallback(function () { return mainCarousel && mainCarousel.scrollPrev(true); }, [mainCarousel]);
+    var scrollNext = useCallback(function () { return mainCarousel && mainCarousel.scrollNext(true); }, [mainCarousel]);
+    var onClick = useCallback(function (index) {
+        if (onSlideClick) {
+            onSlideClick(index);
+        }
+    }, [onSlideClick]);
+    var numberOfSlides = props.children.length;
+    var hasThumbnailPagination = fullScreen && !isSmallLandscapeViewport;
+    var onSelect = useCallback(function () {
+        var _a, _b;
+        if (!mainCarousel)
+            return;
+        var newIndex = mainCarousel.selectedScrollSnap();
+        var previousIndex = mainCarousel.previousScrollSnap();
+        setSelectedIndex(newIndex);
+        setCanScrollPrevious(mainCarousel.canScrollPrev());
+        setCanScrollNext(mainCarousel.canScrollNext());
+        if (paginationCarousel && hasThumbnailPagination) {
+            var slideRegistry = paginationCarousel.internalEngine().slideRegistry;
+            var snapIndexThatSlideBelongsTo = slideRegistry.findIndex(function (group) {
+                return group.includes(newIndex);
+            });
+            if (typeof snapIndexThatSlideBelongsTo !== 'undefined') {
+                paginationCarousel.scrollTo(snapIndexThatSlideBelongsTo);
+            }
+        }
+        if (onSlideSelect) {
+            onSlideSelect(newIndex);
+        }
+        if (!props.fullScreen) {
+            return;
+        }
+        var fullScreenChildren = props.children;
+        if (newIndex !== undefined) {
+            var currentSlide = fullScreenChildren[newIndex];
+            (_a = currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.onSlideEnter) === null || _a === void 0 ? void 0 : _a.call(currentSlide);
+        }
+        if (previousIndex !== undefined && previousIndex !== newIndex) {
+            var previousSlide = fullScreenChildren[previousIndex];
+            (_b = previousSlide === null || previousSlide === void 0 ? void 0 : previousSlide.onSlideLeave) === null || _b === void 0 ? void 0 : _b.call(previousSlide);
+        }
+    }, [
+        mainCarousel,
+        paginationCarousel,
+        onSlideSelect,
+        hasThumbnailPagination,
+        props.children,
+        props.fullScreen,
+    ]);
+    useEffect(function () {
+        if (!mainCarousel)
+            return;
+        onSelect();
+        mainCarousel.on('select', onSelect);
+    }, [mainCarousel, onSelect]);
+    useEffect(function () {
+        var keydownListener = function (e) {
+            if (fullScreen) {
+                switch (e.code) {
+                    case 'ArrowRight':
+                        scrollNext();
+                        break;
+                    case 'ArrowLeft':
+                        scrollPrev();
+                        break;
+                }
+            }
+        };
+        document.addEventListener('keydown', keydownListener);
+        return function () { return document.removeEventListener('keydown', keydownListener); };
+    }, [fullScreen, scrollNext, scrollPrev]);
+    var prerenderFallbackSlide = startIndex !== 0 && !mainCarouselRef;
+    var carouselHeightByPaginationTypeMap = (_a = {},
+        _a[PaginationType.None] = '100%',
+        _a[PaginationType.Dot] = '100%',
+        _a[PaginationType.Thumbnail] = 'calc(100% - var(--carousel-pagination-height))',
+        _a[PaginationType.Number] = 'calc(100% - var(--carousel-numbers-pagination-height))',
+        _a);
+    var carouselHeightCssVarValue = hasThumbnailPagination
+        ? carouselHeightByPaginationTypeMap[PaginationType.Thumbnail]
+        : carouselHeightByPaginationTypeMap[paginationType];
+    var _o = useState(false), isHovered = _o[0], setIsHovered = _o[1];
+    return (React.createElement(Box, { css: styles.container, "data-group": true },
+        prerenderFallbackSlide ? (React.createElement(Slide, { slideIndex: startIndex, onClick: function () { return onClick(startIndex); }, totalSlides: numberOfSlides, isCurrent: startIndex === selectedIndex, fullScreen: !!fullScreen, slidesPerView: slidesPerView }, props.fullScreen
+            ? (_b = props.children[startIndex]) === null || _b === void 0 ? void 0 : _b.slide
+            : props.children[startIndex])) : (React.createElement(Box, { ref: mainCarouselRef, "aria-label": "Carousel", "aria-roledescription": "Carousel", role: "group", "data-group": true, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, height: 'var(--carousel-height)', css: __assign(__assign({}, styles.carousel), { '--carousel-height': carouselHeightCssVarValue }) },
+            React.createElement(Flex, { css: styles.slideContainer, marginLeft: slidesPerView === 1 ? '0' : { base: '-md', md: '-2xl' } }, props.children.map(function (slide, index) { return (React.createElement(Slide, { key: "slide-".concat(index), slideIndex: index, onClick: function () { return onClick(index); }, totalSlides: numberOfSlides, isCurrent: index === selectedIndex, fullScreen: !!fullScreen, slidesPerView: slidesPerView }, isFullScreenSlide(slide) ? slide.slide : slide)); })),
+            canScrollPrevious ? (React.createElement(NavigationButton, { onClick: scrollPrev, direction: "previous", fullScreen: !!fullScreen, isHovered: isHovered || (!!fullScreen && !isSmallLandscapeViewport) })) : null,
+            canScrollNext ? (React.createElement(NavigationButton, { onClick: scrollNext, direction: "next", fullScreen: !!fullScreen, isHovered: isHovered || (!!fullScreen && !isSmallLandscapeViewport) })) : null,
+            paginationType === PaginationType.Dot ? (React.createElement(NumbersDotsPagination, { currentSlideIndex: selectedIndex, numberOfSlides: props.children.length })) : null)),
+        hasThumbnailPagination ? (React.createElement(ThumbnailPagination, { currentSlideIndex: selectedIndex, thumbnails: props.children.map(function (slide) { return slide.thumbnail; }), mainCarousel: mainCarousel, paginationCarousel: paginationCarousel, paginationCarouselRef: paginationCarouselRef })) : null,
+        paginationType === PaginationType.Number ? (React.createElement(NumbersPagination, { mainCarousel: mainCarousel, currentSlideIndex: selectedIndex, numberOfSlides: props.children.length })) : null));
+};
+
+export { Carousel, PaginationType };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/index.d.ts

@@ -32,6 +32,7 @@ export * from './menu';
 export * from './missingImage';
 export * from './mobileOnlyAccordion';
 export * from './navigation/footer';
+export * from './navigation/header';
 export * from './pagination';
 export * from './rating';
 export * from './section';
@@ -53,4 +54,6 @@ export * from './rangeFilterInput';
 export * from './topVehicleSharedBadge';
 export * from './discreteSlider';
 export * from './formControlSection';
+export * from './rangeSlider';
+export * from './carousel';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dist/esm/components/input/SearchField.js

@@ -0,0 +1,185 @@
+import React, { useRef, useEffect } from 'react';
+import useMediaQuery from '../../hooks/useMediaQuery/index.js';
+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 '../icons/ChevronLeftSmallIcon.js';
+import '../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 { MagnifierIcon } from '../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 { Input } from './index.js';
+
+var SearchField = function (_a) {
+    var name = _a.name, _b = _a.placeholder, placeholder = _b === void 0 ? '' : _b, _c = _a.ariaControls, ariaControls = _c === void 0 ? '' : _c, searchQuery = _a.searchQuery, setSearchQuery = _a.setSearchQuery, _d = _a.onFocus, onFocus = _d === void 0 ? function () { return null; } : _d, _e = _a.onBlur, onBlur = _e === void 0 ? function () { return null; } : _e, _f = _a.autofocusOnDesktop, autofocusOnDesktop = _f === void 0 ? true : _f, autoComplete = _a.autoComplete;
+    var isDesktopOnly = useMediaQuery({ above: 'md' });
+    var inputRef = useRef(null);
+    useEffect(function () {
+        var _a;
+        if (autofocusOnDesktop && isDesktopOnly) {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [isDesktopOnly, autofocusOnDesktop]);
+    return (React.createElement(Input, { ref: inputRef, icon: MagnifierIcon, name: name, placeholder: placeholder, value: searchQuery, setInputValue: setSearchQuery, size: "lg", isClearable: true, debounce: true, onFocus: onFocus, onBlur: onBlur, "aria-controls": ariaControls, autoComplete: autoComplete }));
+};
+
+export { SearchField };
+//# sourceMappingURL=SearchField.js.map

package/dist/esm/components/input/SearchField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.js","sources":["../../../../../src/components/input/SearchField.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,IAAM,WAAW,GAAyB,UAAC,EAUjD,EAAA;QATC,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,mBAAG,EAAE,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,mBAAG,EAAE,GAAA,EAAA,EACjB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,EAAA,GAAA,EAAA,CAAA,OAAoB,EAApB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,cAAM,OAAA,IAAI,CAAA,CAAJ,CAAI,GAAA,EAAA,EACpB,cAAmB,EAAnB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,YAAA,EAAM,OAAA,IAAI,EAAJ,CAAI,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,kBAAyB,EAAzB,kBAAkB,mBAAG,IAAI,GAAA,EAAA,EACzB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEZ,IAAM,aAAa,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACpD,IAAA,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;AAE/C,IAAA,SAAS,CAAC,YAAA;;AACR,QAAA,IAAI,kBAAkB,IAAI,aAAa,EAAE;AACvC,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;QAC3B;AACF,IAAA,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC;IAEvC,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,aAAa,EACnB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAClB,aAAa,EAAE,cAAc,EAC7B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,eAAA,EACC,YAAY,EAC3B,YAAY,EAAE,YAAY,EAAA,CAC1B;AAEN;;;;"}

package/dist/esm/components/list/SearchableList.d.ts

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { SearchFieldOptions } from '../input/SearchField';
+import { ListItemType } from './SearchableListItem';
+export type ListItemWithChildren = ListItemType & {
+    children?: ListItemType[];
+};
+export type Props = {
+    listItems: ListItemWithChildren[];
+    NoResults?: FC;
+    EmptyQueryPlaceholder?: FC;
+    listAriaLabel?: string;
+    searchFieldOptions?: SearchFieldOptions;
+    listOptions?: {
+        columns?: number;
+        childrenSpacing?: 'md' | '2xl';
+    };
+    listRef?: React.RefObject<HTMLUListElement | null>;
+};
+export declare const SearchableList: FC<Props>;
+//# sourceMappingURL=SearchableList.d.ts.map

package/dist/esm/components/list/SearchableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../../src/components/list/SearchableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAe,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAGvE,OAAO,EAAE,YAAY,EAAsB,MAAM,sBAAsB,CAAC;AAIxE,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,qBAAqB,CAAC,EAAE,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,WAAW,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;KAAE,CAAC;IACnE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACpD,CAAC;AAyEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA8HpC,CAAC"}

package/dist/esm/components/list/SearchableList.js

@@ -0,0 +1,117 @@
+import { __spreadArray, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { useState, useEffect, useCallback } from 'react';
+import Fuse from 'fuse.js';
+import { SearchField } from '../input/SearchField.js';
+import { Flex } from '../flex/index.js';
+import { SearchableListItem } from './SearchableListItem.js';
+import { List } from './index.js';
+
+var fuseOptions = {
+    keys: ['label', 'children.label'],
+    includeMatches: true,
+    threshold: 0,
+    ignoreLocation: true,
+    minMatchCharLength: 1,
+    shouldSort: false,
+};
+var mapItemsFromSearchResult = function (searchResults) {
+    return searchResults.map(function (_a) {
+        var _b = _a.matches, matches = _b === void 0 ? [] : _b, item = _a.item;
+        var parentMatch = matches.find(function (match) { return match.key === 'label'; });
+        var parentHighlightIndices = parentMatch ? parentMatch.indices : [];
+        var childMatches = item.children
+            ? matches.filter(function (match) { return match.key === 'children.label'; })
+            : [];
+        if (!item.children ||
+            item.children.length === 0 ||
+            childMatches.length === 0) {
+            return __assign(__assign({}, item), { highlightIndices: parentHighlightIndices });
+        }
+        var itemChildren = item.children || [];
+        var children = childMatches.reduce(function (accumulator, childMatch) {
+            if (childMatch.refIndex === undefined) {
+                return accumulator;
+            }
+            var child = itemChildren[childMatch.refIndex];
+            accumulator.push(__assign(__assign({}, child), { highlightIndices: childMatch.indices }));
+            return accumulator;
+        }, []);
+        return __assign(__assign(__assign({}, item), (children ? { children: children } : {})), { highlightIndices: parentMatch ? parentMatch.indices : [] });
+    });
+};
+var empty = function () { return null; };
+var search = function (_a) {
+    var query = _a.query, fuse = _a.fuse;
+    fuse.options.minMatchCharLength = query.length || 1;
+    return fuse.search(query);
+};
+var getFuseInstance = function (listItems) {
+    // Not casting the instance will result in the options not being typed
+    return new Fuse(listItems, fuseOptions);
+};
+var SearchableList = function (_a) {
+    var listItems = _a.listItems, _b = _a.NoResults, NoResults = _b === void 0 ? empty : _b, _c = _a.EmptyQueryPlaceholder, EmptyQueryPlaceholder = _c === void 0 ? empty : _c, _d = _a.listAriaLabel, listAriaLabel = _d === void 0 ? 'searchable list' : _d, _e = _a.searchFieldOptions, searchFieldOptions = _e === void 0 ? {} : _e, _f = _a.listOptions, listOptions = _f === void 0 ? { columns: 1, childrenSpacing: 'md' } : _f, listRef = _a.listRef;
+    var _g = useState({
+        query: '',
+        listItems: listItems,
+        fullListItems: __spreadArray([], listItems, true),
+        fuse: getFuseInstance(listItems),
+    }), searchState = _g[0], setSearchState = _g[1];
+    var _h = searchFieldOptions.placeholder, placeholder = _h === void 0 ? '' : _h, _j = searchFieldOptions.autofocusOnDesktop, autofocusOnDesktop = _j === void 0 ? true : _j, autoComplete = searchFieldOptions.autoComplete;
+    var _k = listOptions.columns, columns = _k === void 0 ? 1 : _k, _l = listOptions.childrenSpacing, childrenSpacing = _l === void 0 ? 'md' : _l;
+    var areaId = 'searchableList';
+    var query = searchState.query;
+    useEffect(function () {
+        setSearchState(function (currentState) {
+            var fuse = getFuseInstance(listItems);
+            if (currentState.query === '') {
+                return {
+                    listItems: listItems,
+                    fullListItems: __spreadArray([], listItems, true),
+                    fuse: fuse,
+                    query: currentState.query,
+                };
+            }
+            var searchResults = search({ fuse: fuse, query: currentState.query });
+            var filteredListItems = mapItemsFromSearchResult(searchResults);
+            return {
+                listItems: filteredListItems,
+                fuse: fuse,
+                query: currentState.query,
+                fullListItems: __spreadArray([], listItems, true),
+            };
+        });
+    }, [listItems]);
+    var setSearchQuery = useCallback(function (newQuery) {
+        setSearchState(function (currentState) {
+            var trimmedQuery = newQuery.trim();
+            if (!trimmedQuery) {
+                return __assign(__assign({}, currentState), { listItems: currentState.fullListItems, query: trimmedQuery });
+            }
+            var searchResults = search({
+                fuse: currentState.fuse,
+                query: trimmedQuery,
+            });
+            var filteredListItems = mapItemsFromSearchResult(searchResults);
+            return __assign(__assign({}, currentState), { listItems: filteredListItems, query: trimmedQuery });
+        });
+    }, []);
+    return (React.createElement(Flex, { gridGap: "md", direction: "column", width: "full" },
+        React.createElement(SearchField, { name: "searchableListSearchFiled", searchQuery: query, setSearchQuery: setSearchQuery, ariaControls: areaId, placeholder: placeholder, autofocusOnDesktop: autofocusOnDesktop, autoComplete: autoComplete }),
+        searchState.query.length === 0 ? React.createElement(EmptyQueryPlaceholder, null) : null,
+        searchState.listItems.length > 0 ? (React.createElement(List.Root, { ref: listRef, width: "full", height: "full", id: areaId, "aria-live": "polite", css: {
+                columns: { base: 1, md: columns },
+                columnGap: 'var(--chakra-space-4xl)',
+                columnRule: '1px solid var(--chakra-colors-gray-100)',
+            }, "aria-label": listAriaLabel }, searchState.listItems.map(function (item, itemIndex) {
+            var parentKey = "".concat(itemIndex, "-").concat(item.value);
+            var children = item.children || [];
+            return (React.createElement(SearchableListItem, __assign({}, item, { key: parentKey }), children.length > 0 ? (React.createElement(List.Root, { width: "full", paddingLeft: childrenSpacing }, children.map(function (child, childIndex) {
+                var childKey = "".concat(childIndex, "-").concat(child.value);
+                return React.createElement(SearchableListItem, __assign({}, child, { key: childKey }));
+            }))) : null));
+        }))) : (React.createElement(NoResults, null))));
+};
+
+export { SearchableList };
+//# sourceMappingURL=SearchableList.js.map

package/dist/esm/components/list/SearchableList.js.map

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

package/dist/esm/components/list/SearchableListItem.d.ts

@@ -0,0 +1,25 @@
+import React, { FC, PropsWithChildren } from 'react';
+import { RangeTuple } from 'fuse.js';
+import { CheckboxCheckedChangeDetails } from '@chakra-ui/react';
+type CommonListItem = {
+    label: string;
+    value: string;
+    facet?: string;
+    isSelected: boolean;
+    showChevron?: boolean;
+    highlightIndices?: readonly RangeTuple[];
+    isCheckbox?: boolean;
+};
+type CheckboxListItem = {
+    onClick: (details: CheckboxCheckedChangeDetails) => void;
+    isCheckbox: true;
+    isIndeterminate?: boolean;
+} & CommonListItem;
+type RadioButtonListItem = {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    isCheckbox?: false;
+} & CommonListItem;
+export type ListItemType = CheckboxListItem | RadioButtonListItem;
+export declare const SearchableListItem: FC<PropsWithChildren<ListItemType>>;
+export {};
+//# sourceMappingURL=SearchableListItem.d.ts.map

package/dist/esm/components/list/SearchableListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchableListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/list/SearchableListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAU,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAQxE,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AASF,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,CAAC,OAAO,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,IAAI,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,cAAc,CAAC;AAEnB,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,GAAG,cAAc,CAAC;AAEnB,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAQlE,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAgElE,CAAC"}