@skodaflow/web-library 4.1.0 → 4.2.0

package/layout/Header/Header.d.ts

@@ -1,16 +1,34 @@
 import React from 'react';
 export type HeaderProps = {
-    /** defines color theme of the header */
+    /**
+     * Defines color theme of the header
+     * @default light
+     */
     color?: 'light' | 'dark';
-    /** React node that renders header logo */
+    /**
+     * React node that renders header logo
+     * @default undefined
+     */
     logo?: React.ReactNode;
-    /** React node that renders all navigation items */
+    /**
+     * React node that renders all navigation items
+     * @default undefined
+     */
     navigationItems?: React.ReactNode;
-    /** React node that renders all overhead navigation items */
+    /**
+     * React node that renders all overhead navigation items
+     * @default undefined
+     */
     overheadItems?: React.ReactNode;
-    /** React node that renders all header buttons */
+    /**
+     * React node that renders all header buttons
+     * @default undefined
+     */
     buttons?: React.ReactNode;
-    /** Defines if header content should be rendered inside Container component */
+    /**
+     * Defines if header content should be rendered inside Container component
+     * @default false
+     */
     inContainer?: boolean;
 };
 export declare const Header: React.FC<HeaderProps>;

package/layout/Header/Header.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Box as a,Container as r,Stack as o}from"@mui/material";const i=({buttons:i,logo:n,navigationItems:d,overheadItems:l,color:c,inContainer:p})=>e(a,{children:[l&&t(a,{sx:{height:32,paddingLeft:"150px",display:"flex",background:e=>"dark"===c?e.palette.onSurface.os900:e.palette.surface.primary,color:e=>e.palette.onSurface.os500,"--active-background":e=>"dark"===c?e.palette.onSurface.os800:e.palette.common.white,"--active-color":e=>"dark"===c?e.palette.common.white:e.palette.text.primary},"data-testid":"Header.overhead",children:t(a,{component:p&&r,children:t(o,{direction:"row",children:l})})}),t(a,{sx:{height:64,background:e=>"dark"===c?e.palette.onSurface.os800:e.palette.common.white,color:e=>"dark"===c?e.palette.common.white:e.palette.text.primary,fill:e=>"dark"===c?e.palette.common.white:e.palette.primary.dark,borderBottom:e=>`1px solid ${"dark"===c?e.palette.onSurface.os600:e.palette.grey[200]}`},children:e(a,{component:p&&r,sx:{display:"flex",alignItems:"center",height:"100%"},children:[t(a,{display:"flex","data-testid":"Header.logo",sx:{"&>*":{paddingLeft:p&&"0 !important"}},children:n}),t(o,{direction:"row",flexGrow:1,spacing:1,alignItems:"stretch",sx:{height:"100%",paddingLeft:"48px"},"data-testid":"Header.nav",children:d}),t(o,{direction:"row",spacing:.5,sx:{marginRight:1},"data-testid":"Header.btns",children:i})]})})]});export{i as Header};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as r,Container as o,Stack as a}from"@mui/material";import{useRef as i,useState as n,useEffect as d}from"react";import{HeaderContext as l}from"./HeaderContext.js";const c=({buttons:d,logo:c,navigationItems:m,overheadItems:s,color:h,inContainer:g})=>{const x=i(),[f,u]=n(900);return p((()=>{var e;const t=null===(e=x.current)||void 0===e?void 0:e.clientWidth;t&&u(t)}),!0),e(r,{ref:x,children:t(l.Provider,{value:{headerRef:x,color:h,headerWidth:f},children:[s&&e(r,{sx:{height:32,paddingLeft:"150px",display:"flex",background:e=>"dark"===h?e.palette.onSurface.os900:e.palette.surface.primary,color:e=>e.palette.onSurface.os500,"--active-background":e=>"dark"===h?e.palette.onSurface.os800:e.palette.common.white,"--active-color":e=>"dark"===h?e.palette.common.white:e.palette.text.primary},"data-testid":"Header.overhead",children:e(r,{component:g&&o,children:e(a,{direction:"row",children:s})})}),e(r,{sx:{height:64,background:e=>"dark"===h?e.palette.onSurface.os800:e.palette.common.white,color:e=>"dark"===h?e.palette.common.white:e.palette.text.primary,fill:e=>"dark"===h?e.palette.common.white:e.palette.primary.dark,borderBottom:e=>`1px solid ${"dark"===h?e.palette.onSurface.os600:e.palette.grey[200]}`},children:t(r,{component:g&&o,sx:{display:"flex",alignItems:"center",height:"100%"},children:[e(r,{display:"flex","data-testid":"Header.logo",sx:{"&>*":{padding:"8px 16px",paddingLeft:g?"0 !important":"16px",color:"inherit !important"},height:"100%",color:e=>"dark"===h?e.palette.common.white:e.palette.primary.dark},children:c}),e(a,{direction:"row",flexGrow:1,spacing:1,alignItems:"stretch",sx:{height:"100%",paddingLeft:"48px"},"data-testid":"Header.nav",children:m}),e(a,{direction:"row",spacing:.5,sx:{marginRight:1},"data-testid":"Header.btns",children:d})]})})]})})},p=(e,t)=>{d((()=>{t&&e()})),d((()=>(window.removeEventListener("resize",e),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e))),[e])};export{c as Header};
 //# sourceMappingURL=Header.js.map

package/layout/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/layout/Header/Header.tsx"],"sourcesContent":[null],"names":["Header","buttons","logo","navigationItems","overheadItems","color","inContainer","_jsxs","Box","children","_jsx","sx","height","paddingLeft","display","background","theme","palette","onSurface","os900","surface","primary","os500","os800","common","white","text","component","Container","Stack","direction","fill","dark","borderBottom","os600","grey","alignItems","flexGrow","spacing","marginRight"],"mappings":"gHAkBa,MAAAA,EAAgC,EAC3CC,UACAC,OACAC,kBACAC,gBACAC,QACAC,iBAGEC,EAACC,EACE,CAAAC,SAAA,CAAAL,GACCM,EAACF,EACC,CAAAG,GAAI,CACFC,OAAQ,GACRC,YAAa,QACbC,QAAS,OACTC,WAAaC,GAAqB,SAAVX,EAAmBW,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,QAAQC,QACjGhB,MAAQW,GAAUA,EAAMC,QAAQC,UAAUI,MAC1C,sBAAwBN,GACZ,SAAVX,EAAmBW,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAC1E,iBAAmBT,GAAqB,SAAVX,EAAmBW,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,SAClG,cACW,kBAAiBZ,SAE7BC,EAACF,EAAI,CAAAmB,UAAWrB,GAAesB,EAC7BnB,SAAAC,EAACmB,EAAK,CAACC,UAAU,MAAKrB,SAAEL,QAI9BM,EAACF,EACC,CAAAG,GAAI,CACFC,OAAQ,GACRG,WAAaC,GAAqB,SAAVX,EAAmBW,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAChGpB,MAAQW,GAAqB,SAAVX,EAAmBW,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,QACtFU,KAAOf,GAAqB,SAAVX,EAAmBW,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQI,QAAQW,KACxFC,aAAejB,GACb,aAAuB,SAAVX,EAAmBW,EAAMC,QAAQC,UAAUgB,MAAQlB,EAAMC,QAAQkB,KAAK,QAGvF1B,SAAAF,EAACC,EAAG,CACFmB,UAAWrB,GAAesB,EAC1BjB,GAAI,CACFG,QAAS,OACTsB,WAAY,SACZxB,OAAQ,QAGVH,SAAA,CAAAC,EAACF,EAAG,CACFM,QAAQ,OACI,cAAA,cACZH,GAAI,CACF,MAAO,CACLE,YAAaP,GAAe,iBAE/BG,SAEAP,IAEHQ,EAACmB,EAAK,CACJC,UAAU,MACVO,SAAU,EACVC,QAAS,EACTF,WAAW,UACXzB,GAAI,CAAEC,OAAQ,OAAQC,YAAa,QACvB,cAAA,aAEXJ,SAAAN,IAEHO,EAACmB,EAAM,CAAAC,UAAU,MAAMQ,QAAS,GAAK3B,GAAI,CAAE4B,YAAa,GAAiB,cAAA,cACtE9B,SAAAR"}
+{"version":3,"file":"Header.js","sources":["../../../src/layout/Header/Header.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack } from '@mui/material';\nimport { useEffect, useRef, useState } from 'react';\nimport { HeaderContext } from './HeaderContext';\nexport const Header = ({ buttons, logo, navigationItems, overheadItems, color, inContainer, }) => {\n    const headerRef = useRef();\n    const [headerWidth, setHeaderWidth] = useState(900);\n    useOnResize(() => {\n        var _a;\n        const w = (_a = headerRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth;\n        if (w) {\n            setHeaderWidth(w);\n        }\n    }, true);\n    return (_jsx(Box, { ref: headerRef, children: _jsxs(HeaderContext.Provider, { value: { headerRef, color, headerWidth }, children: [overheadItems && (_jsx(Box, { sx: {\n                        height: 32,\n                        paddingLeft: `150px`,\n                        display: 'flex',\n                        background: (theme) => (color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.surface.primary),\n                        color: (theme) => theme.palette.onSurface.os500,\n                        '--active-background': (theme) => color === 'dark' ? theme.palette.onSurface.os800 : theme.palette.common.white,\n                        '--active-color': (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n                    }, \"data-testid\": \"Header.overhead\", children: _jsx(Box, { component: inContainer && Container, children: _jsx(Stack, { direction: \"row\", children: overheadItems }) }) })), _jsx(Box, { sx: {\n                        height: 64,\n                        background: (theme) => (color === 'dark' ? theme.palette.onSurface.os800 : theme.palette.common.white),\n                        color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n                        fill: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.primary.dark),\n                        borderBottom: (theme) => `1px solid ${color === 'dark' ? theme.palette.onSurface.os600 : theme.palette.grey[200]}`,\n                    }, children: _jsxs(Box, { component: inContainer && Container, sx: {\n                            display: 'flex',\n                            alignItems: 'center',\n                            height: '100%',\n                        }, children: [_jsx(Box, { display: \"flex\", \"data-testid\": \"Header.logo\", sx: {\n                                    '&>*': {\n                                        padding: '8px 16px',\n                                        paddingLeft: inContainer ? '0 !important' : '16px',\n                                        color: 'inherit !important',\n                                    },\n                                    height: '100%',\n                                    color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.primary.dark),\n                                }, children: logo }), _jsx(Stack, { direction: \"row\", flexGrow: 1, spacing: 1, alignItems: \"stretch\", sx: { height: '100%', paddingLeft: '48px' }, \"data-testid\": \"Header.nav\", children: navigationItems }), _jsx(Stack, { direction: \"row\", spacing: 0.5, sx: { marginRight: 1 }, \"data-testid\": \"Header.btns\", children: buttons })] }) })] }) }));\n};\nconst useOnResize = (cb, initialRun) => {\n    useEffect(() => {\n        if (initialRun) {\n            cb();\n        }\n    });\n    useEffect(() => {\n        window.removeEventListener('resize', cb);\n        window.addEventListener('resize', cb);\n        return () => window.removeEventListener('resize', cb);\n    }, [cb]);\n};\n//# sourceMappingURL=Header.js.map"],"names":["Header","buttons","logo","navigationItems","overheadItems","color","inContainer","headerRef","useRef","headerWidth","setHeaderWidth","useState","useOnResize","_a","w","current","clientWidth","_jsx","Box","ref","children","_jsxs","HeaderContext","Provider","value","sx","height","paddingLeft","display","background","theme","palette","onSurface","os900","surface","primary","os500","os800","common","white","text","component","Container","Stack","direction","fill","dark","borderBottom","os600","grey","alignItems","padding","flexGrow","spacing","marginRight","cb","initialRun","useEffect","window","removeEventListener","addEventListener"],"mappings":"+NAIY,MAACA,EAAS,EAAGC,UAASC,OAAMC,kBAAiBC,gBAAeC,QAAOC,kBAC3E,MAAMC,EAAYC,KACXC,EAAaC,GAAkBC,EAAS,KAQ/C,OAPAC,GAAY,KACR,IAAIC,EACJ,MAAMC,EAAiC,QAA5BD,EAAKN,EAAUQ,eAA4B,IAAPF,OAAgB,EAASA,EAAGG,YACvEF,GACAJ,EAAeI,EAClB,IACF,GACKG,EAAKC,EAAK,CAAEC,IAAKZ,EAAWa,SAAUC,EAAMC,EAAcC,SAAU,CAAEC,MAAO,CAAEjB,YAAWF,QAAOI,eAAeW,SAAU,CAAChB,GAAkBa,EAAKC,EAAK,CAAEO,GAAI,CACjJC,OAAQ,GACRC,YAAa,QACbC,QAAS,OACTC,WAAaC,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,QAAQC,QACjG9B,MAAQyB,GAAUA,EAAMC,QAAQC,UAAUI,MAC1C,sBAAwBN,GAAoB,SAAVzB,EAAmByB,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAC1G,iBAAmBT,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,SAClG,cAAe,kBAAmBf,SAAUH,EAAKC,EAAK,CAAEuB,UAAWnC,GAAeoC,EAAWtB,SAAUH,EAAK0B,EAAO,CAAEC,UAAW,MAAOxB,SAAUhB,QAAyBa,EAAKC,EAAK,CAAEO,GAAI,CACzLC,OAAQ,GACRG,WAAaC,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAChGlC,MAAQyB,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,QACtFU,KAAOf,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQI,QAAQW,KACxFC,aAAejB,GAAU,aAAuB,SAAVzB,EAAmByB,EAAMC,QAAQC,UAAUgB,MAAQlB,EAAMC,QAAQkB,KAAK,QAC7G7B,SAAUC,EAAMH,EAAK,CAAEuB,UAAWnC,GAAeoC,EAAWjB,GAAI,CAC3DG,QAAS,OACTsB,WAAY,SACZxB,OAAQ,QACTN,SAAU,CAACH,EAAKC,EAAK,CAAEU,QAAS,OAAQ,cAAe,cAAeH,GAAI,CACjE,MAAO,CACH0B,QAAS,WACTxB,YAAarB,EAAc,eAAiB,OAC5CD,MAAO,sBAEXqB,OAAQ,OACRrB,MAAQyB,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQI,QAAQW,MAC1F1B,SAAUlB,IAASe,EAAK0B,EAAO,CAAEC,UAAW,MAAOQ,SAAU,EAAGC,QAAS,EAAGH,WAAY,UAAWzB,GAAI,CAAEC,OAAQ,OAAQC,YAAa,QAAU,cAAe,aAAcP,SAAUjB,IAAoBc,EAAK0B,EAAO,CAAEC,UAAW,MAAOS,QAAS,GAAK5B,GAAI,CAAE6B,YAAa,GAAK,cAAe,cAAelC,SAAUnB,aAA0B,EAEhXW,EAAc,CAAC2C,EAAIC,KACrBC,GAAU,KACFD,GACAD,GACH,IAELE,GAAU,KACNC,OAAOC,oBAAoB,SAAUJ,GACrCG,OAAOE,iBAAiB,SAAUL,GAC3B,IAAMG,OAAOC,oBAAoB,SAAUJ,KACnD,CAACA,GAAI"}

