@smg-automotive/components 25.11.0-migrate-range-slider-to-chakra-v3.1 → 25.11.0-migrate-v3-header-full.3

package/dist/esm/components/navigation/header/drawer/userInfo/SelectedTenantInfo.js

@@ -0,0 +1,190 @@
+import React from 'react';
+import { Stack } from '../../../../stack/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 '../../../../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 { GarageIcon } from '../../../../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 { Box } from '@chakra-ui/react';
+
+var SelectedTenantInfo = function (_a) {
+    var selectedTenant = _a.selectedTenant;
+    return (React.createElement(Stack, { direction: "row" },
+        React.createElement(GarageIcon, null),
+        React.createElement(Stack, { direction: {
+                base: 'column',
+                sm: 'row',
+            }, gap: {
+                base: '0',
+                sm: 'sm',
+            } },
+            React.createElement(Box, { as: "span", textStyle: "body", fontWeight: "bold" }, selectedTenant.billingName || selectedTenant.id),
+            React.createElement(Box, { as: "span", textStyle: "body" },
+                selectedTenant.billingZipCode,
+                " ",
+                selectedTenant.billingCity))));
+};
+
+export { SelectedTenantInfo };
+//# sourceMappingURL=SelectedTenantInfo.js.map

package/dist/esm/components/navigation/header/drawer/userInfo/SelectedTenantInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedTenantInfo.js","sources":["../../../../../../../../src/components/navigation/header/drawer/userInfo/SelectedTenantInfo.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,IAAM,kBAAkB,GAAc,UAAC,EAAkB,EAAA;AAAhB,IAAA,IAAA,cAAc,GAAA,EAAA,CAAA,cAAA;AAAO,IAAA,QACnE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAA;AACpB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,CAAG;QACd,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAE;AACT,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,EAAE,EAAE,KAAK;AACV,aAAA,EACD,GAAG,EAAE;AACH,gBAAA,IAAI,EAAE,GAAG;AACT,gBAAA,EAAE,EAAE,IAAI;AACT,aAAA,EAAA;YAED,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,IAC9C,cAAc,CAAC,WAAW,IAAI,cAAc,CAAC,EAAE,CAC5C;YACN,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAA;AAC5B,gBAAA,cAAc,CAAC,cAAc;;AAAG,gBAAA,cAAc,CAAC,WAAW,CACvD,CACA,CACF;AApB2D;;;;"}

package/dist/esm/components/navigation/header/drawer/userInfo/TenantSelectionMenu.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import type { EnrichedSessionUser } from '@smg-automotive/auth';
+type ManagedSeller = EnrichedSessionUser['managedSellers'][number];
+type Props = {
+    user: EnrichedSessionUser;
+    selectedTenant: ManagedSeller;
+    selectTenant: (sellerId: number | string) => Promise<void>;
+};
+export declare const TenantSelectionMenu: FC<Props>;
+export {};
+//# sourceMappingURL=TenantSelectionMenu.d.ts.map

package/dist/esm/components/navigation/header/drawer/userInfo/TenantSelectionMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantSelectionMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/navigation/header/drawer/userInfo/TenantSelectionMenu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAWhE,KAAK,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,mBAAmB,CAAC;IAC1B,cAAc,EAAE,aAAa,CAAC;IAC9B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAoCzC,CAAC"}

package/dist/esm/components/navigation/header/drawer/userInfo/TenantSelectionMenu.js

