@skodaflow/web-library 5.0.0 → 7.0.0

package/layout/Footer/FooterLink.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Stack as t,Typography as n}from"@mui/material";import{useMemo as i}from"react";import{Icon as c}from"../../components/icon/icon.js";function a(a){const{icon:m,children:s}=a,l=o(a,["icon","children"]),p=i((()=>a.href||a.onClick),[a]);return e(t,Object.assign({component:"a"},l,{direction:"row",spacing:1,alignItems:"center",sx:{color:o=>o.palette.onSurface.os0,textDecorationColor:o=>o.palette.onSurface.os0,textDecoration:"none",cursor:p?"pointer":void 0,"&:hover p":{textDecoration:p?"underline":void 0}},children:[m&&r(c,{fontSize:"small",className:m}),r(n,{sx:{fontSize:"12px"},children:s})]}))}export{a as FooterLink};
+import{__rest as o}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Stack as n,Typography as t}from"@mui/material";import{useMemo as i}from"react";import{Icon as c}from"../../components/icon/icon.js";function m(m){const{icon:a,children:l}=m,s=o(m,["icon","children"]),p=i((()=>m.href||m.onClick),[m]);return e(n,Object.assign({component:"a"},s,{direction:"row",spacing:1,alignItems:"center",sx:{color:o=>o.palette.onSurface.os0,textDecorationColor:o=>o.palette.onSurface.os0,textDecoration:"none",cursor:p?"pointer":void 0,"&:hover p":{textDecoration:p?"underline":void 0}},children:[a&&r(c,{fontSize:"small",name:a}),r(t,{sx:{fontSize:"12px"},children:l})]}))}export{m as FooterLink};
 //# sourceMappingURL=FooterLink.js.map