package/layout/Header/HeaderButton.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as s,Tooltip as r,IconButton as i}from"@mui/material";import{forwardRef as n}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as a}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"react-use";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"lodash/merge";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"./HeaderNavigationItem.js";import"./PredefinedHeaderButtons.js";import"./HeaderOverheadItem.js";import"../SideMenu/SideMenuItem.js";import"../Footer/FooterNavItem.js";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";const p=n((function(n,p){const{icon:c,label:l,color:d,indicator:j}=n,g=o(n,["icon","label","color","indicator"]),u=s();return t(r,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(i,Object.assign({size:"large"},g,{ref:p,sx:{background:"grey"===d&&u.palette.surface.primary,".disclamer":{position:"absolute",top:"15%",right:"20%"},".disclamer::before":{margin:0}},children:[j&&t(a,{variant:j}),t(m,{className:c})]}))})}));export{p as HeaderButton};
+import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Tooltip as s,IconButton as i}from"@mui/material";import{forwardRef as n}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as a}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"@mui/x-date-pickers/internals";import"react-use";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"lodash/merge";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"./HeaderContext.js";import"./HeaderNavigationHero.js";import"./HeaderNavigationLink.js";import"./HeaderNavigationMenu.js";import"./PredefinedHeaderButtons.js";import"./HeaderOverheadItem.js";import"../SideMenu/SideMenuItem.js";import"../Footer/FooterNavItem.js";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";import"minimatch";const p=n((function(n,p){const{icon:c,label:l,color:d,indicator:j}=n,g=o(n,["icon","label","color","indicator"]),u=r();return t(s,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(i,Object.assign({size:"large"},g,{ref:p,sx:{background:"grey"===d&&u.palette.surface.primary,".disclamer":{position:"absolute",top:"15%",right:"20%"},".disclamer::before":{margin:0}},children:[j&&t(a,{variant:j}),t(m,{className:c})]}))})}));export{p as HeaderButton};
 //# sourceMappingURL=HeaderButton.js.map

package/layout/Header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":[null],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","className"],"mappings":"8pKA6CaA,EAAeC,GAjC5B,SACEC,EACAC,GAEA,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAuBL,EAATM,EAAIC,EAAKP,EAA7C,CAAA,OAAA,QAAA,QAAA,cACAQ,EAAQC,IAEd,OACEC,EAACC,EAAQ,CAAAC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAU,SAAQC,SAChGC,EAACC,iBACCC,KAAK,SACDd,EACJ,CAAAL,IAAKA,EACLoB,GAAI,CACFC,WAAsB,SAAVlB,GAAoBI,EAAMe,QAAQC,QAAQC,QACtD,aAAc,CACZC,SAAU,WACVC,IAAK,MACLC,MAAO,OAET,qBAAsB,CACpBC,OAAQ,IAIXZ,SAAA,CAAAZ,GAAaK,EAACoB,GAAUC,QAAS1B,IAElCK,EAACsB,EAAI,CAACC,UAAW/B,SAIzB"}
+{"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n    const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n    const theme = useTheme();\n    return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n                background: color === 'grey' && theme.palette.surface.primary,\n                '.disclamer': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.disclamer::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { variant: indicator }), _jsx(Icon, { className: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","className"],"mappings":"+yKAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,aAAc,CACVC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,qBAAsB,CAClBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAEC,QAAS5B,IAAcK,EAAKwB,EAAM,CAAEC,UAAWjC,SACxG"}

package/layout/Header/HeaderContext.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+export type HeaderContextType = {
+    headerRef: MutableRefObject<HTMLDivElement>;
+    color: 'light' | 'dark';
+    headerWidth: number;
+};
+export declare const HeaderContext: import("react").Context<HeaderContextType>;

package/layout/Header/HeaderContext.js

@@ -0,0 +1,2 @@
+import{createContext as e}from"react";const r=e({headerRef:null,color:"light",headerWidth:900});export{r as HeaderContext};
+//# sourceMappingURL=HeaderContext.js.map

package/layout/Header/HeaderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderContext.js","sources":["../../../src/layout/Header/HeaderContext.ts"],"sourcesContent":["import { createContext } from 'react';\nexport const HeaderContext = createContext({\n    headerRef: null,\n    color: 'light',\n    headerWidth: 900,\n});\n//# sourceMappingURL=HeaderContext.js.map"],"names":["HeaderContext","createContext","headerRef","color","headerWidth"],"mappings":"sCACY,MAACA,EAAgBC,EAAc,CACvCC,UAAW,KACXC,MAAO,QACPC,YAAa"}

package/layout/Header/HeaderLogo.d.ts

@@ -3,4 +3,7 @@ export type HeaderLogoProps = LinkProps & {
     src: string;
     alt?: string;
 };
+/**
+ * @deprecated Use generic `Logo` component instead
+ */
 export declare function HeaderLogo(props: HeaderLogoProps): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLogo.js","sources":["../../../src/layout/Header/HeaderLogo.tsx"],"sourcesContent":[null],"names":["HeaderLogo","props","src","alt","rest","__rest","_jsx","Link","Object","assign","sx","padding","Box","component","display"],"mappings":"qHAQM,SAAUA,EAAWC,GACzB,MAAMC,IAAEA,EAAGC,IAAEA,GAAiBF,EAATG,EAASC,EAAAJ,EAAxB,CAAA,MAAA,QACN,OACEK,EAACC,EAASC,OAAAC,OAAA,CAAA,EAAAL,GAAMM,GAAI,CAAEC,QAAS,YAC7BL,EAACM,GAAIC,UAAU,MAAMX,IAAKA,EAAKC,IAAKA,EAAKO,GAAI,CAAEI,QAAS,YAG9D"}
+{"version":3,"file":"HeaderLogo.js","sources":["../../../src/layout/Header/HeaderLogo.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box, Link } from '@mui/material';\n/**\n * @deprecated Use generic `Logo` component instead\n */\nexport function HeaderLogo(props) {\n    const { src, alt } = props, rest = __rest(props, [\"src\", \"alt\"]);\n    return (_jsx(Link, Object.assign({}, rest, { sx: { padding: 2 }, children: _jsx(Box, { component: \"img\", src: src, alt: alt, sx: { display: 'flex' } }) })));\n}\n//# sourceMappingURL=HeaderLogo.js.map"],"names":["HeaderLogo","props","src","alt","rest","__rest","_jsx","Link","Object","assign","sx","padding","children","Box","component","display"],"mappings":"qHAMO,SAASA,EAAWC,GACvB,MAAMC,IAAEA,EAAGC,IAAEA,GAAQF,EAAOG,EAAOC,EAAOJ,EAAO,CAAC,MAAO,QACzD,OAAQK,EAAKC,EAAMC,OAAOC,OAAO,CAAA,EAAIL,EAAM,CAAEM,GAAI,CAAEC,QAAS,GAAKC,SAAUN,EAAKO,EAAK,CAAEC,UAAW,MAAOZ,IAAKA,EAAKC,IAAKA,EAAKO,GAAI,CAAEK,QAAS,YAChJ"}