@@ -0,0 +1,22 @@
+import React, { useState } from 'react';
+import { NavigationTenantMenuContent } from '../../navigationTenantMenu/Content.js';
+import { MobileOnlyAccordionPanel } from '../../../../mobileOnlyAccordion/MobileOnlyAccordionPanel.js';
+import { MobileOnlyAccordionItem } from '../../../../mobileOnlyAccordion/MobileOnlyAccordionItem.js';
+import { MobileOnlyAccordionButton } from '../../../../mobileOnlyAccordion/MobileOnlyAccordionButton.js';
+import { MobileOnlyAccordion } from '../../../../mobileOnlyAccordion/index.js';
+import { Box } from '@chakra-ui/react';
+import { SelectedTenantInfo } from './SelectedTenantInfo.js';
+
+var TenantSelectionMenu = function (_a) {
+    var user = _a.user, selectedTenant = _a.selectedTenant, selectTenant = _a.selectTenant;
+    var _b = useState([]), expandedItems = _b[0], setExpandedItems = _b[1];
+    return (React.createElement(MobileOnlyAccordion, { multiple: true, collapsible: true, value: expandedItems, onValueChange: function (details) { return setExpandedItems(details.value); } },
+        React.createElement(MobileOnlyAccordionItem, { value: "tenant-selection", style: { borderTop: 'none', borderBottom: '1px solid #CFCFCF' } },
+            React.createElement(MobileOnlyAccordionButton, { "data-testid": "tenant-selection-accordion-toggle" },
+                React.createElement(SelectedTenantInfo, { selectedTenant: selectedTenant })),
+            React.createElement(Box, { as: MobileOnlyAccordionPanel, position: "relative", "data-testid": "tenant-selection-accordion-panel" },
+                React.createElement(NavigationTenantMenuContent, { user: user, onClose: function () { return setExpandedItems([]); }, selectedTenantId: selectedTenant.id, selectTenant: selectTenant })))));
+};
+
+export { TenantSelectionMenu };
+//# sourceMappingURL=TenantSelectionMenu.js.map

package/dist/esm/components/navigation/header/drawer/userInfo/TenantSelectionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantSelectionMenu.js","sources":["../../../../../../../../src/components/navigation/header/drawer/userInfo/TenantSelectionMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAoBO,IAAM,mBAAmB,GAAc,UAAC,EAI9C,EAAA;AAHC,IAAA,IAAA,IAAI,UAAA,EACJ,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,YAAY,GAAA,EAAA,CAAA,YAAA;IAEN,IAAA,EAAA,GAAoC,QAAQ,CAAW,EAAE,CAAC,EAAzD,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAA0B;AAEhE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAClB,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,UAAC,OAAO,EAAA,EAAK,OAAA,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAA/B,CAA+B,EAAA;AAE3D,QAAA,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,EACtB,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAA;YAE/D,KAAA,CAAA,aAAA,CAAC,yBAAyB,mBAAa,mCAAmC,EAAA;AACxE,gBAAA,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,EAAC,cAAc,EAAE,cAAc,GAAI,CAC5B;YAC5B,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE,wBAAwB,EAC5B,QAAQ,EAAC,UAAU,EAAA,aAAA,EACP,kCAAkC,EAAA;AAE9C,gBAAA,KAAA,CAAA,aAAA,CAAC,2BAA2B,EAAA,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAA,EAAM,OAAA,gBAAgB,CAAC,EAAE,CAAC,CAAA,CAApB,CAAoB,EACnC,gBAAgB,EAAE,cAAc,CAAC,EAAE,EACnC,YAAY,EAAE,YAAY,EAAA,CAC1B,CACE,CACkB,CACN;AAE1B;;;;"}

package/dist/esm/components/navigation/header/drawer/userInfo/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { type EnrichedSessionUser } from '@smg-automotive/auth';
+type Props = {
+    user: EnrichedSessionUser | null;
+    selectTenant: (sellerId: number | string) => Promise<void>;
+    showTenantSelection: boolean;
+};
+export declare const DrawerUserInfo: FC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/navigation/header/drawer/userInfo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/navigation/header/drawer/userInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAU/E,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAyEpC,CAAC"}