package/layout/Footer/FooterLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterLink.js","sources":["../../../src/layout/Footer/FooterLink.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Stack, Typography } from '@mui/material';\nimport { useMemo } from 'react';\nimport { Icon } from '../../components/icon/icon';\n/** Renders icon button intended for `Footer` component */\nexport function FooterLink(props) {\n    const { icon, children } = props, rest = __rest(props, [\"icon\", \"children\"]);\n    const shouldDecorateText = useMemo(() => props.href || props.onClick, [props]);\n    return (_jsxs(Stack, Object.assign({ component: \"a\" }, rest, { direction: \"row\", spacing: 1, alignItems: \"center\", sx: {\n            color: (theme) => theme.palette.onSurface.os0,\n            textDecorationColor: (theme) => theme.palette.onSurface.os0,\n            textDecoration: 'none',\n            cursor: shouldDecorateText ? 'pointer' : undefined,\n            '&:hover p': {\n                textDecoration: shouldDecorateText ? 'underline' : undefined,\n            },\n        }, children: [icon && _jsx(Icon, { fontSize: \"small\", className: icon }), _jsx(Typography, { sx: {\n                    fontSize: '12px',\n                }, children: children })] })));\n}\n//# sourceMappingURL=FooterLink.js.map"],"names":["FooterLink","props","icon","children","rest","__rest","shouldDecorateText","useMemo","href","onClick","_jsxs","Stack","Object","assign","component","direction","spacing","alignItems","sx","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","cursor","undefined","_jsx","Icon","fontSize","className","Typography"],"mappings":"4NAMO,SAASA,EAAWC,GACvB,MAAMC,KAAEA,EAAIC,SAAEA,GAAaF,EAAOG,EAAOC,EAAOJ,EAAO,CAAC,OAAQ,aAC1DK,EAAqBC,GAAQ,IAAMN,EAAMO,MAAQP,EAAMQ,SAAS,CAACR,IACvE,OAAQS,EAAMC,EAAOC,OAAOC,OAAO,CAAEC,UAAW,KAAOV,EAAM,CAAEW,UAAW,MAAOC,QAAS,EAAGC,WAAY,SAAUC,GAAI,CAC/GC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChBC,OAAQpB,EAAqB,eAAYqB,EACzC,YAAa,CACTF,eAAgBnB,EAAqB,iBAAcqB,IAExDxB,SAAU,CAACD,GAAQ0B,EAAKC,EAAM,CAAEC,SAAU,QAASC,UAAW7B,IAAS0B,EAAKI,EAAY,CAAEd,GAAI,CACrFY,SAAU,QACX3B,SAAUA,OAC7B"}
+{"version":3,"file":"FooterLink.js","sources":["../../../src/layout/Footer/FooterLink.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Stack, Typography } from '@mui/material';\nimport { useMemo } from 'react';\nimport { Icon } from '../../components/icon/icon';\n/** Renders icon button intended for `Footer` component */\nexport function FooterLink(props) {\n    const { icon, children } = props, rest = __rest(props, [\"icon\", \"children\"]);\n    const shouldDecorateText = useMemo(() => props.href || props.onClick, [props]);\n    return (_jsxs(Stack, Object.assign({ component: \"a\" }, rest, { direction: \"row\", spacing: 1, alignItems: \"center\", sx: {\n            color: (theme) => theme.palette.onSurface.os0,\n            textDecorationColor: (theme) => theme.palette.onSurface.os0,\n            textDecoration: 'none',\n            cursor: shouldDecorateText ? 'pointer' : undefined,\n            '&:hover p': {\n                textDecoration: shouldDecorateText ? 'underline' : undefined,\n            },\n        }, children: [icon && _jsx(Icon, { fontSize: \"small\", name: icon }), _jsx(Typography, { sx: {\n                    fontSize: '12px',\n                }, children: children })] })));\n}\n//# sourceMappingURL=FooterLink.js.map"],"names":["FooterLink","props","icon","children","rest","__rest","shouldDecorateText","useMemo","href","onClick","_jsxs","Stack","Object","assign","component","direction","spacing","alignItems","sx","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","cursor","undefined","_jsx","Icon","fontSize","name","Typography"],"mappings":"4NAMO,SAASA,EAAWC,GACvB,MAAMC,KAAEA,EAAIC,SAAEA,GAAaF,EAAOG,EAAOC,EAAOJ,EAAO,CAAC,OAAQ,aAC1DK,EAAqBC,GAAQ,IAAMN,EAAMO,MAAQP,EAAMQ,SAAS,CAACR,IACvE,OAAQS,EAAMC,EAAOC,OAAOC,OAAO,CAAEC,UAAW,KAAOV,EAAM,CAAEW,UAAW,MAAOC,QAAS,EAAGC,WAAY,SAAUC,GAAI,CAC/GC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChBC,OAAQpB,EAAqB,eAAYqB,EACzC,YAAa,CACTF,eAAgBnB,EAAqB,iBAAcqB,IAExDxB,SAAU,CAACD,GAAQ0B,EAAKC,EAAM,CAAEC,SAAU,QAASC,KAAM7B,IAAS0B,EAAKI,EAAY,CAAEd,GAAI,CAChFY,SAAU,QACX3B,SAAUA,OAC7B"}

package/layout/Footer/FooterMenu.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Icon as t}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as n}from"../../utils/useClosure/useClosure.js";import{Stack as r,Box as i,IconButton as a,Collapse as c}from"@mui/material";import{useEffect as l}from"react";const s=({mainItem:s,subItems:u,variant:m="list"})=>{const{isOpen:p,onToggle:d,onOpen:f}=n("list"===m);return l((()=>{"list"===m&&f()}),[m,f]),e(r,{spacing:1,direction:"column","data-testid":"FooterMenu",children:[e(i,{sx:{fontSize:"12px",fontWeight:"bold",color:e=>e.palette.onSurface.os0,"& a":{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:"44px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[o(i,{"data-testid":"FooterMenu.label",children:s}),"accordion"===m&&o(a,{size:"small",onClick:d,"data-testId":"FooterMenu.toggle",children:o(t,{fontSize:"small",className:p?"chevron-up":"chevron-down"})})]}),o(c,{in:p,"data-testid":"FooterMenu.content",children:o(r,{direction:"column",spacing:1,sx:{fontSize:"12px",color:e=>e.palette.onSurface.os200,"& a":{color:e=>e.palette.onSurface.os200,textDecorationColor:e=>e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}}},children:u})})]})};export{s as FooterMenu};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Icon as t}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as n}from"../../utils/useClosure/useClosure.js";import{Stack as i,Box as r,IconButton as c,Collapse as a}from"@mui/material";import{useEffect as l}from"react";const s=({mainItem:s,subItems:m,variant:u="list"})=>{const{isOpen:p,onToggle:d,onOpen:f}=n("list"===u);return l((()=>{"list"===u&&f()}),[u,f]),e(i,{spacing:1,direction:"column","data-testid":"FooterMenu",children:[e(r,{sx:{fontSize:"12px",fontWeight:"bold",color:e=>e.palette.onSurface.os0,"& a":{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:"44px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[o(r,{"data-testid":"FooterMenu.label",children:s}),"accordion"===u&&o(c,{size:"small",onClick:d,"data-testId":"FooterMenu.toggle",children:o(t,{fontSize:"small",name:p?"chevron-up":"chevron-down"})})]}),o(a,{in:p,"data-testid":"FooterMenu.content",children:o(i,{direction:"column",spacing:1,sx:{fontSize:"12px",color:e=>e.palette.onSurface.os200,"& a":{color:e=>e.palette.onSurface.os200,textDecorationColor:e=>e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}}},children:m})})]})};export{s as FooterMenu};
 //# sourceMappingURL=FooterMenu.js.map

package/layout/Footer/FooterMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterMenu.js","sources":["../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Collapse, IconButton, Stack } from '@mui/material';\nimport { useEffect } from 'react';\nexport const FooterMenu = ({ mainItem, subItems, variant = 'list' }) => {\n    const { isOpen, onToggle, onOpen } = useClosure(variant === 'list');\n    useEffect(() => {\n        if (variant === 'list') {\n            onOpen();\n        }\n    }, [variant, onOpen]);\n    return (_jsxs(Stack, { spacing: 1, direction: \"column\", \"data-testid\": \"FooterMenu\", children: [_jsxs(Box, { sx: {\n                    fontSize: '12px',\n                    fontWeight: 'bold',\n                    color: (theme) => theme.palette.onSurface.os0,\n                    '& a': {\n                        color: (theme) => theme.palette.onSurface.os0,\n                        textDecorationColor: (theme) => theme.palette.onSurface.os0,\n                        textDecoration: 'none',\n                        '&:hover': {\n                            textDecoration: 'underline',\n                        },\n                    },\n                    minHeight: '44px',\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Box, { \"data-testid\": \"FooterMenu.label\", children: mainItem }), variant === 'accordion' && (_jsx(IconButton, { size: \"small\", onClick: onToggle, \"data-testId\": \"FooterMenu.toggle\", children: _jsx(Icon, { fontSize: \"small\", className: isOpen ? 'chevron-up' : 'chevron-down' }) }))] }), _jsx(Collapse, { in: isOpen, \"data-testid\": \"FooterMenu.content\", children: _jsx(Stack, { direction: \"column\", spacing: 1, sx: {\n                        fontSize: '12px',\n                        color: (theme) => theme.palette.onSurface.os200,\n                        '& a': {\n                            color: (theme) => theme.palette.onSurface.os200,\n                            textDecorationColor: (theme) => theme.palette.onSurface.os200,\n                            textDecoration: 'none',\n                            '&:hover': {\n                                textDecoration: 'underline',\n                            },\n                        },\n                    }, children: subItems }) })] }));\n};\n//# sourceMappingURL=FooterMenu.js.map"],"names":["FooterMenu","mainItem","subItems","variant","isOpen","onToggle","onOpen","useClosure","useEffect","_jsxs","Stack","spacing","direction","children","Box","sx","fontSize","fontWeight","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","display","alignItems","justifyContent","_jsx","IconButton","size","onClick","Icon","className","Collapse","in","os200"],"mappings":"oTAKY,MAACA,EAAa,EAAGC,WAAUC,WAAUC,UAAU,WACvD,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,OAAEA,GAAWC,EAAuB,SAAZJ,GAMhD,OALAK,GAAU,KACU,SAAZL,GACAG,GACH,GACF,CAACH,EAASG,IACLG,EAAMC,EAAO,CAAEC,QAAS,EAAGC,UAAW,SAAU,cAAe,aAAcC,SAAU,CAACJ,EAAMK,EAAK,CAAEC,GAAI,CACjGC,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1C,MAAO,CACHJ,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,UAAW,OACXC,QAAS,OACTC,WAAY,SACZC,eAAgB,iBACjBf,SAAU,CAACgB,EAAKf,EAAK,CAAE,cAAe,mBAAoBD,SAAUZ,IAAyB,cAAZE,GAA4B0B,EAAKC,EAAY,CAAEC,KAAM,QAASC,QAAS3B,EAAU,cAAe,oBAAqBQ,SAAUgB,EAAKI,EAAM,CAAEjB,SAAU,QAASkB,UAAW9B,EAAS,aAAe,sBAA2ByB,EAAKM,EAAU,CAAEC,GAAIhC,EAAQ,cAAe,qBAAsBS,SAAUgB,EAAKnB,EAAO,CAAEE,UAAW,SAAUD,QAAS,EAAGI,GAAI,CACxaC,SAAU,OACVE,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1C,MAAO,CACHnB,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1Cd,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUgB,MACxDb,eAAgB,OAChB,UAAW,CACPA,eAAgB,eAGzBX,SAAUX,QAAoB"}
+{"version":3,"file":"FooterMenu.js","sources":["../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Collapse, IconButton, Stack } from '@mui/material';\nimport { useEffect } from 'react';\nexport const FooterMenu = ({ mainItem, subItems, variant = 'list' }) => {\n    const { isOpen, onToggle, onOpen } = useClosure(variant === 'list');\n    useEffect(() => {\n        if (variant === 'list') {\n            onOpen();\n        }\n    }, [variant, onOpen]);\n    return (_jsxs(Stack, { spacing: 1, direction: \"column\", \"data-testid\": \"FooterMenu\", children: [_jsxs(Box, { sx: {\n                    fontSize: '12px',\n                    fontWeight: 'bold',\n                    color: (theme) => theme.palette.onSurface.os0,\n                    '& a': {\n                        color: (theme) => theme.palette.onSurface.os0,\n                        textDecorationColor: (theme) => theme.palette.onSurface.os0,\n                        textDecoration: 'none',\n                        '&:hover': {\n                            textDecoration: 'underline',\n                        },\n                    },\n                    minHeight: '44px',\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Box, { \"data-testid\": \"FooterMenu.label\", children: mainItem }), variant === 'accordion' && (_jsx(IconButton, { size: \"small\", onClick: onToggle, \"data-testId\": \"FooterMenu.toggle\", children: _jsx(Icon, { fontSize: \"small\", name: isOpen ? 'chevron-up' : 'chevron-down' }) }))] }), _jsx(Collapse, { in: isOpen, \"data-testid\": \"FooterMenu.content\", children: _jsx(Stack, { direction: \"column\", spacing: 1, sx: {\n                        fontSize: '12px',\n                        color: (theme) => theme.palette.onSurface.os200,\n                        '& a': {\n                            color: (theme) => theme.palette.onSurface.os200,\n                            textDecorationColor: (theme) => theme.palette.onSurface.os200,\n                            textDecoration: 'none',\n                            '&:hover': {\n                                textDecoration: 'underline',\n                            },\n                        },\n                    }, children: subItems }) })] }));\n};\n//# sourceMappingURL=FooterMenu.js.map"],"names":["FooterMenu","mainItem","subItems","variant","isOpen","onToggle","onOpen","useClosure","useEffect","_jsxs","Stack","spacing","direction","children","Box","sx","fontSize","fontWeight","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","display","alignItems","justifyContent","_jsx","IconButton","size","onClick","Icon","name","Collapse","in","os200"],"mappings":"sWAKY,MAACA,EAAa,EAAGC,WAAUC,WAAUC,UAAU,WACvD,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,OAAEA,GAAWC,EAAuB,SAAZJ,GAMhD,OALAK,GAAU,KACU,SAAZL,GACAG,GACH,GACF,CAACH,EAASG,IACLG,EAAMC,EAAO,CAAEC,QAAS,EAAGC,UAAW,SAAU,cAAe,aAAcC,SAAU,CAACJ,EAAMK,EAAK,CAAEC,GAAI,CACjGC,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1C,MAAO,CACHJ,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,UAAW,OACXC,QAAS,OACTC,WAAY,SACZC,eAAgB,iBACjBf,SAAU,CAACgB,EAAKf,EAAK,CAAE,cAAe,mBAAoBD,SAAUZ,IAAyB,cAAZE,GAA4B0B,EAAKC,EAAY,CAAEC,KAAM,QAASC,QAAS3B,EAAU,cAAe,oBAAqBQ,SAAUgB,EAAKI,EAAM,CAAEjB,SAAU,QAASkB,KAAM9B,EAAS,aAAe,sBAA2ByB,EAAKM,EAAU,CAAEC,GAAIhC,EAAQ,cAAe,qBAAsBS,SAAUgB,EAAKnB,EAAO,CAAEE,UAAW,SAAUD,QAAS,EAAGI,GAAI,CACnaC,SAAU,OACVE,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1C,MAAO,CACHnB,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1Cd,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUgB,MACxDb,eAAgB,OAChB,UAAW,CACPA,eAAgB,eAGzBX,SAAUX,QAAoB"}

package/layout/Header/HeaderButton.d.ts

@@ -1,11 +1,11 @@
 import { IconButtonProps } from '@mui/material';
 import React from 'react';
-import { IndicatorProps } from '@/src/components';
+import { IconNameProp, IndicatorProps } from '@/src/components';
 export type HeaderButtonProps<C extends React.ElementType> = {
-    icon: string;
+    icon: IconNameProp;
     label?: string;
     color?: 'white' | 'grey';
-    indicator?: IndicatorProps['variant'];
+    indicator?: IndicatorProps['color'];
 } & IconButtonProps<C, {
     component?: C;
 }>;

package/layout/Header/HeaderButton.js

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

package/layout/Header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["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":"4hLAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,aAAc,CACVC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,qBAAsB,CAClBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAEC,QAAS5B,IAAcK,EAAKwB,EAAM,CAAEC,UAAWjC,SACxG"}
+{"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                '.fwlIndicator': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.fwlIndicator::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: 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","name"],"mappings":"6yIAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAE5B,MAAOC,EAAW4B,QAAS,WAAavB,EAAKwB,EAAM,CAAEC,KAAMjC,SACpH"}

package/layout/Header/HeaderNavigationLink.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { OverrideProps } from '@mui/material/OverridableComponent';
 export interface HeaderNavigationLinkTypeMap<P = unknown, C extends React.ElementType = 'a'> {
     props: P & {
-        label: string;
+        label?: string;
         href?: string;
         onClick?: () => void;
         external?: boolean;

package/layout/Header/HeaderNavigationLink.js

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

package/layout/Header/HeaderNavigationLink.js.map

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

package/layout/Header/HeaderNavigationMenu.d.ts

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

package/layout/Header/HeaderNavigationMenu.js

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

package/layout/Header/HeaderNavigationMenu.js.map

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

package/layout/Header/PredefinedHeaderButtons.js

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

package/layout/Header/PredefinedHeaderButtons.js.map

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

package/layout/SideMenu/SideMenu.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{Drawer as e,IconButton as n,Box as o,Stack as r}from"@mui/material";import{Icon as d}from"../../components/icon/icon.js";const p=p=>{const{open:s,handleClose:a,direction:l="ltr",items:x,subItems:m}=p;return i(e,{dir:l,anchor:"ltr"===l?"right":"left",open:s,onClose:a,sx:{".MuiDrawer-paper":{borderRadius:"0 !important",width:{lg:"520px",xs:"100vw"},minWidth:"300px"}},"data-testid":"SideMenu",children:[t(n,{onClick:a,sx:{position:"absolute",top:"16px",right:"ltr"===l?"16px":void 0,left:"rtl"===l?"16px":void 0},"data-testid":"SideMenu.close",children:t(d,{className:"ballotx",fontSize:"small"})}),i(o,{sx:{boxSizing:"border-box",width:"100%",padding:{md:"112px 48px 48px 48px",xs:"64px 24px 24px 24px"},height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t(r,{direction:"column",spacing:3,sx:{padding:"0 !important","& hr":{marginTop:"24px !important"}},"data-testid":"SideMenu.items",children:x}),m&&t(o,{sx:{padding:"0 !important"},"data-testid":"SideMenu.sub",children:m})]})]})};export{p as SideMenu};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{Drawer as e,IconButton as n,Box as o,Stack as r}from"@mui/material";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";const p=p=>{const{open:s,handleClose:a,direction:l="ltr",items:x,subItems:m}=p;return i(e,{dir:l,anchor:"ltr"===l?"right":"left",open:s,onClose:a,sx:{".MuiDrawer-paper":{borderRadius:"0 !important",width:{lg:"520px",xs:"100vw"},minWidth:"300px"}},"data-testid":"SideMenu",children:[t(n,{onClick:a,sx:{position:"absolute",top:"16px",right:"ltr"===l?"16px":void 0,left:"rtl"===l?"16px":void 0},"data-testid":"SideMenu.close",children:t(d,{name:"close",fontSize:"small"})}),i(o,{sx:{boxSizing:"border-box",width:"100%",padding:{md:"112px 48px 48px 48px",xs:"64px 24px 24px 24px"},height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t(r,{direction:"column",spacing:3,sx:{padding:"0 !important","& hr":{marginTop:"24px !important"}},"data-testid":"SideMenu.items",children:x}),m&&t(o,{sx:{padding:"0 !important"},"data-testid":"SideMenu.sub",children:m})]})]})};export{p as SideMenu};
 //# sourceMappingURL=SideMenu.js.map

package/layout/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sources":["../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Drawer, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nexport const SideMenu = (props) => {\n    const { open, handleClose, direction = 'ltr', items, subItems } = props;\n    return (_jsxs(Drawer, { dir: direction, anchor: direction === 'ltr' ? 'right' : 'left', open: open, onClose: handleClose, sx: {\n            '.MuiDrawer-paper': {\n                borderRadius: '0 !important',\n                width: {\n                    lg: '520px',\n                    xs: '100vw',\n                },\n                minWidth: '300px',\n            },\n        }, \"data-testid\": \"SideMenu\", children: [_jsx(IconButton, { onClick: handleClose, sx: {\n                    position: 'absolute',\n                    top: '16px',\n                    right: direction === 'ltr' ? '16px' : undefined,\n                    left: direction === 'rtl' ? '16px' : undefined,\n                }, \"data-testid\": \"SideMenu.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n                    boxSizing: 'border-box',\n                    width: '100%',\n                    padding: {\n                        md: '112px 48px 48px 48px',\n                        xs: '64px 24px 24px 24px',\n                    },\n                    height: '100%',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n                            padding: '0 !important',\n                            '& hr': {\n                                marginTop: `24px !important`,\n                            },\n                        }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n                            padding: '0 !important',\n                        }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] }));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["SideMenu","props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","className","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"kLAGY,MAACA,EAAYC,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAMC,EAAQ,CAAEC,IAAKL,EAAWM,OAAsB,QAAdN,EAAsB,QAAU,OAAQF,KAAMA,EAAMS,QAASR,EAAaS,GAAI,CACtH,mBAAoB,CAChBC,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UAEf,cAAe,WAAYC,SAAU,CAACC,EAAKC,EAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAKQ,EAAM,CAAEC,UAAW,UAAWC,SAAU,YAAetB,EAAMuB,EAAK,CAAElB,GAAI,CACvHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAKmB,EAAO,CAAElC,UAAW,SAAUmC,QAAS,EAAG3B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJQ,UAAW,oBAEhB,cAAe,iBAAkBtB,SAAUb,IAAUC,GAAaa,EAAKW,EAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}
+{"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, { name: \"close\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n                    boxSizing: 'border-box',\n                    width: '100%',\n                    padding: {\n                        md: '112px 48px 48px 48px',\n                        xs: '64px 24px 24px 24px',\n                    },\n                    height: '100%',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n                            padding: '0 !important',\n                            '& hr': {\n                                marginTop: `24px !important`,\n                            },\n                        }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n                            padding: '0 !important',\n                        }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] }));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["SideMenu","props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","name","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"oOAGY,MAACA,EAAYC,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAMC,EAAQ,CAAEC,IAAKL,EAAWM,OAAsB,QAAdN,EAAsB,QAAU,OAAQF,KAAMA,EAAMS,QAASR,EAAaS,GAAI,CACtH,mBAAoB,CAChBC,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UAEf,cAAe,WAAYC,SAAU,CAACC,EAAKC,EAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAKQ,EAAM,CAAEC,KAAM,QAASC,SAAU,YAAetB,EAAMuB,EAAK,CAAElB,GAAI,CAChHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAKmB,EAAO,CAAElC,UAAW,SAAUmC,QAAS,EAAG3B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJQ,UAAW,oBAEhB,cAAe,iBAAkBtB,SAAUb,IAAUC,GAAaa,EAAKW,EAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}

package/layout/container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../../../src/layout/container/container.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiContainer from '@mui/material/Container';\n/**\n * @description SkodaFlow Container component.\n * Properties are inherited from HTML Container element.\n * @param props ContainerProps\n * @returns React Functional Component\n * @deprecated this Component is deprecated. Use Container from @mui/material instead\n */\nexport const Container = (props) => {\n    return (_jsx(MuiContainer, Object.assign({}, props, { className: props.className + ' ' + (props.narrow && 'narrow'), \"data-testid\": \"Container\", children: props.children })));\n};\n//# sourceMappingURL=container.js.map"],"names":["Container","props","_jsx","MuiContainer","Object","assign","className","narrow","children"],"mappings":"+EASY,MAACA,EAAaC,GACdC,EAAKC,EAAcC,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAEK,UAAWL,EAAMK,UAAY,KAAOL,EAAMM,QAAU,UAAW,cAAe,YAAaC,SAAUP,EAAMO"}

package/layout/cookieModal/CookieModal.d.ts

@@ -0,0 +1,69 @@
+import { FC, ReactNode } from 'react';
+export type CookieModalProps = {
+    /**
+     * Specifies if the modal is open
+     * @requires
+     */
+    open: boolean;
+    /**
+     * Callback that closes the modal
+     * @requires
+     */
+    onClose: () => void;
+    /**
+     * Title of the modal
+     * @requires
+     */
+    title: string;
+    /**
+     * Basic description of the modal.
+     * This element is visible until user clicks on "Manage" button.
+     * @requires
+     */
+    description: ReactNode;
+    /**
+     * Cookie configurator.
+     * Configurator will be shown when user clicks on "Manage" button.
+     * @default undefined
+     */
+    configurator?: ReactNode;
+    /**
+     * Callback that is invoked when user clicks on "Accept All" button.
+     * When not specified the button just closes the modal.
+     * @default undefined
+     */
+    onAcceptAll?: () => void;
+    /**
+     * Callback that is invoked when user clicks on "Accept Selected" button.
+     * When not specified the button just closes the modal.
+     * @requires
+     */
+    onAcceptSelected?: () => void;
+    /**
+     * Callback that is invoked when user clicks on "Accept Necessary" button.
+     * When not specified the button just closes the modal.
+     * @requires
+     */
+    onAcceptNecessary?: () => void;
+    /**
+     * Text for "Accept necessary" button
+     * @default Accept necessary
+     */
+    textAcceptNecessary?: string;
+    /**
+     * Text for "Manage" button
+     * @default Manage
+     */
+    textManage?: string;
+    /**
+     * Text for "Accept all" button
+     * @default Accept all
+     */
+    textAcceptAll?: string;
+    /**
+     * Text for "Accept selected" button
+     * @default Accept selected
+     */
+    textAcceptSelected?: string;
+};
+export declare const CookieModal: FC<CookieModalProps>;

package/layout/cookieModal/CookieModal.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{Dialog as o,IconButton as c,DialogTitle as i,DialogContent as t,Stack as l,DialogActions as r,Button as s}from"@mui/material";import{Icon as a}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as d}from"../../utils/useClosure/useClosure.js";const p=p=>{var m,u,x,h,C,g,v,A,f;const{isOpen:y,onOpen:k}=d(!1);return e(o,{maxWidth:"sm",fullWidth:!0,open:p.open,onClose:p.onClose,children:[n(c,{sx:{position:"absolute",top:"10px",right:"10px"},size:"small",onClick:p.onClose,children:n(a,{fontSize:"small",name:"close"})}),n(i,{variant:"h2",sx:{padding:"40px"},children:p.title}),e(t,{sx:{px:"40px",paddingBottom:"40px",a:{textDecoration:"underline",color:e=>e.palette.text.primary}},children:[!y&&n(l,{direction:"column",spacing:2,children:p.description}),y&&n(l,{direction:"column",spacing:4,children:p.configurator})]}),e(r,{children:[!y&&e(l,{direction:"row",spacing:2,children:[e(l,{direction:"row",spacing:2,flexGrow:1,children:[n(s,{onClick:null!==(m=p.onAcceptAll)&&void 0!==m?m:p.onClose,children:null!==(u=p.textAcceptAll)&&void 0!==u?u:"Accept all"}),n(s,{onClick:null!==(x=p.onAcceptNecessary)&&void 0!==x?x:p.onClose,variant:"text",color:"secondary",children:null!==(h=p.textAcceptNecessary)&&void 0!==h?h:"Accept necessary"})]}),p.configurator&&n(s,{onClick:k,variant:"text",color:"secondary",startIcon:n(a,{fontSize:"large",name:"settings"}),children:null!==(C=p.textManage)&&void 0!==C?C:"Manage"})]}),y&&e(l,{direction:"row",spacing:2,children:[n(s,{onClick:null!==(g=p.onAcceptSelected)&&void 0!==g?g:p.onClose,children:null!==(v=p.textAcceptSelected)&&void 0!==v?v:"Accept selected"}),n(s,{onClick:null!==(A=p.onAcceptNecessary)&&void 0!==A?A:p.onClose,variant:"text",color:"secondary",children:null!==(f=p.textAcceptNecessary)&&void 0!==f?f:"Accept necessary"})]})]})]})};export{p as CookieModal};
+//# sourceMappingURL=CookieModal.js.map

package/layout/cookieModal/CookieModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieModal.js","sources":["../../../src/layout/cookieModal/CookieModal.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nimport { useClosure } from '@/src/utils';\nexport const CookieModal = (props) => {\n    var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n    const { isOpen: isManagerShown, onOpen: showManager } = useClosure(false);\n    return (_jsxs(Dialog, { maxWidth: \"sm\", fullWidth: true, open: props.open, onClose: props.onClose, children: [_jsx(IconButton, { sx: { position: 'absolute', top: '10px', right: '10px' }, size: \"small\", onClick: props.onClose, children: _jsx(Icon, { fontSize: \"small\", name: \"close\" }) }), _jsx(DialogTitle, { variant: \"h2\", sx: { padding: '40px' }, children: props.title }), _jsxs(DialogContent, { sx: {\n                    px: '40px',\n                    paddingBottom: '40px',\n                    a: { textDecoration: 'underline', color: (theme) => theme.palette.text.primary },\n                }, children: [!isManagerShown && (_jsx(Stack, { direction: \"column\", spacing: 2, children: props.description })), isManagerShown && (_jsx(Stack, { direction: \"column\", spacing: 4, children: props.configurator }))] }), _jsxs(DialogActions, { children: [!isManagerShown && (_jsxs(Stack, { direction: \"row\", spacing: 2, children: [_jsxs(Stack, { direction: \"row\", spacing: 2, flexGrow: 1, children: [_jsx(Button, { onClick: (_a = props.onAcceptAll) !== null && _a !== void 0 ? _a : props.onClose, children: (_b = props.textAcceptAll) !== null && _b !== void 0 ? _b : 'Accept all' }), _jsx(Button, { onClick: (_c = props.onAcceptNecessary) !== null && _c !== void 0 ? _c : props.onClose, variant: \"text\", color: \"secondary\", children: (_d = props.textAcceptNecessary) !== null && _d !== void 0 ? _d : 'Accept necessary' })] }), props.configurator && (_jsx(Button, { onClick: showManager, variant: \"text\", color: \"secondary\", startIcon: _jsx(Icon, { fontSize: \"large\", name: \"settings\" }), children: (_e = props.textManage) !== null && _e !== void 0 ? _e : 'Manage' }))] })), isManagerShown && (_jsxs(Stack, { direction: \"row\", spacing: 2, children: [_jsx(Button, { onClick: (_f = props.onAcceptSelected) !== null && _f !== void 0 ? _f : props.onClose, children: (_g = props.textAcceptSelected) !== null && _g !== void 0 ? _g : 'Accept selected' }), _jsx(Button, { onClick: (_h = props.onAcceptNecessary) !== null && _h !== void 0 ? _h : props.onClose, variant: \"text\", color: \"secondary\", children: (_j = props.textAcceptNecessary) !== null && _j !== void 0 ? _j : 'Accept necessary' })] }))] })] }));\n};\n//# sourceMappingURL=CookieModal.js.map"],"names":["CookieModal","props","_a","_b","_c","_d","_e","_f","_g","_h","_j","isOpen","isManagerShown","onOpen","showManager","useClosure","_jsxs","Dialog","maxWidth","fullWidth","open","onClose","children","_jsx","IconButton","sx","position","top","right","size","onClick","Icon","fontSize","name","DialogTitle","variant","padding","title","DialogContent","px","paddingBottom","a","textDecoration","color","theme","palette","text","primary","Stack","direction","spacing","description","configurator","DialogActions","flexGrow","Button","onAcceptAll","textAcceptAll","onAcceptNecessary","textAcceptNecessary","startIcon","textManage","onAcceptSelected","textAcceptSelected"],"mappings":"4XAIY,MAACA,EAAeC,IACxB,IAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EACpC,MAAQC,OAAQC,EAAgBC,OAAQC,GAAgBC,GAAW,GACnE,OAAQC,EAAMC,EAAQ,CAAEC,SAAU,KAAMC,WAAW,EAAMC,KAAMnB,EAAMmB,KAAMC,QAASpB,EAAMoB,QAASC,SAAU,CAACC,EAAKC,EAAY,CAAEC,GAAI,CAAEC,SAAU,WAAYC,IAAK,OAAQC,MAAO,QAAUC,KAAM,QAASC,QAAS7B,EAAMoB,QAASC,SAAUC,EAAKQ,EAAM,CAAEC,SAAU,QAASC,KAAM,YAAeV,EAAKW,EAAa,CAAEC,QAAS,KAAMV,GAAI,CAAEW,QAAS,QAAUd,SAAUrB,EAAMoC,QAAUrB,EAAMsB,EAAe,CAAEb,GAAI,CAClYc,GAAI,OACJC,cAAe,OACfC,EAAG,CAAEC,eAAgB,YAAaC,MAAQC,GAAUA,EAAMC,QAAQC,KAAKC,UACxEzB,SAAU,EAAEV,GAAmBW,EAAKyB,EAAO,CAAEC,UAAW,SAAUC,QAAS,EAAG5B,SAAUrB,EAAMkD,cAAiBvC,GAAmBW,EAAKyB,EAAO,CAAEC,UAAW,SAAUC,QAAS,EAAG5B,SAAUrB,EAAMmD,kBAAsBpC,EAAMqC,EAAe,CAAE/B,SAAU,EAAEV,GAAmBI,EAAMgC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG5B,SAAU,CAACN,EAAMgC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGI,SAAU,EAAGhC,SAAU,CAACC,EAAKgC,EAAQ,CAAEzB,QAAsC,QAA5B5B,EAAKD,EAAMuD,mBAAgC,IAAPtD,EAAgBA,EAAKD,EAAMoB,QAASC,SAAyC,QAA9BnB,EAAKF,EAAMwD,qBAAkC,IAAPtD,EAAgBA,EAAK,eAAiBoB,EAAKgC,EAAQ,CAAEzB,QAA4C,QAAlC1B,EAAKH,EAAMyD,yBAAsC,IAAPtD,EAAgBA,EAAKH,EAAMoB,QAASc,QAAS,OAAQQ,MAAO,YAAarB,SAA+C,QAApCjB,EAAKJ,EAAM0D,2BAAwC,IAAPtD,EAAgBA,EAAK,wBAA2BJ,EAAMmD,cAAiB7B,EAAKgC,EAAQ,CAAEzB,QAAShB,EAAaqB,QAAS,OAAQQ,MAAO,YAAaiB,UAAWrC,EAAKQ,EAAM,CAAEC,SAAU,QAASC,KAAM,aAAeX,SAAsC,QAA3BhB,EAAKL,EAAM4D,kBAA+B,IAAPvD,EAAgBA,EAAK,cAAmBM,GAAmBI,EAAMgC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG5B,SAAU,CAACC,EAAKgC,EAAQ,CAAEzB,QAA2C,QAAjCvB,EAAKN,EAAM6D,wBAAqC,IAAPvD,EAAgBA,EAAKN,EAAMoB,QAASC,SAA8C,QAAnCd,EAAKP,EAAM8D,0BAAuC,IAAPvD,EAAgBA,EAAK,oBAAsBe,EAAKgC,EAAQ,CAAEzB,QAA4C,QAAlCrB,EAAKR,EAAMyD,yBAAsC,IAAPjD,EAAgBA,EAAKR,EAAMoB,QAASc,QAAS,OAAQQ,MAAO,YAAarB,SAA+C,QAApCZ,EAAKT,EAAM0D,2BAAwC,IAAPjD,EAAgBA,EAAK,6BAAoC"}

package/layout/cookieModal/CookieModalItem.d.ts

@@ -0,0 +1,37 @@
+import { FC, ReactNode, ChangeEvent } from 'react';
+export type CookieModalItemProps = {
+    /**
+     * Title of the cookie item
+     * @requires
+     */
+    title: string;
+    /**
+     * Description of the cookie item
+     * @requires
+     */
+    children: ReactNode;
+    /**
+     * Specifies if the switch element is checked
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Callback that is invoked when user interacts with a switch
+     * @param checked
+     * @param event
+     * @returns void
+     * @default undefined
+     */
+    onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Renders the switch element as disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specifies name property of the switch element
+     * @default undefined
+     */
+    switchName?: string;
+};
+export declare const CookieModalItem: FC<CookieModalItemProps>;

package/layout/cookieModal/CookieModalItem.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{Stack as i,InputLabel as r,Typography as c,Switch as t}from"@mui/material";import{useId as o,useState as d,useEffect as a,useCallback as h}from"react";const l=l=>{var s;const m=o(),[p,u]=d(null!==(s=l.checked)&&void 0!==s&&s);a((()=>u(l.checked)),[l.checked,u]);const g=h(((e,n)=>{l.onChange?l.onChange(n,e):u(n)}),[l.onChange,u]);return e(i,{direction:"column",spacing:2,children:[e(i,{direction:"row",spacing:1,justifyContent:"space-between",children:[n(r,{htmlFor:m,sx:{cursor:"pointer"},children:n(c,{variant:"subheadline",children:l.title})}),n(t,{disabled:l.disabled,id:m,checked:p,onChange:g,name:l.switchName})]}),"string"==typeof l.children?n(c,{children:l.children}):l.children]})};export{l as CookieModalItem};
+//# sourceMappingURL=CookieModalItem.js.map

package/layout/cookieModal/CookieModalItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieModalItem.js","sources":["../../../src/layout/cookieModal/CookieModalItem.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { InputLabel, Stack, Switch, Typography } from '@mui/material';\nimport { useId, useState, useEffect, useCallback } from 'react';\nexport const CookieModalItem = (props) => {\n    var _a;\n    const switchId = useId();\n    const [checked, setChecked] = useState((_a = props.checked) !== null && _a !== void 0 ? _a : false);\n    useEffect(() => setChecked(props.checked), [props.checked, setChecked]);\n    const handleChange = useCallback((event, _checked) => {\n        if (props.onChange) {\n            props.onChange(_checked, event);\n        }\n        else {\n            setChecked(_checked);\n        }\n    }, [props.onChange, setChecked]);\n    return (_jsxs(Stack, { direction: \"column\", spacing: 2, children: [_jsxs(Stack, { direction: \"row\", spacing: 1, justifyContent: \"space-between\", children: [_jsx(InputLabel, { htmlFor: switchId, sx: { cursor: 'pointer' }, children: _jsx(Typography, { variant: \"subheadline\", children: props.title }) }), _jsx(Switch, { disabled: props.disabled, id: switchId, checked: checked, onChange: handleChange, name: props.switchName })] }), typeof props.children === 'string' ? _jsx(Typography, { children: props.children }) : props.children] }));\n};\n//# sourceMappingURL=CookieModalItem.js.map"],"names":["CookieModalItem","props","_a","switchId","useId","checked","setChecked","useState","useEffect","handleChange","useCallback","event","_checked","onChange","_jsxs","Stack","direction","spacing","children","justifyContent","_jsx","InputLabel","htmlFor","sx","cursor","Typography","variant","title","Switch","disabled","id","name","switchName"],"mappings":"gNAGY,MAACA,EAAmBC,IAC5B,IAAIC,EACJ,MAAMC,EAAWC,KACVC,EAASC,GAAcC,EAAkC,QAAxBL,EAAKD,EAAMI,eAA4B,IAAPH,GAAgBA,GACxFM,GAAU,IAAMF,EAAWL,EAAMI,UAAU,CAACJ,EAAMI,QAASC,IAC3D,MAAMG,EAAeC,GAAY,CAACC,EAAOC,KACjCX,EAAMY,SACNZ,EAAMY,SAASD,EAAUD,GAGzBL,EAAWM,EACd,GACF,CAACX,EAAMY,SAAUP,IACpB,OAAQQ,EAAMC,EAAO,CAAEC,UAAW,SAAUC,QAAS,EAAGC,SAAU,CAACJ,EAAMC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGE,eAAgB,gBAAiBD,SAAU,CAACE,EAAKC,EAAY,CAAEC,QAASnB,EAAUoB,GAAI,CAAEC,OAAQ,WAAaN,SAAUE,EAAKK,EAAY,CAAEC,QAAS,cAAeR,SAAUjB,EAAM0B,UAAaP,EAAKQ,EAAQ,CAAEC,SAAU5B,EAAM4B,SAAUC,GAAI3B,EAAUE,QAASA,EAASQ,SAAUJ,EAAcsB,KAAM9B,EAAM+B,gBAA6C,iBAAnB/B,EAAMiB,SAAwBE,EAAKK,EAAY,CAAEP,SAAUjB,EAAMiB,WAAcjB,EAAMiB,WAAc"}

package/layout/cookieModal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CookieModal';
+export * from './CookieModalItem';

package/layout/index.d.ts

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

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{Indicator as t}from"../../components/indicator/indicator.js";import n from"@mui/material/Card";import{Label as r}from"../../components/label/label.js";import o from"../common/menuCardComponent/menuCardComponent.js";import l from"../common/buttonCardComponent/buttonCardComponent.js";import{LabelFeature as p}from"../../components/labelFeature/labelFeature.js";import{styled as c}from"@mui/material/styles";import{handleMaxChars as m}from"../../utils/utilities.js";import d from"../../components/common/imageComponent.js";const s=({label:e,labelVariant:n,vehicleName:c,equipment:s,vehicleStatus:h,vehicleStatusVariant:b,image:u,fallbackImage:x,altDescriptionImage:f,mandatoryButtonObject:y,optionalButtonObject:v,darkOpacityLayer:C,lightOpacityLayer:w,menuCardComponentProps:k,isMenuDropdown:j,vehicleSpecs:N,vehicleSpecsObject:O,isCompact:S,size:z})=>a(g,{size:z,darkOpacityLayer:C,lightOpacityLayer:w,children:[i("div",{className:"CardImageOverlayTheme"}),i("div",{className:"ownedVehicleContainer",children:a("div",{className:"ownedVehicleContainerContent",children:[a("div",{className:"vehicleTitleContainer",children:[e&&("feature"===n?i(p,{className:"CardImageLabelFeature",variant:"primary",children:m(e,30)}):i(r,{className:"CardImageLabel",label:m(e,30)})),c&&i("h2",{style:{margin:0},className:"vehicleName",children:m(c,20)}),s&&i("h4",{style:{margin:0},className:"vehicleEquipment",children:m(s,20)}),h&&i(t,{className:"disclamer",label:h,variant:b})]}),i("div",{className:"ownedVehicleImage",children:i(d,{image:u,alt:f,fallbackImage:x})}),a("div",{className:"ownedVehicleSpecsContainer",children:[a("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&i(l,{className:"button-component",buttonObject:y,compact:S}),(null==v?void 0:v.label)&&i(l,{className:"button-component",buttonObject:v,compact:S})]}),N&&a("div",{className:"ownedVehicleSpecs",children:[O.map((e=>a("div",{children:[e.subtitle&&i("p",{children:e.subtitle}),e.value&&i("p",{children:i("b",{children:e.value})})]},e.value)))," "]})]}),j&&i(o,Object.assign({},k))]})})]}),g=c(n,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e(a,["theme"]);const n=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.onSurface.os900),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:i.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[i.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[i.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[i.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[i.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[i.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:i.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));export{s as CardOwnedVehicleComponent,s as default};
+import{__rest as e}from"tslib";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{Indicator as t}from"../../components/indicator/indicator.js";import n from"@mui/material/Card";import{Label as r}from"../../components/label/label.js";import o from"../common/menuCardComponent/menuCardComponent.js";import l from"../common/buttonCardComponent/buttonCardComponent.js";import{LabelFeature as p}from"../../components/labelFeature/labelFeature.js";import{styled as c}from"@mui/material/styles";import{handleMaxChars as m}from"../../utils/utilities.js";import d from"../../components/common/imageComponent.js";const s=({label:e,labelVariant:n,vehicleName:c,equipment:s,vehicleStatus:h,vehicleStatusVariant:b,image:u,fallbackImage:x,altDescriptionImage:f,mandatoryButtonObject:y,optionalButtonObject:v,darkOpacityLayer:C,lightOpacityLayer:w,menuCardComponentProps:k,isMenuDropdown:j,vehicleSpecs:N,vehicleSpecsObject:O,isCompact:S,size:z})=>i(g,{size:z,darkOpacityLayer:C,lightOpacityLayer:w,children:[a("div",{className:"CardImageOverlayTheme"}),a("div",{className:"ownedVehicleContainer",children:i("div",{className:"ownedVehicleContainerContent",children:[i("div",{className:"vehicleTitleContainer",children:[e&&("feature"===n?a(p,{className:"CardImageLabelFeature",variant:"primary",children:m(e,30)}):a(r,{className:"CardImageLabel",label:m(e,30)})),c&&a("h2",{style:{margin:0},className:"vehicleName",children:m(c,20)}),s&&a("h4",{style:{margin:0},className:"vehicleEquipment",children:m(s,20)}),h&&a(t,{className:"disclamer",label:h,color:b})]}),a("div",{className:"ownedVehicleImage",children:a(d,{image:u,alt:f,fallbackImage:x})}),i("div",{className:"ownedVehicleSpecsContainer",children:[i("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&a(l,{className:"button-component",buttonObject:y,compact:S}),(null==v?void 0:v.label)&&a(l,{className:"button-component",buttonObject:v,compact:S})]}),N&&i("div",{className:"ownedVehicleSpecs",children:[O.map((e=>i("div",{children:[e.subtitle&&a("p",{children:e.subtitle}),e.value&&a("p",{children:a("b",{children:e.value})})]},e.value)))," "]})]}),j&&a(o,Object.assign({},k))]})})]}),g=c(n,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((i=>{var{theme:a}=i,t=e(i,["theme"]);const n=((e,i)=>{let a="";switch(i){case"opacity25":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return a})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,i,a)=>{let t="";return"opacity0"!==i&&"opacity0"===e&&(t=a.palette.onSurface.os900),t="opacity0"!==e?a.palette.onSurface.os0:a.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,a);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:a.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[a.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[a.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[a.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[a.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[a.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[a.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:a.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));export{s as CardOwnedVehicleComponent,s as default};
 //# sourceMappingURL=cardOwnedVehicleComponent.js.map