@skodaflow/web-library 4.0.3 → 4.2.0

package/cjs/layout/Header/HeaderButton.js

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

package/cjs/layout/Header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":[null],"names":["HeaderButton","React","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":"+/JA6Ca,MAAAA,OAAeC,QAAMC,YAjClC,SACEC,EACAC,GAEA,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAuBL,EAATM,EAAIC,EAAAA,OAAKP,EAA7C,CAAA,OAAA,QAAA,QAAA,cACAQ,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAAA,QAAQ,CAAAC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAU,SAAQC,SAChGC,OAACC,EAAAA,0BACCC,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,EAAAA,IAACoB,EAAAA,WAAUC,QAAS1B,IAElCK,EAAAA,IAACsB,EAAAA,KAAI,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":"qhLAqBY,MAACA,EAAeC,EAAUA,YAftC,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAAA,OAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,EAAAA,WACd,OAAQC,MAAKC,EAAAA,QAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,OAAMC,EAAAA,WAAYC,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,EAAAA,IAAKsB,EAAAA,UAAW,CAAEC,QAAS5B,IAAcK,EAAAA,IAAKwB,EAAAA,KAAM,CAAEC,UAAWjC,SACxG"}

package/cjs/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/cjs/layout/Header/HeaderContext.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react").createContext({headerRef:null,color:"light",headerWidth:900});exports.HeaderContext=e;
+//# sourceMappingURL=HeaderContext.js.map

package/cjs/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":"aACY,MAACA,mBAAgBC,cAAc,CACvCC,UAAW,KACXC,MAAO,QACPC,YAAa"}

package/cjs/layout/Header/HeaderLogo.d.ts

@@ -1,9 +1,9 @@
 import { LinkProps } from '@mui/material';
