@smg-automotive/components 25.11.0-talamcol-displayValue-styles.2 → 25.11.0-talamcol-v3-styled-displayvalue.2

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

@@ -1 +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;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAShE,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,CAoDtD,CAAC"}
+{"version":3,"file":"NavigationAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/NavigationAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAQhE,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

@@ -1,30 +1,32 @@
+import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useMultiStyleConfig, HStack, Text, Box } from '@chakra-ui/react';
+import { useSlotRecipe, Box } from '@chakra-ui/react';
 import { useI18n } from '../../../utilities/i18nInit.js';
-import Hide from '../../hide/index.js';
-import Avatar from '../../avatar/index.js';
+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 linkStyles = useMultiStyleConfig('Link', { variant: 'navigationLink' });
+    var recipe = useSlotRecipe({ key: 'link' });
+    var styles = recipe({ variant: 'navigationLink' });
     var t = useI18n().t;
     if (user) {
-        return (React.createElement(Hide, { below: "sm" },
-            React.createElement(HStack, { spacing: "xs", cursor: "pointer", _hover: { color: 'blue.700' }, color: isDrawerOpened ? 'blue.700' : 'gray.900', onClick: createDrawerHandler({
+        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(Hide, { below: "md" },
-                    React.createElement(Text, { fontWeight: "bold", noOfLines: 1, maxW: "2xl", title: user.email }, user.email)),
+                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(Hide, { below: "sm" },
-        React.createElement(HStack, { onClick: onLogin, __css: linkStyles.link, fontWeight: "bold", position: "relative", top: "1px" },
-            React.createElement(Box, { as: Avatar, marginLeft: "2px" }),
-            React.createElement(Hide, { below: "md", marginRight: "xs" }, t('header.login')))));
+    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: 'xxs' } }),
+            React.createElement(Box, { hideBelow: "md", marginRight: "xs" }, t('header.login')))));
 };
 
 export { NavigationAvatar };

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationAvatar.js","sources":["../../../../../../src/components/navigation/header/NavigationAvatar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAuBO,IAAM,gBAAgB,GAA8B,UAAC,EAO3D,EAAA;AANC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,eAAe,qBAAA,EACf,mBAAmB,GAAA,EAAA,CAAA,mBAAA,EACnB,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,cAAc,GAAG,MAAM,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,MAAK,UAAU,CAAC,IAAI;AACpE,IAAA,IAAM,UAAU,GAAG,mBAAmB,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AACrE,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;IAET,IAAI,IAAI,EAAE;AACR,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,IAAI,EAAA;AACd,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,IAAI,EACZ,MAAM,EAAC,SAAS,EAChB,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAC7B,KAAK,EAAE,cAAc,GAAG,UAAU,GAAG,UAAU,EAC/C,OAAO,EAAE,mBAAmB,CAAC;oBAC3B,QAAQ,EAAE,UAAU,CAAC,IAAI;iBAC1B,CAAC,EAAA;AAEF,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,gBAAgB,EAAE,eAAe,EAAA,CAAI;AAC7C,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,IAAI,EAAA;oBACd,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAC/D,IAAI,CAAC,KAAK,CACN,CACF;gBACP,KAAA,CAAA,aAAA,CAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAA,CAAI,CACpC,CACJ;IAEX;AAEA,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,IAAI,EAAA;QACd,KAAA,CAAA,aAAA,CAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,KAAK,EAAA;YAET,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAC,KAAK,EAAA,CAAG;AACpC,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAA,EAC9B,CAAC,CAAC,cAAc,CAAC,CACb,CACA,CACJ;AAEX;;;;"}
+{"version":3,"file":"NavigationAvatar.js","sources":["../../../../../../src/components/navigation/header/NavigationAvatar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAsBO,IAAM,gBAAgB,GAA8B,UAAC,EAO3D,EAAA;AANC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,eAAe,qBAAA,EACf,mBAAmB,GAAA,EAAA,CAAA,mBAAA,EACnB,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,cAAc,GAAG,MAAM,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,MAAK,UAAU,CAAC,IAAI;IACpE,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7C,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5C,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;IAET,IAAI,IAAI,EAAE;AACR,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,IAAI,EAAA;AACjB,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,KAAK,EACnB,GAAG,EAAC,IAAI,EACR,MAAM,EAAC,SAAS,EAChB,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAC7B,KAAK,EAAE,cAAc,GAAG,UAAU,GAAG,UAAU,EAC/C,OAAO,EAAE,mBAAmB,CAAC;oBAC3B,QAAQ,EAAE,UAAU,CAAC,IAAI;iBAC1B,CAAC,EACF,UAAU,EAAC,QAAQ,EAAA;AAEnB,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,gBAAgB,EAAE,eAAe,EAAA,CAAI;AAC7C,gBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,IAAI,EAAA;oBACjB,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAC/D,IAAI,CAAC,KAAK,CACN,CACH;gBACN,KAAA,CAAA,aAAA,CAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAA,CAAI,CACvC,CACF;IAEV;AAEA,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,IAAI,EAAA;AACjB,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,KAAK,EACnB,OAAO,EAAE,OAAO,EAChB,GAAG,eACE,MAAM,CAAC,IAAI,CAAA,EAEhB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAC,SAAS,EAChB,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAC,IAAI,EACR,KAAK,EAAC,UAAU,EAAA;AAEhB,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA,CAAI;AAC/C,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAA,EACjC,CAAC,CAAC,cAAc,CAAC,CACd,CACF,CACF;AAEV;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/NavigationItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AASlC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAgBA,CAAC"}
+{"version":3,"file":"NavigationItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/NavigationItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AASlC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAsBA,CAAC"}

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

@@ -1,13 +1,15 @@
+import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useMultiStyleConfig, Box } from '@chakra-ui/react';
+import { useSlotRecipe, Box } from '@chakra-ui/react';
 import { useI18n } from '../../../utilities/i18nInit.js';
 import { DrawerIndicator } from './drawer/DrawerIndicator.js';
 
 var NavigationItem = function (_a) {
     var translationKey = _a.translationKey, drawerHandler = _a.drawerHandler, isOpen = _a.isOpen;
     var t = useI18n().t;
-    var linkStyles = useMultiStyleConfig('Link', { variant: 'navigationLink' });
-    return (React.createElement(Box, { onClick: drawerHandler, __css: linkStyles.link, fontWeight: "bold", color: isOpen ? 'blue.700' : 'gray.900', position: "relative", top: "1px" },
+    var recipe = useSlotRecipe({ key: 'link' });
+    var styles = recipe({ variant: 'navigationLink' });
+    return (React.createElement(Box, { onClick: drawerHandler, css: __assign({}, styles.root), fontWeight: "bold", color: isOpen ? 'blue.700' : 'gray.900', _hover: { color: 'blue.700' }, position: "relative", cursor: "pointer", display: "flex", alignItems: "center" },
         t(translationKey),
         " ",
         React.createElement(DrawerIndicator, { isOpen: isOpen })));

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationItem.js","sources":["../../../../../../src/components/navigation/header/NavigationItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASO,IAAM,cAAc,GAItB,UAAC,EAAyC,EAAA;AAAvC,IAAA,IAAA,cAAc,oBAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA;AACnC,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;AACT,IAAA,IAAM,UAAU,GAAG,mBAAmB,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE7E,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,EACvC,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,KAAK,EAAA;QAER,CAAC,CAAC,cAAc,CAAC;;QAAE,KAAA,CAAA,aAAA,CAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAA,CAAI,CACnD;AAEV;;;;"}
+{"version":3,"file":"NavigationItem.js","sources":["../../../../../../src/components/navigation/header/NavigationItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AASO,IAAM,cAAc,GAItB,UAAC,EAAyC,EAAA;AAAvC,IAAA,IAAA,cAAc,oBAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA;AACnC,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;IACT,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7C,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAEpD,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAE,aAAa,EACtB,GAAG,EAAA,QAAA,CAAA,EAAA,EACE,MAAM,CAAC,IAAI,CAAA,EAEhB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,EACvC,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAC7B,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EAAA;QAElB,CAAC,CAAC,cAAc,CAAC;;QAAE,KAAA,CAAA,aAAA,CAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAA,CAAI,CACnD;AAEV;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/NavigationItems.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAWpD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;QAAE,QAAQ,EAAE,UAAU,CAAA;KAAE,KAAK,MAAM,IAAI,CAAC;IAC5E,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiDpD,CAAC"}
+{"version":3,"file":"NavigationItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/NavigationItems.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AASpD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;QAAE,QAAQ,EAAE,UAAU,CAAA;KAAE,KAAK,MAAM,IAAI,CAAC;IAC5E,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAoDpD,CAAC"}

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

@@ -1,17 +1,12 @@
 import React from 'react';
-import { Image } from '@chakra-ui/react';
-import '../../../themes/index.js';
-import Stack from '../../stack/index.js';
-import Show from '../../show/index.js';
-import Link from '../../link/index.js';
-import Hide from '../../hide/index.js';
+import { Image, Box } from '@chakra-ui/react';
+import { Stack } from '../../stack/index.js';
+import { Link } from '../../link/index.js';
 import img$1 from '../../../assets/images/logo_ms24.svg.js';
 import img from '../../../assets/images/logo_as24.svg.js';
 import { NavigationItem } from './NavigationItem.js';
 import { HeaderLink } from './links/HeaderLink.js';
 import { DrawerNode } from './config/DrawerNodeItems.js';
-import { breakpoints } from '../../../themes/shared/breakpoints.js';
-import '../../../themes/shared/index.js';
 
 var NavigationItems = function (_a) {
     var platform = _a.platform, headerLinks = _a.headerLinks, drawer = _a.drawer, isOpen = _a.isOpen, createDrawerHandler = _a.createDrawerHandler, language = _a.language;
@@ -22,13 +17,16 @@ var NavigationItems = function (_a) {
     var searchDrawerHandler = createDrawerHandler({
         nodeName: DrawerNode.Search,
     });
-    return (React.createElement(Stack, { direction: "row", spacing: { base: 'lg', sm: '2xl' }, align: "center" },
+    return (React.createElement(Stack, { direction: "row", gap: { base: 'lg', sm: '2xl' }, align: "center" },
         React.createElement(Link, { href: "/".concat(language === 'en' ? 'de' : language) },
-            React.createElement(Image, { width: { sm: '124px', base: '101px' }, height: { sm: '30px', base: 'sm' }, src: logo, alt: "Platform logo" })),
-        React.createElement(Hide, { below: "sm" },
+            React.createElement(Image, { css: {
+                    width: { sm: '124px', base: '101px' },
+                    height: { sm: '30px', base: 'var(--spacing-sm)' },
+                }, src: logo, alt: "Platform logo", htmlWidth: 300, htmlHeight: 71 })),
+        React.createElement(Box, { hideBelow: "sm" },
             React.createElement(NavigationItem, { translationKey: "header.search", drawerHandler: searchDrawerHandler, isOpen: isOpen && (drawer === null || drawer === void 0 ? void 0 : drawer.current) === DrawerNode.Search })),
         headerLinks.map(function (link, index) { return (React.createElement(HeaderLink, { key: "link-".concat(index), link: link })); }),
-        React.createElement(Show, { breakpoint: "(min-width: ".concat(breakpoints.sm.px + 1, "px) and (max-width: ").concat(breakpoints.lg.px, "px)") },
+        React.createElement(Box, { display: { base: 'none', sm: 'block', lg: 'none' } },
             React.createElement(NavigationItem, { translationKey: "header.more", drawerHandler: moreDrawerHandler, isOpen: isOpen && (drawer === null || drawer === void 0 ? void 0 : drawer.current) === DrawerNode.More }))));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationItems.js","sources":["../../../../../../src/components/navigation/header/NavigationItems.tsx"],"sourcesContent":[null],"names":["logoAutoScout24","logoMotoScout24"],"mappings":";;;;;;;;;;;;;;;AA6BO,IAAM,eAAe,GAA6B,UAAC,EAOzD,EAAA;AANC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,YAAA,EACN,mBAAmB,GAAA,EAAA,CAAA,mBAAA,EACnB,QAAQ,GAAA,EAAA,CAAA,QAAA;AAER,IAAA,IAAM,IAAI,GAAG,QAAQ,KAAK,aAAa,GAAGA,GAAe,GAAGC,KAAe;IAE3E,IAAM,iBAAiB,GAAG,mBAAmB,CAAC;QAC5C,QAAQ,EAAE,UAAU,CAAC,IAAI;AAC1B,KAAA,CAAC;IACF,IAAM,mBAAmB,GAAG,mBAAmB,CAAC;QAC9C,QAAQ,EAAE,UAAU,CAAC,MAAM;AAC5B,KAAA,CAAC;IAEF,QACE,oBAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAC,QAAQ,EAAA;AACvE,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,GAAA,CAAA,MAAA,CAAI,QAAQ,KAAK,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAE,EAAA;AACnD,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EACrC,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAClC,GAAG,EAAE,IAAI,EACT,GAAG,EAAC,eAAe,GACnB,CACG;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,IAAI,EAAA;YACd,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,cAAc,EAAC,eAAe,EAC9B,aAAa,EAAE,mBAAmB,EAClC,MAAM,EAAE,MAAM,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,MAAK,UAAU,CAAC,MAAM,EAAA,CACvD,CACG;QACN,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA,EAAK,QAChC,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,GAAG,EAAE,OAAA,CAAA,MAAA,CAAQ,KAAK,CAAE,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EACjD,CAFiC,CAEjC,CAAC;AAEF,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,UAAU,EAAE,cAAA,CAAA,MAAA,CAAe,WAAW,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAA,sBAAA,CAAA,CAAA,MAAA,CAAuB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAA,KAAA,CAAK,EAAA;AAE7F,YAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,cAAc,EAAC,aAAa,EAC5B,aAAa,EAAE,iBAAiB,EAChC,MAAM,EAAE,MAAM,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,MAAK,UAAU,CAAC,IAAI,EAAA,CACrD,CACG,CACD;AAEZ;;;;"}
+{"version":3,"file":"NavigationItems.js","sources":["../../../../../../src/components/navigation/header/NavigationItems.tsx"],"sourcesContent":[null],"names":["logoAutoScout24","logoMotoScout24"],"mappings":";;;;;;;;;;AA2BO,IAAM,eAAe,GAA6B,UAAC,EAOzD,EAAA;AANC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,YAAA,EACN,mBAAmB,GAAA,EAAA,CAAA,mBAAA,EACnB,QAAQ,GAAA,EAAA,CAAA,QAAA;AAER,IAAA,IAAM,IAAI,GAAG,QAAQ,KAAK,aAAa,GAAGA,GAAe,GAAGC,KAAe;IAE3E,IAAM,iBAAiB,GAAG,mBAAmB,CAAC;QAC5C,QAAQ,EAAE,UAAU,CAAC,IAAI;AAC1B,KAAA,CAAC;IACF,IAAM,mBAAmB,GAAG,mBAAmB,CAAC;QAC9C,QAAQ,EAAE,UAAU,CAAC,MAAM;AAC5B,KAAA,CAAC;IAEF,QACE,oBAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAC,QAAQ,EAAA;AACnE,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,GAAA,CAAA,MAAA,CAAI,QAAQ,KAAK,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAE,EAAA;YACnD,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE;oBACH,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;oBACrC,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,mBAAmB,EAAE;AAClD,iBAAA,EACD,GAAG,EAAE,IAAI,EACT,GAAG,EAAC,eAAe,EACnB,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,EAAE,GACd,CACG;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,IAAI,EAAA;YACjB,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,cAAc,EAAC,eAAe,EAC9B,aAAa,EAAE,mBAAmB,EAClC,MAAM,EAAE,MAAM,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,MAAK,UAAU,CAAC,MAAM,EAAA,CACvD,CACE;QACL,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA,EAAK,QAChC,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,GAAG,EAAE,OAAA,CAAA,MAAA,CAAQ,KAAK,CAAE,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EACjD,CAFiC,CAEjC,CAAC;AAGF,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA;AACrD,YAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,cAAc,EAAC,aAAa,EAC5B,aAAa,EAAE,iBAAiB,EAChC,MAAM,EAAE,MAAM,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,MAAK,UAAU,CAAC,IAAI,EAAA,CACrD,CACE,CACA;AAEZ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationLanguageMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/NavigationLanguageMenu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAOpD,UAAU,2BAA2B;IACnC,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAgClE,CAAC"}
+{"version":3,"file":"NavigationLanguageMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/NavigationLanguageMenu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAOpD,UAAU,2BAA2B;IACnC,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAmClE,CAAC"}

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

@@ -1,29 +1,32 @@
 import React from 'react';
-import Menu from '../../menu/index.js';
-import Hide from '../../hide/index.js';
+import { Menu } from '../../menu/index.js';
+import { Box } from '@chakra-ui/react';
 import { replaceLanguage } from './replaceLanguage.js';
 
 var NavigationLanguageMenu = function (_a) {
     var activeLanguage = _a.activeLanguage;
-    return (React.createElement(Hide, { below: "sm" },
+    return (React.createElement(Box, { hideBelow: "sm" },
         React.createElement(Menu, { title: activeLanguage.toUpperCase(), fontWeightTitle: "bold", menuColor: "gray.900", offset: [0, 18], iconSpacing: "xs", placement: "bottom-end", items: [
                 {
                     text: 'Deutsch',
                     onClick: function () {
                         return replaceLanguage({ activeLanguage: activeLanguage, newLanguage: 'de' });
                     },
+                    value: 'de',
                 },
                 {
                     text: 'Français',
                     onClick: function () {
                         return replaceLanguage({ activeLanguage: activeLanguage, newLanguage: 'fr' });
                     },
+                    value: 'fr',
                 },
                 {
                     text: 'Italiano',
                     onClick: function () {
                         return replaceLanguage({ activeLanguage: activeLanguage, newLanguage: 'it' });
                     },
+                    value: 'it',
                 },
             ] })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationLanguageMenu.js","sources":["../../../../../../src/components/navigation/header/NavigationLanguageMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAYO,IAAM,sBAAsB,GAAoC,UAAC,EAEvE,EAAA;AADC,IAAA,IAAA,cAAc,GAAA,EAAA,CAAA,cAAA;AAEd,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,IAAI,EAAA;AACd,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE,cAAc,CAAC,WAAW,EAAE,EACnC,eAAe,EAAC,MAAM,EACtB,SAAS,EAAC,UAAU,EACpB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EACf,WAAW,EAAC,IAAI,EAChB,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,IAAI,EAAE,SAAS;AACf,oBAAA,OAAO,EAAE,YAAA;wBACP,OAAA,eAAe,CAAC,EAAE,cAAc,EAAA,cAAA,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oBAAtD,CAAsD;AACzD,iBAAA;AACD,gBAAA;AACE,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,OAAO,EAAE,YAAA;wBACP,OAAA,eAAe,CAAC,EAAE,cAAc,EAAA,cAAA,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oBAAtD,CAAsD;AACzD,iBAAA;AACD,gBAAA;AACE,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,OAAO,EAAE,YAAA;wBACP,OAAA,eAAe,CAAC,EAAE,cAAc,EAAA,cAAA,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oBAAtD,CAAsD;AACzD,iBAAA;aACF,EAAA,CACD,CACG;AAEX;;;;"}
+{"version":3,"file":"NavigationLanguageMenu.js","sources":["../../../../../../src/components/navigation/header/NavigationLanguageMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAYO,IAAM,sBAAsB,GAAoC,UAAC,EAEvE,EAAA;AADC,IAAA,IAAA,cAAc,GAAA,EAAA,CAAA,cAAA;AAEd,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,IAAI,EAAA;AACjB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE,cAAc,CAAC,WAAW,EAAE,EACnC,eAAe,EAAC,MAAM,EACtB,SAAS,EAAC,UAAU,EACpB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EACf,WAAW,EAAC,IAAI,EAChB,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,IAAI,EAAE,SAAS;AACf,oBAAA,OAAO,EAAE,YAAA;wBACP,OAAA,eAAe,CAAC,EAAE,cAAc,EAAA,cAAA,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oBAAtD,CAAsD;AACxD,oBAAA,KAAK,EAAE,IAAI;AACZ,iBAAA;AACD,gBAAA;AACE,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,OAAO,EAAE,YAAA;wBACP,OAAA,eAAe,CAAC,EAAE,cAAc,EAAA,cAAA,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oBAAtD,CAAsD;AACxD,oBAAA,KAAK,EAAE,IAAI;AACZ,iBAAA;AACD,gBAAA;AACE,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,OAAO,EAAE,YAAA;wBACP,OAAA,eAAe,CAAC,EAAE,cAAc,EAAA,cAAA,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oBAAtD,CAAsD;AACxD,oBAAA,KAAK,EAAE,IAAI;AACZ,iBAAA;aACF,EAAA,CACD,CACE;AAEV;;;;"}

package/dist/esm/components/navigation/header/config/AutoRadar.js

@@ -166,8 +166,6 @@ import '../../../icons/QualitySealIcon.js';
 import '../../../icons/ExpandIcon.js';
 import '../../../icons/CollapseIcon.js';
 import '../../../icons/ForwardIcon.js';
-import '../../../icons/BalanceIcon.js';
-import '../../../icons/ParagraphIcon.js';
 
 var autoRadarLinkConfig = {
     translationKey: 'header.userMenu.autoRadar',

package/dist/esm/components/navigation/header/config/AutoRadar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoRadar.js","sources":["../../../../../../../src/components/navigation/header/config/AutoRadar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAM,mBAAmB,GAA8B;AAC5D,IAAA,cAAc,EAAE,2BAA2B;AAC3C,IAAA,IAAI,EAAE;AACJ,QAAA,EAAE,EAAE,kCAAkC;AACtC,QAAA,EAAE,EAAE,kCAAkC;AACtC,QAAA,EAAE,EAAE,kCAAkC;AACtC,QAAA,EAAE,EAAE,kCAAkC;AACvC,KAAA;AACD,IAAA,kBAAkB,EAAE;AAClB,QAAA,QAAQ,EAAE;AACR,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,WAAW,EAAE,KAAK;AACnB,SAAA;AACF,KAAA;AACD,IAAA,iBAAiB,EAAE;AACjB,QAAA,yBAAyB,EAAE;AACzB,YAAA,WAAW,CAAC,SAAS;AACrB,YAAA,WAAW,CAAC,aAAa;AAC1B,SAAA;AACD,QAAA,8BAA8B,EAAE;AAC9B,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,eAAe;AACpB,SAAA;QACD,0BAA0B,EAAE,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,CAAG;AACzC,KAAA;AACD,IAAA,iBAAiB,EAAE,cAAc;;;;;"}
+{"version":3,"file":"AutoRadar.js","sources":["../../../../../../../src/components/navigation/header/config/AutoRadar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAM,mBAAmB,GAA8B;AAC5D,IAAA,cAAc,EAAE,2BAA2B;AAC3C,IAAA,IAAI,EAAE;AACJ,QAAA,EAAE,EAAE,kCAAkC;AACtC,QAAA,EAAE,EAAE,kCAAkC;AACtC,QAAA,EAAE,EAAE,kCAAkC;AACtC,QAAA,EAAE,EAAE,kCAAkC;AACvC,KAAA;AACD,IAAA,kBAAkB,EAAE;AAClB,QAAA,QAAQ,EAAE;AACR,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,WAAW,EAAE,KAAK;AACnB,SAAA;AACF,KAAA;AACD,IAAA,iBAAiB,EAAE;AACjB,QAAA,yBAAyB,EAAE;AACzB,YAAA,WAAW,CAAC,SAAS;AACrB,YAAA,WAAW,CAAC,aAAa;AAC1B,SAAA;AACD,QAAA,8BAA8B,EAAE;AAC9B,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,eAAe;AACpB,SAAA;QACD,0BAA0B,EAAE,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,CAAG;AACzC,KAAA;AACD,IAAA,iBAAiB,EAAE,cAAc;;;;;"}

package/dist/esm/components/navigation/header/config/MarketPriceCheck.d.ts

@@ -0,0 +1,4 @@
+import { NavigationLinkConfigProps } from './headerLinks';
+export declare const autoScoutMarketPriceCheckLinkConfig: NavigationLinkConfigProps;
+export declare const motoScoutMarketPriceCheckLinkConfig: NavigationLinkConfigProps;
+//# sourceMappingURL=MarketPriceCheck.d.ts.map

package/dist/esm/components/navigation/header/config/MarketPriceCheck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketPriceCheck.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/config/MarketPriceCheck.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE1D,eAAO,MAAM,mCAAmC,EAAE,yBA4BjD,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,yBA+BjD,CAAC"}

package/dist/esm/components/navigation/header/config/Presence.js

@@ -166,8 +166,6 @@ import '../../../icons/QualitySealIcon.js';
 import '../../../icons/ExpandIcon.js';
 import '../../../icons/CollapseIcon.js';
 import '../../../icons/ForwardIcon.js';
-import '../../../icons/BalanceIcon.js';
-import '../../../icons/ParagraphIcon.js';
 
 var infoPageLinkConfig = {
     translationKey: 'header.userMenu.infoPage',

package/dist/esm/components/navigation/header/config/Presence.js.map

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

package/dist/esm/components/navigation/header/drawer/DrawerIndicator.js

@@ -1,6 +1,4 @@
-import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import Show from '../../../show/index.js';
 import '../../../icons/AdvancedSearchIcon.js';
 import '../../../icons/ArrowCircleIcon.js';
 import '../../../icons/ArrowDiagonalIcon.js';
@@ -167,15 +165,12 @@ import '../../../icons/QualitySealIcon.js';
 import '../../../icons/ExpandIcon.js';
 import '../../../icons/CollapseIcon.js';
 import '../../../icons/ForwardIcon.js';
-import '../../../icons/BalanceIcon.js';
-import '../../../icons/ParagraphIcon.js';
+import { Box } from '@chakra-ui/react';
 
 var DrawerIndicator = function (_a) {
     var isOpen = _a.isOpen;
-    return (React.createElement(Show, { above: "xs" },
-        React.createElement(ChevronDownSmallIcon, __assign({ transition: "0.2s" }, (isOpen
-            ? { transform: 'rotate(180deg)', color: 'blue.700' }
-            : null)))));
+    return (React.createElement(Box, { hideBelow: "xs", display: "inline-flex" },
+        React.createElement(ChevronDownSmallIcon, { transition: "transform", transitionDuration: "fast", color: isOpen ? 'blue.700' : 'currentColor', transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)' })));
 };
 
 export { DrawerIndicator };

package/dist/esm/components/navigation/header/drawer/DrawerIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerIndicator.js","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerIndicator.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAM,eAAe,GAA4B,UAAC,EAAU,EAAA;AAAR,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;AAC/D,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,IAAI,EAAA;AACd,QAAA,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,QAAA,CAAA,EACnB,UAAU,EAAC,MAAM,EAAA,GACZ;cACD,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,UAAU;AAClD,cAAE,IAAI,EAAC,CACT,CACG;AAEX;;;;"}
+{"version":3,"file":"DrawerIndicator.js","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerIndicator.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAM,eAAe,GAA4B,UAAC,EAAU,EAAA;AAAR,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;IAC/D,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,aAAa,EAAA;AACvC,QAAA,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EACnB,UAAU,EAAC,WAAW,EACtB,kBAAkB,EAAC,MAAM,EACzB,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,cAAc,EAC3C,SAAS,EAAE,MAAM,GAAG,gBAAgB,GAAG,cAAc,EAAA,CACrD,CACE;AAEV;;;;"}

package/dist/esm/components/navigation/header/drawer/DrawerLoginToggle.d.ts

@@ -5,6 +5,6 @@ type Props = {
     onLogin: () => void;
     onLogout: () => void;
 };
-declare const DrawerLoginToggle: FC<Props>;
-export default DrawerLoginToggle;
+export declare const DrawerLoginToggle: FC<Props>;
+export {};
 //# sourceMappingURL=DrawerLoginToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerLoginToggle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/drawer/DrawerLoginToggle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAehC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"DrawerLoginToggle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/drawer/DrawerLoginToggle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAevC,CAAC"}

package/dist/esm/components/navigation/header/drawer/DrawerLoginToggle.js

@@ -166,15 +166,15 @@ import '../../../icons/QualitySealIcon.js';
 import '../../../icons/ExpandIcon.js';
 import '../../../icons/CollapseIcon.js';
 import '../../../icons/ForwardIcon.js';
-import '../../../icons/BalanceIcon.js';
-import '../../../icons/ParagraphIcon.js';
-import Button from '../../../button/index.js';
+import { Button } from '../../../button/index.js';
 
 var DrawerLoginToggle = function (_a) {
     var user = _a.user, onLogin = _a.onLogin, onLogout = _a.onLogout;
     var t = useI18n().t;
-    return (React.createElement(Button, { as: "button", variant: "secondary", size: "md", mt: "md", mx: "lg", leftIcon: user ? React.createElement(LogoutIcon, null) : React.createElement(AvatarIcon, null), onClick: user ? onLogout : onLogin }, user ? t('header.userMenu.logout') : t('header.login')));
+    return (React.createElement(Button, { as: "button", variant: "secondary", size: "md", marginTop: "md", marginX: "lg", onClick: user ? onLogout : onLogin },
+        user ? React.createElement(LogoutIcon, null) : React.createElement(AvatarIcon, null),
+        user ? t('header.userMenu.logout') : t('header.login')));
 };
 
-export { DrawerLoginToggle as default };
+export { DrawerLoginToggle };
 //# sourceMappingURL=DrawerLoginToggle.js.map

package/dist/esm/components/navigation/header/drawer/DrawerLoginToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerLoginToggle.js","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerLoginToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAM,iBAAiB,GAAc,UAAC,EAA2B,EAAA;AAAzB,IAAA,IAAA,IAAI,UAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA;AACrD,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;AACT,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAC,QAAQ,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,QAAQ,EAAE,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,CAAG,GAAG,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,CAAG,EAChD,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,OAAO,EAAA,EAEjC,IAAI,GAAG,CAAC,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC,CAChD;AAEb;;;;"}
+{"version":3,"file":"DrawerLoginToggle.js","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerLoginToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,IAAM,iBAAiB,GAAc,UAAC,EAA2B,EAAA;AAAzB,IAAA,IAAA,IAAI,UAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA;AAC5D,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;AACT,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAC,QAAQ,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,IAAI,EACd,OAAO,EAAC,IAAI,EACZ,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,OAAO,EAAA;QAEjC,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,CAAG,GAAG,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,CAAG;AACtC,QAAA,IAAI,GAAG,CAAC,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC,CAChD;AAEb;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerNavigationLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/drawer/DrawerNavigationLink.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMlC,OAAuB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9E,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC;IACpC,IAAI,EAAE,mBAAmB,CAAC;CAC3B,CAYA,CAAC"}
+{"version":3,"file":"DrawerNavigationLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/drawer/DrawerNavigationLink.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAkB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9E,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC;IACpC,IAAI,EAAE,mBAAmB,CAAC;CAC3B,CAkBA,CAAC"}

package/dist/esm/components/navigation/header/drawer/DrawerNavigationLink.js

@@ -1,13 +1,18 @@
 import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import Show from '../../../show/index.js';
-import { Box, ListItem } from '@chakra-ui/react';
-import NavigationLink from '../links/NavigationLink.js';
+import { List } from '../../../list/index.js';
+import { Box } from '@chakra-ui/react';
+import { NavigationLink } from '../links/NavigationLink.js';
 
 var DrawerNavigationLink = function (_a) {
     var item = _a.item;
-    return (React.createElement(Show, { below: item.showUnderMoreLinkBelow },
-        React.createElement(Box, { as: ListItem, paddingBottom: { base: 'lg', md: 'md' } },
+    // Only apply hideFrom if the breakpoint is defined
+    // Items without showUnderMoreLinkBelow should always be visible
+    var hideProps = item.showUnderMoreLinkBelow
+        ? { hideFrom: item.showUnderMoreLinkBelow }
+        : {};
+    return (React.createElement(Box, __assign({}, hideProps),
+        React.createElement(List.Item, { paddingBottom: { base: 'lg', md: 'md' } },
             React.createElement(NavigationLink, __assign({}, item, { variant: "subNavigationLink", color: item.color })))));
 };
 

package/dist/esm/components/navigation/header/drawer/DrawerNavigationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerNavigationLink.js","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerNavigationLink.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAQO,IAAM,oBAAoB,GAE5B,UAAC,EAAQ,EAAA;AAAN,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;IACV,QACE,oBAAC,IAAI,EAAA,EAAC,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAA;AACtC,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAA;AACxD,YAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,QAAA,CAAA,EAAA,EACT,IAAI,EAAA,EACR,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,IACjB,CACE,CACD;AAEX;;;;"}
+{"version":3,"file":"DrawerNavigationLink.js","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerNavigationLink.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOO,IAAM,oBAAoB,GAE5B,UAAC,EAAQ,EAAA;AAAN,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;;;AAGV,IAAA,IAAM,SAAS,GAAG,IAAI,CAAC;AACrB,UAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,sBAAsB;UACvC,EAAE;AAEN,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAA;AAChB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,CAAC,IAAI,EAAA,EAAC,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAA;AAChD,YAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,QAAA,CAAA,EAAA,EACT,IAAI,EAAA,EACR,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,IACjB,CACQ,CACR;AAEV;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerSections.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/drawer/DrawerSections.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAWlC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAYlE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAqC/D,CAAC"}
+{"version":3,"file":"DrawerSections.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/drawer/DrawerSections.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAWlC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAYlE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAkC/D,CAAC"}

package/dist/esm/components/navigation/header/drawer/DrawerSections.js

@@ -1,17 +1,17 @@
 import React from 'react';
 import { Box, GridItem } from '@chakra-ui/react';
 import { useI18n } from '../../../../utilities/i18nInit.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 List from '../../../list/index.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 { List } from '../../../list/index.js';
 import { DrawerNavigationLink } from './DrawerNavigationLink.js';
 
 var NonCollapsibleSection = function (_a) {
     var node = _a.node;
-    return (React.createElement(Box, { py: { base: '2xl', md: 0 }, px: "2xl" },
-        React.createElement(List, null, node.items.map(function (item, index) {
+    return (React.createElement(Box, { py: { base: '2xl', md: '0' }, px: "2xl" },
+        React.createElement(List.Root, null, node.items.map(function (item, index) {
             return React.createElement(DrawerNavigationLink, { item: item, key: index });
         }))));
 };
@@ -22,11 +22,13 @@ var CollapsibleSection = function (_a) {
         return null;
     }
     return (React.createElement(GridItem, null,
-        React.createElement(MobileOnlyAccordion, { allowMultiple: true },
-            React.createElement(MobileOnlyAccordionItem, { border: "none" },
-                React.createElement(Box, { as: MobileOnlyAccordionButton, flex: "1", textAlign: "left", fontSize: "base", paddingTop: { base: 'md', md: 0 } }, node.translationKey ? t(node.translationKey) : node.title),
-                React.createElement(Box, { as: MobileOnlyAccordionPanel, paddingTop: { base: 'lg', md: 0 }, paddingBottom: "0" },
-                    React.createElement(List, null, node.items.map(function (item, index) { return (React.createElement(DrawerNavigationLink, { item: item, key: index })); })))))));
+        React.createElement(MobileOnlyAccordion, { multiple: true, collapsible: true },
+            React.createElement(MobileOnlyAccordionItem, { value: "section", style: { borderTop: 'none', borderBottom: '1px solid #CFCFCF' } },
+                React.createElement(MobileOnlyAccordionButton, null,
+                    React.createElement(Box, { flex: "1", textAlign: "left", fontSize: "base" }, node.translationKey ? t(node.translationKey) : node.title)),
+                React.createElement(MobileOnlyAccordionPanel, { pb: "0" },
+                    React.createElement(Box, { paddingTop: { base: 'lg', md: '0' } },
+                        React.createElement(List.Root, null, node.items.map(function (item, index) { return (React.createElement(DrawerNavigationLink, { item: item, key: index })); }))))))));
 };
 
 export { CollapsibleSection, NonCollapsibleSection };

package/dist/esm/components/navigation/header/drawer/DrawerSections.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerSections.js","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerSections.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAeO,IAAM,qBAAqB,GAAqC,UAAC,EAEvE,EAAA;AADC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AAEJ,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAC,KAAK,EAAA;QACvC,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EACF,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA;YAC1B,OAAO,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAA,CAAI;AACzD,QAAA,CAAC,CAAC,CACG,CACH;AAEV;AAEO,IAAM,kBAAkB,GAAqC,UAAC,EAEpE,EAAA;AADC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AAEI,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;IAET,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACvC,QAAA,OAAO,IAAI;IACb;IAEA,QACE,oBAAC,QAAQ,EAAA,IAAA;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAAC,aAAa,EAAE,IAAI,EAAA;AACtC,YAAA,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,EAAC,MAAM,EAAC,MAAM,EAAA;gBACpC,KAAA,CAAA,aAAA,CAAC,GAAG,IACF,EAAE,EAAE,yBAAyB,EAC7B,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,MAAM,EACf,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,EAEhC,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,KAAK,CACtD;gBACN,KAAA,CAAA,aAAA,CAAC,GAAG,IACF,EAAE,EAAE,wBAAwB,EAC5B,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,EACjC,aAAa,EAAC,GAAG,EAAA;AAEjB,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EACF,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA,EAAK,QAC/B,oBAAC,oBAAoB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,EACjD,CAFgC,CAEhC,CAAC,CACG,CACH,CACkB,CACN,CACb;AAEf;;;;"}
+{"version":3,"file":"DrawerSections.js","sources":["../../../../../../../src/components/navigation/header/drawer/DrawerSections.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAeO,IAAM,qBAAqB,GAAqC,UAAC,EAEvE,EAAA;AADC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AAEJ,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAC,KAAK,EAAA;AACzC,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,CAAC,IAAI,EAAA,IAAA,EACP,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA;YAC1B,OAAO,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAA,CAAI;AACzD,QAAA,CAAC,CAAC,CACQ,CACR;AAEV;AAEO,IAAM,kBAAkB,GAAqC,UAAC,EAEpE,EAAA;AADC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AAEI,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;IAET,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACvC,QAAA,OAAO,IAAI;IACb;IAEA,QACE,oBAAC,QAAQ,EAAA,IAAA;QACP,KAAA,CAAA,aAAA,CAAC,mBAAmB,IAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAA;AACpD,YAAA,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,EACtB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAA;AAE/D,gBAAA,KAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,IAAA;AACxB,oBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,IAC3C,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,KAAK,CACtD,CACoB;AAC5B,gBAAA,KAAA,CAAA,aAAA,CAAC,wBAAwB,EAAA,EAAC,EAAE,EAAC,GAAG,EAAA;AAC9B,oBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAA;AACtC,wBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,CAAC,IAAI,EAAA,IAAA,EACP,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA,EAAK,QAC/B,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,EACjD,CAFgC,CAEhC,CAAC,CACQ,CACR,CACmB,CACH,CACN,CACb;AAEf;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAShE,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAMjF,UAAU,qBAAqB;IAC7B,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,uBAAuB,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgEtD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/header/drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAMjF,UAAU,qBAAqB;IAC7B,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,uBAAuB,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+FtD,CAAC"}

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

@@ -1,31 +1,38 @@
 import React from 'react';
-import { DrawerBody } from '@chakra-ui/react';
-import Grid from '../../../grid/index.js';
-import DrawerOverlay from '../../../drawer/DrawerOverlay.js';
-import DrawerContent from '../../../drawer/DrawerContent.js';
-import Drawer from '../../../drawer/index.js';
+import { Portal, Box } from '@chakra-ui/react';
+import { Grid } from '../../../grid/index.js';
 import { DrawerNode } from '../config/DrawerNodeItems.js';
-import DrawerUserInfo from './userInfo/index.js';
+import { DrawerUserInfo } from './userInfo/index.js';
 import { DrawerMenu } from './DrawerMenu.js';
-import DrawerLoginToggle from './DrawerLoginToggle.js';
+import { DrawerLoginToggle } from './DrawerLoginToggle.js';
 
 var NavigationDrawer = function (_a) {
     var drawer = _a.drawer, isOpen = _a.isOpen, onClose = _a.onClose, menuHeight = _a.menuHeight, user = _a.user, onLogin = _a.onLogin, onLogout = _a.onLogout, selectTenant = _a.selectTenant, showTenantSelection = _a.showTenantSelection;
-    return (React.createElement(Drawer, { isOpen: isOpen, placement: "top", onClose: onClose },
-        React.createElement(DrawerOverlay, null),
-        React.createElement(DrawerContent, { overflowY: "scroll", maxH: "calc(100vh - ".concat(menuHeight, ")"), maxW: "100vw", 
-            // This is due to safari scrolling the page up when an input is focused
-            // Using margin results in a gap between the header and the drawer after the scroll
-            // Chakra overrides the `top` position with the inline style, hence the !important
-            top: "".concat(menuHeight, " !important") },
-            React.createElement(DrawerBody, { "data-testid": "drawer-body", py: "lg", px: { md: 'xs' }, maxWidth: "container.2xl", width: "full", margin: "auto" },
-                React.createElement(Grid, { height: "full", width: "full", templateColumns: {
+    return (React.createElement(Portal, null,
+        React.createElement(Box, { position: "fixed", inset: "0", zIndex: "overlay", onClick: onClose, css: {
+                top: menuHeight,
+                opacity: isOpen ? 1 : 0,
+                pointerEvents: isOpen ? 'auto' : 'none',
+            } }),
+        React.createElement(Box, { position: "fixed", left: "0", right: "0", zIndex: "modal", css: {
+                top: menuHeight,
+                transform: isOpen ? 'translateY(0)' : 'translateY(-100%)',
+                opacity: isOpen ? 1 : 0,
+                transition: 'transform 0.3s ease-in-out, opacity 0.2s ease-in-out',
+                pointerEvents: isOpen ? 'auto' : 'none',
+            } },
+            React.createElement(Box, { overflowY: "scroll", bg: "white", boxShadow: "xs", borderBottom: "1px", borderBottomColor: "gray.200", css: {
+                    maxHeight: "calc(100vh - ".concat(menuHeight, ")"),
+                    maxWidth: '100vw',
+                    width: '100%',
+                } },
+                React.createElement(Box, { py: "lg", px: { md: 'xs' }, maxWidth: "container.2xl", width: "full", margin: "auto" }, isOpen ? (React.createElement(Grid, { "data-testid": "drawer-body", height: "full", width: "full", templateColumns: {
                         '2xs': 'minmax(0, 1fr)',
                         md: 'repeat(5, 1fr)',
-                    }, gridGap: { md: '3xl' } },
+                    }, gap: { md: '3xl' } },
                     [DrawerNode.User, DrawerNode.Combined].includes(drawer === null || drawer === void 0 ? void 0 : drawer.current) ? (React.createElement(DrawerUserInfo, { user: user, selectTenant: selectTenant, showTenantSelection: showTenantSelection })) : null, drawer === null || drawer === void 0 ? void 0 :
                     drawer.nodes.map(function (node, index) { return (React.createElement(DrawerMenu, { key: "node-".concat(index), node: node })); }),
-                    (drawer === null || drawer === void 0 ? void 0 : drawer.current) === DrawerNode.Combined ? (React.createElement(DrawerLoginToggle, { user: user, onLogin: onLogin, onLogout: onLogout })) : null)))));
+                    (drawer === null || drawer === void 0 ? void 0 : drawer.current) === DrawerNode.Combined ? (React.createElement(DrawerLoginToggle, { user: user, onLogin: onLogin, onLogout: onLogout })) : null)) : null)))));
 };
 
 export { NavigationDrawer };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/navigation/header/drawer/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AA4BO,IAAM,gBAAgB,GAA8B,UAAC,EAU3D,EAAA;QATC,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,IAAI,UAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,mBAAmB,GAAA,EAAA,CAAA,mBAAA;AAEnB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,OAAO,EAAA;AACtD,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG;AACjB,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAE,eAAA,CAAA,MAAA,CAAgB,UAAU,EAAA,GAAA,CAAG,EACnC,IAAI,EAAC,OAAO;;;;YAIZ,GAAG,EAAE,EAAA,CAAA,MAAA,CAAG,UAAU,EAAA,aAAA,CAAa,EAAA;YAE/B,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,aAAA,EACG,aAAa,EACzB,EAAE,EAAC,IAAI,EACP,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAChB,QAAQ,EAAC,eAAe,EACxB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EAAA;gBAEb,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,eAAe,EAAE;AACf,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,EAAE,EAAE,gBAAgB;AACrB,qBAAA,EACD,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA;oBAErB,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAC9C,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAqB,CAC9B,IACC,oBAAC,cAAc,EAAA,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,mBAAmB,EAAA,CACxC,IACA,IAAI,EACP,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA;AAAN,oBAAA,MAAM,CAAE,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA,EAAK,QAClC,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,GAAG,EAAE,OAAA,CAAA,MAAA,CAAQ,KAAK,CAAE,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EACjD,CAFmC,CAEnC,CAAC;AACD,oBAAA,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,MAAK,UAAU,CAAC,QAAQ,IACtC,KAAA,CAAA,aAAA,CAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAAA,CAClB,IACA,IAAI,CACH,CACI,CACC,CACT;AAEb;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/navigation/header/drawer/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -4,6 +4,6 @@ type ManagedSeller = EnrichedSessionUser['managedSellers'][number];
 type Props = {
     selectedTenant: ManagedSeller;
 };
-declare const SelectedTenantInfo: FC<Props>;
-export default SelectedTenantInfo;
+export declare const SelectedTenantInfo: FC<Props>;
+export {};
 //# sourceMappingURL=SelectedTenantInfo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectedTenantInfo.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/navigation/header/drawer/userInfo/SelectedTenantInfo.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,KAAK,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAqBjC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SelectedTenantInfo.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/navigation/header/drawer/userInfo/SelectedTenantInfo.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,KAAK,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAqBxC,CAAC"}