package/dist/esm/components/navigation/header/drawer/userInfo/index.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { Auth0UserType } from '@smg-automotive/auth';
+import { GridItem, Box, Separator } from '@chakra-ui/react';
+import { Stack } from '../../../../stack/index.js';
+import { Avatar } from '../../../../avatar/index.js';
+import { TenantSelectionMenu } from './TenantSelectionMenu.js';
+import { SelectedTenantInfo } from './SelectedTenantInfo.js';
+
+var DrawerUserInfo = function (_a) {
+    var _b;
+    var user = _a.user, selectTenant = _a.selectTenant, showTenantSelection = _a.showTenantSelection;
+    if (!user)
+        return null;
+    var selectedTenant = (_b = user.managedSellers) === null || _b === void 0 ? void 0 : _b.find(function (seller) { return seller.id === Number(user.sellerId); });
+    return (React.createElement(GridItem, { colSpan: { base: 1, md: 5 } },
+        React.createElement(Stack, { paddingX: "lg", marginBottom: "lg", direction: {
+                base: 'column',
+                md: 'row',
+            }, gap: { base: 'sm', md: '2xl' } },
+            React.createElement(Stack, { direction: "row" },
+                React.createElement(Avatar, null),
+                React.createElement(Stack, { direction: {
+                        base: 'column',
+                        md: 'row',
+                    }, gap: {
+                        base: '0',
+                        md: 'sm',
+                    } },
+                    React.createElement(Box, { as: "span", fontWeight: "bold", css: {
+                            maxWidth: 'calc(100vw - 2 * var(--chakra-space-lg) - var(--chakra-space-sm) - var(--chakra-sizes-sm))',
+                        } }, user.email),
+                    user.userType === Auth0UserType.Professional ? (React.createElement(Box, { as: "span" },
+                        "(",
+                        user.sellerId,
+                        ")")) : null)),
+            selectedTenant && showTenantSelection ? (React.createElement(React.Fragment, null,
+                React.createElement(Box, { hideBelow: "md" },
+                    React.createElement(SelectedTenantInfo, { selectedTenant: selectedTenant })),
+                React.createElement(Box, { hideFrom: "sm", marginX: "-lg", marginBottom: "-lg" },
+                    React.createElement(TenantSelectionMenu, { user: user, selectedTenant: selectedTenant, selectTenant: selectTenant })))) : null),
+        React.createElement(Separator, { css: {
+                borderBottomWidth: selectedTenant
+                    ? { base: 0, md: '1px' }
+                    : { base: '1px', md: '1px' },
+            } })));
+};
+
+export { DrawerUserInfo };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/navigation/header/drawer/userInfo/index.js.map

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

package/dist/esm/components/navigation/header/hooks/useNavigationDrawer.d.ts

@@ -0,0 +1,26 @@
+import { DrawerNode, DrawerNodeItems, NavigationLinkNode } from '../config/DrawerNodeItems';
+export declare const drawerHandlerFactory: ({ nodeName, drawerNodeItems, isOpen, onOpen, onClose, drawer, setDrawer, }: {
+    nodeName: DrawerNode;
+    drawerNodeItems: DrawerNodeItems;
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    drawer: Drawer;
+    setDrawer: React.Dispatch<React.SetStateAction<Drawer>>;
+}) => () => void;
+export type Drawer = {
+    nodes: NavigationLinkNode[];
+    current: DrawerNode;
+} | null;
+export declare const useNavigationDrawer: ({ drawerNodeItems, }: {
+    drawerNodeItems: DrawerNodeItems;
+}) => {
+    drawer: Drawer;
+    createDrawerHandler: ({ nodeName }: {
+        nodeName: DrawerNode;
+    }) => () => void;
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+};
+//# sourceMappingURL=useNavigationDrawer.d.ts.map

package/dist/esm/components/navigation/header/hooks/useNavigationDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationDrawer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/hooks/useNavigationDrawer.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,eAAe,EACf,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,oBAAoB,GAAI,4EAQlC;IACD,QAAQ,EAAE,UAAU,CAAC;IACrB,eAAe,EAAE,eAAe,CAAC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACzD,eAwBA,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,OAAO,EAAE,UAAU,CAAC;CACrB,GAAG,IAAI,CAAC;AAET,eAAO,MAAM,mBAAmB,GAAI,sBAEjC;IACD,eAAe,EAAE,eAAe,CAAC;CAClC;;wCAG4C;QAAE,QAAQ,EAAE,UAAU,CAAA;KAAE;;;;CAapE,CAAC"}

