@smg-automotive/components 25.11.0-chakra-v3.2 → 25.11.0-migrate-v3-header-full.1

package/dist/esm/components/navigation/header/ComparisonItem.js

@@ -0,0 +1,191 @@
+import React from 'react';
+import { useI18n } from '@smg-automotive/i18n-pkg';
+import { chakra, Box } 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 '../../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 { CompareIcon } from '../../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 { Count } from '../../count/index.js';
+
+var shouldShowComparisonLink = function (comparisonItemIds) {
+    return !!comparisonItemIds && Array.isArray(comparisonItemIds);
+};
+var getComparisonUrl = function (comparisonItemIds) {
+    var basePathSegment = 'comparison';
+    if (comparisonItemIds.length === 0)
+        return basePathSegment;
+    return "".concat(basePathSegment, "/").concat(comparisonItemIds.join('/'));
+};
+var ComparisonItem = function (_a) {
+    var _b, _c;
+    var link = _a.link, count = _a.count;
+    var _d = useI18n(), t = _d.t, language = _d.language;
+    return (React.createElement(chakra.a, { position: "relative", display: "block", href: (_b = link.link) === null || _b === void 0 ? void 0 : _b[language], onClick: link.onClick, "aria-label": t((_c = link.translationKey) !== null && _c !== void 0 ? _c : '', link.translationParameters), mr: "lg" },
+        React.createElement(CompareIcon, { color: "gray.900" }),
+        React.createElement(Box, { position: "absolute", css: { top: '-10px', right: '-15px' } }, count > 0 ? React.createElement(Count, { count: count }) : null)));
+};
+
+export { ComparisonItem, getComparisonUrl, shouldShowComparisonLink };
+//# sourceMappingURL=ComparisonItem.js.map

package/dist/esm/components/navigation/header/ComparisonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonItem.js","sources":["../../../../../../src/components/navigation/header/ComparisonItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,IAAM,wBAAwB,GAAG,UACtC,iBAAmC,EAAA;IAEnC,OAAO,CAAC,CAAC,iBAAiB,IAAI,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAChE;AAEO,IAAM,gBAAgB,GAAG,UAAC,iBAA2B,EAAA;IAC1D,IAAM,eAAe,GAAG,YAAY;AACpC,IAAA,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,eAAe;IAC1D,OAAO,EAAA,CAAA,MAAA,CAAG,eAAe,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE;AAC5D;AAOO,IAAM,cAAc,GAAc,UAAC,EAAe,EAAA;;QAAb,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;IAC/C,IAAA,EAAA,GAAkB,OAAO,EAAE,EAAzB,CAAC,GAAA,EAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAc;IAEjC,QACE,oBAAC,MAAM,CAAC,CAAC,EAAA,EACP,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,QAAQ,CAAC,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,gBACT,CAAC,CAAC,MAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,IAAI,CAAC,qBAAqB,CAAC,EACpE,EAAE,EAAC,IAAI,EAAA;AAEP,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,UAAU,EAAA,CAAG;AAChC,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,EAC3D,KAAK,GAAG,CAAC,GAAG,KAAA,CAAA,aAAA,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAA,CAAI,GAAG,IAAI,CACvC,CACG;AAEf;;;;"}

package/dist/esm/components/navigation/header/FavoritesItem.js

