@smg-automotive/components 25.11.0-migrate-use-toast.1 → 25.11.0-talamcol-migrate-collapse.1

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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"}

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 { DotsPagination } 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(DotsPagination, { 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":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { CollapsibleRootProps } from '@chakra-ui/react';
+type CollapseProps = {
+    in: boolean;
+    animateOpacity: boolean;
+} & Omit<CollapsibleRootProps, 'open'>;
+declare const Collapse: FC<CollapseProps>;
+export { Collapse, type CollapseProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/collapse/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAe,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAErE,KAAK,aAAa,GAAG;IACnB,EAAE,EAAE,OAAO,CAAC;IACZ,cAAc,EAAE,OAAO,CAAC;CACzB,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;AAEvC,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAa/B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,15 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { Collapsible } from '@chakra-ui/react';
+
+var Collapse = function (_a) {
+    var isOpen = _a.in, animateOpacity = _a.animateOpacity, rest = __rest(_a, ["in", "animateOpacity"]);
+    var animationProps = animateOpacity
+        ? { _open: { animation: 'fade-in' } }
+        : {};
+    return (React.createElement(Collapsible.Root, __assign({ open: isOpen }, rest, animationProps),
+        React.createElement(Collapsible.Content, null, "Some content")));
+};
+
+export { Collapse };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/collapse/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAQA,IAAM,QAAQ,GAAsB,UAAC,EAIpC,EAAA;IAHC,IAAI,MAAM,QAAA,EACV,cAAc,oBAAA,EACX,IAAI,GAAA,MAAA,CAAA,EAAA,EAH4B,CAAA,IAAA,EAAA,gBAAA,CAIpC,CADQ;IAEP,IAAM,cAAc,GAAG;UACnB,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAkB,EAAE;UAC1C,EAAE;AACN,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,IAAI,EAAE,MAAM,EAAA,EAAM,IAAI,EAAM,cAAc,CAAA;AAC1D,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,OAAO,EAAA,IAAA,EAAA,cAAA,CAAmC,CACtC;AAEvB;;;;"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InputProps } from '@chakra-ui/react';
+interface ColorPickerProps extends InputProps {
+    invalid?: boolean;
+}
+export declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/colorPicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE5D,UAAU,gBAAiB,SAAQ,UAAU;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,2FA4BvB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import { Field, Input } from '@chakra-ui/react';
+
+var ColorPicker = forwardRef(function (_a, ref) {
+    var _b = _a.width, width = _b === void 0 ? 'md' : _b, _c = _a.height, height = _c === void 0 ? 'md' : _c, _d = _a.padding, padding = _d === void 0 ? '0' : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? 'whiteAlpha.100' : _e, invalid = _a.invalid, rest = __rest(_a, ["width", "height", "padding", "backgroundColor", "invalid"]);
+    return (React.createElement(Field.Root, { invalid: invalid },
+        React.createElement(Input, __assign({}, rest, { ref: ref, type: "color", width: width, height: height, padding: padding, backgroundColor: backgroundColor, cursor: "pointer", _invalid: { borderColor: 'red.500' } }))));
+});
+ColorPicker.displayName = 'ColorPicker';
+
+export { ColorPicker };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/colorPicker/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;IAOa,WAAW,GAAG,UAAU,CACnC,UACE,EAOC,EACD,GAAG,EAAA;AAPD,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,KAAY,EAAZ,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACZ,EAAA,GAAA,EAAA,CAAA,MAAa,EAAb,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACb,eAAa,EAAb,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EACb,EAAA,GAAA,EAAA,CAAA,eAAkC,EAAlC,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,gBAAgB,GAAA,EAAA,EAClC,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,IAAI,GAAA,MAAA,CAAA,EAAA,EANT,4DAOC,CADQ;IAIT,QACE,oBAAC,KAAK,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA;AAC1B,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EAAA,EACA,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAA,CAAA,CACpC,CACS;AAEjB,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/components/errorPage/content/EmailChangeVerification.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Trans } from '@smg-automotive/i18n-pkg';
+import { Trans } from '../../../utilities/i18nInit.js';
 import { Box } from '@chakra-ui/react';
 
 var EmailChangeVerificationErrorContent = function () {

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { Language } from '@smg-automotive/i18n-pkg';
+import { ErrorStatusCode } from 'src/types/errorStatusCode';
+export interface ErrorPageContentProps {
+    statusCode: ErrorStatusCode;
+    language: Language;
+    onButtonClick?: () => void;
+}
+export declare const ErrorPageContent: FC<ErrorPageContentProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/errorPage/content/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAKpD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAiG5D,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4DtD,CAAC"}