package/dist/esm/components/navigation/header/hooks/useNavigationDrawer.js

@@ -0,0 +1,48 @@
+import { useState } from 'react';
+import { useDisclosure } from '@chakra-ui/react';
+
+var drawerHandlerFactory = function (_a) {
+    var nodeName = _a.nodeName, drawerNodeItems = _a.drawerNodeItems, isOpen = _a.isOpen, onOpen = _a.onOpen, onClose = _a.onClose, drawer = _a.drawer, setDrawer = _a.setDrawer;
+    return function () {
+        if (!isOpen) {
+            setDrawer({
+                nodes: drawerNodeItems[nodeName],
+                current: nodeName,
+            });
+            onOpen();
+            return;
+        }
+        if ((drawer === null || drawer === void 0 ? void 0 : drawer.current) !== nodeName) {
+            onClose();
+            // Note: can be wrapped in a set timeout for slideup and down variations
+            setDrawer({
+                nodes: drawerNodeItems[nodeName],
+                current: nodeName,
+            });
+            onOpen();
+            return;
+        }
+        onClose();
+    };
+};
+var useNavigationDrawer = function (_a) {
+    var drawerNodeItems = _a.drawerNodeItems;
+    var _b = useState(null), drawer = _b[0], setDrawer = _b[1];
+    var _c = useDisclosure(), isOpen = _c.open, onOpen = _c.onOpen, onClose = _c.onClose;
+    var createDrawerHandler = function (_a) {
+        var nodeName = _a.nodeName;
+        return drawerHandlerFactory({
+            nodeName: nodeName,
+            drawerNodeItems: drawerNodeItems,
+            isOpen: isOpen,
+            onOpen: onOpen,
+            onClose: onClose,
+            drawer: drawer,
+            setDrawer: setDrawer,
+        });
+    };
+    return { drawer: drawer, createDrawerHandler: createDrawerHandler, isOpen: isOpen, onOpen: onOpen, onClose: onClose };
+};
+
+export { drawerHandlerFactory, useNavigationDrawer };
+//# sourceMappingURL=useNavigationDrawer.js.map

package/dist/esm/components/navigation/header/hooks/useNavigationDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationDrawer.js","sources":["../../../../../../../src/components/navigation/header/hooks/useNavigationDrawer.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AASO,IAAM,oBAAoB,GAAG,UAAC,EAgBpC,EAAA;AAfC,IAAA,IAAA,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,MAAM,YAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA;IAUT,OAAO,YAAA;QACL,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,SAAS,CAAC;AACR,gBAAA,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC;AAChC,gBAAA,OAAO,EAAE,QAAQ;AAClB,aAAA,CAAC;AACF,YAAA,MAAM,EAAE;YACR;QACF;QAEA,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,MAAK,QAAQ,EAAE;AAChC,YAAA,OAAO,EAAE;;AAET,YAAA,SAAS,CAAC;AACR,gBAAA,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC;AAChC,gBAAA,OAAO,EAAE,QAAQ;AAClB,aAAA,CAAC;AACF,YAAA,MAAM,EAAE;YACR;QACF;AAEA,QAAA,OAAO,EAAE;AACX,IAAA,CAAC;AACH;AAOO,IAAM,mBAAmB,GAAG,UAAC,EAInC,EAAA;AAHC,IAAA,IAAA,eAAe,GAAA,EAAA,CAAA,eAAA;IAIT,IAAA,EAAA,GAAsB,QAAQ,CAAS,IAAI,CAAC,EAA3C,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAA0B;AAC5C,IAAA,IAAA,EAAA,GAAoC,aAAa,EAAE,EAA3C,MAAM,GAAA,EAAA,CAAA,IAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAoB;IACzD,IAAM,mBAAmB,GAAG,UAAC,EAAsC,EAAA;AAApC,QAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AACrC,QAAA,OAAO,oBAAoB,CAAC;AAC1B,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,OAAO,EAAA,OAAA;AACP,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,SAAS,EAAA,SAAA;AACV,SAAA,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,OAAO,EAAE,MAAM,EAAA,MAAA,EAAE,mBAAmB,qBAAA,EAAE,MAAM,EAAA,MAAA,EAAE,MAAM,EAAA,MAAA,EAAE,OAAO,EAAA,OAAA,EAAE;AACjE;;;;"}

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