-import React from 'react';
-export type HeaderLogoProps<C extends React.ElementType> = LinkProps<C, {
-    component?: C;
-}> & {
+export type HeaderLogoProps = LinkProps & {
     src: string;
     alt?: string;
 };
-export declare function HeaderLogo<C extends React.ElementType = 'a'>(props: HeaderLogoProps<C>): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Use generic `Logo` component instead
+ */
+export declare function HeaderLogo(props: HeaderLogoProps): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLogo.js","sources":["../../../../../src/layout/Header/HeaderLogo.tsx"],"sourcesContent":[null],"names":["props","src","alt","rest","__rest","_jsx","jsx","Link","Object","assign","sx","padding","Box","component","display"],"mappings":"iHAQM,SAAwDA,GAC5D,MAAMC,IAAEA,EAAGC,IAAEA,GAAiBF,EAATG,EAASC,EAAAA,OAAAJ,EAAxB,CAAA,MAAA,QACN,OACEK,EAACC,IAAAC,EAAIA,KAAKC,OAAAC,OAAA,CAAA,EAAAN,GAAMO,GAAI,CAAEC,QAAS,YAC7BN,EAACC,IAAAM,OAAIC,UAAU,MAAMZ,IAAKA,EAAKC,IAAKA,EAAKQ,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":["props","src","alt","rest","__rest","_jsx","jsx","Link","Object","assign","sx","padding","children","Box","component","display"],"mappings":"iHAMO,SAAoBA,GACvB,MAAMC,IAAEA,EAAGC,IAAEA,GAAQF,EAAOG,EAAOC,EAAMA,OAACJ,EAAO,CAAC,MAAO,QACzD,OAAQK,EAAIC,IAACC,EAAIA,KAAEC,OAAOC,OAAO,CAAA,EAAIN,EAAM,CAAEO,GAAI,CAAEC,QAAS,GAAKC,SAAUP,EAAIC,IAACO,MAAK,CAAEC,UAAW,MAAOb,IAAKA,EAAKC,IAAKA,EAAKQ,GAAI,CAAEK,QAAS,YAChJ"}

package/cjs/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/cjs/layout/Header/HeaderNavigationHero.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),i=require("../../components/icon/icon.js");require("../../utils/enum.js");var o=require("../../utils/useClosure/useClosure.js"),n=require("./HeaderContext.js"),s=require("@mui/base");const a=r.styled(s.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),l=r.styled(r.Box)((({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"}))),d=r.styled(i.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationHero=function(i){const{label:s,heroElement:c}=i,{isOpen:p,onToggle:u,onClose:h}=o.useClosure(),x=t.useRef(null),{headerRef:m,color:g,headerWidth:b}=t.useContext(n.HeaderContext);return e.jsxs(r.Box,{ref:x,display:"flex",alignItems:"center",children:[e.jsxs(a,{onClick:u,children:[e.jsx(l,{className:"FwlNavigationItem-label",children:s}),e.jsx(d,{className:p?"chevron-up":"chevron-down"})]}),e.jsx(r.Popper,{open:p,anchorEl:null==m?void 0:m.current,transition:!0,children:({TransitionProps:t})=>e.jsx(r.ClickAwayListener,{onClickAway:h,children:e.jsx(r.Fade,Object.assign({},t,{timeout:350,children:e.jsx(r.Container,{sx:{width:`${b}px`,background:e=>"dark"===g?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===g?e.palette.common.white:e.palette.text.primary,padding:"48px 0 40px 0"},children:c})}))})})]})};
+//# sourceMappingURL=HeaderNavigationHero.js.map

package/cjs/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":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","width","height","marginLeft","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","headerRef","headerWidth","useContext","HeaderContext","_jsxs","ref","children","onClick","_jsx","className","Popper","open","anchorEl","current","TransitionProps","jsx","ClickAwayListener","onClickAway","Fade","timeout","Container","sx","palette","onSurface","os900","common","white","text","primary","padding"],"mappings":"qRAmBA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAMA,OAACa,MAAPb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAWQ,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAInB,YAAa,EAAGC,aAAc,EAAGmB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTC,EAAW1B,EAAAA,OAAO2B,EAAIA,KAAX3B,EAAa,KAAO,CACjC4B,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZX,WAAY,MACZ,YAAa,CACTE,SAAU,yCAjCX,SAA8BU,GACjC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,EAAUA,aAC1CC,EAASC,SAAO,OAChBC,UAAEA,EAAS7B,MAAEA,EAAK8B,YAAEA,GAAgBC,EAAAA,WAAWC,EAAAA,eACrD,OAAQC,EAAAA,KAAM/B,EAAAA,IAAK,CAAEgC,IAAKP,EAAQ7B,QAAS,OAAQC,WAAY,SAAUoC,SAAU,CAACF,EAAAA,KAAM7C,EAAY,CAAEgD,QAASZ,EAAUW,SAAU,CAACE,EAAAA,IAAKpC,EAAW,CAAEqC,UAAW,0BAA2BH,SAAUd,IAAUgB,EAAAA,IAAKtB,EAAU,CAAEuB,UAAWf,EAAS,aAAe,oBAAuBc,EAAAA,IAAKE,EAAMA,OAAE,CAAEC,KAAMjB,EAAQkB,SAAUZ,aAA6C,EAASA,EAAUa,QAAS5B,YAAY,EAAMqB,SAAU,EAAGQ,qBAAuBN,EAAIO,IAACC,EAAiBA,kBAAE,CAAEC,YAAarB,EAASU,SAAUE,EAAIO,IAACG,EAAIA,KAAE3C,OAAOC,OAAO,CAAA,EAAIsC,EAAiB,CAAEK,QAAS,IAAKb,SAAUE,EAAAA,IAAKY,EAAAA,UAAW,CAAEC,GAAI,CAC/jBjC,MAAO,GAAGa,MACVlC,WAAaO,GAAoB,SAAVH,EAAmBG,EAAMgD,QAAQC,UAAUC,MAAQlD,EAAMgD,QAAQG,OAAOC,MAC/FvD,MAAQG,GAAqB,SAAVH,EAAmBG,EAAMgD,QAAQG,OAAOC,MAAQpD,EAAMgD,QAAQK,KAAKC,QACtFC,QAAS,iBACVvB,SAAUb,aACzC"}

package/cjs/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/cjs/layout/Header/HeaderNavigationLink.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react"),n=require("../../components/icon/icon.js"),o=require("@mui/base");const a=i.styled(o.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),l=i.styled(i.Box)((({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"}))),s=i.styled(n.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationLink=function(n){const{label:o,onClick:c,external:d}=n,p=e.__rest(n,["label","onClick","external"]),g=t.useRef(null);return r.jsx(i.Box,{ref:g,display:"flex",alignItems:"center",children:r.jsxs(a,Object.assign({onClick:c},p,{children:[r.jsx(l,{className:"FwlNavigationItem-label",children:o}),d&&r.jsx(s,{className:"arrow-ne"})]}))})};
+//# sourceMappingURL=HeaderNavigationLink.js.map

package/cjs/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":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","width","height","marginLeft","props","label","onClick","external","rest","__rest","anchor","useRef","_jsx","ref","children","_jsxs","jsx","className"],"mappings":"mLAWA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAMA,OAACa,MAAPb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAWQ,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAInB,YAAa,EAAGC,aAAc,EAAGmB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTC,EAAW1B,EAAAA,OAAO2B,EAAIA,KAAX3B,EAAa,KAAO,CACjC4B,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZX,WAAY,MACZ,YAAa,CACTE,SAAU,yCA1BX,SAA8BU,GACjC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAMA,OAACL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAASC,SAAO,MACtB,OAAQC,EAAAA,IAAK1B,EAAAA,IAAK,CAAE2B,IAAKH,EAAQ5B,QAAS,OAAQC,WAAY,SAAU+B,SAAUC,EAAAA,KAAM3C,EAAYgB,OAAOC,OAAO,CAAEiB,QAASA,GAAWE,EAAM,CAAEM,SAAU,CAACF,EAAII,IAAC/B,EAAW,CAAEgC,UAAW,0BAA2BH,SAAUT,IAAUE,GAAYK,MAAKb,EAAU,CAAEkB,UAAW,kBACnR"}

