@smg-automotive/components 25.11.0-dgajin-vsst-4341-migrate-range-filter-input-with-slider.1 → 25.11.0-dgajin-vsst-4352-migrate-carousel.2

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

@@ -0,0 +1,36 @@
+import { FC, ReactNode } from 'react';
+import type { ResponsiveValue } from 'src/types/responsiveValue';
+type SharedProps = {
+    startIndex?: number;
+    onSlideClick?: (index: number) => void;
+    onSlideSelect?: (index: number) => void;
+    slidesPerView?: ResponsiveValue<number> | 1;
+    loop?: boolean;
+    slidesToScroll?: 'auto' | number;
+};
+type DefaultProps = {
+    fullScreen?: never;
+    children: ReactNode[];
+    paginationType?: Exclude<PaginationType, PaginationType.Thumbnail>;
+} & SharedProps;
+type FullScreenSlide = {
+    slide: ReactNode;
+    thumbnail: ReactNode;
+    onSlideEnter?: () => void;
+    onSlideLeave?: () => void;
+};
+type FullScreenProps = {
+    fullScreen: true;
+    paginationType?: never;
+    children: FullScreenSlide[];
+} & SharedProps;
+export type CarouselProps = DefaultProps | FullScreenProps;
+export declare enum PaginationType {
+    Thumbnail = "thumbnail",
+    Number = "number",
+    None = "none",
+    Dot = "dot"
+}
+export declare const Carousel: FC<CarouselProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAI/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAWjE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACpE,GAAG,WAAW,CAAC;AAEhB,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AACF,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,IAAI,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,eAAe,CAAC;AAE3D,oBAAY,cAAc;IACxB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAMD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAmPtC,CAAC"}

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/closeButton/index.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-interface CloseButtonProps {
+type CloseButtonProps = {
     disabled?: boolean;
     onClick?: () => void;
-}
+};
 export declare const CloseButton: FC<CloseButtonProps>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/closeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAU5C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/closeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAU5C,CAAC"}

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';
@@ -54,4 +55,7 @@ export * from './topVehicleSharedBadge';
 export * from './discreteSlider';
 export * from './formControlSection';
 export * from './rangeSlider';
+export * from './carousel';
+export { SearchableList, ListItemWithChildren } from './list/SearchableList';
+export * from './tenantSelection';
 //# 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;AACrC,cAAc,eAAe,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;AAC3B,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7E,cAAc,mBAAmB,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;AAKpE,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,CAqIpC,CAAC"}