package/layout/Header/HeaderNavigationHero.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type HeaderNavigationHeroProps = {
+    label: string;
+    heroElement: ReactNode;
+};
+export declare function HeaderNavigationHero(props: HeaderNavigationHeroProps): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderNavigationHero.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,Popper as i,ClickAwayListener as n,Fade as a,Container as l}from"@mui/material";import{useRef as p,useContext as s}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as c}from"../../utils/useClosure/useClosure.js";import{HeaderContext as d}from"./HeaderContext.js";import{Button as h}from"@mui/base";function g(r){const{label:m,heroElement:h}=r,{isOpen:g,onToggle:b,onClose:C}=c(),j=p(null),{headerRef:w,color:y,headerWidth:k}=s(d);return e(t,{ref:j,display:"flex",alignItems:"center",children:[e(u,{onClick:b,children:[o(f,{className:"FwlNavigationItem-label",children:m}),o(x,{className:g?"chevron-up":"chevron-down"})]}),o(i,{open:g,anchorEl:null==w?void 0:w.current,transition:!0,children:({TransitionProps:e})=>o(n,{onClickAway:C,children:o(a,Object.assign({},e,{timeout:350,children:o(l,{sx:{width:`${k}px`,background:e=>"dark"===y?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===y?e.palette.common.white:e.palette.text.primary,padding:"48px 0 40px 0"},children:h})}))})})]})}const u=r(h)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),f=r(t)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),x=r(m)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{g as HeaderNavigationHero};
+//# sourceMappingURL=HeaderNavigationHero.js.map

package/layout/Header/HeaderNavigationHero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavigationHero.js","sources":["../../../src/layout/Header/HeaderNavigationHero.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, ClickAwayListener, Container, Fade, Popper, styled } from '@mui/material';\nimport { useContext, useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { HeaderContext } from './HeaderContext';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationHero(props) {\n    const { label, heroElement } = props;\n    const { isOpen, onToggle, onClose } = useClosure();\n    const anchor = useRef(null);\n    const { headerRef, color, headerWidth } = useContext(HeaderContext);\n    return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onToggle, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { className: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Popper, { open: isOpen, anchorEl: headerRef === null || headerRef === void 0 ? void 0 : headerRef.current, transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(Container, { sx: {\n                                width: `${headerWidth}px`,\n                                background: (theme) => color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n                                color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n                                padding: '48px 0 40px 0',\n                            }, children: heroElement }) })) })) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationHero.js.map"],"names":["HeaderNavigationHero","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","headerRef","color","headerWidth","useContext","HeaderContext","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","Popper","open","anchorEl","current","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","Object","assign","timeout","Container","sx","width","background","theme","palette","onSurface","os900","common","white","text","primary","padding","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","cursor","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","Icon","height","marginLeft"],"mappings":"sbAOO,SAASA,EAAqBC,GACjC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,IAChCC,EAASC,EAAO,OAChBC,UAAEA,EAASC,MAAEA,EAAKC,YAAEA,GAAgBC,EAAWC,GACrD,OAAQC,EAAMC,EAAK,CAAEC,IAAKT,EAAQU,QAAS,OAAQC,WAAY,SAAUC,SAAU,CAACL,EAAMM,EAAY,CAAEC,QAASjB,EAAUe,SAAU,CAACG,EAAKC,EAAW,CAAEC,UAAW,0BAA2BL,SAAUlB,IAAUqB,EAAKG,EAAU,CAAED,UAAWrB,EAAS,aAAe,oBAAuBmB,EAAKI,EAAQ,CAAEC,KAAMxB,EAAQyB,SAAUnB,aAA6C,EAASA,EAAUoB,QAASC,YAAY,EAAMX,SAAU,EAAGY,qBAAuBT,EAAKU,EAAmB,CAAEC,YAAa5B,EAASc,SAAUG,EAAKY,EAAMC,OAAOC,OAAO,CAAA,EAAIL,EAAiB,CAAEM,QAAS,IAAKlB,SAAUG,EAAKgB,EAAW,CAAEC,GAAI,CAC/jBC,MAAO,GAAG7B,MACV8B,WAAaC,GAAoB,SAAVhC,EAAmBgC,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,OAAOC,MAC/FrC,MAAQgC,GAAqB,SAAVhC,EAAmBgC,EAAMC,QAAQG,OAAOC,MAAQL,EAAMC,QAAQK,KAAKC,QACtFC,QAAS,iBACV/B,SAAUjB,aACzC,CACA,MAAMkB,EAAa+B,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRhB,WAAY,UACZiB,OAAQ,UACRzC,QAAS,OACTC,WAAY,SACZR,MAAO,cAELa,EAAY4B,EAAOpC,EAAPoC,EAAY,EAAGT,WAAaP,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIM,EAAMiB,WAAWC,MAAO,CAAElD,MAAO,UAAWmD,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIV,YAAa,EAAGC,aAAc,EAAGU,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAepC,WAAY,kCAChTL,EAAW0B,EAAOgB,EAAPhB,EAAa,KAAO,CACjCX,MAAO,OACP4B,OAAQ,OACRC,WAAY,MACZR,WAAY,MACZ,YAAa,CACTE,SAAU"}

package/layout/Header/HeaderNavigationLink.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { OverrideProps } from '@mui/material/OverridableComponent';
+export interface HeaderNavigationLinkTypeMap<P = unknown, C extends React.ElementType = 'a'> {
+    props: P & {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+        external?: boolean;
+    };
+    defaultComponent: C;
+}
+export type HeaderNavigationLinkItemProps<C extends React.ElementType, P = unknown> = OverrideProps<HeaderNavigationLinkTypeMap<P, C>, C> & {
+    component?: C;
+};
+export declare function HeaderNavigationLink<C extends React.ElementType = 'a'>(props: HeaderNavigationLinkItemProps<C>): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderNavigationLink.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{styled as t,Box as o}from"@mui/material";import{useRef as n}from"react";import{Icon as a}from"../../components/icon/icon.js";import{Button as l}from"@mui/base";function m(t){const{label:a,onClick:l,external:m}=t,d=e(t,["label","onClick","external"]),g=n(null);return r(o,{ref:g,display:"flex",alignItems:"center",children:i(p,Object.assign({onClick:l},d,{children:[r(s,{className:"FwlNavigationItem-label",children:a}),m&&r(c,{className:"arrow-ne"})]}))})}const p=t(l)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),s=t(o)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),c=t(a)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{m as HeaderNavigationLink};
+//# sourceMappingURL=HeaderNavigationLink.js.map