package/cjs/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/cjs/layout/Header/HeaderNavigationMenu.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("react"),o=require("../../components/icon/icon.js");require("../../utils/enum.js");var n=require("../../utils/useClosure/useClosure.js"),t=require("@mui/base");const s=r.styled(t.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),a=r.styled(r.Box)((({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"}))),l=r.styled(o.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationMenu=function(o){const{label:t,menuItems:c}=o,{isOpen:p,onOpen:u,onClose:d}=n.useClosure(),h=i.useRef(null);return e.jsxs(r.Box,{ref:h,display:"flex",alignItems:"center",children:[e.jsxs(s,{onClick:u,children:[e.jsx(a,{className:"FwlNavigationItem-label",children:t}),e.jsx(l,{className:p?"chevron-up":"chevron-down"})]}),e.jsx(r.Menu,{anchorEl:h.current,open:p,onClose:d,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{marginTop:1}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:e.jsx("div",{children:c})})]})};
+//# sourceMappingURL=HeaderNavigationMenu.js.map

package/cjs/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":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","width","height","marginLeft","props","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","jsxs","ref","children","onClick","_jsx","className","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","sx","marginTop","componentsProps","backdrop"],"mappings":"qPA0BA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAMA,OAACa,MAAPb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAWQ,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAInB,YAAa,EAAGC,aAAc,EAAGmB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTC,EAAW1B,EAAAA,OAAO2B,EAAIA,KAAX3B,EAAa,KAAO,CACjC4B,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZX,WAAY,MACZ,YAAa,CACTE,SAAU,yCAzCX,SAA8BU,GACjC,MAAMC,MAAEA,EAAKC,UAAEA,GAAcF,GACvBG,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,EAAUA,aACxCC,EAASC,SAAO,MACtB,OAAQC,EAAKC,KAAC5B,MAAK,CAAE6B,IAAKJ,EAAQ7B,QAAS,OAAQC,WAAY,SAAUiC,SAAU,CAACH,EAAAA,KAAMzC,EAAY,CAAE6C,QAAST,EAAQQ,SAAU,CAACE,EAAAA,IAAKjC,EAAW,CAAEkC,UAAW,0BAA2BH,SAAUX,IAAUa,MAAKnB,EAAU,CAAEoB,UAAWZ,EAAS,aAAe,oBAAuBW,EAAAA,IAAKE,EAAIA,KAAE,CAAEC,SAAUV,EAAOW,QAASC,KAAMhB,EAAQE,QAASA,EAASe,aAAc,CAChWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,WAAY,CACXC,GAAI,CACAC,UAAW,IAEhBC,gBAAiB,CAChBC,SAAU,CACNb,UAAW,4BAEhBH,SAAUE,MAAK,MAAO,CAAEF,SAAUV,QACrD"}

package/cjs/layout/Header/HeaderOverheadItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material"),i=require("@mui/base");const a=t.styled(i.Button)((({theme:e})=>({padding:"0 55px",height:"32px",fontWeight:700,fontSize:"16px",lineHeight:"21px","&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",color:e.palette.text.primary,display:"flex",alignItems:"center"})));exports.HeaderOverheadItem=function(t){const{active:i,label:n}=t,o=e.__rest(t,["active","label"]);return r.jsx(a,Object.assign({},o,{sx:{background:i?"white":"transparent",color:i?void 0:"#7C7D7E"},children:n}))};
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material"),i=require("@mui/base");const a=t.styled(i.Button)((({theme:e})=>({padding:"0 55px",height:"32px",fontWeight:700,fontSize:"16px",lineHeight:"21px","&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",color:e.palette.text.primary,display:"flex",alignItems:"center"})));exports.HeaderOverheadItem=function(t){const{active:i,label:n}=t,o=e.__rest(t,["active","label"]);return r.jsx(a,Object.assign({component:"a"},o,{sx:{background:i?"var(--active-background)":"transparent",color:i?"var(--active-color)":"inherit"},children:n}))};
 //# sourceMappingURL=HeaderOverheadItem.js.map

package/cjs/layout/Header/HeaderOverheadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderOverheadItem.js","sources":["../../../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":[null],"names":["ItemButton","styled","Button","theme","padding","height","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","background","cursor","color","palette","text","primary","display","alignItems","props","active","label","rest","__rest","_jsx","sx","undefined","children"],"mappings":"qHAoCA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAa,CAChDC,QAAS,SACTC,OAAQ,OACRC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZ,mCAAoC,CAClCC,kBAAmB,gBAErBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,MAAOX,EAAMY,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY,wCA/BR,SAAqEC,GACzE,MAAMC,OAAEA,EAAMC,MAAEA,GAAmBF,EAATG,EAASC,EAAAA,OAAAJ,EAA7B,CAAA,SAAA,UAEN,OACEK,EAAAA,IAACzB,mBACKuB,EAAI,CACRG,GAAI,CACFd,WAAYS,EAAS,QAAU,cAC/BP,MAAOO,OAASM,EAAY,WAG7BC,SAAAN,IAGP"}
+{"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":["ItemButton","styled","Button","theme","padding","height","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","background","cursor","color","palette","text","primary","display","alignItems","props","active","label","rest","__rest","_jsx","jsx","Object","assign","component","sx","children"],"mappings":"qHAWA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAa,CAC9CC,QAAS,SACTC,OAAQ,OACRC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZ,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,MAAOX,EAAMY,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY,wCAtBT,SAA4BC,GAC/B,MAAMC,OAAEA,EAAMC,MAAEA,GAAUF,EAAOG,EAAOC,EAAMA,OAACJ,EAAO,CAAC,SAAU,UACjE,OAAQK,EAAIC,IAAC1B,EAAY2B,OAAOC,OAAO,CAAEC,UAAW,KAAON,EAAM,CAAEO,GAAI,CAC/DlB,WAAYS,EAAS,2BAA6B,cAClDP,MAAOO,EAAS,sBAAwB,WACzCU,SAAUT,IACrB"}

package/cjs/layout/Header/HeaderSkodaLogo.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { LinkProps } from '@mui/material';
-export type HeaderSkodaLogoProps<C extends React.ElementType> = LinkProps<C, {
-    component?: C;
-}>;
-export declare function HeaderSkodaLogo<C extends React.ElementType = 'a'>(props: HeaderSkodaLogoProps<C>): import("react/jsx-runtime").JSX.Element;
+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/cjs/layout/Header/HeaderSkodaLogo.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("./HeaderLogo.js"),o=require("./logo.svg.js");exports.HeaderSkodaLogo=function(s){return e.jsx(r.HeaderLogo,Object.assign({},s,{src:o.default,alt:"Skoda Auto"}))};
+"use strict";var i=require("tslib"),H=require("react/jsx-runtime"),e=require("@mui/material");exports.HeaderSkodaLogo=function(r){const t=i.__rest(r,["alt"]);return H.jsx(e.Link,Object.assign({},t,{sx:{padding:2,display:"inherit"},children:H.jsx("svg",{width:"120",height:"16",viewBox:"0 0 120 16",fill:"inherit",xmlns:"http://www.w3.org/2000/svg",children:H.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"})})}))};
 //# sourceMappingURL=HeaderSkodaLogo.js.map

package/cjs/layout/Header/HeaderSkodaLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSkodaLogo.js","sources":["../../../../../src/layout/Header/HeaderSkodaLogo.tsx"],"sourcesContent":[null],"names":["props","_jsx","jsx","HeaderLogo","Object","assign","src","logo","alt"],"mappings":"gIAOM,SAA6DA,GACjE,OAAOC,EAACC,IAAAC,EAAUA,WAAKC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAM,IAAKC,EAAAA,QAAMC,IAAI,eAC/C"}
+{"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":["props","rest","__rest","_jsx","Link","Object","assign","sx","padding","display","children","width","height","viewBox","fill","xmlns","d"],"mappings":"sHAIO,SAAyBA,GACvB,MAAkBC,EAAOC,EAAMA,OAACF,EAAO,CAAC,QAC7C,OAAQG,EAAAA,IAAKC,EAAAA,KAAMC,OAAOC,OAAO,GAAIL,EAAM,CAAEM,GAAI,CAAEC,QAAS,EAAGC,QAAS,WAAaC,SAAUP,EAAAA,IAAK,MAAO,CAAEQ,MAAO,MAAOC,OAAQ,KAAMC,QAAS,aAAcC,KAAM,UAAWC,MAAO,6BAA8BL,SAAUP,EAAAA,IAAK,OAAQ,CAAEa,EAAG,u2CAAw2CF,KAAM,gBACpmD"}

package/cjs/layout/Header/PredefinedHeaderButtons.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./HeaderButton.js");function o(e){return e&&e.__esModule?e:{default:e}}var a=o(t);const n=(t,o)=>a.default.forwardRef((function(a,n){var u;return e.jsx(r.HeaderButton,Object.assign({},a,{ref:n,icon:t,label:null!==(u=a.label)&&void 0!==u?u:o}))})),u=n("bell","Notifications"),s=n("search","Search"),i=n("user","User Profile"),l=n("heart","Wish List"),d=n("shopping","ShoppingCart"),p=n("globe","Language"),c=n("login","Log In"),g=n("logout","Log Out"),x=n("ballotx","Close"),B=n("circle-question","FAQ"),H=n("menu","Menu");exports.HeaderBellButton=u,exports.HeaderCartButton=d,exports.HeaderCloseButton=x,exports.HeaderFaqButton=B,exports.HeaderHeartButton=l,exports.HeaderLanguageButton=p,exports.HeaderLoginButton=c,exports.HeaderLogoutButton=g,exports.HeaderMenuButton=H,exports.HeaderProfileButton=i,exports.HeaderSearchButton=s;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./HeaderButton.js");const o=(o,a)=>t.forwardRef((function(t,n){var u;return e.jsx(r.HeaderButton,Object.assign({},t,{ref:n,icon:o,label:null!==(u=t.label)&&void 0!==u?u:a}))})),a=o("bell","Notifications"),n=o("search","Search"),u=o("user","User Profile"),s=o("heart","Wish List"),i=o("shopping","ShoppingCart"),l=o("globe","Language"),d=o("login","Log In"),p=o("logout","Log Out"),g=o("ballotx","Close"),x=o("circle-question","FAQ"),B=o("menu","Menu");exports.HeaderBellButton=a,exports.HeaderCartButton=i,exports.HeaderCloseButton=g,exports.HeaderFaqButton=x,exports.HeaderHeartButton=s,exports.HeaderLanguageButton=l,exports.HeaderLoginButton=d,exports.HeaderLogoutButton=p,exports.HeaderMenuButton=B,exports.HeaderProfileButton=u,exports.HeaderSearchButton=n;
 //# sourceMappingURL=PredefinedHeaderButtons.js.map

package/cjs/layout/Header/PredefinedHeaderButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":[null],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","React","default","forwardRef","props","ref","_jsx","HeaderButton","Object","assign","icon","label","_a","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"gKAQA,MAAMA,EAA+B,CAACC,EAAqBC,IAQlDC,EAAKC,QAACC,YAPb,SACEC,EACAC,SAEA,OAAOC,MAACC,EAAAA,aAAiBC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,KAAMX,EAAaY,MAAkB,QAAXC,EAAAR,EAAMO,aAAK,IAAAC,EAAAA,EAAIZ,IACpF,IAKUa,EAAmBf,EAA6B,OAAQ,iBACxDgB,EAAqBhB,EAA6B,SAAU,UAC5DiB,EAAsBjB,EAA6B,OAAQ,gBAC3DkB,EAAoBlB,EAA6B,QAAS,aAC1DmB,EAAmBnB,EAA6B,WAAY,gBAC5DoB,EAAuBpB,EAA6B,QAAS,YAC7DqB,EAAoBrB,EAA6B,QAAS,UAC1DsB,EAAqBtB,EAA6B,SAAU,WAC5DuB,EAAoBvB,EAA6B,UAAW,SAC5DwB,EAAkBxB,EAA6B,kBAAmB,OAClEyB,EAAmBzB,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":"kGAGA,MAAMA,EAA+B,CAACC,EAAaC,IAKxCC,EAAAA,YAJP,SAA0BC,EAAOC,GAC7B,IAAIC,EACJ,OAAOC,MAAKC,EAAAA,aAAcC,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/cjs/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/cjs/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/cjs/layout/PageLayout/PageLayout.js

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

package/cjs/layout/PageLayout/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","sources":["../../../../../src/layout/PageLayout/PageLayout.tsx"],"sourcesContent":[null],"names":["props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","Fragment","_jsx","jsx","ref","top","left","right","component","Slide","undefined","appear","direction","in","flexGrow","marginTop","marginBottom","Container"],"mappings":"wiKAmBsDA,IACpD,MAAMC,SACJA,EAAQC,OACRA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,GACZN,EAEEO,EAAqBC,SAAuB,OAC3CC,EAAcC,GAAmBC,EAAQA,SAAS,GAEzDC,EAAAA,WAAU,KACJL,EAAmBM,SACrBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,OACpE,GACA,CAACR,EAAmBM,UAEvB,MAAMG,EAAUC,EAAAA,iBAAiB,CAC/BC,OAAQC,OACRC,UAAWf,IAGb,OACEgB,EAAAC,KAACC,MAAG,CACFC,GAAI,CACFC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cACW,aAAYjC,SAAA,CAEvBC,GACCmB,EACEC,KAAAa,EAAAC,SAAA,CAAAnC,SAAA,CAAAoC,EAAAC,IAACf,EAAGA,IAAA,CACFgB,IAAKhC,EACLiB,GAAI,CACFC,SAA6B,WAAnBrB,EAA8B,SAAW,QACnDoC,IAAK,EACLC,KAAM,EACNC,MAAO,GAETC,UAA8B,UAAnBvC,EAA6BwC,EAAKA,WAAGC,EAChDC,OAA2B,UAAnB1C,QAAqCyC,EAC7CE,UAA8B,UAAnB3C,EAA6B,YAASyC,EACjDG,GAAuB,UAAnB5C,GAA8BY,OAAU6B,EAE5C5C,SAAAoC,EAAAA,IAACd,EAAAA,IAAgB,CAAA,cAAA,6BAAqBrB,MAEpB,WAAnBE,GAA+BiC,MAACd,EAAAA,KAAIC,GAAI,CAAET,OAAQN,QAIvD4B,MAACd,MAAG,CACFC,GAAI,CACFyB,SAAU,EACVC,UAAW5C,EAAc,OAAIuC,EAC7BM,aAAc7C,EAAc,OAAIuC,GAElCF,UAAWrC,EAAc8C,iBAAYP,EAAS,cAClC,YAAW5C,SAEtBA,IAGFE,GAAUkC,MAACd,EAAAA,IAAG,CAAA,cAAa,oBAAmBtB,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":["props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","Fragment","_jsx","jsx","ref","top","left","right","component","Slide","undefined","appear","direction","in","flexGrow","Container"],"mappings":"iHAG2BA,IACvB,MAAMC,SAAEA,EAAQC,OAAEA,EAAMC,OAAEA,EAAMC,eAAEA,EAAiB,SAAQC,qBAAEA,EAAuB,IAAGC,YAAEA,GAAc,GAAWN,EAC5GO,EAAqBC,SAAO,OAC3BC,EAAcC,GAAmBC,EAAQA,SAAC,GACjDC,EAAAA,WAAU,KACFL,EAAmBM,SACnBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,OACtE,GACF,CAACR,EAAmBM,UACvB,MAAMG,EAAUC,EAAAA,iBAAiB,CAC7BC,OAAQC,OACRC,UAAWf,IAEf,OAAQgB,EAAKC,KAACC,MAAK,CAAEC,GAAI,CACjBC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cAAe,aAAcjC,SAAU,CAACC,GAAWmB,EAAKC,KAACa,EAASC,SAAE,CAAEnC,SAAU,CAACoC,EAAIC,IAACf,EAAGA,IAAE,CAAEgB,IAAKhC,EAAoBiB,GAAI,CACzGC,SAA6B,WAAnBrB,EAA8B,SAAW,QACnDoC,IAAK,EACLC,KAAM,EACNC,MAAO,GACRC,UAA8B,UAAnBvC,EAA6BwC,EAAKA,WAAGC,EAAWC,OAA2B,UAAnB1C,QAAqCyC,EAAWE,UAA8B,UAAnB3C,EAA6B,YAASyC,EAAWG,GAAuB,UAAnB5C,GAA8BY,OAAU6B,EAAW5C,SAAUoC,EAAAA,IAAKd,EAAAA,IAAK,CAAE,cAAe,oBAAqBtB,SAAUC,MAAiC,WAAnBE,GAA+BiC,MAAKd,EAAAA,IAAK,CAAEC,GAAI,CAAET,OAAQN,QAAwB4B,EAAIC,IAACf,MAAK,CAAEC,GAAI,CAChayB,SAAU,GACXN,UAAWrC,EAAc4C,iBAAYL,EAAW,cAAe,YAAa5C,SAAUA,IAAaE,GAAUkC,MAAKd,EAAAA,IAAK,CAAE,cAAe,oBAAqBtB,SAAUE,MAAe"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type SecondaryNavigationProps = {
+    title: string;
+    color?: 'dark' | 'light';
+    cta?: React.ReactNode;
+    navigationItems?: React.ReactNode;
+    /** Defines if content should be rendered inside Container component */
+    inContainer?: boolean;
+};
+export declare const SecondaryNavigation: React.FC<SecondaryNavigationProps>;

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),i=require("react-use");const n={"::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer":{width:0,height:0,display:"none"}};exports.SecondaryNavigation=({title:a,color:s,cta:c,navigationItems:o,inContainer:l})=>{const d=t.useMediaQuery((e=>e.breakpoints.up("md"))),{width:u}=i.useWindowSize(),x=r.useRef(null),h=r.useRef(null),p=r.useRef(null),f=r.useRef(null);return r.useEffect((()=>{if(h.current&&f.current&&d){let e=0;x.current&&(e+=x.current.clientWidth,e+=16),p.current&&(e+=p.current.clientWidth,e+=16);const t=f.current.clientWidth,r=Math.abs(e-t);h.current.style.width=`${r}px`}}),[x.current,h.current,p.current,f.current,u]),e.jsx(t.Box,{sx:{background:e=>"dark"===s?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===s?e.palette.common.white:e.palette.text.primary,borderBottom:e=>`1px solid ${e.palette.surface.secondary}`},"data-testid":"SecondaryNavigation",children:e.jsx(t.Box,{component:l&&t.Container,sx:{height:"100%",padding:!l&&"0 16px"},"data-testid":"SecondaryNavigation.wrapper",children:e.jsxs(t.Box,{ref:f,sx:{display:"flex",justifyContent:"space-between",height:{xs:"48px",md:"62px"}},children:[e.jsxs(t.Box,{sx:{display:"flex",flexShrink:0},children:[e.jsx(t.Typography,{ref:x,variant:"subheadline",sx:{minWidth:{sm:"170px",xs:void 0},marginRight:2,flexShrink:0,display:"flex",alignItems:"center"},"data-testid":"SecondaryNavigation.title",children:a}),d&&e.jsx(t.Box,{ref:h,sx:Object.assign({flexGrow:0,overflow:"hidden",overflowX:"scroll"},n),"data-testid":"SecondaryNavigation.items",children:e.jsx(t.Stack,{direction:"row",spacing:2,alignItems:"center",sx:{height:"100%"},children:o})})]}),e.jsx(t.Stack,{ref:p,direction:"row",spacing:2,alignItems:"center",justifyContent:"flex-end",sx:{height:"100%",marginLeft:"16px"},"data-testid":"SecondaryNavigation.cta",children:c})]})})})};
+//# sourceMappingURL=SecondaryNavigation.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js.map

@@ -0,0 +1 @@
+{"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":["disableScrollbarSx","width","height","display","title","color","cta","navigationItems","inContainer","isLargerThanMd","useMediaQuery","theme","breakpoints","up","windowWidth","useWindowSize","titleRef","useRef","itemsRef","ctaButtonRef","wrapperRef","useEffect","current","widthToSubtract","clientWidth","wrapperWidth","Math","abs","style","_jsx","jsx","Box","sx","background","palette","onSurface","os900","common","white","text","primary","borderBottom","surface","secondary","children","component","Container","padding","_jsxs","ref","justifyContent","xs","md","flexShrink","Typography","variant","minWidth","sm","undefined","marginRight","alignItems","Object","assign","flexGrow","overflow","overflowX","Stack","direction","spacing","marginLeft"],"mappings":"qHAIY,MA0CNA,EAAqB,CACvB,wLAAyL,CACrLC,MAAO,EACPC,OAAQ,EACRC,QAAS,qCA9CkB,EAAGC,QAAOC,QAAOC,MAAKC,kBAAiBC,kBACtE,MAAMC,EAAiBC,EAAaA,eAAEC,GAAUA,EAAMC,YAAYC,GAAG,SAC7DZ,MAAOa,GAAgBC,EAAaA,gBACtCC,EAAWC,SAAO,MAClBC,EAAWD,SAAO,MAClBE,EAAeF,SAAO,MACtBG,EAAaH,SAAO,MAiB1B,OAhBAI,EAAAA,WAAU,KACN,GAAIH,EAASI,SAAWF,EAAWE,SAAWb,EAAgB,CAC1D,IAAIc,EAAkB,EAClBP,EAASM,UACTC,GAAmBP,EAASM,QAAQE,YACpCD,GAAmB,IAEnBJ,EAAaG,UACbC,GAAmBJ,EAAaG,QAAQE,YACxCD,GAAmB,IAEvB,MAAME,EAAeL,EAAWE,QAAQE,YAClCvB,EAAQyB,KAAKC,IAAIJ,EAAkBE,GACzCP,EAASI,QAAQM,MAAM3B,MAAQ,GAAGA,KACrC,IACF,CAACe,EAASM,QAASJ,EAASI,QAASH,EAAaG,QAASF,EAAWE,QAASR,IAC1Ee,EAAIC,IAACC,MAAK,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,SAAUf,EAAIC,IAACC,MAAK,CAAEc,UAAWrC,GAAesC,EAASA,UAAEd,GAAI,CAChG9B,OAAQ,OACR6C,SAAUvC,GAAe,UAC1B,cAAe,8BAA+BoC,SAAUI,EAAAA,KAAMjB,EAAAA,IAAK,CAAEkB,IAAK7B,EAAYY,GAAI,CACrF7B,QAAS,OACT+C,eAAgB,gBAChBhD,OAAQ,CAAEiD,GAAI,OAAQC,GAAI,SAC3BR,SAAU,CAACI,EAAAA,KAAMjB,EAAGA,IAAE,CAAEC,GAAI,CAAE7B,QAAS,OAAQkD,WAAY,GAAKT,SAAU,CAACf,EAAIC,IAACwB,aAAY,CAAEL,IAAKjC,EAAUuC,QAAS,cAAevB,GAAI,CACxHwB,SAAU,CAAEC,GAAI,QAASN,QAAIO,GAC7BC,YAAa,EACbN,WAAY,EACZlD,QAAS,OACTyD,WAAY,UACb,cAAe,4BAA6BhB,SAAUxC,IAAUK,GAAmBoB,MAAKE,EAAAA,IAAK,CAAEkB,IAAK/B,EAAUc,GAAI6B,OAAOC,OAAO,CAAEC,SAAU,EAAGC,SAAU,SAAUC,UAAW,UAAYjE,GAAqB,cAAe,4BAA6B4C,SAAUf,EAAAA,IAAKqC,EAAAA,MAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGR,WAAY,SAAU5B,GAAI,CAAE9B,OAAQ,QAAU0C,SAAUrC,SAA4BsB,EAAIC,IAACoC,EAAKA,MAAE,CAAEjB,IAAK9B,EAAcgD,UAAW,MAAOC,QAAS,EAAGR,WAAY,SAAUV,eAAgB,WAAYlB,GAAI,CAAE9B,OAAQ,OAAQmE,WAAY,QAAU,cAAe,0BAA2BzB,SAAUtC,UAAkB"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '@mui/material';
+import React from 'react';
+export declare const SecondaryNavigationCta: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material");function r(e){return e&&e.__esModule?e:{default:e}}const a=r(require("react")).default.forwardRef((function(r,a){const i=t.useMediaQuery((e=>e.breakpoints.down("md")));return e.jsx(t.Button,Object.assign({"data-testid":"SecondaryNavigationCta",size:i?"small":"medium"},r,{ref:a}))}));exports.SecondaryNavigationCta=a;
+//# sourceMappingURL=SecondaryNavigationCta.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.js.map

@@ -0,0 +1 @@
+{"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":"8HAOY,MAACA,sBAAyBC,QAAMC,YAJ5C,SAAoCC,EAAOC,GACvC,MAAMC,EAAgBC,EAAaA,eAAEC,GAAUA,EAAMC,YAAYC,KAAK,QACtE,OAAOC,EAAAA,IAAKC,EAAAA,OAAQC,OAAOC,OAAO,CAAE,cAAe,yBAA0BC,KAAMT,EAAgB,QAAU,UAAYF,EAAO,CAAEC,IAAKA,IAC3I"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { OverrideProps } from '@mui/material/OverridableComponent';
+export interface SecondaryNavigationItemTypeMap<P = unknown, C extends React.ElementType = 'a'> {
+    props: P & {
+        label: string;
+        isActive?: boolean;
+    };
+    defaultComponent: C;
+}
+export type SecondaryNavigationItemProps<C extends React.ElementType, P = unknown> = OverrideProps<SecondaryNavigationItemTypeMap<P, C>, C> & {
+    component?: C;
+};
+export declare function SecondaryNavigationItem<C extends React.ElementType = 'a'>(props: SecondaryNavigationItemProps<C>): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),i=require("react"),o=require("@mui/base");const a=r.styled(o.Button)((()=>({appearance:"inherit",cursor:"pointer",color:"inherit",paddingLeft:6,paddingRight:6,fontSize:"16px",fontWeight:400,lineHeight:"24px",textWrap:"noWrap",background:"transparent",border:0,paddingTop:0,paddingBottom:0,fontFamily:"SKODA Next"}))),n=r.styled(r.Box)((({theme:e})=>({display:"flex",alignItems:"center",height:"100%",borderTop:"2px solid transparent",borderBottom:"2px solid transparent",transition:"border 300ms ease-out 150ms","&:hover":{borderBottomColor:e.palette.primary.main}})));exports.SecondaryNavigationItem=function(r){const{label:o,onClick:s,isActive:l}=r,d=e.__rest(r,["label","onClick","isActive"]),c=i.useCallback((e=>{var t;if(null===(t=r.href)||void 0===t?void 0:t.startsWith("#")){const t=r.href.replace(/^\#/,""),i=document.querySelector(`[id="${t}"]`);i&&(e.preventDefault(),i.scrollIntoView({behavior:"smooth",block:"start"}),history.pushState({},"",r.href))}null==s||s.invoke()}),[s,r.href]);return t.jsx(n,{sx:{borderColor:e=>l&&e.palette.primary.main},"data-testid":"SecondaryNavigationItem",children:t.jsx(a,Object.assign({onClick:c,component:"a"},d,{draggable:"false","data-testid":"SecondaryNavigationItem.button",children:o}))})};
+//# sourceMappingURL=SecondaryNavigationItem.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js.map

@@ -0,0 +1 @@
+{"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":["ItemButton","styled","Button","appearance","cursor","color","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","textWrap","background","border","paddingTop","paddingBottom","fontFamily","ItemWrapper","Box","theme","display","alignItems","height","borderTop","borderBottom","transition","borderBottomColor","palette","primary","main","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","jsx","sx","borderColor","children","Object","assign","component","draggable"],"mappings":"wIAyBA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,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,iBAEVC,EAAchB,EAAAA,OAAOiB,EAAAA,IAAPjB,EAAY,EAAGkB,YAAa,CAC5CC,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,UAAW,wBACXC,aAAc,wBACdC,WAAY,8BACZ,UAAW,CACPC,kBAAmBP,EAAMQ,QAAQC,QAAQC,0CA5C1C,SAAiCC,GACpC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAMA,OAACL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAAcC,eAAaC,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,EAAIC,IAACtC,EAAa,CAAEuC,GAAI,CACxBC,YAActC,GAAUc,GAAYd,EAAMQ,QAAQC,QAAQC,MAC3D,cAAe,0BAA2B6B,SAAUJ,MAAKtD,EAAY2D,OAAOC,OAAO,CAAE5B,QAASI,EAAayB,UAAW,KAAO3B,EAAM,CAAE4B,UAAW,QAAS,cAAe,iCAAkCJ,SAAU3B,MAC/N"}

package/cjs/layout/SecondaryNavigation/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SecondaryNavigation';
+export * from './SecondaryNavigationCta';
+export * from './SecondaryNavigationItem';

package/cjs/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/cjs/layout/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sources":["../../../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":[null],"names":["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","jsx","Stack","spacing","marginTop"],"mappings":"uIAiBkDA,IAChD,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OACEM,EAAAA,KAACC,EAAAA,OAAM,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,EAAAA,IAACC,EAAAA,WAAU,CACTC,QAASlB,EACTS,GAAI,CACFU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cACW,iBAEZP,SAAAC,EAAAA,IAACQ,EAAAA,KAAK,CAAAC,UAAU,UAAUC,SAAS,YAErCtB,EAAAA,KAACuB,EAAAA,IAAG,CACFlB,GAAI,CACFmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACPC,GAAI,uBACJjB,GAAI,uBAENkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAA,CAEDC,EAACmB,IAAAC,QACC,CAAAnC,UAAU,SACVoC,QAAS,EACT5B,GAAI,CACFoB,QAAS,eACT,OAAQ,CACNS,UAAW,oBAEd,cACW,iBAAgBvB,SAE3Bb,IAGFC,GACCa,EAACmB,IAAAR,MACC,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":["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","jsx","Stack","spacing","marginTop"],"mappings":"uIAGyBA,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAAA,KAAMC,EAAAA,OAAQ,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,EAAAA,IAAKC,EAAAA,WAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAAA,IAAKQ,EAAAA,KAAM,CAAEC,UAAW,UAAWC,SAAU,YAAetB,EAAAA,KAAMuB,EAAAA,IAAK,CAAElB,GAAI,CACvHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAImB,IAACC,QAAO,CAAEnC,UAAW,SAAUoC,QAAS,EAAG5B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJS,UAAW,oBAEhB,cAAe,iBAAkBvB,SAAUb,IAAUC,GAAaa,EAAImB,IAACR,MAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}

package/cjs/layout/SideMenu/SideMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuItem.js","sources":["../../../../../src/layout/SideMenu/SideMenuItem.tsx"],"sourcesContent":[null],"names":["ItemButton","styled","ButtonBase","theme","appearance","border","background","cursor","padding","textAlign","fontWeight","color","palette","onSurface","os900","props","component","active","label","rest","__rest","_jsx","jsx","Object","assign","sx","undefined","fontSize","md","xs","lineHeight","children"],"mappings":"8FA4CA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,WAAPD,EAAmB,EAAGE,YAAa,CACpDC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UAERC,QAAS,EACTC,UAAW,QACXC,WAAY,MACZC,MAAO,GAAGR,EAAMS,QAAQC,UAAUC,4CAlC9B,SAA0DC,GAC9D,MAAMC,UAAEA,EAAY,IAAGC,OAAEA,EAAMC,MAAEA,GAAmBH,EAATI,EAAIC,EAAAA,OAAKL,EAA9C,CAAA,YAAA,SAAA,UAEN,OACEM,EAACC,IAAAtB,EACKuB,OAAAC,OAAA,GAAAL,EACJ,CAAAH,UAAWA,EACXS,GAAI,CACFnB,WAAYW,EAAS,QAAU,cAC/BN,MAAOM,OAASS,EAAY,UAC5BC,SAAU,CACRC,GAAI,OACJC,GAAI,QAENC,WAAY,CACVF,GAAI,OACJC,GAAI,SAIPE,SAAAb,IAGP"}
+{"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":["ItemButton","styled","ButtonBase","theme","appearance","border","background","cursor","padding","textAlign","fontWeight","color","palette","onSurface","os900","props","component","active","label","rest","__rest","_jsx","jsx","Object","assign","sx","undefined","fontSize","md","xs","lineHeight","children"],"mappings":"8FAkBA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,WAAPD,EAAmB,EAAGE,YAAa,CAClDC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,EACTC,UAAW,QACXC,WAAY,MACZC,MAAO,GAAGR,EAAMS,QAAQC,UAAUC,4CAvB/B,SAAsBC,GACzB,MAAMC,UAAEA,EAAY,IAAGC,OAAEA,EAAMC,MAAEA,GAAUH,EAAOI,EAAOC,EAAMA,OAACL,EAAO,CAAC,YAAa,SAAU,UAC/F,OAAQM,EAAIC,IAACtB,EAAYuB,OAAOC,OAAO,GAAIL,EAAM,CAAEH,UAAWA,EAAWS,GAAI,CACrEnB,WAAYW,EAAS,QAAU,cAC/BN,MAAOM,OAASS,EAAY,UAC5BC,SAAU,CACNC,GAAI,OACJC,GAAI,QAERC,WAAY,CACRF,GAAI,OACJC,GAAI,SAETE,SAAUb,IACrB"}

package/cjs/layout/index.d.ts

@@ -3,3 +3,4 @@ export * from './SideMenu';
 export * from './Footer';
 export * from './Error';
 export * from './PageLayout';
+export * from './SecondaryNavigation';