@@ -0,0 +1,180 @@
+import React from 'react';
+import { useI18n } from '@smg-automotive/i18n-pkg';
+import { 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 '../../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 { HeartIcon } from '../../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';
+
+var FavoritesItem = function (_a) {
+    var _b, _c;
+    var link = _a.link;
+    var _d = useI18n(), t = _d.t, language = _d.language;
+    return (React.createElement(chakra.a, { position: "relative", href: (_b = link.link) === null || _b === void 0 ? void 0 : _b[language], onClick: link.onClick, "aria-label": t((_c = link.translationKey) !== null && _c !== void 0 ? _c : '') },
+        React.createElement(HeartIcon, { color: "gray.900" })));
+};
+
+export { FavoritesItem };
+//# sourceMappingURL=FavoritesItem.js.map

package/dist/esm/components/navigation/header/FavoritesItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoritesItem.js","sources":["../../../../../../src/components/navigation/header/FavoritesItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,IAAM,aAAa,GAAc,UAAC,EAAQ,EAAA;;AAAN,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;IACvC,IAAA,EAAA,GAAkB,OAAO,EAAE,EAAzB,CAAC,GAAA,EAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAc;AAEjC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,CAAC,EAAA,EACP,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,QAAQ,CAAC,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,YAAA,EACT,CAAC,CAAC,MAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,CAAC,EAAA;QAExC,KAAA,CAAA,aAAA,CAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAA,CAAG,CACrB;AAEf;;;;"}

package/dist/esm/components/navigation/header/MobileMenuToggle.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { DrawerNode } from './config/DrawerNodeItems';
+type Props = {
+    isOpen: boolean;
+    createDrawerHandler: (args: {
+        nodeName: DrawerNode;
+    }) => () => void;
+};
+export declare const MobileHeaderMenuToggle: FC<Props>;
+export {};
+//# sourceMappingURL=MobileMenuToggle.d.ts.map

package/dist/esm/components/navigation/header/MobileMenuToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileMenuToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/MobileMenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,UAAU,CAAA;KAAE,KAAK,MAAM,IAAI,CAAC;CACrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,KAAK,CAmB5C,CAAC"}

package/dist/esm/components/navigation/header/MobileMenuToggle.js

@@ -0,0 +1,181 @@
+import React from '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 '../../icons/ChevronLeftSmallIcon.js';
+import '../../icons/ChevronRightLargeIcon.js';
+import '../../icons/ChevronRightSmallIcon.js';
+import '../../icons/ChevronRightTinyIcon.js';
+import '../../icons/ChevronUpLargeIcon.js';
+import '../../icons/ChevronUpSmallIcon.js';
+import { CloseIcon } from '../../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 { HamburgerMenuIcon } from '../../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 { Box } from '@chakra-ui/react';
+import { DrawerNode } from './config/DrawerNodeItems.js';
+
+var MobileHeaderMenuToggle = function (_a) {
+    var isOpen = _a.isOpen, createDrawerHandler = _a.createDrawerHandler;
+    var mobileDrawerHandler = createDrawerHandler({
+        nodeName: DrawerNode.Combined,
+    });
+    return (React.createElement(Box, { hideFrom: "sm" },
+        React.createElement(Box, { as: "button", onClick: mobileDrawerHandler, color: isOpen ? 'blue.700' : 'gray.900' }, isOpen ? React.createElement(CloseIcon, null) : React.createElement(HamburgerMenuIcon, null))));
+};
+
+export { MobileHeaderMenuToggle };
+//# sourceMappingURL=MobileMenuToggle.js.map

package/dist/esm/components/navigation/header/MobileMenuToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileMenuToggle.js","sources":["../../../../../../src/components/navigation/header/MobileMenuToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,IAAM,sBAAsB,GAAc,UAAC,EAGjD,EAAA;QAFC,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,mBAAmB,GAAA,EAAA,CAAA,mBAAA;IAEnB,IAAM,mBAAmB,GAAG,mBAAmB,CAAC;QAC9C,QAAQ,EAAE,UAAU,CAAC,QAAQ;AAC9B,KAAA,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAC,IAAI,EAAA;AAChB,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,IAEtC,MAAM,GAAG,oBAAC,SAAS,EAAA,IAAA,CAAG,GAAG,KAAA,CAAA,aAAA,CAAC,iBAAiB,OAAG,CAC3C,CACF;AAEV;;;;"}

package/dist/esm/components/navigation/header/NavigationAvatar.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import type { EnrichedSessionUser } from '@smg-automotive/auth';
+import { Drawer } from './hooks/useNavigationDrawer';
+import { DrawerNode } from './config/DrawerNodeItems';
+interface NavigationAvatarProps {
+    user: EnrichedSessionUser | null;
+    isOpen: boolean;
+    drawer: Drawer;
+    hasNotification: boolean;
+    createDrawerHandler: ({ nodeName }: {
+        nodeName: DrawerNode;
+    }) => () => void;
+    onLogin: () => void;
+}
+export declare const NavigationAvatar: FC<NavigationAvatarProps>;
+export {};
+//# sourceMappingURL=NavigationAvatar.d.ts.map

package/dist/esm/components/navigation/header/NavigationAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/NavigationAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAOhE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,UAAU,qBAAqB;IAC7B,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;QAAE,QAAQ,EAAE,UAAU,CAAA;KAAE,KAAK,MAAM,IAAI,CAAC;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+DtD,CAAC"}

package/dist/esm/components/navigation/header/NavigationAvatar.js

@@ -0,0 +1,33 @@
+import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useI18n } from '@smg-automotive/i18n-pkg';
+import { useSlotRecipe, Box } from '@chakra-ui/react';
+import { Text } from '../../text/index.js';
+import { Avatar } from '../../avatar/index.js';
+import { DrawerIndicator } from './drawer/DrawerIndicator.js';
+import { DrawerNode } from './config/DrawerNodeItems.js';
+
+var NavigationAvatar = function (_a) {
+    var user = _a.user, isOpen = _a.isOpen, drawer = _a.drawer, hasNotification = _a.hasNotification, createDrawerHandler = _a.createDrawerHandler, onLogin = _a.onLogin;
+    var isDrawerOpened = isOpen && (drawer === null || drawer === void 0 ? void 0 : drawer.current) === DrawerNode.User;
+    var recipe = useSlotRecipe({ key: 'link' });
+    var styles = recipe({ variant: 'navigationLink' });
+    var t = useI18n().t;
+    if (user) {
+        return (React.createElement(Box, { hideBelow: "sm" },
+            React.createElement(Box, { display: "flex", flexDirection: "row", gap: "xs", cursor: "pointer", _hover: { color: 'blue.700' }, color: isDrawerOpened ? 'blue.700' : 'gray.900', onClick: createDrawerHandler({
+                    nodeName: DrawerNode.User,
+                }), alignItems: "center" },
+                React.createElement(Avatar, { withNotification: hasNotification }),
+                React.createElement(Box, { hideBelow: "md" },
+                    React.createElement(Text, { fontWeight: "bold", lineClamp: 1, maxW: "2xl", title: user.email }, user.email)),
+                React.createElement(DrawerIndicator, { isOpen: isDrawerOpened }))));
+    }
+    return (React.createElement(Box, { hideBelow: "sm" },
+        React.createElement(Box, { display: "flex", flexDirection: "row", onClick: onLogin, css: __assign({}, styles.root), fontWeight: "bold", position: "relative", cursor: "pointer", alignItems: "center", gap: "sm", color: "gray.900" },
+            React.createElement(Box, { as: Avatar, css: { marginLeft: '2px' } }),
+            React.createElement(Box, { hideBelow: "md", marginRight: "xs" }, t('header.login')))));
+};
+
+export { NavigationAvatar };
+//# sourceMappingURL=NavigationAvatar.js.map