package/layout/Header/HeaderNavigationLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavigationLink.js","sources":["../../../src/layout/Header/HeaderNavigationLink.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationLink(props) {\n    const { label, onClick, external } = props, rest = __rest(props, [\"label\", \"onClick\", \"external\"]);\n    const anchor = useRef(null);\n    return (_jsx(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: _jsxs(ItemButton, Object.assign({ onClick: onClick }, rest, { children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), external && _jsx(ItemIcon, { className: \"arrow-ne\" })] })) }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationLink.js.map"],"names":["HeaderNavigationLink","props","label","onClick","external","rest","__rest","anchor","useRef","_jsx","Box","ref","display","alignItems","children","_jsxs","ItemButton","Object","assign","ItemLabel","className","ItemIcon","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","color","theme","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","Icon","width","height","marginLeft"],"mappings":"wPAMO,SAASA,EAAqBC,GACjC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAOL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAASC,EAAO,MACtB,OAAQC,EAAKC,EAAK,CAAEC,IAAKJ,EAAQK,QAAS,OAAQC,WAAY,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEf,QAASA,GAAWE,EAAM,CAAES,SAAU,CAACL,EAAKU,EAAW,CAAEC,UAAW,0BAA2BN,SAAUZ,IAAUE,GAAYK,EAAKY,EAAU,CAAED,UAAW,kBACnR,CACA,MAAMJ,EAAaM,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRlB,QAAS,OACTC,WAAY,SACZkB,MAAO,cAELZ,EAAYG,EAAOZ,EAAPY,EAAY,EAAGU,WAAaf,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIc,EAAMC,WAAWC,MAAO,CAAEH,MAAO,UAAWI,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIb,YAAa,EAAGC,aAAc,EAAGa,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTpB,EAAWC,EAAOoB,EAAPpB,EAAa,KAAO,CACjCqB,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZV,WAAY,MACZ,YAAa,CACTE,SAAU"}

package/layout/Header/HeaderNavigationMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type HeaderNavigationMenuProps = {
+    menuItems: React.ReactNode;
+    label: string;
+};
+export declare function HeaderNavigationMenu(props: HeaderNavigationMenuProps): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderNavigationMenu.js

@@ -0,0 +1,2 @@
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{styled as e,Box as i,Menu as t}from"@mui/material";import{useRef as n}from"react";import{Icon as a}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as l}from"../../utils/useClosure/useClosure.js";import{Button as s}from"@mui/base";function p(e){const{label:a,menuItems:s}=e,{isOpen:p,onOpen:h,onClose:g}=l(),u=n(null);return r(i,{ref:u,display:"flex",alignItems:"center",children:[r(m,{onClick:h,children:[o(c,{className:"FwlNavigationItem-label",children:a}),o(d,{className:p?"chevron-up":"chevron-down"})]}),o(t,{anchorEl:u.current,open:p,onClose:g,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{marginTop:1}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:o("div",{children:s})})]})}const m=e(s)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),c=e(i)((({theme:r})=>Object.assign(Object.assign({},r.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),d=e(a)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{p as HeaderNavigationMenu};
+//# sourceMappingURL=HeaderNavigationMenu.js.map

package/layout/Header/HeaderNavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../src/layout/Header/HeaderNavigationMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Menu, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationMenu(props) {\n    const { label, menuItems } = props;\n    const { isOpen, onOpen, onClose } = useClosure();\n    const anchor = useRef(null);\n    return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onOpen, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { className: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Menu, { anchorEl: anchor.current, open: isOpen, onClose: onClose, anchorOrigin: {\n                    vertical: 'bottom',\n                    horizontal: 'right',\n                }, transformOrigin: {\n                    vertical: 'top',\n                    horizontal: 'right',\n                }, PaperProps: {\n                    sx: {\n                        marginTop: 1,\n                    },\n                }, componentsProps: {\n                    backdrop: {\n                        className: 'MuiBackdrop-transparent',\n                    },\n                }, children: _jsx(\"div\", { children: menuItems }) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationMenu.js.map"],"names":["HeaderNavigationMenu","props","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","sx","marginTop","componentsProps","backdrop","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","color","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","Icon","width","height","marginLeft"],"mappings":"iUAMO,SAASA,EAAqBC,GACjC,MAAMC,MAAEA,EAAKC,UAAEA,GAAcF,GACvBG,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,IAC9BC,EAASC,EAAO,MACtB,OAAQC,EAAMC,EAAK,CAAEC,IAAKJ,EAAQK,QAAS,OAAQC,WAAY,SAAUC,SAAU,CAACL,EAAMM,EAAY,CAAEC,QAASZ,EAAQU,SAAU,CAACG,EAAKC,EAAW,CAAEC,UAAW,0BAA2BL,SAAUb,IAAUgB,EAAKG,EAAU,CAAED,UAAWhB,EAAS,aAAe,oBAAuBc,EAAKI,EAAM,CAAEC,SAAUf,EAAOgB,QAASC,KAAMrB,EAAQE,QAASA,EAASoB,aAAc,CAChWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,WAAY,CACXC,GAAI,CACAC,UAAW,IAEhBC,gBAAiB,CAChBC,SAAU,CACNd,UAAW,4BAEhBL,SAAUG,EAAK,MAAO,CAAEH,SAAUZ,QACrD,CACA,MAAMa,EAAamB,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACR9B,QAAS,OACTC,WAAY,SACZ8B,MAAO,cAELzB,EAAYgB,EAAOxB,EAAPwB,EAAY,EAAGU,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEL,MAAO,UAAWM,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIf,YAAa,EAAGC,aAAc,EAAGe,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTnC,EAAWc,EAAOsB,EAAPtB,EAAa,KAAO,CACjCuB,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZV,WAAY,MACZ,YAAa,CACTE,SAAU"}

package/layout/Header/HeaderOverheadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderOverheadItem.js","sources":["../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":[null],"names":["HeaderOverheadItem","props","active","label","rest","__rest","_jsx","ItemButton","Object","assign","component","sx","background","color","children","styled","Button","theme","padding","height","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","cursor","palette","text","primary","display","alignItems"],"mappings":"iJAoBM,SAAUA,EAA2DC,GACzE,MAAMC,OAAEA,EAAMC,MAAEA,GAAmBF,EAATG,EAASC,EAAAJ,EAA7B,CAAA,SAAA,UAEN,OACEK,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAU,KACNN,EACJ,CAAAO,GAAI,CACFC,WAAYV,EAAS,2BAA6B,cAClDW,MAAOX,EAAS,sBAAwB,WAGzCY,SAAAX,IAGP,CAEA,MAAMI,EAAaQ,EAAOC,EAAPD,EAAe,EAAGE,YAAa,CAChDC,QAAS,SACTC,OAAQ,OACRC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZ,mCAAoC,CAClCC,kBAAmB,gBAErBC,WAAY,UACZC,OAAQ,UACRb,WAAY,UACZc,OAAQ,UACRb,MAAOI,EAAMU,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY"}
+{"version":3,"file":"HeaderOverheadItem.js","sources":["../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material';\nimport { Button } from '@mui/base';\nexport function HeaderOverheadItem(props) {\n    const { active, label } = props, rest = __rest(props, [\"active\", \"label\"]);\n    return (_jsx(ItemButton, Object.assign({ component: \"a\" }, rest, { sx: {\n            background: active ? 'var(--active-background)' : 'transparent',\n            color: active ? 'var(--active-color)' : 'inherit',\n        }, children: label })));\n}\nconst ItemButton = styled(Button)(({ theme }) => ({\n    padding: '0 55px',\n    height: '32px',\n    fontWeight: 700,\n    fontSize: '16px',\n    lineHeight: '21px',\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    color: theme.palette.text.primary,\n    display: 'flex',\n    alignItems: 'center',\n}));\n//# sourceMappingURL=HeaderOverheadItem.js.map"],"names":["HeaderOverheadItem","props","active","label","rest","__rest","_jsx","ItemButton","Object","assign","component","sx","background","color","children","styled","Button","theme","padding","height","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","cursor","palette","text","primary","display","alignItems"],"mappings":"iJAIO,SAASA,EAAmBC,GAC/B,MAAMC,OAAEA,EAAMC,MAAEA,GAAUF,EAAOG,EAAOC,EAAOJ,EAAO,CAAC,SAAU,UACjE,OAAQK,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,UAAW,KAAON,EAAM,CAAEO,GAAI,CAC/DC,WAAYV,EAAS,2BAA6B,cAClDW,MAAOX,EAAS,sBAAwB,WACzCY,SAAUX,IACrB,CACA,MAAMI,EAAaQ,EAAOC,EAAPD,EAAe,EAAGE,YAAa,CAC9CC,QAAS,SACTC,OAAQ,OACRC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZ,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRb,WAAY,UACZc,OAAQ,UACRb,MAAOI,EAAMU,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY"}

package/layout/Header/HeaderSkodaLogo.d.ts

@@ -2,4 +2,5 @@ import { LinkProps } from '@mui/material';
 export type HeaderSkodaLogoProps = LinkProps & {
     alt?: string;
 };
+/** @deprecated use generic `Logo` component instead */
 export declare function HeaderSkodaLogo(props: HeaderSkodaLogoProps): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderSkodaLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSkodaLogo.js","sources":["../../../src/layout/Header/HeaderSkodaLogo.tsx"],"sourcesContent":[null],"names":["HeaderSkodaLogo","props","rest","__rest","_jsx","Link","Object","assign","sx","padding","display","children","width","height","viewBox","fill","xmlns","d"],"mappings":"4GAKM,SAAUA,EAAgBC,GACxB,MAAUC,EAAIC,EAAKF,EAAnB,CAAgB,QACtB,OACEG,EAACC,EAAIC,OAAAC,OAAA,GAAKL,EAAM,CAAAM,GAAI,CAAEC,QAAS,EAAGC,QAAS,WAAWC,SACpDP,SAAKQ,MAAM,MAAMC,OAAO,KAAKC,QAAQ,aAAaC,KAAK,UAAUC,MAAM,6BAA4BL,SACjGP,UACEa,EAAE,u2CACFF,KAAK,gBAKf"}
+{"version":3,"file":"HeaderSkodaLogo.js","sources":["../../../src/layout/Header/HeaderSkodaLogo.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Link } from '@mui/material';\n/** @deprecated use generic `Logo` component instead */\nexport function HeaderSkodaLogo(props) {\n    const { alt } = props, rest = __rest(props, [\"alt\"]);\n    return (_jsx(Link, Object.assign({}, rest, { sx: { padding: 2, display: 'inherit' }, children: _jsx(\"svg\", { width: \"120\", height: \"16\", viewBox: \"0 0 120 16\", fill: \"inherit\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M0 16L2.22307 12.6125H15.1169C15.8473 12.6125 16.3237 12.1587 16.3237 11.4631V9.49713H5.24009C1.93724 9.49713 0.4764 8.10585 0.4764 5.02078V3.68997C0.4764 1.3913 1.90549 0 4.16032 0H4.41438V4.96029C4.41438 5.65595 4.89078 6.10964 5.6212 6.10964H16.3554C18.8008 6.10964 20.2617 7.50094 20.2617 9.76936V11.5236C20.2617 14.5179 18.7055 16 15.498 16L0 16ZM77.2654 12.552H87.2374C88.8889 12.552 89.9369 11.5841 89.9369 10.0718V5.92816C89.9369 4.41587 88.8889 3.44801 87.2374 3.44801H77.2654V12.552ZM73.2639 16V0H87.3328C91.5248 0 93.9385 2.29867 93.9385 6.10964V9.89034C93.9385 13.7013 91.5248 16 87.3328 16H73.2639ZM53.872 12.552H62.288C63.8123 12.552 64.7968 11.6446 64.7968 10.2231V5.77693C64.7968 4.35538 63.8123 3.44801 62.288 3.44801H53.872C52.3477 3.44801 51.3632 4.35538 51.3632 5.77693V10.223C51.3632 11.6446 52.3477 12.552 53.872 12.552ZM62.3832 16H53.7768C49.7118 16 47.3616 13.7618 47.3616 10.0416V5.9584C47.3616 2.23818 49.7117 0 53.7768 0H62.3832C66.4482 0 68.7984 2.23818 68.7984 5.9584V10.0416C68.7984 13.7618 66.4483 16 62.3832 16ZM95.578 16L105.01 0H110.568L120 16H115.427L113.807 13.2476H105.772L103.613 9.98108L100.056 16H95.578ZM103.708 9.79961H111.775L107.741 2.99428L103.708 9.79961ZM8.3524 3.32702L6.06581 0H19.8806L17.6575 3.32702H8.3524ZM24.6649 16V0H28.6665V6.23062H33.9701L40.8616 0H46.1652L37.4 7.95462L46.324 16H40.7028L33.8113 9.67863H28.6665V16H24.6649Z\", fill: \"inherit\" }) }) })));\n}\n//# sourceMappingURL=HeaderSkodaLogo.js.map"],"names":["HeaderSkodaLogo","props","rest","__rest","_jsx","Link","Object","assign","sx","padding","display","children","width","height","viewBox","fill","xmlns","d"],"mappings":"4GAIO,SAASA,EAAgBC,GACvB,MAAkBC,EAAOC,EAAOF,EAAO,CAAC,QAC7C,OAAQG,EAAKC,EAAMC,OAAOC,OAAO,GAAIL,EAAM,CAAEM,GAAI,CAAEC,QAAS,EAAGC,QAAS,WAAaC,SAAUP,EAAK,MAAO,CAAEQ,MAAO,MAAOC,OAAQ,KAAMC,QAAS,aAAcC,KAAM,UAAWC,MAAO,6BAA8BL,SAAUP,EAAK,OAAQ,CAAEa,EAAG,u2CAAw2CF,KAAM,gBACpmD"}

package/layout/Header/PredefinedHeaderButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":[null],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","forwardRef","props","ref","_jsx","HeaderButton","Object","assign","icon","label","_a","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"4HAQA,MAAMA,EAA+B,CAACC,EAAqBC,IAQlDC,GAPP,SACEC,EACAC,SAEA,OAAOC,EAACC,EAAiBC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,KAAMT,EAAaU,MAAkB,QAAXC,EAAAR,EAAMO,aAAK,IAAAC,EAAAA,EAAIV,IACpF,IAKUW,EAAmBb,EAA6B,OAAQ,iBACxDc,EAAqBd,EAA6B,SAAU,UAC5De,EAAsBf,EAA6B,OAAQ,gBAC3DgB,EAAoBhB,EAA6B,QAAS,aAC1DiB,EAAmBjB,EAA6B,WAAY,gBAC5DkB,EAAuBlB,EAA6B,QAAS,YAC7DmB,EAAoBnB,EAA6B,QAAS,UAC1DoB,EAAqBpB,EAA6B,SAAU,WAC5DqB,EAAoBrB,EAA6B,UAAW,SAC5DsB,EAAkBtB,EAA6B,kBAAmB,OAClEuB,EAAmBvB,EAA6B,OAAQ"}
+{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nconst createPredefinedHeaderButton = (defaultIcon, defaultLabeL) => {\n    function HeaderButtonBase(props, ref) {\n        var _a;\n        return _jsx(HeaderButton, Object.assign({}, props, { ref: ref, icon: defaultIcon, label: (_a = props.label) !== null && _a !== void 0 ? _a : defaultLabeL }));\n    }\n    return forwardRef(HeaderButtonBase);\n};\nexport const HeaderBellButton = createPredefinedHeaderButton('bell', 'Notifications');\nexport const HeaderSearchButton = createPredefinedHeaderButton('search', 'Search');\nexport const HeaderProfileButton = createPredefinedHeaderButton('user', 'User Profile');\nexport const HeaderHeartButton = createPredefinedHeaderButton('heart', 'Wish List');\nexport const HeaderCartButton = createPredefinedHeaderButton('shopping', 'ShoppingCart');\nexport const HeaderLanguageButton = createPredefinedHeaderButton('globe', 'Language');\nexport const HeaderLoginButton = createPredefinedHeaderButton('login', 'Log In');\nexport const HeaderLogoutButton = createPredefinedHeaderButton('logout', 'Log Out');\nexport const HeaderCloseButton = createPredefinedHeaderButton('ballotx', 'Close');\nexport const HeaderFaqButton = createPredefinedHeaderButton('circle-question', 'FAQ');\nexport const HeaderMenuButton = createPredefinedHeaderButton('menu', 'Menu');\n//# sourceMappingURL=PredefinedHeaderButtons.js.map"],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","forwardRef","props","ref","_a","_jsx","HeaderButton","Object","assign","icon","label","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"4HAGA,MAAMA,EAA+B,CAACC,EAAaC,IAKxCC,GAJP,SAA0BC,EAAOC,GAC7B,IAAIC,EACJ,OAAOC,EAAKC,EAAcC,OAAOC,OAAO,CAAA,EAAIN,EAAO,CAAEC,IAAKA,EAAKM,KAAMV,EAAaW,MAA8B,QAAtBN,EAAKF,EAAMQ,aAA0B,IAAPN,EAAgBA,EAAKJ,IAChJ,IAGQW,EAAmBb,EAA6B,OAAQ,iBACxDc,EAAqBd,EAA6B,SAAU,UAC5De,EAAsBf,EAA6B,OAAQ,gBAC3DgB,EAAoBhB,EAA6B,QAAS,aAC1DiB,EAAmBjB,EAA6B,WAAY,gBAC5DkB,EAAuBlB,EAA6B,QAAS,YAC7DmB,EAAoBnB,EAA6B,QAAS,UAC1DoB,EAAqBpB,EAA6B,SAAU,WAC5DqB,EAAoBrB,EAA6B,UAAW,SAC5DsB,EAAkBtB,EAA6B,kBAAmB,OAClEuB,EAAmBvB,EAA6B,OAAQ"}

package/layout/Header/index.d.ts

@@ -1,7 +1,9 @@
 export * from './Header';
 export * from './HeaderButton';
 export * from './HeaderLogo';
-export * from './HeaderNavigationItem';
+export * from './HeaderNavigationHero';
+export * from './HeaderNavigationLink';
+export * from './HeaderNavigationMenu';
 export * from './HeaderSkodaLogo';
 export * from './PredefinedHeaderButtons';
 export * from './HeaderOverheadItem';

package/layout/PageLayout/PageLayout.d.ts

@@ -1,16 +1,37 @@
 import React from 'react';
 export type PageLayoutProps = {
-    /** Content of an page */
+    /**
+     * Content of an page
+     * @requires
+     */
     children: React.ReactNode;
-    /** React node that renders layout header */
+    /**
+     * React node that renders layout header
+     * @default undefined
+     */
     header?: React.ReactNode;
-    /** React node that renders layout footer */
+    /**
+     * React node that renders layout footer
+     * @default undefined
+     */
     footer?: React.ReactNode;
-    /** Specifies position of header */
+    /**
+     * Specifies position of header
+     * - static: header is fixed on top of the content
+     * - fixed: header is visible while user scrolls the content
+     * - slide: header is visible until user scrolls down beyond `headerSlideThreshold`, header will reappear when user scrolls up
+     * @default static
+     */
     headerPosition?: 'static' | 'fixed' | 'slide';
-    /** Specifies threshold that is used to hide header */
+    /**
+     * Specifies threshold that is used to hide header
+     * @default 250
+     */
     headerSlideThreshold?: number;
-    /** Specifies if content should be automatically wrapped into container component */
+    /**
+     * Specifies if content should be automatically wrapped into container component
+     * @default false
+     */
     wrapContent?: boolean;
 };
 export declare const PageLayout: React.FC<PageLayoutProps>;

package/layout/PageLayout/PageLayout.js

@@ -1,2 +1,2 @@
-import{jsxs as o,Fragment as t,jsx as e}from"react/jsx-runtime";import{useScrollTrigger as s,Box as r,Slide as i}from"@mui/material";import{useRef as n,useState as m,useEffect as a}from"react";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import{Container as p}from"../../components/container/container.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../components/icon/icon.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"react-use";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"lodash/merge";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"../Header/HeaderButton.js";import"../Header/HeaderNavigationItem.js";import"../Header/PredefinedHeaderButtons.js";import"../Header/HeaderOverheadItem.js";import"../SideMenu/SideMenuItem.js";import"../Footer/FooterNavItem.js";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";const c=c=>{const{children:d,header:l,footer:j,headerPosition:g="static",headerSlideThreshold:h=250,wrapContent:u=!1}=c,b=n(null),[y,k]=m(0);a((()=>{b.current&&k(b.current.getBoundingClientRect().height)}),[b.current]);const C=s({target:window,threshold:h});return o(r,{sx:{position:"relative",minHeight:"100vh",minWidth:"300px",display:"flex",flexDirection:"column",background:o=>o.palette.surface.primary},"data-testid":"PageLayout",children:[l&&o(t,{children:[e(r,{ref:b,sx:{position:"static"===g?"static":"fixed",top:0,left:0,right:0},component:"slide"===g?i:void 0,appear:"slide"!==g&&void 0,direction:"slide"===g?"down":void 0,in:"slide"===g?!C:void 0,children:e(r,{"data-testid":"PageLayout.header",children:l})}),"static"!==g&&e(r,{sx:{height:y}})]}),e(r,{sx:{flexGrow:1},component:u?p:void 0,"data-testid":"Container",children:d}),j&&e(r,{"data-testid":"PageLayout.footer",children:j})]})};export{c as PageLayout};
+import{jsxs as t,Fragment as e,jsx as i}from"react/jsx-runtime";import{useScrollTrigger as r,Box as o,Slide as d,Container as n}from"@mui/material";import{useRef as a,useState as c,useEffect as s}from"react";const l=l=>{const{children:h,header:p,footer:m,headerPosition:u="static",headerSlideThreshold:f=250,wrapContent:g=!1}=l,x=a(null),[v,w]=c(0);s((()=>{x.current&&w(x.current.getBoundingClientRect().height)}),[x.current]);const y=r({target:window,threshold:f});return t(o,{sx:{position:"relative",minHeight:"100vh",minWidth:"300px",display:"flex",flexDirection:"column",background:t=>t.palette.surface.primary},"data-testid":"PageLayout",children:[p&&t(e,{children:[i(o,{ref:x,sx:{position:"static"===u?"static":"fixed",top:0,left:0,right:0},component:"slide"===u?d:void 0,appear:"slide"!==u&&void 0,direction:"slide"===u?"down":void 0,in:"slide"===u?!y:void 0,children:i(o,{"data-testid":"PageLayout.header",children:p})}),"static"!==u&&i(o,{sx:{height:v}})]}),i(o,{sx:{flexGrow:1},component:g?n:void 0,"data-testid":"Container",children:h}),m&&i(o,{"data-testid":"PageLayout.footer",children:m})]})};export{l as PageLayout};
 //# sourceMappingURL=PageLayout.js.map

package/layout/PageLayout/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","sources":["../../../src/layout/PageLayout/PageLayout.tsx"],"sourcesContent":[null],"names":["PageLayout","props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","_jsx","ref","top","left","right","component","Slide","undefined","appear","direction","in","flexGrow","Container"],"mappings":"wuKAmBa,MAAAA,EAAyCC,IACpD,MAAMC,SACJA,EAAQC,OACRA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,GACZN,EAEEO,EAAqBC,EAAuB,OAC3CC,EAAcC,GAAmBC,EAAiB,GAEzDC,GAAU,KACJL,EAAmBM,SACrBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,OACpE,GACA,CAACR,EAAmBM,UAEvB,MAAMG,EAAUC,EAAiB,CAC/BC,OAAQC,OACRC,UAAWf,IAGb,OACEgB,EAACC,EAAG,CACFC,GAAI,CACFC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cACW,aAAYhC,SAAA,CAEvBC,GACCmB,EACEa,EAAA,CAAAjC,SAAA,CAAAkC,EAACb,EAAG,CACFc,IAAK7B,EACLgB,GAAI,CACFC,SAA6B,WAAnBpB,EAA8B,SAAW,QACnDiC,IAAK,EACLC,KAAM,EACNC,MAAO,GAETC,UAA8B,UAAnBpC,EAA6BqC,OAAQC,EAChDC,OAA2B,UAAnBvC,QAAqCsC,EAC7CE,UAA8B,UAAnBxC,EAA6B,YAASsC,EACjDG,GAAuB,UAAnBzC,GAA8BY,OAAU0B,EAE5CzC,SAAAkC,EAACb,EAAgB,CAAA,cAAA,6BAAqBpB,MAEpB,WAAnBE,GAA+B+B,EAACb,GAAIC,GAAI,CAAER,OAAQN,QAIvD0B,EAACb,EAAG,CACFC,GAAI,CACFuB,SAAU,GAEZN,UAAWlC,EAAcyC,OAAYL,EAAS,cAClC,YAAWzC,SAEtBA,IAGFE,GAAUgC,EAACb,EAAG,CAAA,cAAa,oBAAmBrB,SAAEE,MAEnD"}
+{"version":3,"file":"PageLayout.js","sources":["../../../src/layout/PageLayout/PageLayout.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, useScrollTrigger, Slide, Container } from '@mui/material';\nimport { useEffect, useRef, useState } from 'react';\nexport const PageLayout = (props) => {\n    const { children, header, footer, headerPosition = 'static', headerSlideThreshold = 250, wrapContent = false, } = props;\n    const headerContainerRef = useRef(null);\n    const [headerHeight, setHeaderHeight] = useState(0);\n    useEffect(() => {\n        if (headerContainerRef.current) {\n            setHeaderHeight(headerContainerRef.current.getBoundingClientRect().height);\n        }\n    }, [headerContainerRef.current]);\n    const trigger = useScrollTrigger({\n        target: window,\n        threshold: headerSlideThreshold,\n    });\n    return (_jsxs(Box, { sx: {\n            position: 'relative',\n            minHeight: '100vh',\n            minWidth: '300px',\n            display: 'flex',\n            flexDirection: 'column',\n            background: (theme) => theme.palette.surface.primary,\n        }, \"data-testid\": \"PageLayout\", children: [header && (_jsxs(_Fragment, { children: [_jsx(Box, { ref: headerContainerRef, sx: {\n                            position: headerPosition === 'static' ? 'static' : 'fixed',\n                            top: 0,\n                            left: 0,\n                            right: 0,\n                        }, component: headerPosition === 'slide' ? Slide : undefined, appear: headerPosition === 'slide' ? false : undefined, direction: headerPosition === 'slide' ? 'down' : undefined, in: headerPosition === 'slide' ? !trigger : undefined, children: _jsx(Box, { \"data-testid\": \"PageLayout.header\", children: header }) }), headerPosition !== 'static' && _jsx(Box, { sx: { height: headerHeight } })] })), _jsx(Box, { sx: {\n                    flexGrow: 1,\n                }, component: wrapContent ? Container : undefined, \"data-testid\": \"Container\", children: children }), footer && _jsx(Box, { \"data-testid\": \"PageLayout.footer\", children: footer })] }));\n};\n//# sourceMappingURL=PageLayout.js.map"],"names":["PageLayout","props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","_jsx","ref","top","left","right","component","Slide","undefined","appear","direction","in","flexGrow","Container"],"mappings":"gNAGY,MAACA,EAAcC,IACvB,MAAMC,SAAEA,EAAQC,OAAEA,EAAMC,OAAEA,EAAMC,eAAEA,EAAiB,SAAQC,qBAAEA,EAAuB,IAAGC,YAAEA,GAAc,GAAWN,EAC5GO,EAAqBC,EAAO,OAC3BC,EAAcC,GAAmBC,EAAS,GACjDC,GAAU,KACFL,EAAmBM,SACnBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,OACtE,GACF,CAACR,EAAmBM,UACvB,MAAMG,EAAUC,EAAiB,CAC7BC,OAAQC,OACRC,UAAWf,IAEf,OAAQgB,EAAMC,EAAK,CAAEC,GAAI,CACjBC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cAAe,aAAchC,SAAU,CAACC,GAAWmB,EAAMa,EAAW,CAAEjC,SAAU,CAACkC,EAAKb,EAAK,CAAEc,IAAK7B,EAAoBgB,GAAI,CACzGC,SAA6B,WAAnBpB,EAA8B,SAAW,QACnDiC,IAAK,EACLC,KAAM,EACNC,MAAO,GACRC,UAA8B,UAAnBpC,EAA6BqC,OAAQC,EAAWC,OAA2B,UAAnBvC,QAAqCsC,EAAWE,UAA8B,UAAnBxC,EAA6B,YAASsC,EAAWG,GAAuB,UAAnBzC,GAA8BY,OAAU0B,EAAWzC,SAAUkC,EAAKb,EAAK,CAAE,cAAe,oBAAqBrB,SAAUC,MAAiC,WAAnBE,GAA+B+B,EAAKb,EAAK,CAAEC,GAAI,CAAER,OAAQN,QAAwB0B,EAAKb,EAAK,CAAEC,GAAI,CAChauB,SAAU,GACXN,UAAWlC,EAAcyC,OAAYL,EAAW,cAAe,YAAazC,SAAUA,IAAaE,GAAUgC,EAAKb,EAAK,CAAE,cAAe,oBAAqBrB,SAAUE,MAAe"}

package/layout/SecondaryNavigation/SecondaryNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigation.js","sources":["../../../src/layout/SecondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":[null],"names":["SecondaryNavigation","title","color","cta","navigationItems","inContainer","isLargerThanMd","useMediaQuery","theme","breakpoints","up","width","windowWidth","useWindowSize","titleRef","useRef","itemsRef","ctaButtonRef","wrapperRef","useEffect","current","widthToSubtract","clientWidth","wrapperWidth","Math","abs","style","_jsx","Box","sx","background","palette","onSurface","os900","common","white","text","primary","borderBottom","surface","secondary","children","component","Container","height","padding","_jsxs","ref","display","justifyContent","xs","md","flexShrink","Typography","variant","minWidth","sm","undefined","marginRight","alignItems","Object","assign","flexGrow","overflow","overflowX","disableScrollbarSx","Stack","direction","spacing","marginLeft"],"mappings":"2OAaa,MAAAA,EAA0D,EACrEC,QACAC,QACAC,MACAC,kBACAC,kBAEA,MAAMC,EAAiBC,GAAsBC,GAAUA,EAAMC,YAAYC,GAAG,SAEpEC,MAAOC,GAAgBC,IACzBC,EAAWC,EAAwB,MACnCC,EAAWD,EAAuB,MAClCE,EAAeF,EAAuB,MACtCG,EAAaH,EAAuB,MAsB1C,OApBAI,GAAU,KACR,GAAIH,EAASI,SAAWF,EAAWE,SAAWd,EAAgB,CAC5D,IAAIe,EAAkB,EAElBP,EAASM,UACXC,GAAmBP,EAASM,QAAQE,YACpCD,GAAmB,IAGjBJ,EAAaG,UACfC,GAAmBJ,EAAaG,QAAQE,YACxCD,GAAmB,IAGrB,MAAME,EAAeL,EAAWE,QAAQE,YAClCX,EAAQa,KAAKC,IAAIJ,EAAkBE,GACzCP,EAASI,QAAQM,MAAMf,MAAQ,GAAGA,KACnC,IACA,CAACG,EAASM,QAASJ,EAASI,QAASH,EAAaG,QAASF,EAAWE,QAASR,IAGhFe,EAACC,EAAG,CACFC,GAAI,CACFC,WAAatB,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQC,UAAUC,MAAQzB,EAAMuB,QAAQG,OAAOC,MAChGjC,MAAQM,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQG,OAAOC,MAAQ3B,EAAMuB,QAAQK,KAAKC,QACtFC,aAAe9B,GAAU,aAAaA,EAAMuB,QAAQQ,QAAQC,aAC7D,cACW,sBAAqBC,SAEjCd,EAACC,EACC,CAAAc,UAAWrC,GAAesC,EAC1Bd,GAAI,CACFe,OAAQ,OACRC,SAAUxC,GAAe,UAEf,cAAA,8BAEZoC,SAAAK,EAAClB,EAAG,CACFmB,IAAK7B,EACLW,GAAI,CACFmB,QAAS,OACTC,eAAgB,gBAChBL,OAAQ,CAAEM,GAAI,OAAQC,GAAI,SAG5BV,SAAA,CAAAK,EAAClB,EAAG,CAACC,GAAI,CAAEmB,QAAS,OAAQI,WAAY,GAAGX,SAAA,CACzCd,EAAC0B,EACC,CAAAN,IAAKjC,EACLwC,QAAQ,cACRzB,GAAI,CACF0B,SAAU,CAAEC,GAAI,QAASN,QAAIO,GAC7BC,YAAa,EACbN,WAAY,EACZJ,QAAS,OACTW,WAAY,UAEF,cAAA,qCAEX1D,IAEFK,GACCqB,EAACC,EAAG,CACFmB,IAAK/B,EACLa,GACE+B,OAAAC,OAAA,CAAAC,SAAU,EACVC,SAAU,SACVC,UAAW,UACRC,GAAkB,cAEX,4BAEZxB,SAAAd,EAACuC,EAAK,CAACC,UAAU,MAAMC,QAAS,EAAGT,WAAW,SAAS9B,GAAI,CAAEe,OAAQ,iBAClExC,SAKTuB,EAACuC,EAAK,CACJnB,IAAK9B,EACLkD,UAAU,MACVC,QAAS,EACTT,WAAW,SACXV,eAAe,WACfpB,GAAI,CAAEe,OAAQ,OAAQyB,WAAY,QACtB,cAAA,0BAEX5B,SAAAtC,UAKT,EAGE8D,EAAqB,CACzB,wLACE,CACEtD,MAAO,EACPiC,OAAQ,EACRI,QAAS"}
+{"version":3,"file":"SecondaryNavigation.js","sources":["../../../src/layout/SecondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { useEffect, useRef } from 'react';\nimport { useWindowSize } from 'react-use';\nexport const SecondaryNavigation = ({ title, color, cta, navigationItems, inContainer, }) => {\n    const isLargerThanMd = useMediaQuery((theme) => theme.breakpoints.up('md'));\n    const { width: windowWidth } = useWindowSize();\n    const titleRef = useRef(null);\n    const itemsRef = useRef(null);\n    const ctaButtonRef = useRef(null);\n    const wrapperRef = useRef(null);\n    useEffect(() => {\n        if (itemsRef.current && wrapperRef.current && isLargerThanMd) {\n            let widthToSubtract = 0;\n            if (titleRef.current) {\n                widthToSubtract += titleRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of title in px\n            }\n            if (ctaButtonRef.current) {\n                widthToSubtract += ctaButtonRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of cta in px\n            }\n            const wrapperWidth = wrapperRef.current.clientWidth;\n            const width = Math.abs(widthToSubtract - wrapperWidth);\n            itemsRef.current.style.width = `${width}px`;\n        }\n    }, [titleRef.current, itemsRef.current, ctaButtonRef.current, wrapperRef.current, windowWidth]);\n    return (_jsx(Box, { sx: {\n            background: (theme) => (color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white),\n            color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n            borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n        }, \"data-testid\": \"SecondaryNavigation\", children: _jsx(Box, { component: inContainer && Container, sx: {\n                height: '100%',\n                padding: !inContainer && '0 16px',\n            }, \"data-testid\": \"SecondaryNavigation.wrapper\", children: _jsxs(Box, { ref: wrapperRef, sx: {\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    height: { xs: '48px', md: '62px' },\n                }, children: [_jsxs(Box, { sx: { display: 'flex', flexShrink: 0 }, children: [_jsx(Typography, { ref: titleRef, variant: \"subheadline\", sx: {\n                                    minWidth: { sm: '170px', xs: undefined },\n                                    marginRight: 2,\n                                    flexShrink: 0,\n                                    display: 'flex',\n                                    alignItems: 'center',\n                                }, \"data-testid\": \"SecondaryNavigation.title\", children: title }), isLargerThanMd && (_jsx(Box, { ref: itemsRef, sx: Object.assign({ flexGrow: 0, overflow: 'hidden', overflowX: 'scroll' }, disableScrollbarSx), \"data-testid\": \"SecondaryNavigation.items\", children: _jsx(Stack, { direction: \"row\", spacing: 2, alignItems: \"center\", sx: { height: '100%' }, children: navigationItems }) }))] }), _jsx(Stack, { ref: ctaButtonRef, direction: \"row\", spacing: 2, alignItems: \"center\", justifyContent: \"flex-end\", sx: { height: '100%', marginLeft: '16px' }, \"data-testid\": \"SecondaryNavigation.cta\", children: cta })] }) }) }));\n};\nconst disableScrollbarSx = {\n    '::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer': {\n        width: 0,\n        height: 0,\n        display: 'none',\n    },\n};\n//# sourceMappingURL=SecondaryNavigation.js.map"],"names":["SecondaryNavigation","title","color","cta","navigationItems","inContainer","isLargerThanMd","useMediaQuery","theme","breakpoints","up","width","windowWidth","useWindowSize","titleRef","useRef","itemsRef","ctaButtonRef","wrapperRef","useEffect","current","widthToSubtract","clientWidth","wrapperWidth","Math","abs","style","_jsx","Box","sx","background","palette","onSurface","os900","common","white","text","primary","borderBottom","surface","secondary","children","component","Container","height","padding","_jsxs","ref","display","justifyContent","xs","md","flexShrink","Typography","variant","minWidth","sm","undefined","marginRight","alignItems","Object","assign","flexGrow","overflow","overflowX","disableScrollbarSx","Stack","direction","spacing","marginLeft"],"mappings":"2OAIY,MAACA,EAAsB,EAAGC,QAAOC,QAAOC,MAAKC,kBAAiBC,kBACtE,MAAMC,EAAiBC,GAAeC,GAAUA,EAAMC,YAAYC,GAAG,SAC7DC,MAAOC,GAAgBC,IACzBC,EAAWC,EAAO,MAClBC,EAAWD,EAAO,MAClBE,EAAeF,EAAO,MACtBG,EAAaH,EAAO,MAiB1B,OAhBAI,GAAU,KACN,GAAIH,EAASI,SAAWF,EAAWE,SAAWd,EAAgB,CAC1D,IAAIe,EAAkB,EAClBP,EAASM,UACTC,GAAmBP,EAASM,QAAQE,YACpCD,GAAmB,IAEnBJ,EAAaG,UACbC,GAAmBJ,EAAaG,QAAQE,YACxCD,GAAmB,IAEvB,MAAME,EAAeL,EAAWE,QAAQE,YAClCX,EAAQa,KAAKC,IAAIJ,EAAkBE,GACzCP,EAASI,QAAQM,MAAMf,MAAQ,GAAGA,KACrC,IACF,CAACG,EAASM,QAASJ,EAASI,QAASH,EAAaG,QAASF,EAAWE,QAASR,IAC1Ee,EAAKC,EAAK,CAAEC,GAAI,CAChBC,WAAatB,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQC,UAAUC,MAAQzB,EAAMuB,QAAQG,OAAOC,MAChGjC,MAAQM,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQG,OAAOC,MAAQ3B,EAAMuB,QAAQK,KAAKC,QACtFC,aAAe9B,GAAU,aAAaA,EAAMuB,QAAQQ,QAAQC,aAC7D,cAAe,sBAAuBC,SAAUd,EAAKC,EAAK,CAAEc,UAAWrC,GAAesC,EAAWd,GAAI,CAChGe,OAAQ,OACRC,SAAUxC,GAAe,UAC1B,cAAe,8BAA+BoC,SAAUK,EAAMlB,EAAK,CAAEmB,IAAK7B,EAAYW,GAAI,CACrFmB,QAAS,OACTC,eAAgB,gBAChBL,OAAQ,CAAEM,GAAI,OAAQC,GAAI,SAC3BV,SAAU,CAACK,EAAMlB,EAAK,CAAEC,GAAI,CAAEmB,QAAS,OAAQI,WAAY,GAAKX,SAAU,CAACd,EAAK0B,EAAY,CAAEN,IAAKjC,EAAUwC,QAAS,cAAezB,GAAI,CACxH0B,SAAU,CAAEC,GAAI,QAASN,QAAIO,GAC7BC,YAAa,EACbN,WAAY,EACZJ,QAAS,OACTW,WAAY,UACb,cAAe,4BAA6BlB,SAAUxC,IAAUK,GAAmBqB,EAAKC,EAAK,CAAEmB,IAAK/B,EAAUa,GAAI+B,OAAOC,OAAO,CAAEC,SAAU,EAAGC,SAAU,SAAUC,UAAW,UAAYC,GAAqB,cAAe,4BAA6BxB,SAAUd,EAAKuC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGT,WAAY,SAAU9B,GAAI,CAAEe,OAAQ,QAAUH,SAAUrC,SAA4BuB,EAAKuC,EAAO,CAAEnB,IAAK9B,EAAckD,UAAW,MAAOC,QAAS,EAAGT,WAAY,SAAUV,eAAgB,WAAYpB,GAAI,CAAEe,OAAQ,OAAQyB,WAAY,QAAU,cAAe,0BAA2B5B,SAAUtC,UAAkB,EAEroB8D,EAAqB,CACvB,wLAAyL,CACrLtD,MAAO,EACPiC,OAAQ,EACRI,QAAS"}

package/layout/SecondaryNavigation/SecondaryNavigationCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../src/layout/SecondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":[null],"names":["SecondaryNavigationCta","React","forwardRef","props","ref","isSmallButton","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","size"],"mappings":"uHAQa,MAAAA,EAAyBC,EAAMC,YAL5C,SAAoCC,EAAoBC,GACtD,MAAMC,EAAgBC,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAC7E,OAAOC,EAACC,EAAmBC,OAAAC,OAAA,CAAA,cAAA,yBAAyBC,KAAMT,EAAgB,QAAU,UAAcF,GAAOC,IAAKA,IAChH"}
+{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../src/layout/SecondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Button, useMediaQuery } from '@mui/material';\nimport React from 'react';\nfunction SecondaryNavigationCtaBase(props, ref) {\n    const isSmallButton = useMediaQuery((theme) => theme.breakpoints.down('md'));\n    return _jsx(Button, Object.assign({ \"data-testid\": \"SecondaryNavigationCta\", size: isSmallButton ? 'small' : 'medium' }, props, { ref: ref }));\n}\nexport const SecondaryNavigationCta = React.forwardRef(SecondaryNavigationCtaBase);\n//# sourceMappingURL=SecondaryNavigationCta.js.map"],"names":["SecondaryNavigationCta","React","forwardRef","props","ref","isSmallButton","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","size"],"mappings":"uHAOY,MAACA,EAAyBC,EAAMC,YAJ5C,SAAoCC,EAAOC,GACvC,MAAMC,EAAgBC,GAAeC,GAAUA,EAAMC,YAAYC,KAAK,QACtE,OAAOC,EAAKC,EAAQC,OAAOC,OAAO,CAAE,cAAe,yBAA0BC,KAAMT,EAAgB,QAAU,UAAYF,EAAO,CAAEC,IAAKA,IAC3I"}

package/layout/SecondaryNavigation/SecondaryNavigationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../src/layout/SecondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":[null],"names":["SecondaryNavigationItem","props","label","onClick","isActive","rest","__rest","onItemClick","useCallback","event","_a","href","startsWith","selector","replace","element","document","querySelector","preventDefault","scrollIntoView","behavior","block","history","pushState","invoke","_jsx","ItemWrapper","sx","borderColor","theme","palette","primary","main","children","ItemButton","Object","assign","component","draggable","styled","Button","appearance","cursor","color","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","textWrap","background","border","paddingTop","paddingBottom","fontFamily","Box","display","alignItems","height","borderTop","borderBottom","transition","borderBottomColor"],"mappings":"8LAoBM,SAAUA,EAA2DC,GACzE,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAsBH,EAATI,EAASC,EAAAL,EAAxC,CAAA,QAAA,UAAA,aAEAM,EAAcC,GACjBC,UAEC,GAD+B,QAAVC,EAAAT,EAAMU,YAAI,IAAAD,OAAA,EAAAA,EAAEE,WAAW,KAC1B,CAChB,MAAMC,EAAWZ,EAAMU,KAAKG,QAAQ,MAAO,IACrCC,EAAUC,SAASC,cAAc,QAAQJ,OAC3CE,IACFN,EAAMS,iBACNH,EAAQI,eAAe,CAAEC,SAAU,SAAUC,MAAO,UACpDC,QAAQC,UAAU,CAAE,EAAE,GAAItB,EAAMU,MAEnC,CACDR,SAAAA,EAASqB,QAAQ,GAEnB,CAACrB,EAASF,EAAMU,OAGlB,OACEc,EAACC,EAAW,CACVC,GAAI,CACFC,YAAcC,GAAUzB,GAAYyB,EAAMC,QAAQC,QAAQC,MAEhD,cAAA,0BAEZC,SAAAR,EAACS,EAAUC,OAAAC,OAAA,CACTjC,QAASI,EACT8B,UAAU,KACNhC,EAAI,CACRiC,UAAU,QAAO,cACL,iCAAgCL,SAE3C/B,MAIT,CAEA,MAAMgC,EAAaK,EAAOC,EAAPD,EAAe,KAAO,CACvCE,WAAY,UACZC,OAAQ,UACRC,MAAO,UACPC,YAAa,EACbC,aAAc,EACdC,SAAU,OACVC,WAAY,IACZC,WAAY,OACZC,SAAU,SACVC,WAAY,cACZC,OAAQ,EACRC,WAAY,EACZC,cAAe,EACfC,WAAY,iBAGR5B,EAAca,EAAOgB,EAAPhB,EAAY,EAAGV,YAAa,CAC9C2B,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,UAAW,wBACXC,aAAc,wBACdC,WAAY,8BACZ,UAAW,CACTC,kBAAmBjC,EAAMC,QAAQC,QAAQC"}
+{"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../src/layout/SecondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box, styled } from '@mui/material';\nimport { useCallback } from 'react';\nimport { Button } from '@mui/base';\nexport function SecondaryNavigationItem(props) {\n    const { label, onClick, isActive } = props, rest = __rest(props, [\"label\", \"onClick\", \"isActive\"]);\n    const onItemClick = useCallback((event) => {\n        var _a;\n        const shouldScroll = (_a = props.href) === null || _a === void 0 ? void 0 : _a.startsWith('#');\n        if (shouldScroll) {\n            const selector = props.href.replace(/^\\#/, '');\n            const element = document.querySelector(`[id=\"${selector}\"]`);\n            if (element) {\n                event.preventDefault();\n                element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                history.pushState({}, '', props.href);\n            }\n        }\n        onClick === null || onClick === void 0 ? void 0 : onClick.invoke();\n    }, [onClick, props.href]);\n    return (_jsx(ItemWrapper, { sx: {\n            borderColor: (theme) => isActive && theme.palette.primary.main,\n        }, \"data-testid\": \"SecondaryNavigationItem\", children: _jsx(ItemButton, Object.assign({ onClick: onItemClick, component: \"a\" }, rest, { draggable: \"false\", \"data-testid\": \"SecondaryNavigationItem.button\", children: label })) }));\n}\nconst ItemButton = styled(Button)(() => ({\n    appearance: 'inherit',\n    cursor: 'pointer',\n    color: 'inherit',\n    paddingLeft: 6,\n    paddingRight: 6,\n    fontSize: '16px',\n    fontWeight: 400,\n    lineHeight: '24px',\n    textWrap: 'noWrap',\n    background: 'transparent',\n    border: 0,\n    paddingTop: 0,\n    paddingBottom: 0,\n    fontFamily: 'SKODA Next',\n}));\nconst ItemWrapper = styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    height: '100%',\n    borderTop: '2px solid transparent',\n    borderBottom: '2px solid transparent',\n    transition: 'border 300ms ease-out 150ms',\n    '&:hover': {\n        borderBottomColor: theme.palette.primary.main,\n    },\n}));\n//# sourceMappingURL=SecondaryNavigationItem.js.map"],"names":["SecondaryNavigationItem","props","label","onClick","isActive","rest","__rest","onItemClick","useCallback","event","_a","href","startsWith","selector","replace","element","document","querySelector","preventDefault","scrollIntoView","behavior","block","history","pushState","invoke","_jsx","ItemWrapper","sx","borderColor","theme","palette","primary","main","children","ItemButton","Object","assign","component","draggable","styled","Button","appearance","cursor","color","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","textWrap","background","border","paddingTop","paddingBottom","fontFamily","Box","display","alignItems","height","borderTop","borderBottom","transition","borderBottomColor"],"mappings":"8LAKO,SAASA,EAAwBC,GACpC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAOL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAAcC,GAAaC,IAC7B,IAAIC,EAEJ,GAD2C,QAArBA,EAAKT,EAAMU,YAAyB,IAAPD,OAAgB,EAASA,EAAGE,WAAW,KACxE,CACd,MAAMC,EAAWZ,EAAMU,KAAKG,QAAQ,MAAO,IACrCC,EAAUC,SAASC,cAAc,QAAQJ,OAC3CE,IACAN,EAAMS,iBACNH,EAAQI,eAAe,CAAEC,SAAU,SAAUC,MAAO,UACpDC,QAAQC,UAAU,CAAE,EAAE,GAAItB,EAAMU,MAEvC,CACDR,SAAkDA,EAAQqB,QAAQ,GACnE,CAACrB,EAASF,EAAMU,OACnB,OAAQc,EAAKC,EAAa,CAAEC,GAAI,CACxBC,YAAcC,GAAUzB,GAAYyB,EAAMC,QAAQC,QAAQC,MAC3D,cAAe,0BAA2BC,SAAUR,EAAKS,EAAYC,OAAOC,OAAO,CAAEjC,QAASI,EAAa8B,UAAW,KAAOhC,EAAM,CAAEiC,UAAW,QAAS,cAAe,iCAAkCL,SAAU/B,MAC/N,CACA,MAAMgC,EAAaK,EAAOC,EAAPD,EAAe,KAAO,CACrCE,WAAY,UACZC,OAAQ,UACRC,MAAO,UACPC,YAAa,EACbC,aAAc,EACdC,SAAU,OACVC,WAAY,IACZC,WAAY,OACZC,SAAU,SACVC,WAAY,cACZC,OAAQ,EACRC,WAAY,EACZC,cAAe,EACfC,WAAY,iBAEV5B,EAAca,EAAOgB,EAAPhB,EAAY,EAAGV,YAAa,CAC5C2B,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,UAAW,wBACXC,aAAc,wBACdC,WAAY,8BACZ,UAAW,CACPC,kBAAmBjC,EAAMC,QAAQC,QAAQC"}

package/layout/SideMenu/SideMenu.d.ts

@@ -1,14 +1,29 @@
 import React from 'react';
 export type SideMenuProps = {
-    /** Specifies if menu is open */
+    /**
+     * Specifies if menu is open
+     * @requires
+     */
     open: boolean;
-    /** Callback that causes menu to close */
+    /**
+     * Callback that causes menu to close
+     * @requires
+     */
     handleClose: () => void;
-    /** Direction of the component */
+    /**
+     * Direction of the component
+     * @default ltr
+     */
     direction?: 'rtl' | 'ltr';
-    /** React node that renders all navigation items */
+    /**
+     * React node that renders all navigation items
+     * @requires
+     */
     items: React.ReactNode;
-    /** React node that renders all sub navigation items */
+    /**
+     * React node that renders all sub navigation items
+     * @default undefined
+     */
     subItems?: React.ReactNode;
 };
 export declare const SideMenu: React.FC<SideMenuProps>;

package/layout/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sources":["../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":[null],"names":["SideMenu","props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","className","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"kLAiBa,MAAAA,EAAqCC,IAChD,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OACEM,EAACC,EAAM,CACLC,IAAKL,EACLM,OAAsB,QAAdN,EAAsB,QAAU,OACxCF,KAAMA,EACNS,QAASR,EACTS,GAAI,CACF,mBAAoB,CAClBC,aAAc,eACdC,MAAO,CACLC,GAAI,QACJC,GAAI,SAENC,SAAU,UAGF,cAAA,WAEZC,SAAA,CAAAC,EAACC,EAAU,CACTC,QAASlB,EACTS,GAAI,CACFU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cACW,iBAEZP,SAAAC,EAACQ,EAAK,CAAAC,UAAU,UAAUC,SAAS,YAErCtB,EAACuB,EAAG,CACFlB,GAAI,CACFmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACPC,GAAI,uBACJjB,GAAI,uBAENkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAA,CAEDC,EAACmB,EACC,CAAAlC,UAAU,SACVmC,QAAS,EACT3B,GAAI,CACFoB,QAAS,eACT,OAAQ,CACNQ,UAAW,oBAEd,cACW,iBAAgBtB,SAE3Bb,IAGFC,GACCa,EAACW,EACC,CAAAlB,GAAI,CACFoB,QAAS,gBAEC,cAAA,wBAEX1B,SAKT"}
+{"version":3,"file":"SideMenu.js","sources":["../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Drawer, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nexport const SideMenu = (props) => {\n    const { open, handleClose, direction = 'ltr', items, subItems } = props;\n    return (_jsxs(Drawer, { dir: direction, anchor: direction === 'ltr' ? 'right' : 'left', open: open, onClose: handleClose, sx: {\n            '.MuiDrawer-paper': {\n                borderRadius: '0 !important',\n                width: {\n                    lg: '520px',\n                    xs: '100vw',\n                },\n                minWidth: '300px',\n            },\n        }, \"data-testid\": \"SideMenu\", children: [_jsx(IconButton, { onClick: handleClose, sx: {\n                    position: 'absolute',\n                    top: '16px',\n                    right: direction === 'ltr' ? '16px' : undefined,\n                    left: direction === 'rtl' ? '16px' : undefined,\n                }, \"data-testid\": \"SideMenu.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n                    boxSizing: 'border-box',\n                    width: '100%',\n                    padding: {\n                        md: '112px 48px 48px 48px',\n                        xs: '64px 24px 24px 24px',\n                    },\n                    height: '100%',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n                            padding: '0 !important',\n                            '& hr': {\n                                marginTop: `24px !important`,\n                            },\n                        }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n                            padding: '0 !important',\n                        }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] }));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["SideMenu","props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","className","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"kLAGY,MAACA,EAAYC,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAMC,EAAQ,CAAEC,IAAKL,EAAWM,OAAsB,QAAdN,EAAsB,QAAU,OAAQF,KAAMA,EAAMS,QAASR,EAAaS,GAAI,CACtH,mBAAoB,CAChBC,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UAEf,cAAe,WAAYC,SAAU,CAACC,EAAKC,EAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAKQ,EAAM,CAAEC,UAAW,UAAWC,SAAU,YAAetB,EAAMuB,EAAK,CAAElB,GAAI,CACvHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAKmB,EAAO,CAAElC,UAAW,SAAUmC,QAAS,EAAG3B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJQ,UAAW,oBAEhB,cAAe,iBAAkBtB,SAAUb,IAAUC,GAAaa,EAAKW,EAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}

package/layout/SideMenu/SideMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuItem.js","sources":["../../../src/layout/SideMenu/SideMenuItem.tsx"],"sourcesContent":[null],"names":["SideMenuItem","props","component","active","label","rest","__rest","_jsx","ItemButton","Object","assign","sx","background","color","undefined","fontSize","md","xs","lineHeight","children","styled","ButtonBase","theme","appearance","border","cursor","padding","textAlign","fontWeight","palette","onSurface","os900"],"mappings":"8HAmBM,SAAUA,EAAgDC,GAC9D,MAAMC,UAAEA,EAAY,IAAGC,OAAEA,EAAMC,MAAEA,GAAmBH,EAATI,EAAIC,EAAKL,EAA9C,CAAA,YAAA,SAAA,UAEN,OACEM,EAACC,EACKC,OAAAC,OAAA,GAAAL,EACJ,CAAAH,UAAWA,EACXS,GAAI,CACFC,WAAYT,EAAS,QAAU,cAC/BU,MAAOV,OAASW,EAAY,UAC5BC,SAAU,CACRC,GAAI,OACJC,GAAI,QAENC,WAAY,CACVF,GAAI,OACJC,GAAI,SAIPE,SAAAf,IAGP,CAEA,MAAMI,EAAaY,EAAOC,EAAPD,EAAmB,EAAGE,YAAa,CACpDC,WAAY,UACZC,OAAQ,UACRZ,WAAY,UACZa,OAAQ,UAERC,QAAS,EACTC,UAAW,QACXC,WAAY,MACZf,MAAO,GAAGS,EAAMO,QAAQC,UAAUC"}
+{"version":3,"file":"SideMenuItem.js","sources":["../../../src/layout/SideMenu/SideMenuItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ButtonBase, styled } from '@mui/material';\nexport function SideMenuItem(props) {\n    const { component = 'a', active, label } = props, rest = __rest(props, [\"component\", \"active\", \"label\"]);\n    return (_jsx(ItemButton, Object.assign({}, rest, { component: component, sx: {\n            background: active ? 'white' : 'transparent',\n            color: active ? undefined : '#7C7D7E',\n            fontSize: {\n                md: '30px',\n                xs: '23px',\n            },\n            lineHeight: {\n                md: '36px',\n                xs: '28px',\n            },\n        }, children: label })));\n}\nconst ItemButton = styled(ButtonBase)(({ theme }) => ({\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    padding: 0,\n    textAlign: 'start',\n    fontWeight: '700',\n    color: `${theme.palette.onSurface.os900} !important`,\n}));\n//# sourceMappingURL=SideMenuItem.js.map"],"names":["SideMenuItem","props","component","active","label","rest","__rest","_jsx","ItemButton","Object","assign","sx","background","color","undefined","fontSize","md","xs","lineHeight","children","styled","ButtonBase","theme","appearance","border","cursor","padding","textAlign","fontWeight","palette","onSurface","os900"],"mappings":"8HAGO,SAASA,EAAaC,GACzB,MAAMC,UAAEA,EAAY,IAAGC,OAAEA,EAAMC,MAAEA,GAAUH,EAAOI,EAAOC,EAAOL,EAAO,CAAC,YAAa,SAAU,UAC/F,OAAQM,EAAKC,EAAYC,OAAOC,OAAO,GAAIL,EAAM,CAAEH,UAAWA,EAAWS,GAAI,CACrEC,WAAYT,EAAS,QAAU,cAC/BU,MAAOV,OAASW,EAAY,UAC5BC,SAAU,CACNC,GAAI,OACJC,GAAI,QAERC,WAAY,CACRF,GAAI,OACJC,GAAI,SAETE,SAAUf,IACrB,CACA,MAAMI,EAAaY,EAAOC,EAAPD,EAAmB,EAAGE,YAAa,CAClDC,WAAY,UACZC,OAAQ,UACRZ,WAAY,UACZa,OAAQ,UACRC,QAAS,EACTC,UAAW,QACXC,WAAY,MACZf,MAAO,GAAGS,EAAMO,QAAQC,UAAUC"}