@@ -0,0 +1,28 @@
+import { FC, PropsWithChildren } from 'react';
+import { Language } from '@smg-automotive/i18n-pkg';
+import type { EnrichedSessionUser } from '@smg-automotive/auth';
+import { CustomEvent } from 'src/types/tracking';
+import { Project } from 'src/types/project';
+import { Environment } from 'src/types/environment';
+import { Brand } from 'src/types/brand';
+export interface NavigationProps {
+    brand: Brand;
+    comparisonItemIds?: number[] | null;
+    entitlements?: string[];
+    environment: Environment;
+    experiments?: Record<string, string>;
+    hasNotification: boolean;
+    language: Language;
+    onLogin: () => void;
+    onLogout: () => void;
+    trackEvent?: (event: CustomEvent) => void;
+    useAbsoluteUrls?: boolean;
+    project?: Project;
+    user: EnrichedSessionUser | null;
+    selectTenant: (sellerId: number | string) => Promise<void>;
+    showTenantSelection?: boolean;
+}
+declare const Navigation: FC<NavigationProps>;
+export { Navigation };
+export { PropsWithChildren as FullHeightProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAqBxC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,iBAAiB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+InC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,iBAAiB,IAAI,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,91 @@
+import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React, { useMemo, useEffect } from 'react';
+import { TranslationProvider } from '../../translationProvider/index.js';
+import { Stack } from '../../stack/index.js';
+import { Box } from '@chakra-ui/react';
+import { NavigationTenantMenu } from './navigationTenantMenu/index.js';
+import { NavigationLanguageMenu } from './NavigationLanguageMenu.js';
+import { NavigationItems } from './NavigationItems.js';
+import { NavigationAvatar } from './NavigationAvatar.js';
+import { MobileHeaderMenuToggle } from './MobileMenuToggle.js';
+import { useNavigationDrawer } from './hooks/useNavigationDrawer.js';
+import { FavoritesItem } from './FavoritesItem.js';
+import { NavigationDrawer } from './drawer/index.js';
+import { iconItems } from './config/iconItems.js';
+import { HeaderNavigationConfig } from './config/HeaderNavigationConfig.js';
+import { headerLinks } from './config/headerLinks.js';
+import { drawerNodeItems } from './config/DrawerNodeItems.js';
+import { ComparisonItem } from './ComparisonItem.js';
+
+var Navigation = function (_a) {
+    var _b, _c;
+    var brand = _a.brand, comparisonItemIds = _a.comparisonItemIds, environment = _a.environment, hasNotification = _a.hasNotification, language = _a.language, onLogin = _a.onLogin, onLogout = _a.onLogout, trackEvent = _a.trackEvent, _d = _a.useAbsoluteUrls, useAbsoluteUrls = _d === void 0 ? false : _d, project = _a.project, user = _a.user, selectTenant = _a.selectTenant, _e = _a.showTenantSelection, showTenantSelection = _e === void 0 ? true : _e;
+    var config = useMemo(function () {
+        var urlPathParams = (user === null || user === void 0 ? void 0 : user.sellerId)
+            ? { accountId: user === null || user === void 0 ? void 0 : user.sellerId }
+            : undefined;
+        var headerNavigationConfigInstance = new HeaderNavigationConfig({
+            brand: brand,
+            environment: environment,
+            useAbsoluteUrls: useAbsoluteUrls,
+            project: project,
+            config: {
+                headerItems: headerLinks({ trackEvent: trackEvent }),
+                drawerItems: drawerNodeItems({
+                    trackEvent: trackEvent,
+                    onLogout: onLogout,
+                    comparisonItemIds: comparisonItemIds,
+                    sellerId: user === null || user === void 0 ? void 0 : user.sellerId,
+                    currentLanguage: language,
+                    isLoggedIn: !!user,
+                }),
+                iconItems: iconItems({
+                    trackEvent: trackEvent,
+                    comparisonItemIds: comparisonItemIds,
+                }),
+            },
+            user: user,
+            urlPathParams: urlPathParams,
+        });
+        return headerNavigationConfigInstance.getMappedConfig();
+    }, [
+        user,
+        brand,
+        environment,
+        useAbsoluteUrls,
+        project,
+        trackEvent,
+        onLogout,
+        comparisonItemIds,
+        language,
+    ]);
+    var _f = useNavigationDrawer({
+        drawerNodeItems: config.drawerItems,
+    }), drawer = _f.drawer, isOpen = _f.isOpen, onClose = _f.onClose, createDrawerHandler = _f.createDrawerHandler;
+    // We can't pass `onClose` to logout callback when instancing the config
+    // because config is needed to call `useNavigationDrawer` hook
+    // which returns `onClose` callback
+    // that's why we need to call onClose like this
+    useEffect(function () {
+        if (!(user === null || user === void 0 ? void 0 : user.userId)) {
+            onClose();
+        }
+    }, [user === null || user === void 0 ? void 0 : user.userId, onClose]);
+    return (React.createElement(TranslationProvider, { language: language, scopes: ['header', 'auth.tenantSelection'] },
+        React.createElement(Box, __assign({ width: "full", borderBottom: "1px", borderBottomColor: "gray.200", zIndex: "header", backgroundColor: "white" }, (isOpen
+            ? { position: 'fixed', top: '0' }
+            : { position: 'relative' })),
+            React.createElement(Box, { maxWidth: "container.2xl", css: { height: config.menuHeight }, alignItems: "center", margin: "auto", display: "flex", justifyContent: "space-between", px: { base: 'sm', xs: 'lg', sm: '2xl' } },
+                React.createElement(NavigationItems, { platform: brand, headerLinks: config.headerItems, drawer: drawer, isOpen: isOpen, createDrawerHandler: createDrawerHandler, language: language }),
+                React.createElement(Stack, { direction: "row", gap: "2xl", align: "center" },
+                    ((_b = config.iconItems.favorites) === null || _b === void 0 ? void 0 : _b.isVisible) ? (React.createElement(FavoritesItem, { link: config.iconItems.favorites })) : null,
+                    config.iconItems.comparison ? (React.createElement(ComparisonItem, { link: config.iconItems.comparison, count: (_c = comparisonItemIds === null || comparisonItemIds === void 0 ? void 0 : comparisonItemIds.length) !== null && _c !== void 0 ? _c : 0 })) : null,
+                    React.createElement(NavigationAvatar, { user: user, createDrawerHandler: createDrawerHandler, isOpen: isOpen, drawer: drawer, hasNotification: hasNotification, onLogin: onLogin }),
+                    showTenantSelection ? (React.createElement(NavigationTenantMenu, { user: user, selectTenant: selectTenant })) : null,
+                    React.createElement(NavigationLanguageMenu, { activeLanguage: language }),
+                    React.createElement(MobileHeaderMenuToggle, { isOpen: isOpen, createDrawerHandler: createDrawerHandler })))),
+        React.createElement(NavigationDrawer, { user: user, showTenantSelection: showTenantSelection, drawer: drawer, isOpen: isOpen, onClose: onClose, menuHeight: config.menuHeight, onLogin: onLogin, onLogout: onLogout, selectTenant: selectTenant })));
+};
+
+export { Navigation };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/navigation/header/links/HeaderLink.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { HeaderNavigationLink } from '../config/headerNavigationLink';
+export declare const HeaderLink: FC<{
+    link: HeaderNavigationLink;
+}>;
+//# sourceMappingURL=HeaderLink.d.ts.map

package/dist/esm/components/navigation/header/links/HeaderLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/links/HeaderLink.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAGtE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC;IAC1B,IAAI,EAAE,oBAAoB,CAAC;CAC5B,CAMA,CAAC"}

package/dist/esm/components/navigation/header/links/HeaderLink.js

@@ -0,0 +1,13 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { Box } from '@chakra-ui/react';
+import { NavigationLink } from './NavigationLink.js';
+
+var HeaderLink = function (_a) {
+    var link = _a.link;
+    return (React.createElement(Box, { hideBelow: link.showUnderMoreLinkBelow },
+        React.createElement(NavigationLink, __assign({}, link, { fontWeight: "bold" }))));
+};
+
+export { HeaderLink };
+//# sourceMappingURL=HeaderLink.js.map

package/dist/esm/components/navigation/header/links/HeaderLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLink.js","sources":["../../../../../../../src/components/navigation/header/links/HeaderLink.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOO,IAAM,UAAU,GAElB,UAAC,EAAQ,EAAA;AAAN,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;IACV,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAA;QACzC,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,QAAA,CAAA,EAAA,EAAK,IAAI,EAAA,EAAE,UAAU,EAAC,MAAM,EAAA,CAAA,CAAG,CAC1C;AAEV;;;;"}

package/dist/esm/components/navigation/header/links/NavigationLink.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+import { Language } from '@smg-automotive/i18n-pkg';
+import { Project } from 'src/types/project';
+import { BreakpointName } from 'src/themes/shared/breakpoints';
+export interface NavigationLinkProps {
+    link?: Record<Language, string>;
+    title?: string;
+    translationKey?: string;
+    translationParameters?: Record<string, string | number>;
+    isNew?: boolean;
+    rightIcon?: ReactNode;
+    showUnderMoreLinkBelow?: BreakpointName;
+    fontWeight?: 'regular' | 'bold';
+    variant?: 'navigationLink' | 'subNavigationLink';
+    color?: string;
+    leftIcon?: ReactNode;
+    hideTextBelow?: BreakpointName;
+    missingEntitlementLinkIcon?: ReactNode;
+    onClick?: () => void;
+    projectIdentifier?: Project;
+}
+export declare const NavigationLink: FC<NavigationLinkProps>;
+//# sourceMappingURL=NavigationLink.d.ts.map

package/dist/esm/components/navigation/header/links/NavigationLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/links/NavigationLink.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAW,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAK/D,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,sBAAsB,CAAC,EAAE,cAAc,CAAC;IACxC,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,gBAAgB,GAAG,mBAAmB,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,0BAA0B,CAAC,EAAE,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAyClD,CAAC"}

package/dist/esm/components/navigation/header/links/NavigationLink.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useI18n } from '@smg-automotive/i18n-pkg';
+import { Link } from '../../../link/index.js';
+import { Box } from '@chakra-ui/react';
+import { Badge } from '../../../badge/index.js';
+
+var NavigationLink = function (_a) {
+    var link = _a.link, title = _a.title, translationKey = _a.translationKey, _b = _a.translationParameters, translationParameters = _b === void 0 ? {} : _b, isNew = _a.isNew, _c = _a.fontWeight, fontWeight = _c === void 0 ? 'regular' : _c, _d = _a.variant, variant = _d === void 0 ? 'navigationLink' : _d, color = _a.color, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, hideTextBelow = _a.hideTextBelow, onClick = _a.onClick;
+    var _e = useI18n(), t = _e.t, language = _e.language;
+    var linkColor = color || 'gray.900';
+    var hoverStyle = variant === 'navigationLink' ? { color: 'blue.700' } : undefined;
+    return (React.createElement(Link, { href: link && link[language], variant: variant, fontWeight: fontWeight, css: { color: linkColor }, _hover: hoverStyle, onClick: onClick, display: "flex", alignItems: "center", gap: "md" },
+        leftIcon,
+        (translationKey || title) && (React.createElement(Box, { hideBelow: hideTextBelow },
+            translationKey ? t(translationKey, translationParameters) : title,
+            isNew ? React.createElement(Badge, { variant: "navigationLinkBadge", text: "New" }) : null)),
+        rightIcon));
+};
+
+export { NavigationLink };
+//# sourceMappingURL=NavigationLink.js.map