@skodaflow/web-library 7.15.1 → 7.16.1

package/cjs/components/footer/FooterIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterIconButton.js","sources":["../../../../../src/components/footer/FooterIconButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { IconButton, IconButtonProps } from '@mui/material';\nimport { FacebookIcon } from '@/src/components/icon/stroke/FacebookIcon';\nimport { InstagramIcon } from '@/src/components/icon/stroke/InstagramIcon';\nimport { XIcon } from '@/src/components/icon/stroke/XIcon';\nimport { YouTubeIcon } from '@/src/components/icon/stroke/YouTubeIcon';\nimport { LinkedInIcon } from '@/src/components/icon/stroke/LinkedInIcon';\nimport { SettingsIcon } from '@/src/components/icon/stroke/SettingsIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\n\nexport interface FooterIconButtonProps extends IconButtonProps<ElementType> {\n  /**\n   * @deprecated provide icon directly as children (e.g. <FacebookIcon />)\n   */\n  icon?: 'facebook' | 'instagram' | 'twitter' | 'youtube' | 'linkedin' | 'heart' | 'settings' | string;\n}\n\n/**\n * Section for the main links\n */\nexport const FooterIconButton: FC<FooterIconButtonProps> = forwardRef(({ children, icon, ...rest }, ref) => {\n  // mapper to previous api\n  const Icon = useMemo(() => {\n    switch (icon) {\n      case 'facebook':\n        return FacebookIcon;\n      case 'instagram':\n        return InstagramIcon;\n      case 'twitter':\n        return XIcon;\n      case 'youtube':\n        return YouTubeIcon;\n      case 'linkedin':\n        return LinkedInIcon;\n      case 'settings':\n        return SettingsIcon;\n      case 'heart':\n        return HeartIcon;\n      default:\n        return undefined;\n    }\n  }, [icon]);\n\n  return (\n    <IconButton\n      size=\"medium\"\n      color=\"white\"\n      ref={ref as ForwardedRef<HTMLButtonElement>}\n      data-testid=\"FooterIconButton\"\n      {...rest}\n    >\n      {children || <Icon />}\n    </IconButton>\n  );\n});\n\nexport interface PredefinedFooterIconButtonProps extends Omit<FooterIconButtonProps, 'icon'> {}\n\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const FacebookFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Facebook link\" ref={ref} {...props}>\n    <FacebookIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const InstagramFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Instagram link\" ref={ref} {...props}>\n    <InstagramIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const TwitterFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Twitter link\" ref={ref} {...props}>\n    <XIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const YoutubeFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Youtube link\" ref={ref} {...props}>\n    <YouTubeIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const LinkedinFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Linkedin link\" ref={ref} {...props}>\n    <LinkedInIcon />\n  </FooterIconButton>\n));\n"],"names":["FooterIconButton","forwardRef","_a","ref","children","icon","rest","__rest","Icon","useMemo","FacebookIcon","InstagramIcon","XIcon","YouTubeIcon","LinkedInIcon","SettingsIcon","HeartIcon","_jsx","IconButton","Object","assign","size","color","FacebookFooterIconButton","props","InstagramFooterIconButton","TwitterFooterIconButton","YoutubeFooterIconButton","LinkedinFooterIconButton"],"mappings":"2ZAoBO,MAAMA,EAA8CC,EAAAA,YAAW,CAACC,EAA6BC,SAA7BC,SAAEA,EAAQC,KAAEA,GAAIH,EAAKI,EAAIC,EAAAA,OAAAL,EAAzB,qBAErE,MAAMM,EAAOC,EAAAA,SAAQ,KACnB,OAAQJ,GACN,IAAK,WACH,OAAOK,EAAAA,aACT,IAAK,YACH,OAAOC,EAAAA,cACT,IAAK,UACH,OAAOC,EAAAA,MACT,IAAK,UACH,OAAOC,EAAAA,YACT,IAAK,WACH,OAAOC,EAAAA,aACT,IAAK,WACH,OAAOC,EAAAA,aACT,IAAK,QACH,OAAOC,EAAAA,UACT,QACE,UAEH,CAACX,IAEJ,OACEY,EAAAA,IAACC,aAAUC,OAAAC,OAAA,CACTC,KAAK,SACLC,MAAM,QACNnB,IAAKA,EAAsC,cAC/B,oBACRG,EAAI,CAAAF,SAEPA,GAAYa,EAAAA,IAACT,EAAI,MACP,IAOJe,EAAsDtB,EAAAA,YAAW,CAACuB,EAAOrB,IACpFc,EAAAA,IAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC9Da,EAAAA,IAACP,eAAY,CAAA,QAIJe,EAAuDxB,EAAAA,YAAW,CAACuB,EAAOrB,IACrFc,EAAAA,IAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,iBAAiBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC/Da,EAAAA,IAACN,gBAAa,CAAA,QAILe,EAAqDzB,EAAAA,YAAW,CAACuB,EAAOrB,IACnFc,EAAAA,IAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,EAAK,CAAApB,SAC7Da,EAAAA,IAACL,QAAK,CAAA,QAIGe,EAAqD1B,EAAAA,YAAW,CAACuB,EAAOrB,IACnFc,EAAAA,IAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,EAAK,CAAApB,SAC7Da,EAAAA,IAACJ,cAAW,CAAA,QAIHe,EAAsD3B,EAAAA,YAAW,CAACuB,EAAOrB,IACpFc,EAAAA,IAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC9Da,EAAAA,IAACH,eAAY,CAAA"}
+{"version":3,"file":"FooterIconButton.js","sources":["../../../../../src/components/footer/FooterIconButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { IconButton, IconButtonProps } from '@mui/material';\nimport { FacebookIcon } from '@/src/components/icon/stroke/FacebookIcon';\nimport { InstagramIcon } from '@/src/components/icon/stroke/InstagramIcon';\nimport { XIcon } from '@/src/components/icon/stroke/XIcon';\nimport { YouTubeIcon } from '@/src/components/icon/stroke/YouTubeIcon';\nimport { LinkedInIcon } from '@/src/components/icon/stroke/LinkedInIcon';\nimport { SettingsIcon } from '@/src/components/icon/stroke/SettingsIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\n\nexport interface FooterIconButtonProps extends IconButtonProps<ElementType> {\n  /**\n   * @deprecated provide icon directly as children (e.g. <FacebookIcon />)\n   */\n  icon?: 'facebook' | 'instagram' | 'twitter' | 'youtube' | 'linkedin' | 'heart' | 'settings' | string;\n}\n\n/**\n * Section for the main links\n */\nexport const FooterIconButton: FC<FooterIconButtonProps> = forwardRef(({ children, icon, ...rest }, ref) => {\n  // mapper to previous api\n  const Icon = useMemo(() => {\n    switch (icon) {\n      case 'facebook':\n        return FacebookIcon;\n      case 'instagram':\n        return InstagramIcon;\n      case 'twitter':\n        return XIcon;\n      case 'youtube':\n        return YouTubeIcon;\n      case 'linkedin':\n        return LinkedInIcon;\n      case 'settings':\n        return SettingsIcon;\n      case 'heart':\n        return HeartIcon;\n      default:\n        return undefined;\n    }\n  }, [icon]);\n\n  return (\n    <IconButton\n      size=\"medium\"\n      color=\"white\"\n      ref={ref as ForwardedRef<HTMLButtonElement>}\n      data-testid=\"FooterIconButton\"\n      {...rest}\n    >\n      {children || <Icon />}\n    </IconButton>\n  );\n});\n\nexport interface PredefinedFooterIconButtonProps extends Omit<FooterIconButtonProps, 'icon'> {}\n\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const FacebookFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Facebook link\" ref={ref} {...props}>\n    <FacebookIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const InstagramFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Instagram link\" ref={ref} {...props}>\n    <InstagramIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const TwitterFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Twitter link\" ref={ref} {...props}>\n    <XIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const YoutubeFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Youtube link\" ref={ref} {...props}>\n    <YouTubeIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const LinkedinFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Linkedin link\" ref={ref} {...props}>\n    <LinkedInIcon />\n  </FooterIconButton>\n));\n"],"names":["FooterIconButton","forwardRef","_a","ref","children","icon","rest","__rest","Icon","useMemo","FacebookIcon","InstagramIcon","XIcon","YouTubeIcon","LinkedInIcon","SettingsIcon","HeartIcon","_jsx","IconButton","Object","assign","size","color","FacebookFooterIconButton","props","InstagramFooterIconButton","TwitterFooterIconButton","YoutubeFooterIconButton","LinkedinFooterIconButton"],"mappings":"2ZAoBO,MAAMA,EAA8CC,EAAAA,WAAW,CAACC,EAA6BC,SAA7BC,SAAEA,EAAQC,KAAEA,GAAIH,EAAKI,EAAIC,EAAAA,OAAAL,EAAzB,qBAErE,MAAMM,EAAOC,EAAAA,QAAQ,KACnB,OAAQJ,GACN,IAAK,WACH,OAAOK,EAAAA,aACT,IAAK,YACH,OAAOC,EAAAA,cACT,IAAK,UACH,OAAOC,EAAAA,MACT,IAAK,UACH,OAAOC,EAAAA,YACT,IAAK,WACH,OAAOC,EAAAA,aACT,IAAK,WACH,OAAOC,EAAAA,aACT,IAAK,QACH,OAAOC,EAAAA,UACT,QACE,SAEH,CAACX,IAEJ,OACEY,EAAAA,IAACC,aAAUC,OAAAC,OAAA,CACTC,KAAK,SACLC,MAAM,QACNnB,IAAKA,EAAsC,cAC/B,oBACRG,EAAI,CAAAF,SAEPA,GAAYa,EAAAA,IAACT,EAAI,SAQXe,EAAsDtB,EAAAA,WAAW,CAACuB,EAAOrB,IACpFc,EAAAA,IAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC9Da,EAAAA,IAACP,eAAY,CAAA,OAIJe,EAAuDxB,EAAAA,WAAW,CAACuB,EAAOrB,IACrFc,EAAAA,IAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,iBAAiBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC/Da,EAAAA,IAACN,gBAAa,CAAA,OAILe,EAAqDzB,EAAAA,WAAW,CAACuB,EAAOrB,IACnFc,EAAAA,IAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,EAAK,CAAApB,SAC7Da,EAAAA,IAACL,QAAK,CAAA,OAIGe,EAAqD1B,EAAAA,WAAW,CAACuB,EAAOrB,IACnFc,EAAAA,IAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,EAAK,CAAApB,SAC7Da,EAAAA,IAACJ,cAAW,CAAA,OAIHe,EAAsD3B,EAAAA,WAAW,CAACuB,EAAOrB,IACpFc,EAAAA,IAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC9Da,EAAAA,IAACH,eAAY,CAAA"}

package/cjs/components/footer/FooterLink.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material"),n=require("../icon/stroke/PhoneIcon.js"),s=require("../icon/stroke/MessageIcon.js"),o=require("../icon/stroke/EditIcon.js");const c=t.forwardRef(((c,a)=>{var{sx:l,icon:u,children:x,label:d}=c,f=e.__rest(c,["sx","icon","children","label"]);const j=t.useMemo((()=>{switch(u){case"call":return n.PhoneIcon;case"mail":return s.MessageIcon;case"edit":return o.EditIcon;default:return}}),[u]);return r.jsxs(i.Link,Object.assign({sx:Object.assign({display:"inline-flex",gap:1.5,alignItems:"center",justifyContent:"flex-start",padding:"4px 8px","&, &:hover":{textDecoration:"underline",color:"common.white"},"& .MuiSvgIcon-root":{fontSize:"20px"}},l),variant:"list",ref:a},f,{children:[j&&r.jsx(j,{}),x||d]}))})),a=t.forwardRef(((e,t)=>r.jsx(c,Object.assign({ref:t},e))));exports.FooterLink=c,exports.FooterNavItem=a;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material"),n=require("../icon/stroke/PhoneIcon.js"),s=require("../icon/stroke/MessageIcon.js"),o=require("../icon/stroke/EditIcon.js");const c=t.forwardRef((c,a)=>{var{sx:l,icon:u,children:x,label:d}=c,f=e.__rest(c,["sx","icon","children","label"]);const j=t.useMemo(()=>{switch(u){case"call":return n.PhoneIcon;case"mail":return s.MessageIcon;case"edit":return o.EditIcon;default:return}},[u]);return r.jsxs(i.Link,Object.assign({sx:Object.assign({display:"inline-flex",gap:1.5,alignItems:"center",justifyContent:"flex-start",padding:"4px 8px","&, &:hover":{textDecoration:"underline",color:"common.white"},"& .MuiSvgIcon-root":{fontSize:"20px"}},l),variant:"list",ref:a},f,{children:[j&&r.jsx(j,{}),x||d]}))}),a=t.forwardRef((e,t)=>r.jsx(c,Object.assign({ref:t},e)));exports.FooterLink=c,exports.FooterNavItem=a;
 //# sourceMappingURL=FooterLink.js.map

package/cjs/components/footer/FooterLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterLink.js","sources":["../../../../../src/components/footer/FooterLink.tsx"],"sourcesContent":["import React, { useMemo, ElementType, FC, forwardRef, ForwardedRef, ReactNode } from 'react';\nimport { Link, LinkProps } from '@mui/material';\nimport { PhoneIcon } from '@/src/components/icon/stroke/PhoneIcon';\nimport { MessageIcon } from '@/src/components/icon/stroke/MessageIcon';\nimport { EditIcon } from '@/src/components/icon/stroke/EditIcon';\n\nexport interface FooterLinkProps extends LinkProps<ElementType> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * @deprecated provide icon directly as children next to text (e.g. <PhoneIcon />)\n   */\n  icon?: 'call' | 'mail' | 'edit' | string;\n}\n\n/**\n * Component to render styled link in the footer\n */\nexport const FooterLink: FC<FooterLinkProps> = forwardRef(({ sx, icon, children, label, ...rest }, ref) => {\n  // mapper to previous api\n  const Icon = useMemo(() => {\n    switch (icon) {\n      case 'call':\n        return PhoneIcon;\n      case 'mail':\n        return MessageIcon;\n      case 'edit':\n        return EditIcon;\n      default:\n        return undefined;\n    }\n  }, [icon]);\n\n  return (\n    <Link\n      sx={{\n        // icon and text next to each other\n        display: 'inline-flex',\n        gap: 1.5,\n        alignItems: 'center',\n        justifyContent: 'flex-start',\n        padding: '4px 8px',\n        // styling\n        '&, &:hover': {\n          textDecoration: 'underline',\n          color: 'common.white',\n        },\n        // size of icon\n        '& .MuiSvgIcon-root': {\n          fontSize: '20px',\n        },\n        ...sx,\n      }}\n      variant=\"list\"\n      ref={ref as ForwardedRef<HTMLAnchorElement>}\n      {...rest}\n    >\n      {Icon && <Icon />}\n      {children || label}\n    </Link>\n  );\n});\n\nexport interface FooterNavItemProps extends FooterLinkProps {}\n/**\n * @deprecated remove this component, use FooterLink instead\n */\nexport const FooterNavItem: FC<FooterNavItemProps> = forwardRef((props, ref) => {\n  return <FooterLink ref={ref} {...props} />;\n});\n"],"names":["FooterLink","forwardRef","_a","ref","sx","icon","children","label","rest","__rest","Icon","useMemo","PhoneIcon","MessageIcon","EditIcon","_jsxs","Link","Object","assign","display","gap","alignItems","justifyContent","padding","textDecoration","color","fontSize","variant","_jsx","FooterNavItem","props"],"mappings":"6OAoBO,MAAMA,EAAkCC,EAAAA,YAAW,CAACC,EAAwCC,KAAxC,IAAAC,GAAEA,EAAEC,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,GAAKL,EAAKM,EAAIC,EAAAA,OAAAP,EAApC,CAAA,KAAA,OAAA,WAAA,UAEzD,MAAMQ,EAAOC,EAAAA,SAAQ,KACnB,OAAQN,GACN,IAAK,OACH,OAAOO,EAAAA,UACT,IAAK,OACH,OAAOC,EAAAA,YACT,IAAK,OACH,OAAOC,EAAAA,SACT,QACE,UAEH,CAACT,IAEJ,OACEU,EAAAA,KAACC,EAAAA,KAAIC,OAAAC,OAAA,CACHd,GAAEa,OAAAC,OAAA,CAEAC,QAAS,cACTC,IAAK,IACLC,WAAY,SACZC,eAAgB,aAChBC,QAAS,UAET,aAAc,CACZC,eAAgB,YAChBC,MAAO,gBAGT,qBAAsB,CACpBC,SAAU,SAETtB,GAELuB,QAAQ,OACRxB,IAAKA,GACDK,aAEHE,GAAQkB,EAAAA,IAAClB,EAAI,CAAA,GACbJ,GAAYC,KACR,IAQEsB,EAAwC5B,EAAAA,YAAW,CAAC6B,EAAO3B,IAC/DyB,EAAAA,IAAC5B,EAAUiB,OAAAC,OAAA,CAACf,IAAKA,GAAS2B"}
+{"version":3,"file":"FooterLink.js","sources":["../../../../../src/components/footer/FooterLink.tsx"],"sourcesContent":["import React, { useMemo, ElementType, FC, forwardRef, ForwardedRef, ReactNode } from 'react';\nimport { Link, LinkProps } from '@mui/material';\nimport { PhoneIcon } from '@/src/components/icon/stroke/PhoneIcon';\nimport { MessageIcon } from '@/src/components/icon/stroke/MessageIcon';\nimport { EditIcon } from '@/src/components/icon/stroke/EditIcon';\n\nexport interface FooterLinkProps extends LinkProps<ElementType> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * @deprecated provide icon directly as children next to text (e.g. <PhoneIcon />)\n   */\n  icon?: 'call' | 'mail' | 'edit' | string;\n}\n\n/**\n * Component to render styled link in the footer\n */\nexport const FooterLink: FC<FooterLinkProps> = forwardRef(({ sx, icon, children, label, ...rest }, ref) => {\n  // mapper to previous api\n  const Icon = useMemo(() => {\n    switch (icon) {\n      case 'call':\n        return PhoneIcon;\n      case 'mail':\n        return MessageIcon;\n      case 'edit':\n        return EditIcon;\n      default:\n        return undefined;\n    }\n  }, [icon]);\n\n  return (\n    <Link\n      sx={{\n        // icon and text next to each other\n        display: 'inline-flex',\n        gap: 1.5,\n        alignItems: 'center',\n        justifyContent: 'flex-start',\n        padding: '4px 8px',\n        // styling\n        '&, &:hover': {\n          textDecoration: 'underline',\n          color: 'common.white',\n        },\n        // size of icon\n        '& .MuiSvgIcon-root': {\n          fontSize: '20px',\n        },\n        ...sx,\n      }}\n      variant=\"list\"\n      ref={ref as ForwardedRef<HTMLAnchorElement>}\n      {...rest}\n    >\n      {Icon && <Icon />}\n      {children || label}\n    </Link>\n  );\n});\n\nexport interface FooterNavItemProps extends FooterLinkProps {}\n/**\n * @deprecated remove this component, use FooterLink instead\n */\nexport const FooterNavItem: FC<FooterNavItemProps> = forwardRef((props, ref) => {\n  return <FooterLink ref={ref} {...props} />;\n});\n"],"names":["FooterLink","forwardRef","_a","ref","sx","icon","children","label","rest","__rest","Icon","useMemo","PhoneIcon","MessageIcon","EditIcon","_jsxs","Link","Object","assign","display","gap","alignItems","justifyContent","padding","textDecoration","color","fontSize","variant","_jsx","FooterNavItem","props"],"mappings":"6OAoBO,MAAMA,EAAkCC,EAAAA,WAAW,CAACC,EAAwCC,KAAxC,IAAAC,GAAEA,EAAEC,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,GAAKL,EAAKM,EAAIC,EAAAA,OAAAP,EAApC,CAAA,KAAA,OAAA,WAAA,UAEzD,MAAMQ,EAAOC,EAAAA,QAAQ,KACnB,OAAQN,GACN,IAAK,OACH,OAAOO,EAAAA,UACT,IAAK,OACH,OAAOC,EAAAA,YACT,IAAK,OACH,OAAOC,EAAAA,SACT,QACE,SAEH,CAACT,IAEJ,OACEU,EAAAA,KAACC,EAAAA,KAAIC,OAAAC,OAAA,CACHd,GAAEa,OAAAC,OAAA,CAEAC,QAAS,cACTC,IAAK,IACLC,WAAY,SACZC,eAAgB,aAChBC,QAAS,UAET,aAAc,CACZC,eAAgB,YAChBC,MAAO,gBAGT,qBAAsB,CACpBC,SAAU,SAETtB,GAELuB,QAAQ,OACRxB,IAAKA,GACDK,aAEHE,GAAQkB,EAAAA,IAAClB,EAAI,CAAA,GACbJ,GAAYC,QASNsB,EAAwC5B,EAAAA,WAAW,CAAC6B,EAAO3B,IAC/DyB,EAAAA,IAAC5B,EAAUiB,OAAAC,OAAA,CAACf,IAAKA,GAAS2B"}

package/cjs/components/footer/FooterMenu.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),n=require("./FooterAccordion.js");const s=t.forwardRef(((s,a)=>{var{sx:i,children:c,label:u,mainItem:l,accordionSummaryProps:d,subItems:p,contentProps:b,variant:m="auto"}=s,x=e.__rest(s,["sx","children","label","mainItem","accordionSummaryProps","subItems","contentProps","variant"]);const g=null!=b?b:{},{sx:j}=g,f=e.__rest(g,["sx"]),y=null!=d?d:{},{sx:O}=y,h=e.__rest(y,["sx"]),v=r.useTheme(),M=r.useMediaQuery(v.breakpoints.down("lg")),S="auto"===m?M:"accordion"===m,[F,I]=t.useState(!1);return o.jsxs(n.FooterAccordion,Object.assign({ref:a,"data-testid":"FooterMenu",expanded:!S||F,onChange:(e,o)=>I(o),variant:"standard",sx:Object.assign(Object.assign({flexBasis:{lg:"20%"},borderColor:"onSurface.os700"},!S&&{border:"none"}),i),accordionSummaryProps:Object.assign({"data-testid":"FooterMenu.label",sx:Object.assign(Object.assign({padding:"18px 0 8px","& .MuiLink-root":Object.assign(Object.assign({},v.typography.subheadline),{p:0,"&, &:hover":{textDecoration:"none",color:"common.white"}})},!S&&{overflow:"visible","&&:not(.Mui-disabled)":{cursor:"unset"},"& .MuiAccordionSummary-expandIconWrapper":{display:"none"}}),O)},h),label:u||l,contentProps:Object.assign({component:"div","data-testid":"FooterMenu.content",sx:Object.assign({display:"flex",alignItems:"flex-start",justifyContent:"flex-start",flexDirection:"column",gap:1.5,"& .MuiLink-root":Object.assign(Object.assign({},v.typography.caption2),{p:0,"&, &:hover":{textDecoration:"none",color:"onSurface.os200"}})},j)},f)},x,{children:[c,p]}),`${S}`)}));exports.FooterMenu=s;
+"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),n=require("./FooterAccordion.js");const s=t.forwardRef((s,a)=>{var{sx:i,children:c,label:u,mainItem:l,accordionSummaryProps:d,subItems:p,contentProps:b,variant:m="auto"}=s,x=e.__rest(s,["sx","children","label","mainItem","accordionSummaryProps","subItems","contentProps","variant"]);const g=null!=b?b:{},{sx:j}=g,f=e.__rest(g,["sx"]),y=null!=d?d:{},{sx:O}=y,h=e.__rest(y,["sx"]),v=r.useTheme(),M=r.useMediaQuery(v.breakpoints.down("lg")),S="auto"===m?M:"accordion"===m,[F,I]=t.useState(!1);return o.jsxs(n.FooterAccordion,Object.assign({ref:a,"data-testid":"FooterMenu",expanded:!S||F,onChange:(e,o)=>I(o),variant:"standard",sx:Object.assign(Object.assign({flexBasis:{lg:"20%"},borderColor:"onSurface.os700"},!S&&{border:"none"}),i),accordionSummaryProps:Object.assign({"data-testid":"FooterMenu.label",sx:Object.assign(Object.assign({padding:"18px 0 8px","& .MuiLink-root":Object.assign(Object.assign({},v.typography.subheadline),{p:0,"&, &:hover":{textDecoration:"none",color:"common.white"}})},!S&&{overflow:"visible","&&:not(.Mui-disabled)":{cursor:"unset"},"& .MuiAccordionSummary-expandIconWrapper":{display:"none"}}),O)},h),label:u||l,contentProps:Object.assign({component:"div","data-testid":"FooterMenu.content",sx:Object.assign({display:"flex",alignItems:"flex-start",justifyContent:"flex-start",flexDirection:"column",gap:1.5,"& .MuiLink-root":Object.assign(Object.assign({},v.typography.caption2),{p:0,"&, &:hover":{textDecoration:"none",color:"onSurface.os200"}})},j)},f)},x,{children:[c,p]}),`${S}`)});exports.FooterMenu=s;
 //# sourceMappingURL=FooterMenu.js.map

package/cjs/components/footer/FooterMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterMenu.js","sources":["../../../../../src/components/footer/FooterMenu.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useState } from 'react';\nimport { Theme, useMediaQuery, useTheme } from '@mui/material';\nimport { FooterAccordion, FooterAccordionProps } from './FooterAccordion';\n\nexport interface FooterMenuProps extends Omit<FooterAccordionProps, 'variant' | 'children'> {\n  /**\n   * Main item of Menu\n   * @deprecated rename to label\n   */\n  mainItem?: React.ReactNode;\n  /**\n   * Items in the menu\n   * @depreaceted place links directly as children\n   */\n  subItems?: ReactNode;\n  /**\n   * Items in the menu\n   */\n  children?: React.ReactNode;\n  /**\n   * Variant of the menu\n   * - auto: renders on large resolution as list and on mobile as accordion\n   * - list: renders as list with title\n   * - accordion: renders as collapsible accordion\n   * @default auto\n   */\n  variant?: 'auto' | 'list' | 'accordion';\n}\n\n/**\n * Section for the secondary links, copyright and optional button\n */\nexport const FooterMenu: FC<FooterMenuProps> = forwardRef(\n  (\n    { sx, children, label, mainItem, accordionSummaryProps, subItems, contentProps, variant = 'auto', ...rest },\n    ref,\n  ) => {\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: accSummarySx, ...restAccSummary } = accordionSummaryProps ?? {};\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const isAccordion = variant === 'auto' ? downLg : variant === 'accordion';\n    const [expanded, setExpanded] = useState(false);\n\n    return (\n      <FooterAccordion\n        key={`${isAccordion}`}\n        ref={ref}\n        data-testid=\"FooterMenu\"\n        expanded={isAccordion ? expanded : true}\n        onChange={(_, v) => setExpanded(v)}\n        variant=\"standard\"\n        sx={{\n          // spacing in the FooterSectionMenu, take max 1/5 of space\n          flexBasis: { lg: '20%' },\n          borderColor: 'onSurface.os700',\n          ...(!isAccordion && {\n            border: 'none',\n          }),\n          ...sx,\n        }}\n        accordionSummaryProps={{\n          ['data-testid']: 'FooterMenu.label',\n          sx: {\n            // adjust proportions to be closer to menu\n            padding: '18px 0 8px',\n            // manipulates style of links inside\n            '& .MuiLink-root': {\n              ...theme.typography.subheadline,\n              p: 0,\n              '&, &:hover': {\n                textDecoration: 'none',\n                color: 'common.white',\n              },\n            },\n            ...(!isAccordion && {\n              // allow overflow of focus ring\n              overflow: 'visible',\n              // no longer clickable\n              '&&:not(.Mui-disabled)': {\n                cursor: 'unset',\n              },\n              // hide icon\n              '& .MuiAccordionSummary-expandIconWrapper': {\n                display: 'none',\n              },\n            }),\n            ...accSummarySx,\n          },\n          ...restAccSummary,\n        }}\n        label={label || mainItem}\n        contentProps={{\n          component: 'div',\n          ['data-testid']: 'FooterMenu.content',\n          sx: {\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-start',\n            flexDirection: 'column',\n            gap: 1.5,\n            // manipulates style of links inside\n            '& .MuiLink-root': {\n              ...theme.typography.caption2,\n              p: 0,\n              '&, &:hover': {\n                textDecoration: 'none',\n                color: 'onSurface.os200',\n              },\n            },\n            ...contentSx,\n          },\n          ...restContent,\n        }}\n        {...rest}\n      >\n        {children}\n        {subItems}\n      </FooterAccordion>\n    );\n  },\n);\n"],"names":["FooterMenu","forwardRef","_a","ref","sx","children","label","mainItem","accordionSummaryProps","subItems","contentProps","variant","rest","__rest","_b","contentSx","restContent","_c","accSummarySx","restAccSummary","theme","useTheme","downLg","useMediaQuery","breakpoints","down","isAccordion","expanded","setExpanded","useState","_jsxs","FooterAccordion","onChange","_","v","Object","assign","flexBasis","lg","borderColor","border","padding","typography","subheadline","p","textDecoration","color","overflow","cursor","display","component","alignItems","justifyContent","flexDirection","gap","caption2"],"mappings":"mJAgCO,MAAMA,EAAkCC,EAAAA,YAC7C,CACEC,EACAC,SADAC,GAAEA,EAAEC,SAAEA,EAAQC,MAAEA,EAAKC,SAAEA,EAAQC,sBAAEA,EAAqBC,SAAEA,EAAQC,aAAEA,EAAYC,QAAEA,EAAU,UAAWC,EAAIC,EAAAA,OAAAX,EAAzG,CAAA,KAAA,WAAA,QAAA,WAAA,wBAAA,WAAA,eAAA,YAGA,MAAMY,EAAoCJ,QAAAA,EAAgB,IAAlDN,GAAIW,GAASD,EAAKE,EAAWH,EAAAA,OAAAC,EAA/B,CAAA,OACAG,EAA0CT,QAAAA,EAAyB,IAAjEJ,GAAIc,GAAYD,EAAKE,EAAcN,EAAAA,OAAAI,EAArC,CAAA,OACAG,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAA0B,SAAZf,EAAqBW,EAAqB,cAAZX,GAC3CgB,EAAUC,GAAeC,EAAAA,UAAS,GAEzC,OACEC,OAACC,EAAAA,+BAEC5B,IAAKA,EAAG,cACI,aACZwB,UAAUD,GAAcC,EACxBK,SAAU,CAACC,EAAGC,IAAMN,EAAYM,GAChCvB,QAAQ,WACRP,GAAE+B,OAAAC,OAAAD,OAAAC,OAAA,CAEAC,UAAW,CAAEC,GAAI,OACjBC,YAAa,oBACRb,GAAe,CAClBc,OAAQ,SAEPpC,GAELI,sBAAqB2B,OAAAC,OAAA,CACnB,cAAiB,mBACjBhC,GAAE+B,OAAAC,OAAAD,OAAAC,OAAA,CAEAK,QAAS,aAET,kBAAiBN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZhB,EAAMsB,WAAWC,aAAW,CAC/BC,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,oBAGNpB,GAAe,CAElBqB,SAAU,UAEV,wBAAyB,CACvBC,OAAQ,SAGV,2CAA4C,CAC1CC,QAAS,UAGV/B,IAEFC,GAELb,MAAOA,GAASC,EAChBG,4BACEwC,UAAW,MACX,cAAiB,qBACjB9C,kBACE6C,QAAS,OACTE,WAAY,aACZC,eAAgB,aAChBC,cAAe,SACfC,IAAK,IAEL,kBAAiBnB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZhB,EAAMsB,WAAWa,UAAQ,CAC5BX,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,sBAGR/B,IAEFC,IAEDJ,EAAI,CAAAP,SAAA,CAEPA,EACAI,KAvEI,GAAGiB,IAwEQ"}
+{"version":3,"file":"FooterMenu.js","sources":["../../../../../src/components/footer/FooterMenu.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useState } from 'react';\nimport { Theme, useMediaQuery, useTheme } from '@mui/material';\nimport { FooterAccordion, FooterAccordionProps } from './FooterAccordion';\n\nexport interface FooterMenuProps extends Omit<FooterAccordionProps, 'variant' | 'children'> {\n  /**\n   * Main item of Menu\n   * @deprecated rename to label\n   */\n  mainItem?: React.ReactNode;\n  /**\n   * Items in the menu\n   * @depreaceted place links directly as children\n   */\n  subItems?: ReactNode;\n  /**\n   * Items in the menu\n   */\n  children?: React.ReactNode;\n  /**\n   * Variant of the menu\n   * - auto: renders on large resolution as list and on mobile as accordion\n   * - list: renders as list with title\n   * - accordion: renders as collapsible accordion\n   * @default auto\n   */\n  variant?: 'auto' | 'list' | 'accordion';\n}\n\n/**\n * Section for the secondary links, copyright and optional button\n */\nexport const FooterMenu: FC<FooterMenuProps> = forwardRef(\n  (\n    { sx, children, label, mainItem, accordionSummaryProps, subItems, contentProps, variant = 'auto', ...rest },\n    ref,\n  ) => {\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: accSummarySx, ...restAccSummary } = accordionSummaryProps ?? {};\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const isAccordion = variant === 'auto' ? downLg : variant === 'accordion';\n    const [expanded, setExpanded] = useState(false);\n\n    return (\n      <FooterAccordion\n        key={`${isAccordion}`}\n        ref={ref}\n        data-testid=\"FooterMenu\"\n        expanded={isAccordion ? expanded : true}\n        onChange={(_, v) => setExpanded(v)}\n        variant=\"standard\"\n        sx={{\n          // spacing in the FooterSectionMenu, take max 1/5 of space\n          flexBasis: { lg: '20%' },\n          borderColor: 'onSurface.os700',\n          ...(!isAccordion && {\n            border: 'none',\n          }),\n          ...sx,\n        }}\n        accordionSummaryProps={{\n          ['data-testid']: 'FooterMenu.label',\n          sx: {\n            // adjust proportions to be closer to menu\n            padding: '18px 0 8px',\n            // manipulates style of links inside\n            '& .MuiLink-root': {\n              ...theme.typography.subheadline,\n              p: 0,\n              '&, &:hover': {\n                textDecoration: 'none',\n                color: 'common.white',\n              },\n            },\n            ...(!isAccordion && {\n              // allow overflow of focus ring\n              overflow: 'visible',\n              // no longer clickable\n              '&&:not(.Mui-disabled)': {\n                cursor: 'unset',\n              },\n              // hide icon\n              '& .MuiAccordionSummary-expandIconWrapper': {\n                display: 'none',\n              },\n            }),\n            ...accSummarySx,\n          },\n          ...restAccSummary,\n        }}\n        label={label || mainItem}\n        contentProps={{\n          component: 'div',\n          ['data-testid']: 'FooterMenu.content',\n          sx: {\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-start',\n            flexDirection: 'column',\n            gap: 1.5,\n            // manipulates style of links inside\n            '& .MuiLink-root': {\n              ...theme.typography.caption2,\n              p: 0,\n              '&, &:hover': {\n                textDecoration: 'none',\n                color: 'onSurface.os200',\n              },\n            },\n            ...contentSx,\n          },\n          ...restContent,\n        }}\n        {...rest}\n      >\n        {children}\n        {subItems}\n      </FooterAccordion>\n    );\n  },\n);\n"],"names":["FooterMenu","forwardRef","_a","ref","sx","children","label","mainItem","accordionSummaryProps","subItems","contentProps","variant","rest","__rest","_b","contentSx","restContent","_c","accSummarySx","restAccSummary","theme","useTheme","downLg","useMediaQuery","breakpoints","down","isAccordion","expanded","setExpanded","useState","_jsxs","FooterAccordion","onChange","_","v","Object","assign","flexBasis","lg","borderColor","border","padding","typography","subheadline","p","textDecoration","color","overflow","cursor","display","component","alignItems","justifyContent","flexDirection","gap","caption2"],"mappings":"mJAgCO,MAAMA,EAAkCC,EAAAA,WAC7C,CACEC,EACAC,SADAC,GAAEA,EAAEC,SAAEA,EAAQC,MAAEA,EAAKC,SAAEA,EAAQC,sBAAEA,EAAqBC,SAAEA,EAAQC,aAAEA,EAAYC,QAAEA,EAAU,UAAWC,EAAIC,EAAAA,OAAAX,EAAzG,CAAA,KAAA,WAAA,QAAA,WAAA,wBAAA,WAAA,eAAA,YAGA,MAAMY,EAAoCJ,QAAAA,EAAgB,IAAlDN,GAAIW,GAASD,EAAKE,EAAWH,EAAAA,OAAAC,EAA/B,CAAA,OACAG,EAA0CT,QAAAA,EAAyB,IAAjEJ,GAAIc,GAAYD,EAAKE,EAAcN,EAAAA,OAAAI,EAArC,CAAA,OACAG,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAA0B,SAAZf,EAAqBW,EAAqB,cAAZX,GAC3CgB,EAAUC,GAAeC,EAAAA,UAAS,GAEzC,OACEC,OAACC,EAAAA,+BAEC5B,IAAKA,EAAG,cACI,aACZwB,UAAUD,GAAcC,EACxBK,SAAU,CAACC,EAAGC,IAAMN,EAAYM,GAChCvB,QAAQ,WACRP,GAAE+B,OAAAC,OAAAD,OAAAC,OAAA,CAEAC,UAAW,CAAEC,GAAI,OACjBC,YAAa,oBACRb,GAAe,CAClBc,OAAQ,SAEPpC,GAELI,sBAAqB2B,OAAAC,OAAA,CACnB,cAAiB,mBACjBhC,GAAE+B,OAAAC,OAAAD,OAAAC,OAAA,CAEAK,QAAS,aAET,kBAAiBN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZhB,EAAMsB,WAAWC,aAAW,CAC/BC,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,oBAGNpB,GAAe,CAElBqB,SAAU,UAEV,wBAAyB,CACvBC,OAAQ,SAGV,2CAA4C,CAC1CC,QAAS,UAGV/B,IAEFC,GAELb,MAAOA,GAASC,EAChBG,4BACEwC,UAAW,MACX,cAAiB,qBACjB9C,kBACE6C,QAAS,OACTE,WAAY,aACZC,eAAgB,aAChBC,cAAe,SACfC,IAAK,IAEL,kBAAiBnB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZhB,EAAMsB,WAAWa,UAAQ,CAC5BX,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,sBAGR/B,IAEFC,IAEDJ,EAAI,CAAAP,SAAA,CAEPA,EACAI,KAvEI,GAAGiB"}

package/cjs/components/footer/FooterSectionContact.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material");const a=s.forwardRef(((s,a)=>{var{sx:l,children:r,className:c,contactSlot:n,contactSlotProps:i,socialSlot:x,socialSlotProps:f}=s,g=t.__rest(s,["sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps"]);const p=null!=i?i:{},{sx:d}=p,u=t.__rest(p,["sx"]),j=null!=f?f:{},{sx:S}=j,m=t.__rest(j,["sx"]);return e.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:{xs:4,lg:2},flexDirection:{xs:"column",lg:"row"}},l),ref:a,"data-testid":"FooterSectionContact",className:["FlowSectionContact-root",c].filter(Boolean).join(", ")},g,{children:[e.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"flex-start",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},d),"data-testid":"FooterSectionContact.contact"},u,{children:[r,n]})),e.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"flex-start",lg:"flex-end"},flexWrap:"wrap",gap:.5},S),"data-testid":"FooterSectionContact.social"},m,{children:x}))]}))}));exports.FooterSectionContact=a;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material");const a=s.forwardRef((s,a)=>{var{sx:l,children:r,className:c,contactSlot:n,contactSlotProps:i,socialSlot:x,socialSlotProps:f}=s,g=t.__rest(s,["sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps"]);const p=null!=i?i:{},{sx:d}=p,u=t.__rest(p,["sx"]),j=null!=f?f:{},{sx:S}=j,m=t.__rest(j,["sx"]);return e.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:{xs:4,lg:2},flexDirection:{xs:"column",lg:"row"}},l),ref:a,"data-testid":"FooterSectionContact",className:["FlowSectionContact-root",c].filter(Boolean).join(" ")},g,{children:[e.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"flex-start",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},d),"data-testid":"FooterSectionContact.contact"},u,{children:[r,n]})),e.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"flex-start",lg:"flex-end"},flexWrap:"wrap",gap:.5},S),"data-testid":"FooterSectionContact.social"},m,{children:x}))]}))});exports.FooterSectionContact=a;
 //# sourceMappingURL=FooterSectionContact.js.map

package/cjs/components/footer/FooterSectionContact.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterSectionContact.js","sources":["../../../../../src/components/footer/FooterSectionContact.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionContactProps extends BoxProps<ElementType> {\n  /**\n   * Items that should be rendered in left side\n   */\n  contactSlot?: ReactNode;\n  /**\n   * Properties applied to the contact wrapper\n   */\n  contactSlotProps?: BoxProps<ElementType>;\n  /**\n   * Items that should be rendered in right side\n   */\n  socialSlot?: ReactNode;\n  /**\n   * Properties applied to the social wrapper\n   */\n  socialSlotProps?: BoxProps<ElementType>;\n}\n\n/**\n * Section for the main contact links and social media\n */\nexport const FooterSectionContact: FC<FooterSectionContactProps> = forwardRef(\n  ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n    const { sx: contactSlotSx, ...restContactSlot } = contactSlotProps ?? {};\n    const { sx: socialSlotSx, ...restSocialSlot } = socialSlotProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'flex-start', lg: 'center' },\n          justifyContent: 'space-between',\n          flexWrap: 'wrap',\n          gap: { xs: 4, lg: 2 },\n          flexDirection: { xs: 'column', lg: 'row' },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionContact\"\n        className={['FlowSectionContact-root', className].filter(Boolean).join(', ')}\n        {...rest}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: { xs: 'flex-start', lg: 'center' },\n            justifyContent: 'flex-start',\n            flexWrap: 'wrap',\n            gap: 2,\n            flexDirection: {\n              xs: 'column',\n              lg: 'row',\n            },\n            ...contactSlotSx,\n          }}\n          data-testid=\"FooterSectionContact.contact\"\n          {...restContactSlot}\n        >\n          {children}\n          {contactSlot}\n        </Box>\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: { xs: 'flex-start', lg: 'flex-end' },\n            flexWrap: 'wrap',\n            gap: 0.5,\n            ...socialSlotSx,\n          }}\n          data-testid=\"FooterSectionContact.social\"\n          {...restSocialSlot}\n        >\n          {socialSlot}\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionContact","forwardRef","_a","ref","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","__rest","_b","contactSlotSx","restContactSlot","_c","socialSlotSx","restSocialSlot","_jsxs","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx"],"mappings":"iHAyBO,MAAMA,EAAsDC,EAAAA,YACjE,CAACC,EAAkGC,KAAlG,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,UAAEA,EAASC,YAAEA,EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,EAAAA,OAAAV,EAA9F,+FACC,MAAMW,EAA4CL,QAAAA,EAAoB,IAA9DJ,GAAIU,GAAaD,EAAKE,EAAeH,EAAAA,OAAAC,EAAvC,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DN,GAAIa,GAAYD,EAAKE,EAAcN,EAAAA,OAAAI,EAArC,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAChCtB,GAELD,IAAKA,EAAG,cACI,uBACZG,UAAW,CAAC,0BAA2BA,GAAWyB,OAAOC,SAASC,KAAK,OACnEtB,EAAI,CAAAN,SAAA,CAERc,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,aAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CACbL,GAAI,SACJC,GAAI,QAEHZ,GAAa,cAEN,gCACRC,aAEHV,EACAE,MAEH2B,EAAAA,IAACd,MAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,SACZG,eAAgB,CAAEF,GAAI,aAAcC,GAAI,YACxCE,SAAU,OACVC,IAAK,IACFZ,GAAY,cAEL,+BACRC,EAAc,CAAAb,SAEjBI,QAEC"}
+{"version":3,"file":"FooterSectionContact.js","sources":["../../../../../src/components/footer/FooterSectionContact.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionContactProps extends BoxProps<ElementType> {\n  /**\n   * Items that should be rendered in left side\n   */\n  contactSlot?: ReactNode;\n  /**\n   * Properties applied to the contact wrapper\n   */\n  contactSlotProps?: BoxProps<ElementType>;\n  /**\n   * Items that should be rendered in right side\n   */\n  socialSlot?: ReactNode;\n  /**\n   * Properties applied to the social wrapper\n   */\n  socialSlotProps?: BoxProps<ElementType>;\n}\n\n/**\n * Section for the main contact links and social media\n */\nexport const FooterSectionContact: FC<FooterSectionContactProps> = forwardRef(\n  ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n    const { sx: contactSlotSx, ...restContactSlot } = contactSlotProps ?? {};\n    const { sx: socialSlotSx, ...restSocialSlot } = socialSlotProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'flex-start', lg: 'center' },\n          justifyContent: 'space-between',\n          flexWrap: 'wrap',\n          gap: { xs: 4, lg: 2 },\n          flexDirection: { xs: 'column', lg: 'row' },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionContact\"\n        className={['FlowSectionContact-root', className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: { xs: 'flex-start', lg: 'center' },\n            justifyContent: 'flex-start',\n            flexWrap: 'wrap',\n            gap: 2,\n            flexDirection: {\n              xs: 'column',\n              lg: 'row',\n            },\n            ...contactSlotSx,\n          }}\n          data-testid=\"FooterSectionContact.contact\"\n          {...restContactSlot}\n        >\n          {children}\n          {contactSlot}\n        </Box>\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: { xs: 'flex-start', lg: 'flex-end' },\n            flexWrap: 'wrap',\n            gap: 0.5,\n            ...socialSlotSx,\n          }}\n          data-testid=\"FooterSectionContact.social\"\n          {...restSocialSlot}\n        >\n          {socialSlot}\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionContact","forwardRef","_a","ref","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","__rest","_b","contactSlotSx","restContactSlot","_c","socialSlotSx","restSocialSlot","_jsxs","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx"],"mappings":"iHAyBO,MAAMA,EAAsDC,EAAAA,WACjE,CAACC,EAAkGC,KAAlG,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,UAAEA,EAASC,YAAEA,EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,EAAAA,OAAAV,EAA9F,+FACC,MAAMW,EAA4CL,QAAAA,EAAoB,IAA9DJ,GAAIU,GAAaD,EAAKE,EAAeH,EAAAA,OAAAC,EAAvC,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DN,GAAIa,GAAYD,EAAKE,EAAcN,EAAAA,OAAAI,EAArC,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAChCtB,GAELD,IAAKA,EAAG,cACI,uBACZG,UAAW,CAAC,0BAA2BA,GAAWyB,OAAOC,SAASC,KAAK,MACnEtB,EAAI,CAAAN,SAAA,CAERc,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,aAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CACbL,GAAI,SACJC,GAAI,QAEHZ,GAAa,cAEN,gCACRC,aAEHV,EACAE,MAEH2B,EAAAA,IAACd,MAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,SACZG,eAAgB,CAAEF,GAAI,aAAcC,GAAI,YACxCE,SAAU,OACVC,IAAK,IACFZ,GAAY,cAEL,+BACRC,EAAc,CAAAb,SAEjBI"}

package/cjs/components/footer/FooterSectionLinks.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),r=require("@mui/material");const o=s.forwardRef(((s,o)=>{var{sx:n,children:i,className:l,textSlot:a,buttonSlot:c,buttonSlotProps:x,textTypographyProps:p,buttonProps:g,linksWrapperProps:u}=s,d=t.__rest(s,["sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps"]);const b=null!=p?p:{},{sx:f}=b,j=t.__rest(b,["sx"]),h=null!=u?u:{},{sx:m}=h,y=t.__rest(h,["sx"]),S=null!=x?x:{},{sx:O}=S,k=t.__rest(S,["sx"]),_=null!=g?g:{},{label:w}=_,P=t.__rest(_,["label"]),L=r.useTheme();return e.jsxs(r.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},n),ref:o,"data-testid":"FooterSectionLinks",className:["FooterSectionLinks-root",l].filter(Boolean).join(", ")},d,{children:[a&&e.jsx(r.Typography,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({my:{xs:2,lg:0},color:"onSurface.os200"},i&&{display:"inline-flex",alignItems:"center",justifyContent:"flex-start",mr:{lg:2},"&:after":{content:{xs:"none",lg:"''"},display:"block",height:"14px",width:"1px",backgroundColor:"onSurface.os700",ml:4},order:{xs:1,lg:0}}),f),"data-testid":"FooterSectionLinks.text"},j,{children:a})),i&&e.jsx(r.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},flexDirection:{xs:"column",lg:"row"},flexWrap:"wrap",flexGrow:"1",gap:{xs:2,lg:3},"& .MuiButton-root":{alignSelf:{xs:"stretch",lg:"auto"}},"& .MuiLink-root":Object.assign(Object.assign({},L.typography.disclaimer1),{p:0,"&, &:hover":{textDecoration:"underline",color:"common.white"}})},m),"data-testid":"FooterSectionLinks.content"},y,{children:i})),(c||w)&&e.jsx(r.Box,Object.assign({"data-testid":"FooterSectionLinks.button",sx:Object.assign({order:2},O)},k,{children:c||e.jsx(r.Button,Object.assign({variant:"shortcut",color:"inherit"},P,{children:w}))}))]}))}));exports.FooterSectionLinks=o;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),r=require("@mui/material");const o=s.forwardRef((s,o)=>{var{sx:n,children:i,className:l,textSlot:a,buttonSlot:c,buttonSlotProps:x,textTypographyProps:p,buttonProps:g,linksWrapperProps:u}=s,d=t.__rest(s,["sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps"]);const b=null!=p?p:{},{sx:f}=b,j=t.__rest(b,["sx"]),h=null!=u?u:{},{sx:m}=h,y=t.__rest(h,["sx"]),S=null!=x?x:{},{sx:O}=S,k=t.__rest(S,["sx"]),_=null!=g?g:{},{label:w}=_,P=t.__rest(_,["label"]),L=r.useTheme();return e.jsxs(r.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},n),ref:o,"data-testid":"FooterSectionLinks",className:["FooterSectionLinks-root",l].filter(Boolean).join(" ")},d,{children:[a&&e.jsx(r.Typography,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({my:{xs:2,lg:0},color:"onSurface.os200"},i&&{display:"inline-flex",alignItems:"center",justifyContent:"flex-start",mr:{lg:2},"&:after":{content:{xs:"none",lg:"''"},display:"block",height:"14px",width:"1px",backgroundColor:"onSurface.os700",ml:4},order:{xs:1,lg:0}}),f),"data-testid":"FooterSectionLinks.text"},j,{children:a})),i&&e.jsx(r.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},flexDirection:{xs:"column",lg:"row"},flexWrap:"wrap",flexGrow:"1",gap:{xs:2,lg:3},"& .MuiButton-root":{alignSelf:{xs:"stretch",lg:"auto"}},"& .MuiLink-root":Object.assign(Object.assign({},L.typography.disclaimer1),{p:0,"&, &:hover":{textDecoration:"underline",color:"common.white"}})},m),"data-testid":"FooterSectionLinks.content"},y,{children:i})),(c||w)&&e.jsx(r.Box,Object.assign({"data-testid":"FooterSectionLinks.button",sx:Object.assign({order:2},O)},k,{children:c||e.jsx(r.Button,Object.assign({variant:"shortcut",color:"inherit"},P,{children:w}))}))]}))});exports.FooterSectionLinks=o;
 //# sourceMappingURL=FooterSectionLinks.js.map

package/cjs/components/footer/FooterSectionLinks.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterSectionLinks.js","sources":["../../../../../src/components/footer/FooterSectionLinks.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Typography, TypographyProps, useTheme } from '@mui/material';\n\nexport interface FooterSectionLinksProps extends BoxProps<ElementType> {\n  /**\n   * Text wrapped by styled Typography component\n   */\n  textSlot?: React.ReactNode;\n  /**\n   * Properties applied to text typography\n   */\n  textTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Alternative to providing button props\n   */\n  buttonSlot?: React.ReactNode;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonSlotProps?: BoxProps<ElementType>;\n  /**\n   * Props for button\n   */\n  buttonProps?: ButtonProps & { label?: React.ReactNode };\n  /**\n   * Properties applied to link container\n   */\n  linksWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Section for the secondary links, copyright and optional button\n */\nexport const FooterSectionLinks: FC<FooterSectionLinksProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      className,\n      textSlot,\n      buttonSlot,\n      buttonSlotProps,\n      textTypographyProps,\n      buttonProps,\n      linksWrapperProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: testSx, ...restText } = textTypographyProps ?? {};\n    const { sx: linksWrapperSx, ...restLinksWrapper } = linksWrapperProps ?? {};\n    const { sx: buttonSlotSx, ...restButtonSlot } = buttonSlotProps ?? {};\n    const { label, ...restButton } = buttonProps ?? {};\n    const theme = useTheme();\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'flex-start', lg: 'center' },\n          justifyContent: 'space-between',\n          flexWrap: 'wrap',\n          gap: 2,\n          flexDirection: { xs: 'column', lg: 'row' },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionLinks\"\n        className={['FooterSectionLinks-root', className].filter(Boolean).join(', ')}\n        {...rest}\n      >\n        {textSlot && (\n          <Typography\n            variant=\"disclaimer1\"\n            sx={{\n              my: { xs: 2, lg: 0 },\n              color: 'onSurface.os200',\n              ...(children && {\n                display: 'inline-flex',\n                alignItems: 'center',\n                justifyContent: 'flex-start',\n                // separator between text and links\n                mr: { lg: 2 },\n                '&:after': {\n                  content: { xs: 'none', lg: \"''\" },\n                  display: 'block',\n                  height: '14px',\n                  width: '1px',\n                  backgroundColor: 'onSurface.os700',\n                  ml: 4,\n                },\n                // move after the links on mobile\n                order: { xs: 1, lg: 0 },\n              }),\n              ...testSx,\n            }}\n            data-testid=\"FooterSectionLinks.text\"\n            {...restText}\n          >\n            {textSlot}\n          </Typography>\n        )}\n        {children && (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: { xs: 'flex-start', lg: 'center' },\n              flexDirection: { xs: 'column', lg: 'row' },\n              flexWrap: 'wrap',\n              flexGrow: '1',\n              gap: { xs: 2, lg: 3 },\n              // manipulate style of buttons inside\n              '& .MuiButton-root': {\n                alignSelf: { xs: 'stretch', lg: 'auto' },\n              },\n              // manipulates style of links inside\n              '& .MuiLink-root': {\n                ...theme.typography.disclaimer1,\n                p: 0,\n                '&, &:hover': {\n                  textDecoration: 'underline',\n                  color: 'common.white',\n                },\n              },\n              ...linksWrapperSx,\n            }}\n            data-testid=\"FooterSectionLinks.content\"\n            {...restLinksWrapper}\n          >\n            {children}\n          </Box>\n        )}\n        {(buttonSlot || label) && (\n          <Box data-testid=\"FooterSectionLinks.button\" sx={{ order: 2, ...buttonSlotSx }} {...restButtonSlot}>\n            {buttonSlot || (\n              <Button variant=\"shortcut\" color=\"inherit\" {...restButton}>\n                {label}\n              </Button>\n            )}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionLinks","forwardRef","_a","ref","sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps","rest","__rest","_b","testSx","restText","_c","linksWrapperSx","restLinksWrapper","_d","buttonSlotSx","restButtonSlot","_e","label","restButton","theme","useTheme","_jsxs","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx","Typography","variant","my","color","mr","content","height","width","backgroundColor","ml","order","flexGrow","alignSelf","typography","disclaimer1","p","textDecoration","Button"],"mappings":"iHAiCO,MAAMA,EAAkDC,EAAAA,YAC7D,CACEC,EAYAC,SAZAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,SACTA,EAAQC,WACRA,EAAUC,gBACVA,EAAeC,oBACfA,EAAmBC,YACnBA,EAAWC,kBACXA,KACGC,EAAIC,EAAAA,OAAAZ,EAVT,CAAA,KAAA,WAAA,YAAA,WAAA,aAAA,kBAAA,sBAAA,cAAA,sBAcA,MAAMa,EAA8BL,QAAAA,EAAuB,IAAnDN,GAAIY,GAAMD,EAAKE,EAAQH,EAAAA,OAAAC,EAAzB,CAAA,OACAG,EAA8CN,QAAAA,EAAqB,IAAjER,GAAIe,GAAcD,EAAKE,EAAgBN,EAAAA,OAAAI,EAAzC,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DL,GAAIkB,GAAYD,EAAKE,EAAcT,EAAAA,OAAAO,EAArC,CAAA,OACAG,EAA2Bb,QAAAA,EAAe,CAAA,GAA1Cc,MAAEA,GAAKD,EAAKE,EAAUZ,EAAAA,OAAAU,EAAtB,CAAA,UACAG,EAAQC,EAAAA,WAEd,OACEC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACF5B,GAAE2B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAChChC,GAELD,IAAKA,EAAG,cACI,qBACZG,UAAW,CAAC,0BAA2BA,GAAWmC,OAAOC,SAASC,KAAK,OACnE9B,EAAI,CAAAR,SAAA,CAEPE,GACCqC,EAAAA,IAACC,EAAAA,0BACCC,QAAQ,cACR1C,gCACE2C,GAAI,CAAEZ,GAAI,EAAGC,GAAI,GACjBY,MAAO,mBACH3C,GAAY,CACd4B,QAAS,cACTC,WAAY,SACZG,eAAgB,aAEhBY,GAAI,CAAEb,GAAI,GACV,UAAW,CACTc,QAAS,CAAEf,GAAI,OAAQC,GAAI,MAC3BH,QAAS,QACTkB,OAAQ,OACRC,MAAO,MACPC,gBAAiB,kBACjBC,GAAI,GAGNC,MAAO,CAAEpB,GAAI,EAAGC,GAAI,KAEnBpB,GAAM,cAEC,2BACRC,EAAQ,CAAAZ,SAEXE,KAGJF,GACCuC,EAAAA,IAACd,MAAGC,OAAAC,OAAA,CACF5B,GAAE2B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCI,cAAe,CAAEL,GAAI,SAAUC,GAAI,OACnCE,SAAU,OACVkB,SAAU,IACVjB,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAElB,oBAAqB,CACnBqB,UAAW,CAAEtB,GAAI,UAAWC,GAAI,SAGlC,kBAAiBL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZL,EAAM+B,WAAWC,aAAW,CAC/BC,EAAG,EACH,aAAc,CACZC,eAAgB,YAChBb,MAAO,mBAGR7B,GAAc,cAEP,8BACRC,YAEHf,MAGHG,GAAciB,IACdmB,EAAAA,IAACd,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,4BAA4B5B,GAAE2B,OAAAC,OAAA,CAAIuB,MAAO,GAAMjC,IAAoBC,EAAc,CAAAlB,SAC/FG,GACCoC,EAAAA,IAACkB,EAAAA,OAAM/B,OAAAC,OAAA,CAACc,QAAQ,WAAWE,MAAM,WAActB,EAAU,CAAArB,SACtDoB,WAKL"}
+{"version":3,"file":"FooterSectionLinks.js","sources":["../../../../../src/components/footer/FooterSectionLinks.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Typography, TypographyProps, useTheme } from '@mui/material';\n\nexport interface FooterSectionLinksProps extends BoxProps<ElementType> {\n  /**\n   * Text wrapped by styled Typography component\n   */\n  textSlot?: React.ReactNode;\n  /**\n   * Properties applied to text typography\n   */\n  textTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Alternative to providing button props\n   */\n  buttonSlot?: React.ReactNode;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonSlotProps?: BoxProps<ElementType>;\n  /**\n   * Props for button\n   */\n  buttonProps?: ButtonProps & { label?: React.ReactNode };\n  /**\n   * Properties applied to link container\n   */\n  linksWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Section for the secondary links, copyright and optional button\n */\nexport const FooterSectionLinks: FC<FooterSectionLinksProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      className,\n      textSlot,\n      buttonSlot,\n      buttonSlotProps,\n      textTypographyProps,\n      buttonProps,\n      linksWrapperProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: testSx, ...restText } = textTypographyProps ?? {};\n    const { sx: linksWrapperSx, ...restLinksWrapper } = linksWrapperProps ?? {};\n    const { sx: buttonSlotSx, ...restButtonSlot } = buttonSlotProps ?? {};\n    const { label, ...restButton } = buttonProps ?? {};\n    const theme = useTheme();\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'flex-start', lg: 'center' },\n          justifyContent: 'space-between',\n          flexWrap: 'wrap',\n          gap: 2,\n          flexDirection: { xs: 'column', lg: 'row' },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionLinks\"\n        className={['FooterSectionLinks-root', className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {textSlot && (\n          <Typography\n            variant=\"disclaimer1\"\n            sx={{\n              my: { xs: 2, lg: 0 },\n              color: 'onSurface.os200',\n              ...(children && {\n                display: 'inline-flex',\n                alignItems: 'center',\n                justifyContent: 'flex-start',\n                // separator between text and links\n                mr: { lg: 2 },\n                '&:after': {\n                  content: { xs: 'none', lg: \"''\" },\n                  display: 'block',\n                  height: '14px',\n                  width: '1px',\n                  backgroundColor: 'onSurface.os700',\n                  ml: 4,\n                },\n                // move after the links on mobile\n                order: { xs: 1, lg: 0 },\n              }),\n              ...testSx,\n            }}\n            data-testid=\"FooterSectionLinks.text\"\n            {...restText}\n          >\n            {textSlot}\n          </Typography>\n        )}\n        {children && (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: { xs: 'flex-start', lg: 'center' },\n              flexDirection: { xs: 'column', lg: 'row' },\n              flexWrap: 'wrap',\n              flexGrow: '1',\n              gap: { xs: 2, lg: 3 },\n              // manipulate style of buttons inside\n              '& .MuiButton-root': {\n                alignSelf: { xs: 'stretch', lg: 'auto' },\n              },\n              // manipulates style of links inside\n              '& .MuiLink-root': {\n                ...theme.typography.disclaimer1,\n                p: 0,\n                '&, &:hover': {\n                  textDecoration: 'underline',\n                  color: 'common.white',\n                },\n              },\n              ...linksWrapperSx,\n            }}\n            data-testid=\"FooterSectionLinks.content\"\n            {...restLinksWrapper}\n          >\n            {children}\n          </Box>\n        )}\n        {(buttonSlot || label) && (\n          <Box data-testid=\"FooterSectionLinks.button\" sx={{ order: 2, ...buttonSlotSx }} {...restButtonSlot}>\n            {buttonSlot || (\n              <Button variant=\"shortcut\" color=\"inherit\" {...restButton}>\n                {label}\n              </Button>\n            )}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionLinks","forwardRef","_a","ref","sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps","rest","__rest","_b","testSx","restText","_c","linksWrapperSx","restLinksWrapper","_d","buttonSlotSx","restButtonSlot","_e","label","restButton","theme","useTheme","_jsxs","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx","Typography","variant","my","color","mr","content","height","width","backgroundColor","ml","order","flexGrow","alignSelf","typography","disclaimer1","p","textDecoration","Button"],"mappings":"iHAiCO,MAAMA,EAAkDC,EAAAA,WAC7D,CACEC,EAYAC,SAZAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,SACTA,EAAQC,WACRA,EAAUC,gBACVA,EAAeC,oBACfA,EAAmBC,YACnBA,EAAWC,kBACXA,KACGC,EAAIC,EAAAA,OAAAZ,EAVT,CAAA,KAAA,WAAA,YAAA,WAAA,aAAA,kBAAA,sBAAA,cAAA,sBAcA,MAAMa,EAA8BL,QAAAA,EAAuB,IAAnDN,GAAIY,GAAMD,EAAKE,EAAQH,EAAAA,OAAAC,EAAzB,CAAA,OACAG,EAA8CN,QAAAA,EAAqB,IAAjER,GAAIe,GAAcD,EAAKE,EAAgBN,EAAAA,OAAAI,EAAzC,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DL,GAAIkB,GAAYD,EAAKE,EAAcT,EAAAA,OAAAO,EAArC,CAAA,OACAG,EAA2Bb,QAAAA,EAAe,CAAA,GAA1Cc,MAAEA,GAAKD,EAAKE,EAAUZ,EAAAA,OAAAU,EAAtB,CAAA,UACAG,EAAQC,EAAAA,WAEd,OACEC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACF5B,GAAE2B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAChChC,GAELD,IAAKA,EAAG,cACI,qBACZG,UAAW,CAAC,0BAA2BA,GAAWmC,OAAOC,SAASC,KAAK,MACnE9B,EAAI,CAAAR,SAAA,CAEPE,GACCqC,EAAAA,IAACC,EAAAA,0BACCC,QAAQ,cACR1C,gCACE2C,GAAI,CAAEZ,GAAI,EAAGC,GAAI,GACjBY,MAAO,mBACH3C,GAAY,CACd4B,QAAS,cACTC,WAAY,SACZG,eAAgB,aAEhBY,GAAI,CAAEb,GAAI,GACV,UAAW,CACTc,QAAS,CAAEf,GAAI,OAAQC,GAAI,MAC3BH,QAAS,QACTkB,OAAQ,OACRC,MAAO,MACPC,gBAAiB,kBACjBC,GAAI,GAGNC,MAAO,CAAEpB,GAAI,EAAGC,GAAI,KAEnBpB,GAAM,cAEC,2BACRC,EAAQ,CAAAZ,SAEXE,KAGJF,GACCuC,EAAAA,IAACd,MAAGC,OAAAC,OAAA,CACF5B,GAAE2B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCI,cAAe,CAAEL,GAAI,SAAUC,GAAI,OACnCE,SAAU,OACVkB,SAAU,IACVjB,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAElB,oBAAqB,CACnBqB,UAAW,CAAEtB,GAAI,UAAWC,GAAI,SAGlC,kBAAiBL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZL,EAAM+B,WAAWC,aAAW,CAC/BC,EAAG,EACH,aAAc,CACZC,eAAgB,YAChBb,MAAO,mBAGR7B,GAAc,cAEP,8BACRC,YAEHf,MAGHG,GAAciB,IACdmB,EAAAA,IAACd,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,4BAA4B5B,GAAE2B,OAAAC,OAAA,CAAIuB,MAAO,GAAMjC,IAAoBC,EAAc,CAAAlB,SAC/FG,GACCoC,EAAAA,IAACkB,EAAAA,OAAM/B,OAAAC,OAAA,CAACc,QAAQ,WAAWE,MAAM,WAActB,EAAU,CAAArB,SACtDoB"}

package/cjs/components/footer/FooterSectionMenu.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),o=require("react"),s=require("@mui/material");const r=o.forwardRef(((o,r)=>{var{sx:l,children:c,className:a,contactSlot:i,contactSlotProps:n,socialSlot:x,socialSlotProps:u}=o,S=t.__rest(o,["sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps"]);return e.jsx(s.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"stretch",lg:"flex-start"},justifyContent:"stretch",flexDirection:{xs:"column",lg:"row"},gap:{xs:0,lg:2},mb:{xs:4,lg:8}},l),ref:r,"data-testid":"FooterSectionMenu",className:["FooterSectionMenu-root",a].filter(Boolean).join(", ")},S,{children:c}))}));exports.FooterSectionMenu=r;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),o=require("react"),s=require("@mui/material");const r=o.forwardRef((o,r)=>{var{sx:l,children:c,className:a,contactSlot:i,contactSlotProps:n,socialSlot:x,socialSlotProps:u}=o,S=t.__rest(o,["sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps"]);return e.jsx(s.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"stretch",lg:"flex-start"},justifyContent:"stretch",flexDirection:{xs:"column",lg:"row"},gap:{xs:0,lg:2},mb:{xs:4,lg:8}},l),ref:r,"data-testid":"FooterSectionMenu",className:["FooterSectionMenu-root",a].filter(Boolean).join(" ")},S,{children:c}))});exports.FooterSectionMenu=r;
 //# sourceMappingURL=FooterSectionMenu.js.map

package/cjs/components/footer/FooterSectionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterSectionMenu.js","sources":["../../../../../src/components/footer/FooterSectionMenu.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionMenuProps extends BoxProps<ElementType> {}\n\n/**\n * Section for the multiple FooterMenu\n */\nexport const FooterSectionMenu: FC<FooterSectionMenuProps> = forwardRef(\n  ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'stretch', lg: 'flex-start' },\n          justifyContent: 'stretch',\n          flexDirection: { xs: 'column', lg: 'row' },\n          gap: { xs: 0, lg: 2 },\n          mb: { xs: 4, lg: 8 },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionMenu\"\n        className={['FooterSectionMenu-root', className].filter(Boolean).join(', ')}\n        {...rest}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionMenu","forwardRef","_a","ref","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","__rest","_jsx","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexDirection","gap","mb","filter","Boolean","join"],"mappings":"iHAQO,MAAMA,EAAgDC,EAAAA,YAC3D,CAACC,EAAkGC,KAAlG,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,UAAEA,EAASC,YAAEA,EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,EAAAA,OAAAV,EAA9F,+FACC,OACEW,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFZ,GAAEW,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,UAAWC,GAAI,cACjCC,eAAgB,UAChBC,cAAe,CAAEH,GAAI,SAAUC,GAAI,OACnCG,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,GAAI,CAAEL,GAAI,EAAGC,GAAI,IACdhB,GAELD,IAAKA,gBACO,oBACZG,UAAW,CAAC,yBAA0BA,GAAWmB,OAAOC,SAASC,KAAK,OAClEhB,EAAI,CAAAN,SAEPA,IACG"}
+{"version":3,"file":"FooterSectionMenu.js","sources":["../../../../../src/components/footer/FooterSectionMenu.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionMenuProps extends BoxProps<ElementType> {}\n\n/**\n * Section for the multiple FooterMenu\n */\nexport const FooterSectionMenu: FC<FooterSectionMenuProps> = forwardRef(\n  ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'stretch', lg: 'flex-start' },\n          justifyContent: 'stretch',\n          flexDirection: { xs: 'column', lg: 'row' },\n          gap: { xs: 0, lg: 2 },\n          mb: { xs: 4, lg: 8 },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionMenu\"\n        className={['FooterSectionMenu-root', className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionMenu","forwardRef","_a","ref","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","__rest","_jsx","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexDirection","gap","mb","filter","Boolean","join"],"mappings":"iHAQO,MAAMA,EAAgDC,EAAAA,WAC3D,CAACC,EAAkGC,KAAlG,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,UAAEA,EAASC,YAAEA,EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,EAAAA,OAAAV,EAA9F,+FACC,OACEW,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFZ,GAAEW,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,UAAWC,GAAI,cACjCC,eAAgB,UAChBC,cAAe,CAAEH,GAAI,SAAUC,GAAI,OACnCG,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,GAAI,CAAEL,GAAI,EAAGC,GAAI,IACdhB,GAELD,IAAKA,gBACO,oBACZG,UAAW,CAAC,yBAA0BA,GAAWmB,OAAOC,SAASC,KAAK,MAClEhB,EAAI,CAAAN,SAEPA"}

package/cjs/components/formMessage/formMessage.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../icon/filled/CircleExclamationFilledIcon.js"),n=require("../icon/filled/CircleInformationFilledIcon.js"),s=require("../icon/filled/WarningFilledIcon.js"),t=require("@mui/material"),o=require("react");const a=o.forwardRef(((a,l)=>{var{children:c,variant:x="error",sx:p,iconProps:f,IconComponent:g,typographyProps:u}=a,d=e.__rest(a,["children","variant","sx","iconProps","IconComponent","typographyProps"]);const m=f||{},{sx:j}=m,h=e.__rest(m,["sx"]),I=u||{},{sx:b}=I,y=e.__rest(I,["sx"]),[q,C]=o.useMemo((()=>{switch(x){case"error":return["error.main",s.WarningFilledIcon];case"warning":return["warning.main",i.CircleExclamationFilledIcon];default:return["info.main",n.CircleInformationFilledIcon]}}),[x]),F=g||C;return r.jsxs(t.Box,Object.assign({role:"alert","aria-atomic":"true","aria-live":"assertive",sx:Object.assign({display:"flex",width:"100%",alignItems:"flex-start",justifyContent:"flex-start",gap:1,textAlign:"left",color:q,pb:1},p),ref:l},d,{children:[r.jsx(F,Object.assign({sx:Object.assign({fontSize:"20px",mx:"2px"},j)},h)),r.jsx(t.Typography,Object.assign({sx:Object.assign({flexGrow:"1",fontSize:{xs:"14px"},lineHeight:{xs:"20px"},fontWeight:{xs:"400"}},b)},y,{children:c}))]}))}));exports.FormMessage=a;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../icon/filled/CircleExclamationFilledIcon.js"),n=require("../icon/filled/CircleInformationFilledIcon.js"),s=require("../icon/filled/WarningFilledIcon.js"),t=require("@mui/material"),o=require("react");const a=o.forwardRef((a,l)=>{var{children:c,variant:x="error",sx:p,iconProps:f,IconComponent:g,typographyProps:u}=a,d=e.__rest(a,["children","variant","sx","iconProps","IconComponent","typographyProps"]);const m=f||{},{sx:j}=m,h=e.__rest(m,["sx"]),I=u||{},{sx:b}=I,y=e.__rest(I,["sx"]),[q,C]=o.useMemo(()=>{switch(x){case"error":return["error.main",s.WarningFilledIcon];case"warning":return["warning.main",i.CircleExclamationFilledIcon];default:return["info.main",n.CircleInformationFilledIcon]}},[x]),F=g||C;return r.jsxs(t.Box,Object.assign({role:"alert","aria-atomic":"true","aria-live":"assertive",sx:Object.assign({display:"flex",width:"100%",alignItems:"flex-start",justifyContent:"flex-start",gap:1,textAlign:"left",color:q,pb:1},p),ref:l},d,{children:[r.jsx(F,Object.assign({sx:Object.assign({fontSize:"20px",mx:"2px"},j)},h)),r.jsx(t.Typography,Object.assign({sx:Object.assign({flexGrow:"1",fontSize:{xs:"14px"},lineHeight:{xs:"20px"},fontWeight:{xs:"400"}},b)},y,{children:c}))]}))});exports.FormMessage=a;
 //# sourceMappingURL=formMessage.js.map

package/cjs/components/formMessage/formMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"formMessage.js","sources":["../../../../../src/components/formMessage/formMessage.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default error\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps;\n}\n\n/**\n * Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n  ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n\n    const [color, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const ErrorMessageIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        sx={{\n          display: 'flex',\n          width: '100%',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          gap: 1,\n          textAlign: 'left',\n          color: color,\n          pb: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <ErrorMessageIcon\n          sx={{\n            fontSize: '20px',\n            // align with checkbox/radio (return to 24px width)\n            mx: '2px',\n            ...iconSx,\n          }}\n          {...restIcon}\n        />\n        <Typography\n          sx={{\n            flexGrow: '1',\n            // custom font according to Figma\n            fontSize: { xs: '14px' },\n            lineHeight: { xs: '20px' },\n            fontWeight: { xs: '400' },\n            ...typographySx,\n          }}\n          {...restTypography}\n        >\n          {children}\n        </Typography>\n      </Box>\n    );\n  },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"wRA8BO,MAAMA,EAA0CC,EAAAA,YACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,SAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAQH,EAAAA,OAAAC,EAAzB,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAcN,EAAAA,OAAAI,EAArC,CAAA,QAECG,EAAOC,GAAwBC,EAAAA,SAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,qBACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,+BAE1B,QACE,MAAO,CAAC,YAAaC,kCAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAAAA,IAACb,EAAgBG,OAAAC,OAAA,CACftB,GAAEqB,OAAAC,OAAA,CACAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAAAA,IAACG,EAAAA,WAAUb,OAAAC,OAAA,CACTtB,GAAEqB,OAAAC,OAAA,CACAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAAc,CAAAb,SAEjBA,QAEC"}
+{"version":3,"file":"formMessage.js","sources":["../../../../../src/components/formMessage/formMessage.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default error\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps;\n}\n\n/**\n * Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n  ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n\n    const [color, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const ErrorMessageIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        sx={{\n          display: 'flex',\n          width: '100%',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          gap: 1,\n          textAlign: 'left',\n          color: color,\n          pb: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <ErrorMessageIcon\n          sx={{\n            fontSize: '20px',\n            // align with checkbox/radio (return to 24px width)\n            mx: '2px',\n            ...iconSx,\n          }}\n          {...restIcon}\n        />\n        <Typography\n          sx={{\n            flexGrow: '1',\n            // custom font according to Figma\n            fontSize: { xs: '14px' },\n            lineHeight: { xs: '20px' },\n            fontWeight: { xs: '400' },\n            ...typographySx,\n          }}\n          {...restTypography}\n        >\n          {children}\n        </Typography>\n      </Box>\n    );\n  },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"wRA8BO,MAAMA,EAA0CC,EAAAA,WACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,SAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAQH,EAAAA,OAAAC,EAAzB,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAcN,EAAAA,OAAAI,EAArC,CAAA,QAECG,EAAOC,GAAwBC,EAAAA,QAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,qBACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,+BAE1B,QACE,MAAO,CAAC,YAAaC,iCAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAAAA,IAACb,EAAgBG,OAAAC,OAAA,CACftB,GAAEqB,OAAAC,OAAA,CACAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAAAA,IAACG,EAAAA,WAAUb,OAAAC,OAAA,CACTtB,GAAEqB,OAAAC,OAAA,CACAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAAc,CAAAb,SAEjBA"}

package/cjs/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/**\n * @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface GridProps extends MuiGridProps {\n  /**\n   *  Determine if grid is narrow.\n   */\n  narrow?: boolean;\n}\n\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n  return (\n    <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n      {props.children}\n    </MuiGrid>\n  );\n};\n"],"names":["_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"2GAqB0CA,IAAA,IAAAC,OAAEA,GAAMD,EAAKE,EAAKC,EAAAA,OAAAH,EAAlB,YACxC,OACEI,EAAAA,IAACC,EAAAA,KAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WACC"}
+{"version":3,"file":"grid.js","sources":["../../../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/**\n * @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface GridProps extends MuiGridProps {\n  /**\n   *  Determine if grid is narrow.\n   */\n  narrow?: boolean;\n}\n\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n  return (\n    <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n      {props.children}\n    </MuiGrid>\n  );\n};\n"],"names":["_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"2GAqB0CA,IAAA,IAAAC,OAAEA,GAAMD,EAAKE,EAAKC,EAAAA,OAAAH,EAAlB,YACxC,OACEI,EAAAA,IAACC,EAAAA,KAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ"}

package/cjs/components/header/Header.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material"),n=require("../icon/stroke/MenuIcon.js"),r=require("../icon/stroke/CloseIcon.js"),i=require("../focusring/focusring.js"),a=require("./HeaderButton.js"),l=require("./HeaderLanguageSelect.js");const c=t.forwardRef(((c,d)=>{var u,p,{children:x,logo:b,navigationItems:g,buttons:j,visibleButtons:m,overheadItems:h,color:f,breakpoint:v,inContainer:O=!1,toolbarProps:y,logoProps:I,contentProps:P,mobileContentProps:_,buttonsProps:k,menuButtonProps:B,menuIcon:C,closeMenuIcon:H,drawerProps:q}=c,w=e.__rest(c,["children","logo","navigationItems","buttons","visibleButtons","overheadItems","color","breakpoint","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps"]);const M=o.useTheme(),S=o.useMediaQuery(M.breakpoints.down("lg")),F=null!=I?I:{},{sx:T}=F,E=e.__rest(F,["sx"]),L=null!=P?P:{},{sx:R}=L,z=e.__rest(L,["sx"]),A=null!=_?_:{},{sx:D}=A,G=e.__rest(A,["sx"]),V=null!=k?k:{},{sx:Q}=V,W=e.__rest(V,["sx"]),$=null!=q?q:{},{sx:J,slotProps:K}=$,N=e.__rest($,["sx","slotProps"]),U=null!=K?K:{},{paper:X,backdrop:Y}=U,Z=e.__rest(U,["paper","backdrop"]),ee=null!==(u=X)&&void 0!==u?u:{},{sx:se}=ee,te=e.__rest(ee,["sx"]),oe=null!==(p=Y)&&void 0!==p?p:{},{sx:ne}=oe,re=e.__rest(oe,["sx"]),[ie,ae]=t.useState(!1),[le,ce]=t.useMemo((()=>{function e(s,o){const n=[];return t.Children.forEach(s,((s,r)=>{(null==s?void 0:s.type)===t.Fragment?n.push(...e(s.props.children,o)):t.isValidElement(s)&&[a.HeaderButton,l.HeaderLanguageSelect].includes(null==s?void 0:s.type)&&o?n.push(t.cloneElement(s,{extend:!0,key:r})):n.push(s)})),(null==n?void 0:n.length)?n:void 0}if(m){const s=!0===m?void 0:e(m,!1),t=e(j,S);return S?[s,t]:[[...s||[],...t||[]],void 0]}return[e(j,!1),void 0]}),[m,j,S]);return s.jsxs(s.Fragment,{children:[s.jsx(o.AppBar,Object.assign({ref:d,"data-testid":"Header"},w,{children:s.jsxs(o.Toolbar,Object.assign({disableGutters:!O},y,{children:[b&&s.jsx(o.Box,Object.assign({"data-testid":"Header.logo",sx:Object.assign({color:"dark"===M.palette.mode?"brand.secondary":"brand.tertiary","& .MuiLink-root":Object.assign(Object.assign({display:"block",position:"relative",py:1},i.getFocusRingStyle(M)),{"&.Mui-focusVisible":{boxShadow:"none"}}),"& .MuiSvgIcon-root":{display:"block"}},T)},E,{children:b})),s.jsx(o.Box,Object.assign({sx:Object.assign(Object.assign(Object.assign({minWidth:"0",flexGrow:"1",alignSelf:"stretch",display:"flex",alignItems:"stretch",justifyContent:"flex-start",gap:{lg:2,xl:4}},!S&&b&&{pl:4}),{mb:"-1px"}),R),"data-testid":"Header.nav"},z,{children:!S&&(x||g)})),(le||S&&(x||g||ce))&&s.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25,mr:{xs:-1,lg:0}},Q),"data-testid":"Header.btns"},W,{children:[le,S&&(x||g||ce)&&s.jsx(a.HeaderButton,Object.assign({"aria-label":"Toggle menu",extend:!1,onClick:()=>ae((e=>!e))},B,{children:ie?H||s.jsx(r.CloseIcon,{}):C||s.jsx(n.MenuIcon,{})}),"menu")]}))]}))})),S&&(x||g||ce)&&s.jsxs(o.Drawer,Object.assign({disablePortal:!0,disableEnforceFocus:!0,disableAutoFocus:!0,anchor:"top",open:ie,onClose:()=>ae(!1),sx:Object.assign({zIndex:M.zIndex.appBar-10,top:M.mixins.toolbar.minHeight,bottom:"auto",height:`calc(100vh - ${M.mixins.toolbar.minHeight})`,position:"absolute"},J),slotProps:Object.assign({backdrop:Object.assign({sx:Object.assign({position:"absolute"},ne)},re),paper:Object.assign({sx:Object.assign({position:"absolute",height:"100%",display:"grid",gridTemplateRows:"auto max-content"},se)},te)},Z)},N,{children:[s.jsx(o.Box,Object.assign({sx:Object.assign({p:2,overflow:"auto"},D),"data-testid":"Header.mobilenav"},G,{children:x||g})),ce&&s.jsx(o.Box,{sx:{p:2,pt:0},children:s.jsx(o.Box,{sx:{pt:.75,display:"flex",flexDirection:"column-reverse",alignItems:"stretch",justifyContent:"flex-start",borderTop:1,borderColor:"dark"===M.palette.mode?"onSurface.os700":"surface.secondary"},children:ce})})]}))]})}));exports.Header=c;
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material"),n=require("../icon/stroke/MenuIcon.js"),r=require("../icon/stroke/CloseIcon.js"),i=require("../focusring/focusring.js"),a=require("./HeaderButton.js"),l=require("./HeaderLanguageSelect.js");const c=t.forwardRef((c,d)=>{var u,p,{children:x,logo:b,navigationItems:g,buttons:j,visibleButtons:m,overheadItems:h,color:f,breakpoint:v,inContainer:O=!1,toolbarProps:y,logoProps:I,contentProps:P,mobileContentProps:_,buttonsProps:k,menuButtonProps:B,menuIcon:C,closeMenuIcon:H,drawerProps:q}=c,w=e.__rest(c,["children","logo","navigationItems","buttons","visibleButtons","overheadItems","color","breakpoint","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps"]);const M=o.useTheme(),S=o.useMediaQuery(M.breakpoints.down("lg")),F=null!=I?I:{},{sx:T}=F,E=e.__rest(F,["sx"]),L=null!=P?P:{},{sx:R}=L,z=e.__rest(L,["sx"]),A=null!=_?_:{},{sx:D}=A,G=e.__rest(A,["sx"]),V=null!=k?k:{},{sx:Q}=V,W=e.__rest(V,["sx"]),$=null!=q?q:{},{sx:J,slotProps:K}=$,N=e.__rest($,["sx","slotProps"]),U=null!=K?K:{},{paper:X,backdrop:Y}=U,Z=e.__rest(U,["paper","backdrop"]),ee=null!==(u=X)&&void 0!==u?u:{},{sx:se}=ee,te=e.__rest(ee,["sx"]),oe=null!==(p=Y)&&void 0!==p?p:{},{sx:ne}=oe,re=e.__rest(oe,["sx"]),[ie,ae]=t.useState(!1),[le,ce]=t.useMemo(()=>{function e(s,o){const n=[];return t.Children.forEach(s,(s,r)=>{(null==s?void 0:s.type)===t.Fragment?n.push(...e(s.props.children,o)):t.isValidElement(s)&&[a.HeaderButton,l.HeaderLanguageSelect].includes(null==s?void 0:s.type)&&o?n.push(t.cloneElement(s,{extend:!0,key:r})):n.push(s)}),(null==n?void 0:n.length)?n:void 0}if(m){const s=!0===m?void 0:e(m,!1),t=e(j,S);return S?[s,t]:[[...s||[],...t||[]],void 0]}return[e(j,!1),void 0]},[m,j,S]);return s.jsxs(s.Fragment,{children:[s.jsx(o.AppBar,Object.assign({ref:d,"data-testid":"Header"},w,{children:s.jsxs(o.Toolbar,Object.assign({disableGutters:!O},y,{children:[b&&s.jsx(o.Box,Object.assign({"data-testid":"Header.logo",sx:Object.assign({color:"dark"===M.palette.mode?"brand.secondary":"brand.tertiary","& .MuiLink-root":Object.assign(Object.assign({display:"block",position:"relative",py:1},i.getFocusRingStyle(M)),{"&.Mui-focusVisible":{boxShadow:"none"}}),"& .MuiSvgIcon-root":{display:"block"}},T)},E,{children:b})),s.jsx(o.Box,Object.assign({sx:Object.assign(Object.assign(Object.assign({minWidth:"0",flexGrow:"1",alignSelf:"stretch",display:"flex",alignItems:"stretch",justifyContent:"flex-start",gap:{lg:2,xl:4}},!S&&b&&{pl:4}),{mb:"-1px"}),R),"data-testid":"Header.nav"},z,{children:!S&&(x||g)})),(le||S&&(x||g||ce))&&s.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25,mr:{xs:-1,lg:0}},Q),"data-testid":"Header.btns"},W,{children:[le,S&&(x||g||ce)&&s.jsx(a.HeaderButton,Object.assign({"aria-label":"Toggle menu",extend:!1,onClick:()=>ae(e=>!e)},B,{children:ie?H||s.jsx(r.CloseIcon,{}):C||s.jsx(n.MenuIcon,{})}),"menu")]}))]}))})),S&&(x||g||ce)&&s.jsxs(o.Drawer,Object.assign({disablePortal:!0,disableEnforceFocus:!0,disableAutoFocus:!0,anchor:"top",open:ie,onClose:()=>ae(!1),sx:Object.assign({zIndex:M.zIndex.appBar-10,top:M.mixins.toolbar.minHeight,bottom:"auto",height:`calc(100vh - ${M.mixins.toolbar.minHeight})`,position:"absolute"},J),slotProps:Object.assign({backdrop:Object.assign({sx:Object.assign({position:"absolute"},ne)},re),paper:Object.assign({sx:Object.assign({position:"absolute",height:"100%",display:"grid",gridTemplateRows:"auto max-content"},se)},te)},Z)},N,{children:[s.jsx(o.Box,Object.assign({sx:Object.assign({p:2,overflow:"auto"},D),"data-testid":"Header.mobilenav"},G,{children:x||g})),ce&&s.jsx(o.Box,{sx:{p:2,pt:0},children:s.jsx(o.Box,{sx:{pt:.75,display:"flex",flexDirection:"column-reverse",alignItems:"stretch",justifyContent:"flex-start",borderTop:1,borderColor:"dark"===M.palette.mode?"onSurface.os700":"surface.secondary"},children:ce})})]}))]})});exports.Header=c;
 //# sourceMappingURL=Header.js.map

package/cjs/components/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/components/header/Header.tsx"],"sourcesContent":["import React, {\n  FC,\n  useState,\n  forwardRef,\n  ReactNode,\n  ElementType,\n  Children,\n  cloneElement,\n  useMemo,\n  Fragment,\n  isValidElement,\n} from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  BackdropProps,\n  Box,\n  BoxProps,\n  Breakpoint,\n  Drawer,\n  DrawerProps,\n  PaperProps,\n  Theme,\n  Toolbar,\n  ToolbarProps,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { HeaderLanguageSelect } from './HeaderLanguageSelect';\n\nexport interface HeaderProps extends Omit<AppBarProps, 'color'> {\n  /**\n   * Logo component\n   */\n  logo?: ReactNode;\n  /**\n   * Items in the menu\n   * @deprecated place links directly as children\n   */\n  navigationItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  overheadItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  color?: 'light' | 'dark';\n  /**\n   * @deprecated no longer has any effect\n   */\n  breakpoint?: Breakpoint;\n  /**\n   * Wrap the navigation into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * ActionButtons on the right side\n   */\n  buttons?: ReactNode;\n  /**\n   * ActionButtons on the right side that stays visible even on mobile\n   */\n  visibleButtons?: ReactNode | true;\n  /**\n   * Properties applied to toolbar container\n   */\n  toolbarProps?: ToolbarProps<ElementType>;\n  /**\n   * Properties applied to logo wrapper\n   */\n  logoProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to content wrapper\n   */\n  contentProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to content wrapper in drawer\n   */\n  mobileContentProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonsProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to hamburger menu\n   */\n  menuButtonProps?: HeaderButtonProps;\n  /**\n   * Icon of the hamburger menu\n   */\n  menuIcon?: ReactNode;\n  /**\n   * Icon of the close hamburger menu\n   */\n  closeMenuIcon?: ReactNode;\n  /**\n   * Props applied to mobile drawer\n   */\n  drawerProps?: DrawerProps;\n}\n\n/**\n * Component to render Header with navigation and action buttons at the top of the page\n */\nexport const Header: FC<HeaderProps> = forwardRef(\n  (\n    {\n      children,\n      logo,\n      navigationItems,\n      buttons,\n      visibleButtons,\n      overheadItems: _,\n      color: __,\n      breakpoint: ___,\n      inContainer = false,\n      toolbarProps,\n      logoProps,\n      contentProps,\n      mobileContentProps,\n      buttonsProps,\n      menuButtonProps,\n      menuIcon,\n      closeMenuIcon,\n      drawerProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: logoSx, ...restLogo } = logoProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: mobileContentSx, ...restMobileContent } = mobileContentProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const { sx: drawerSx, slotProps: drawerSlotProps, ...restDrawer } = drawerProps ?? {};\n    const { paper: drawerPaperProps, backdrop: drawerBackdropProps, ...restDrawerSlotProps } = drawerSlotProps ?? {};\n    const { sx: drawerPaperSx, ...restDrawerPaper } = (drawerPaperProps as PaperProps) ?? {};\n    const { sx: drawerBackdropSx, ...restDrawerBackdrop } = (drawerBackdropProps as BackdropProps) ?? {};\n    const [open, setOpen] = useState(false);\n\n    /**\n     * Process visible buttons\n     */\n    const [processedButtons, drawerButtons] = useMemo(() => {\n      function flatten(nodes, extend) {\n        const result = [];\n        Children.forEach(nodes, (child, idx) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children, extend));\n          } else if (\n            isValidElement(child) &&\n            [HeaderButton, HeaderLanguageSelect].includes(child?.type as FC) &&\n            extend\n          ) {\n            result.push(cloneElement(child, { extend: true, key: idx } as HeaderButtonProps));\n          } else {\n            result.push(child);\n          }\n        });\n        return result?.length ? result : undefined;\n      }\n\n      // check if we have visibleButtons property\n      if (visibleButtons) {\n        const flattenedVisibleButtons = visibleButtons === true ? undefined : flatten(visibleButtons, false);\n        const flattenedRestButtons = flatten(buttons, downLg);\n        // mobile\n        if (downLg) {\n          // split visible buttons and put buttons in drawer\n          return [flattenedVisibleButtons, flattenedRestButtons];\n        } else {\n          // on PC, all buttons are visible\n          return [[...(flattenedVisibleButtons || []), ...(flattenedRestButtons || [])], undefined];\n        }\n      } else {\n        // in case visibleButtons property is not provided, do not put buttons into drawer at all\n        return [flatten(buttons, false), undefined];\n      }\n    }, [visibleButtons, buttons, downLg]);\n\n    return (\n      <>\n        <AppBar ref={ref} data-testid=\"Header\" {...rest}>\n          <Toolbar disableGutters={!inContainer} {...toolbarProps}>\n            {logo && (\n              <Box\n                data-testid=\"Header.logo\"\n                sx={{\n                  color: theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.tertiary',\n                  // restyle wrapper link, same style is applied in HeaderLogo\n                  '& .MuiLink-root': {\n                    display: 'block',\n                    position: 'relative',\n                    py: 1,\n                    // add proper focus ring\n                    ...getFocusRingStyle(theme),\n                    // remove default link box shadow\n                    '&.Mui-focusVisible': {\n                      boxShadow: 'none',\n                    },\n                  },\n                  '& .MuiSvgIcon-root': {\n                    display: 'block',\n                  },\n                  ...logoSx,\n                }}\n                {...restLogo}\n              >\n                {logo}\n              </Box>\n            )}\n            <Box\n              sx={{\n                minWidth: '0',\n                flexGrow: '1',\n                alignSelf: 'stretch',\n                display: 'flex',\n                alignItems: 'stretch',\n                justifyContent: 'flex-start',\n                gap: { lg: 2, xl: 4 },\n                ...(!downLg &&\n                  logo && {\n                    // increase size between logo and nav\n                    pl: 4,\n                  }),\n                // move directly into border\n                mb: '-1px',\n                ...contentSx,\n              }}\n              data-testid=\"Header.nav\"\n              {...restContent}\n            >\n              {!downLg && (children || navigationItems)}\n            </Box>\n            {(processedButtons || (downLg && (children || navigationItems || drawerButtons))) && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'flex-end',\n                  gap: 0.25,\n                  mr: { xs: -1, lg: 0 },\n                  ...buttonsSx,\n                }}\n                data-testid=\"Header.btns\"\n                {...restButtons}\n              >\n                {processedButtons}\n                {downLg && (children || navigationItems || drawerButtons) && (\n                  <HeaderButton\n                    key=\"menu\"\n                    aria-label=\"Toggle menu\"\n                    extend={false}\n                    onClick={() => setOpen((prev) => !prev)}\n                    {...menuButtonProps}\n                  >\n                    {open ? closeMenuIcon || <CloseIcon /> : menuIcon || <MenuIcon />}\n                  </HeaderButton>\n                )}\n              </Box>\n            )}\n          </Toolbar>\n        </AppBar>\n        {downLg && (children || navigationItems || drawerButtons) && (\n          <Drawer\n            disablePortal\n            disableEnforceFocus\n            disableAutoFocus\n            anchor=\"top\"\n            open={open}\n            onClose={() => setOpen(false)}\n            sx={{\n              // bellow Header, above SecondaryNavigation\n              zIndex: theme.zIndex.appBar - 10,\n              // header offset\n              top: theme.mixins.toolbar.minHeight,\n              bottom: 'auto',\n              height: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n              // adjust position\n              position: 'absolute',\n              ...drawerSx,\n            }}\n            slotProps={{\n              backdrop: {\n                sx: {\n                  position: 'absolute',\n                  ...drawerBackdropSx,\n                },\n                ...restDrawerBackdrop,\n              },\n              paper: {\n                sx: {\n                  position: 'absolute',\n                  height: '100%',\n                  display: 'grid',\n                  gridTemplateRows: 'auto max-content',\n                  ...drawerPaperSx,\n                },\n                ...restDrawerPaper,\n              },\n              ...restDrawerSlotProps,\n            }}\n            {...restDrawer}\n          >\n            <Box\n              sx={{\n                p: 2,\n                overflow: 'auto',\n                ...mobileContentSx,\n              }}\n              data-testid=\"Header.mobilenav\"\n              {...restMobileContent}\n            >\n              {children || navigationItems}\n            </Box>\n            {drawerButtons && (\n              <Box sx={{ p: 2, pt: 0 }}>\n                <Box\n                  sx={{\n                    pt: 0.75,\n                    display: 'flex',\n                    flexDirection: 'column-reverse',\n                    alignItems: 'stretch',\n                    justifyContent: 'flex-start',\n                    // border from appbar.theme.ts\n                    borderTop: 1,\n                    borderColor: theme.palette.mode === 'dark' ? 'onSurface.os700' : 'surface.secondary',\n                  }}\n                >\n                  {drawerButtons}\n                </Box>\n              </Box>\n            )}\n          </Drawer>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["Header","forwardRef","_a","ref","children","logo","navigationItems","buttons","visibleButtons","overheadItems","_","color","__","breakpoint","___","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps","rest","__rest","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_d","sx","logoSx","restLogo","_e","contentSx","restContent","_f","mobileContentSx","restMobileContent","_g","buttonsSx","restButtons","_h","drawerSx","slotProps","drawerSlotProps","restDrawer","_j","paper","drawerPaperProps","backdrop","drawerBackdropProps","restDrawerSlotProps","_k","_b","drawerPaperSx","restDrawerPaper","_l","_c","drawerBackdropSx","restDrawerBackdrop","open","setOpen","useState","processedButtons","drawerButtons","useMemo","flatten","nodes","extend","result","Children","forEach","child","idx","type","Fragment","push","props","isValidElement","HeaderButton","HeaderLanguageSelect","includes","cloneElement","key","length","undefined","flattenedVisibleButtons","flattenedRestButtons","_jsxs","_jsx","AppBar","Toolbar","Object","assign","disableGutters","Box","palette","mode","display","position","py","getFocusRingStyle","boxShadow","minWidth","flexGrow","alignSelf","alignItems","justifyContent","gap","lg","xl","pl","mb","mr","xs","onClick","prev","CloseIcon","MenuIcon","Drawer","disablePortal","disableEnforceFocus","disableAutoFocus","anchor","onClose","zIndex","appBar","top","mixins","toolbar","minHeight","bottom","height","gridTemplateRows","p","overflow","pt","flexDirection","borderTop","borderColor"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/header/Header.tsx"],"sourcesContent":["import React, {\n  FC,\n  useState,\n  forwardRef,\n  ReactNode,\n  ElementType,\n  Children,\n  cloneElement,\n  useMemo,\n  Fragment,\n  isValidElement,\n} from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  BackdropProps,\n  Box,\n  BoxProps,\n  Breakpoint,\n  Drawer,\n  DrawerProps,\n  PaperProps,\n  Theme,\n  Toolbar,\n  ToolbarProps,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { HeaderLanguageSelect } from './HeaderLanguageSelect';\n\nexport interface HeaderProps extends Omit<AppBarProps, 'color'> {\n  /**\n   * Logo component\n   */\n  logo?: ReactNode;\n  /**\n   * Items in the menu\n   * @deprecated place links directly as children\n   */\n  navigationItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  overheadItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  color?: 'light' | 'dark';\n  /**\n   * @deprecated no longer has any effect\n   */\n  breakpoint?: Breakpoint;\n  /**\n   * Wrap the navigation into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * ActionButtons on the right side\n   */\n  buttons?: ReactNode;\n  /**\n   * ActionButtons on the right side that stays visible even on mobile\n   */\n  visibleButtons?: ReactNode | true;\n  /**\n   * Properties applied to toolbar container\n   */\n  toolbarProps?: ToolbarProps<ElementType>;\n  /**\n   * Properties applied to logo wrapper\n   */\n  logoProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to content wrapper\n   */\n  contentProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to content wrapper in drawer\n   */\n  mobileContentProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonsProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to hamburger menu\n   */\n  menuButtonProps?: HeaderButtonProps;\n  /**\n   * Icon of the hamburger menu\n   */\n  menuIcon?: ReactNode;\n  /**\n   * Icon of the close hamburger menu\n   */\n  closeMenuIcon?: ReactNode;\n  /**\n   * Props applied to mobile drawer\n   */\n  drawerProps?: DrawerProps;\n}\n\n/**\n * Component to render Header with navigation and action buttons at the top of the page\n */\nexport const Header: FC<HeaderProps> = forwardRef(\n  (\n    {\n      children,\n      logo,\n      navigationItems,\n      buttons,\n      visibleButtons,\n      overheadItems: _,\n      color: __,\n      breakpoint: ___,\n      inContainer = false,\n      toolbarProps,\n      logoProps,\n      contentProps,\n      mobileContentProps,\n      buttonsProps,\n      menuButtonProps,\n      menuIcon,\n      closeMenuIcon,\n      drawerProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: logoSx, ...restLogo } = logoProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: mobileContentSx, ...restMobileContent } = mobileContentProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const { sx: drawerSx, slotProps: drawerSlotProps, ...restDrawer } = drawerProps ?? {};\n    const { paper: drawerPaperProps, backdrop: drawerBackdropProps, ...restDrawerSlotProps } = drawerSlotProps ?? {};\n    const { sx: drawerPaperSx, ...restDrawerPaper } = (drawerPaperProps as PaperProps) ?? {};\n    const { sx: drawerBackdropSx, ...restDrawerBackdrop } = (drawerBackdropProps as BackdropProps) ?? {};\n    const [open, setOpen] = useState(false);\n\n    /**\n     * Process visible buttons\n     */\n    const [processedButtons, drawerButtons] = useMemo(() => {\n      function flatten(nodes, extend) {\n        const result = [];\n        Children.forEach(nodes, (child, idx) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children, extend));\n          } else if (\n            isValidElement(child) &&\n            [HeaderButton, HeaderLanguageSelect].includes(child?.type as FC) &&\n            extend\n          ) {\n            result.push(cloneElement(child, { extend: true, key: idx } as HeaderButtonProps));\n          } else {\n            result.push(child);\n          }\n        });\n        return result?.length ? result : undefined;\n      }\n\n      // check if we have visibleButtons property\n      if (visibleButtons) {\n        const flattenedVisibleButtons = visibleButtons === true ? undefined : flatten(visibleButtons, false);\n        const flattenedRestButtons = flatten(buttons, downLg);\n        // mobile\n        if (downLg) {\n          // split visible buttons and put buttons in drawer\n          return [flattenedVisibleButtons, flattenedRestButtons];\n        } else {\n          // on PC, all buttons are visible\n          return [[...(flattenedVisibleButtons || []), ...(flattenedRestButtons || [])], undefined];\n        }\n      } else {\n        // in case visibleButtons property is not provided, do not put buttons into drawer at all\n        return [flatten(buttons, false), undefined];\n      }\n    }, [visibleButtons, buttons, downLg]);\n\n    return (\n      <>\n        <AppBar ref={ref} data-testid=\"Header\" {...rest}>\n          <Toolbar disableGutters={!inContainer} {...toolbarProps}>\n            {logo && (\n              <Box\n                data-testid=\"Header.logo\"\n                sx={{\n                  color: theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.tertiary',\n                  // restyle wrapper link, same style is applied in HeaderLogo\n                  '& .MuiLink-root': {\n                    display: 'block',\n                    position: 'relative',\n                    py: 1,\n                    // add proper focus ring\n                    ...getFocusRingStyle(theme),\n                    // remove default link box shadow\n                    '&.Mui-focusVisible': {\n                      boxShadow: 'none',\n                    },\n                  },\n                  '& .MuiSvgIcon-root': {\n                    display: 'block',\n                  },\n                  ...logoSx,\n                }}\n                {...restLogo}\n              >\n                {logo}\n              </Box>\n            )}\n            <Box\n              sx={{\n                minWidth: '0',\n                flexGrow: '1',\n                alignSelf: 'stretch',\n                display: 'flex',\n                alignItems: 'stretch',\n                justifyContent: 'flex-start',\n                gap: { lg: 2, xl: 4 },\n                ...(!downLg &&\n                  logo && {\n                    // increase size between logo and nav\n                    pl: 4,\n                  }),\n                // move directly into border\n                mb: '-1px',\n                ...contentSx,\n              }}\n              data-testid=\"Header.nav\"\n              {...restContent}\n            >\n              {!downLg && (children || navigationItems)}\n            </Box>\n            {(processedButtons || (downLg && (children || navigationItems || drawerButtons))) && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'flex-end',\n                  gap: 0.25,\n                  mr: { xs: -1, lg: 0 },\n                  ...buttonsSx,\n                }}\n                data-testid=\"Header.btns\"\n                {...restButtons}\n              >\n                {processedButtons}\n                {downLg && (children || navigationItems || drawerButtons) && (\n                  <HeaderButton\n                    key=\"menu\"\n                    aria-label=\"Toggle menu\"\n                    extend={false}\n                    onClick={() => setOpen((prev) => !prev)}\n                    {...menuButtonProps}\n                  >\n                    {open ? closeMenuIcon || <CloseIcon /> : menuIcon || <MenuIcon />}\n                  </HeaderButton>\n                )}\n              </Box>\n            )}\n          </Toolbar>\n        </AppBar>\n        {downLg && (children || navigationItems || drawerButtons) && (\n          <Drawer\n            disablePortal\n            disableEnforceFocus\n            disableAutoFocus\n            anchor=\"top\"\n            open={open}\n            onClose={() => setOpen(false)}\n            sx={{\n              // bellow Header, above SecondaryNavigation\n              zIndex: theme.zIndex.appBar - 10,\n              // header offset\n              top: theme.mixins.toolbar.minHeight,\n              bottom: 'auto',\n              height: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n              // adjust position\n              position: 'absolute',\n              ...drawerSx,\n            }}\n            slotProps={{\n              backdrop: {\n                sx: {\n                  position: 'absolute',\n                  ...drawerBackdropSx,\n                },\n                ...restDrawerBackdrop,\n              },\n              paper: {\n                sx: {\n                  position: 'absolute',\n                  height: '100%',\n                  display: 'grid',\n                  gridTemplateRows: 'auto max-content',\n                  ...drawerPaperSx,\n                },\n                ...restDrawerPaper,\n              },\n              ...restDrawerSlotProps,\n            }}\n            {...restDrawer}\n          >\n            <Box\n              sx={{\n                p: 2,\n                overflow: 'auto',\n                ...mobileContentSx,\n              }}\n              data-testid=\"Header.mobilenav\"\n              {...restMobileContent}\n            >\n              {children || navigationItems}\n            </Box>\n            {drawerButtons && (\n              <Box sx={{ p: 2, pt: 0 }}>\n                <Box\n                  sx={{\n                    pt: 0.75,\n                    display: 'flex',\n                    flexDirection: 'column-reverse',\n                    alignItems: 'stretch',\n                    justifyContent: 'flex-start',\n                    // border from appbar.theme.ts\n                    borderTop: 1,\n                    borderColor: theme.palette.mode === 'dark' ? 'onSurface.os700' : 'surface.secondary',\n                  }}\n                >\n                  {drawerButtons}\n                </Box>\n              </Box>\n            )}\n          </Drawer>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["Header","forwardRef","_a","ref","children","logo","navigationItems","buttons","visibleButtons","overheadItems","_","color","__","breakpoint","___","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps","rest","__rest","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_d","sx","logoSx","restLogo","_e","contentSx","restContent","_f","mobileContentSx","restMobileContent","_g","buttonsSx","restButtons","_h","drawerSx","slotProps","drawerSlotProps","restDrawer","_j","paper","drawerPaperProps","backdrop","drawerBackdropProps","restDrawerSlotProps","_k","_b","drawerPaperSx","restDrawerPaper","_l","_c","drawerBackdropSx","restDrawerBackdrop","open","setOpen","useState","processedButtons","drawerButtons","useMemo","flatten","nodes","extend","result","Children","forEach","child","idx","type","Fragment","push","props","isValidElement","HeaderButton","HeaderLanguageSelect","includes","cloneElement","key","length","undefined","flattenedVisibleButtons","flattenedRestButtons","_jsxs","_jsx","AppBar","Toolbar","Object","assign","disableGutters","Box","palette","mode","display","position","py","getFocusRingStyle","boxShadow","minWidth","flexGrow","alignSelf","alignItems","justifyContent","gap","lg","xl","pl","mb","mr","xs","onClick","prev","CloseIcon","MenuIcon","Drawer","disablePortal","disableEnforceFocus","disableAutoFocus","anchor","onClose","zIndex","appBar","top","mixins","toolbar","minHeight","bottom","height","gridTemplateRows","p","overflow","pt","flexDirection","borderTop","borderColor"],"mappings":"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"}

package/cjs/components/header/HeaderButton.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),t=require("@mui/material"),o=require("../focusring/focusring.js"),n=require("../../materialui/button/interactive.js"),i=require("../icon/stroke/CarIcon.js"),c=require("../icon/stroke/BellIcon.js"),a=require("../icon/stroke/SearchIcon.js"),u=require("../icon/stroke/UserIcon.js"),l=require("../icon/stroke/HeartIcon.js"),d=require("../icon/stroke/ShoppingBagIcon.js"),j=require("../icon/stroke/GlobeIcon.js"),g=require("../icon/stroke/LoginIcon.js"),x=require("../icon/stroke/LogoutIcon.js"),f=require("../icon/stroke/CloseIcon.js"),b=require("../icon/stroke/CircleQuestionIcon.js"),I=require("../icon/stroke/MenuIcon.js");const p=s.forwardRef(((p,h)=>{var{children:B,sx:O,icon:q,label:H,indicator:R,extend:w,tooltipProps:k,badgeProps:C}=p,S=e.__rest(p,["children","sx","icon","label","indicator","extend","tooltipProps","badgeProps"]);const m=t.useTheme(),v=null!=k?k:{},{title:L}=v,y=e.__rest(v,["title"]),M=s.useMemo((()=>{switch(q){case"car":return i.CarIcon;case"bell":return c.BellIcon;case"search":return a.SearchIcon;case"profile":case"user":return u.UserIcon;case"heart":return l.HeartIcon;case"shopping-bag":return d.ShoppingBagIcon;case"globe":return j.GlobeIcon;case"login":return g.LoginIcon;case"logout":return x.LogoutIcon;case"close":return f.CloseIcon;case"circle-question":return b.CircleQuestionIcon;case"hamburger":return I.MenuIcon;default:return}}),[q]);return w?r.jsxs(t.ButtonBase,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.typography.list),{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1.25,py:1.5,px:1.25,"& .MuiSvgIcon-root":{fontSize:"17px"},"&.Mui-disabled":{color:"disabled.tertiary"}}),n.getInteractiveStyle({fontWeight:"300"},{fontWeight:"700"})),o.getFocusRingStyle(m)),{"&&:before":{borderRadius:"4px"}}),O),ref:h,"data-testid":"HeaderButton"},S,{children:[r.jsx(t.Badge,Object.assign({},R&&{variant:"dot",invisible:!1},C,{children:B||r.jsx(M,{})})),H||L]})):r.jsx(t.Tooltip,Object.assign({title:H||L},y,{children:r.jsx(t.IconButton,Object.assign({sx:O,size:"medium",ref:h,"data-testid":"HeaderButton"},S,{children:r.jsx(t.Badge,Object.assign({},R&&{variant:"dot",invisible:!1},C,{children:B||r.jsx(M,{})}))}))}))})),h=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(c.BellIcon,{})})))),B=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(a.SearchIcon,{})})))),O=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(u.UserIcon,{})})))),q=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(l.HeartIcon,{})})))),H=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(d.ShoppingBagIcon,{})})))),R=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(j.GlobeIcon,{})})))),w=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(g.LoginIcon,{})})))),k=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(x.LogoutIcon,{})})))),C=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(f.CloseIcon,{})})))),S=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(b.CircleQuestionIcon,{})})))),m=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(I.MenuIcon,{})}))));exports.HeaderBellButton=h,exports.HeaderButton=p,exports.HeaderCartButton=H,exports.HeaderCloseButton=C,exports.HeaderFaqButton=S,exports.HeaderHeartButton=q,exports.HeaderLanguageButton=R,exports.HeaderLoginButton=w,exports.HeaderLogoutButton=k,exports.HeaderMenuButton=m,exports.HeaderProfileButton=O,exports.HeaderSearchButton=B;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),t=require("@mui/material"),o=require("../focusring/focusring.js"),n=require("../../materialui/button/interactive.js"),i=require("../icon/stroke/CarIcon.js"),c=require("../icon/stroke/BellIcon.js"),a=require("../icon/stroke/SearchIcon.js"),u=require("../icon/stroke/UserIcon.js"),l=require("../icon/stroke/HeartIcon.js"),d=require("../icon/stroke/ShoppingBagIcon.js"),j=require("../icon/stroke/GlobeIcon.js"),g=require("../icon/stroke/LoginIcon.js"),x=require("../icon/stroke/LogoutIcon.js"),f=require("../icon/stroke/CloseIcon.js"),b=require("../icon/stroke/CircleQuestionIcon.js"),I=require("../icon/stroke/MenuIcon.js");const p=s.forwardRef((p,h)=>{var{children:B,sx:O,icon:q,label:H,indicator:R,extend:w,tooltipProps:k,badgeProps:C}=p,S=e.__rest(p,["children","sx","icon","label","indicator","extend","tooltipProps","badgeProps"]);const m=t.useTheme(),v=null!=k?k:{},{title:L}=v,y=e.__rest(v,["title"]),M=s.useMemo(()=>{switch(q){case"car":return i.CarIcon;case"bell":return c.BellIcon;case"search":return a.SearchIcon;case"profile":case"user":return u.UserIcon;case"heart":return l.HeartIcon;case"shopping-bag":return d.ShoppingBagIcon;case"globe":return j.GlobeIcon;case"login":return g.LoginIcon;case"logout":return x.LogoutIcon;case"close":return f.CloseIcon;case"circle-question":return b.CircleQuestionIcon;case"hamburger":return I.MenuIcon;default:return}},[q]);return w?r.jsxs(t.ButtonBase,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.typography.list),{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1.25,py:1.5,px:1.25,"& .MuiSvgIcon-root":{fontSize:"17px"},"&.Mui-disabled":{color:"disabled.tertiary"}}),n.getInteractiveStyle({fontWeight:"300"},{fontWeight:"700"})),o.getFocusRingStyle(m)),{"&&:before":{borderRadius:"4px"}}),O),ref:h,"data-testid":"HeaderButton"},S,{children:[r.jsx(t.Badge,Object.assign({},R&&{variant:"dot",invisible:!1},C,{children:B||r.jsx(M,{})})),H||L]})):r.jsx(t.Tooltip,Object.assign({title:H||L},y,{children:r.jsx(t.IconButton,Object.assign({sx:O,size:"medium",ref:h,"data-testid":"HeaderButton"},S,{children:r.jsx(t.Badge,Object.assign({},R&&{variant:"dot",invisible:!1},C,{children:B||r.jsx(M,{})}))}))}))}),h=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(c.BellIcon,{})}))),B=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(a.SearchIcon,{})}))),O=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(u.UserIcon,{})}))),q=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(l.HeartIcon,{})}))),H=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(d.ShoppingBagIcon,{})}))),R=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(j.GlobeIcon,{})}))),w=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(g.LoginIcon,{})}))),k=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(x.LogoutIcon,{})}))),C=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(f.CloseIcon,{})}))),S=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(b.CircleQuestionIcon,{})}))),m=s.forwardRef((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(I.MenuIcon,{})})));exports.HeaderBellButton=h,exports.HeaderButton=p,exports.HeaderCartButton=H,exports.HeaderCloseButton=C,exports.HeaderFaqButton=S,exports.HeaderHeartButton=q,exports.HeaderLanguageButton=R,exports.HeaderLoginButton=w,exports.HeaderLogoutButton=k,exports.HeaderMenuButton=m,exports.HeaderProfileButton=O,exports.HeaderSearchButton=B;
 //# sourceMappingURL=HeaderButton.js.map

package/cjs/components/header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../../../src/components/header/HeaderButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport {\n  IconButton,\n  IconButtonProps,\n  ButtonBase,\n  Tooltip,\n  TooltipProps,\n  Badge,\n  BadgeProps,\n  useTheme,\n} from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { CarIcon } from '@/src/components/icon/stroke/CarIcon';\nimport { BellIcon } from '@/src/components/icon/stroke/BellIcon';\nimport { SearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { UserIcon } from '@/src/components/icon/stroke/UserIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\nimport { ShoppingBagIcon } from '@/src/components/icon/stroke/ShoppingBagIcon';\nimport { GlobeIcon } from '@/src/components/icon/stroke/GlobeIcon';\nimport { LoginIcon } from '@/src/components/icon/stroke/LoginIcon';\nimport { LogoutIcon } from '@/src/components/icon/stroke/LogoutIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { CircleQuestionIcon } from '@/src/components/icon/stroke/CircleQuestionIcon';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\n\nexport interface HeaderButtonProps extends IconButtonProps<ElementType> {\n  /**\n   * Label for the tooltip or the text button\n   */\n  label?: TooltipProps['title'];\n  /**\n   * Change icon button with tooltip into button\n   */\n  extend?: boolean;\n  /**\n   * Properties applied to tooltip\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Properties applied to badge\n   */\n  badgeProps?: BadgeProps;\n  /**\n   * @deprecated use badgeProps instead\n   */\n  indicator?: string;\n  /**\n   * @deprecated provide icon directly as children (e.g. <BellIcon />)\n   */\n  icon?:\n    | 'car'\n    | 'bell'\n    | 'search'\n    | 'profile'\n    | 'user'\n    | 'heart'\n    | 'shopping-bag'\n    | 'globe'\n    | 'login'\n    | 'logout'\n    | 'close'\n    | 'circle-question'\n    | 'hamburger';\n}\n\n/**\n * IconButton for the action links\n */\nexport const HeaderButton: FC<HeaderButtonProps> = forwardRef(\n  ({ children, sx, icon, label, indicator, extend, tooltipProps, badgeProps, ...rest }, ref) => {\n    const theme = useTheme();\n    const { title, ...restTooltip } = tooltipProps ?? {};\n\n    // mapper to previous api\n    const Icon = useMemo(() => {\n      switch (icon) {\n        case 'car':\n          return CarIcon;\n        case 'bell':\n          return BellIcon;\n        case 'search':\n          return SearchIcon;\n        case 'profile':\n        case 'user':\n          return UserIcon;\n        case 'heart':\n          return HeartIcon;\n        case 'shopping-bag':\n          return ShoppingBagIcon;\n        case 'globe':\n          return GlobeIcon;\n        case 'login':\n          return LoginIcon;\n        case 'logout':\n          return LogoutIcon;\n        case 'close':\n          return CloseIcon;\n        case 'circle-question':\n          return CircleQuestionIcon;\n        case 'hamburger':\n          return MenuIcon;\n        default:\n          return undefined;\n      }\n    }, [icon]);\n\n    if (extend) {\n      return (\n        <ButtonBase\n          sx={{\n            ...theme.typography.list,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n            gap: 1.25,\n            py: 1.5,\n            px: 1.25,\n            // icon inside\n            '& .MuiSvgIcon-root': {\n              fontSize: '17px',\n            },\n            // disabled style\n            '&.Mui-disabled': {\n              color: 'disabled.tertiary',\n            },\n            // interactive style\n            ...getInteractiveStyle(\n              {\n                fontWeight: '300',\n              },\n              {\n                fontWeight: '700',\n              },\n            ),\n            // focus ring\n            ...getFocusRingStyle(theme),\n            '&&:before': {\n              borderRadius: '4px',\n            },\n            ...sx,\n          }}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n          data-testid=\"HeaderButton\"\n          {...rest}\n        >\n          <Badge {...(indicator && { variant: 'dot', invisible: false })} {...badgeProps}>\n            {children || <Icon />}\n          </Badge>\n          {label || title}\n        </ButtonBase>\n      );\n    }\n\n    return (\n      <Tooltip title={label || title} {...restTooltip}>\n        <IconButton\n          sx={sx}\n          size=\"medium\"\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n          data-testid=\"HeaderButton\"\n          {...rest}\n        >\n          <Badge {...(indicator && { variant: 'dot', invisible: false })} {...badgeProps}>\n            {children || <Icon />}\n          </Badge>\n        </IconButton>\n      </Tooltip>\n    );\n  },\n);\n\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderBellButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <BellIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderSearchButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <SearchIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderProfileButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <UserIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderHeartButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <HeartIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderCartButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <ShoppingBagIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLanguageButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <GlobeIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLoginButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <LoginIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLogoutButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <LogoutIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderCloseButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <CloseIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderFaqButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <CircleQuestionIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderMenuButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <MenuIcon />\n  </HeaderButton>\n));\n"],"names":["HeaderButton","forwardRef","_a","ref","children","sx","icon","label","indicator","extend","tooltipProps","badgeProps","rest","__rest","theme","useTheme","_b","title","restTooltip","Icon","useMemo","CarIcon","BellIcon","SearchIcon","UserIcon","HeartIcon","ShoppingBagIcon","GlobeIcon","LoginIcon","LogoutIcon","CloseIcon","CircleQuestionIcon","MenuIcon","_jsxs","ButtonBase","Object","assign","typography","list","display","alignItems","justifyContent","gap","py","px","fontSize","color","getInteractiveStyle","fontWeight","getFocusRingStyle","borderRadius","_jsx","Badge","variant","invisible","Tooltip","IconButton","size","HeaderBellButton","props","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"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"}
+{"version":3,"file":"HeaderButton.js","sources":["../../../../../src/components/header/HeaderButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport {\n  IconButton,\n  IconButtonProps,\n  ButtonBase,\n  Tooltip,\n  TooltipProps,\n  Badge,\n  BadgeProps,\n  useTheme,\n} from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { CarIcon } from '@/src/components/icon/stroke/CarIcon';\nimport { BellIcon } from '@/src/components/icon/stroke/BellIcon';\nimport { SearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { UserIcon } from '@/src/components/icon/stroke/UserIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\nimport { ShoppingBagIcon } from '@/src/components/icon/stroke/ShoppingBagIcon';\nimport { GlobeIcon } from '@/src/components/icon/stroke/GlobeIcon';\nimport { LoginIcon } from '@/src/components/icon/stroke/LoginIcon';\nimport { LogoutIcon } from '@/src/components/icon/stroke/LogoutIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { CircleQuestionIcon } from '@/src/components/icon/stroke/CircleQuestionIcon';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\n\nexport interface HeaderButtonProps extends IconButtonProps<ElementType> {\n  /**\n   * Label for the tooltip or the text button\n   */\n  label?: TooltipProps['title'];\n  /**\n   * Change icon button with tooltip into button\n   */\n  extend?: boolean;\n  /**\n   * Properties applied to tooltip\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Properties applied to badge\n   */\n  badgeProps?: BadgeProps;\n  /**\n   * @deprecated use badgeProps instead\n   */\n  indicator?: string;\n  /**\n   * @deprecated provide icon directly as children (e.g. <BellIcon />)\n   */\n  icon?:\n    | 'car'\n    | 'bell'\n    | 'search'\n    | 'profile'\n    | 'user'\n    | 'heart'\n    | 'shopping-bag'\n    | 'globe'\n    | 'login'\n    | 'logout'\n    | 'close'\n    | 'circle-question'\n    | 'hamburger';\n}\n\n/**\n * IconButton for the action links\n */\nexport const HeaderButton: FC<HeaderButtonProps> = forwardRef(\n  ({ children, sx, icon, label, indicator, extend, tooltipProps, badgeProps, ...rest }, ref) => {\n    const theme = useTheme();\n    const { title, ...restTooltip } = tooltipProps ?? {};\n\n    // mapper to previous api\n    const Icon = useMemo(() => {\n      switch (icon) {\n        case 'car':\n          return CarIcon;\n        case 'bell':\n          return BellIcon;\n        case 'search':\n          return SearchIcon;\n        case 'profile':\n        case 'user':\n          return UserIcon;\n        case 'heart':\n          return HeartIcon;\n        case 'shopping-bag':\n          return ShoppingBagIcon;\n        case 'globe':\n          return GlobeIcon;\n        case 'login':\n          return LoginIcon;\n        case 'logout':\n          return LogoutIcon;\n        case 'close':\n          return CloseIcon;\n        case 'circle-question':\n          return CircleQuestionIcon;\n        case 'hamburger':\n          return MenuIcon;\n        default:\n          return undefined;\n      }\n    }, [icon]);\n\n    if (extend) {\n      return (\n        <ButtonBase\n          sx={{\n            ...theme.typography.list,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n            gap: 1.25,\n            py: 1.5,\n            px: 1.25,\n            // icon inside\n            '& .MuiSvgIcon-root': {\n              fontSize: '17px',\n            },\n            // disabled style\n            '&.Mui-disabled': {\n              color: 'disabled.tertiary',\n            },\n            // interactive style\n            ...getInteractiveStyle(\n              {\n                fontWeight: '300',\n              },\n              {\n                fontWeight: '700',\n              },\n            ),\n            // focus ring\n            ...getFocusRingStyle(theme),\n            '&&:before': {\n              borderRadius: '4px',\n            },\n            ...sx,\n          }}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n          data-testid=\"HeaderButton\"\n          {...rest}\n        >\n          <Badge {...(indicator && { variant: 'dot', invisible: false })} {...badgeProps}>\n            {children || <Icon />}\n          </Badge>\n          {label || title}\n        </ButtonBase>\n      );\n    }\n\n    return (\n      <Tooltip title={label || title} {...restTooltip}>\n        <IconButton\n          sx={sx}\n          size=\"medium\"\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n          data-testid=\"HeaderButton\"\n          {...rest}\n        >\n          <Badge {...(indicator && { variant: 'dot', invisible: false })} {...badgeProps}>\n            {children || <Icon />}\n          </Badge>\n        </IconButton>\n      </Tooltip>\n    );\n  },\n);\n\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderBellButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <BellIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderSearchButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <SearchIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderProfileButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <UserIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderHeartButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <HeartIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderCartButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <ShoppingBagIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLanguageButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <GlobeIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLoginButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <LoginIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLogoutButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <LogoutIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderCloseButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <CloseIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderFaqButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <CircleQuestionIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderMenuButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <MenuIcon />\n  </HeaderButton>\n));\n"],"names":["HeaderButton","forwardRef","_a","ref","children","sx","icon","label","indicator","extend","tooltipProps","badgeProps","rest","__rest","theme","useTheme","_b","title","restTooltip","Icon","useMemo","CarIcon","BellIcon","SearchIcon","UserIcon","HeartIcon","ShoppingBagIcon","GlobeIcon","LoginIcon","LogoutIcon","CloseIcon","CircleQuestionIcon","MenuIcon","_jsxs","ButtonBase","Object","assign","typography","list","display","alignItems","justifyContent","gap","py","px","fontSize","color","getInteractiveStyle","fontWeight","getFocusRingStyle","borderRadius","_jsx","Badge","variant","invisible","Tooltip","IconButton","size","HeaderBellButton","props","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"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"}

package/cjs/components/header/HeaderLanguageSelect.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("@mui/material"),s=require("./HeaderButton.js"),a=require("../icon/stroke/GlobeIcon.js");const l=t.forwardRef(((l,i)=>{var{children:u,languages:o,onSelect:c,defaultLanguage:d=0,menuProps:g,menuItemProps:j,radioProps:m,listItemTextProps:x}=l,p=e.__rest(l,["children","languages","onSelect","defaultLanguage","menuProps","menuItemProps","radioProps","listItemTextProps"]);const[b,h]=t.useState(null),[I,P]=t.useState(d);return r.jsxs(r.Fragment,{children:[r.jsx(s.HeaderButton,Object.assign({onClick:e=>h(e.currentTarget),ref:i,"data-testid":"HeaderLanguageSelect"},p,{children:u||r.jsx(a.GlobeIcon,{})})),r.jsx(n.Menu,Object.assign({open:!!b,anchorEl:b,onClose:()=>h(null)},g,{children:null==o?void 0:o.map(((e,t)=>{const s=I===t,a="string"==typeof e?e:e.full;return r.jsxs(n.MenuItem,Object.assign({selected:s,onClick:()=>{null==c||c(e,t),P(t)}},j,{children:[r.jsx(n.Radio,Object.assign({checked:s,tabIndex:-1},m)),r.jsx(n.ListItemText,Object.assign({},x,{children:a}))]}),a)}))}))]})}));exports.HeaderLanguageSelect=l;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("@mui/material"),s=require("./HeaderButton.js"),a=require("../icon/stroke/GlobeIcon.js");const l=t.forwardRef((l,i)=>{var{children:u,languages:o,onSelect:c,defaultLanguage:d=0,menuProps:g,menuItemProps:j,radioProps:m,listItemTextProps:x}=l,p=e.__rest(l,["children","languages","onSelect","defaultLanguage","menuProps","menuItemProps","radioProps","listItemTextProps"]);const[b,h]=t.useState(null),[I,P]=t.useState(d);return r.jsxs(r.Fragment,{children:[r.jsx(s.HeaderButton,Object.assign({onClick:e=>h(e.currentTarget),ref:i,"data-testid":"HeaderLanguageSelect"},p,{children:u||r.jsx(a.GlobeIcon,{})})),r.jsx(n.Menu,Object.assign({open:!!b,anchorEl:b,onClose:()=>h(null)},g,{children:null==o?void 0:o.map((e,t)=>{const s=I===t,a="string"==typeof e?e:e.full;return r.jsxs(n.MenuItem,Object.assign({selected:s,onClick:()=>{null==c||c(e,t),P(t)}},j,{children:[r.jsx(n.Radio,Object.assign({checked:s,tabIndex:-1},m)),r.jsx(n.ListItemText,Object.assign({},x,{children:a}))]}),a)})}))]})});exports.HeaderLanguageSelect=l;
 //# sourceMappingURL=HeaderLanguageSelect.js.map

package/cjs/components/header/HeaderLanguageSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLanguageSelect.js","sources":["../../../../../src/components/header/HeaderLanguageSelect.tsx"],"sourcesContent":["import React, { FC, forwardRef, useState } from 'react';\nimport {\n  Menu,\n  MenuItem,\n  Radio,\n  ListItemText,\n  MenuProps,\n  MenuItemProps,\n  RadioProps,\n  ListItemTextProps,\n} from '@mui/material';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { GlobeIcon } from '@/src/components/icon/stroke/GlobeIcon';\n\ntype HeaderLanguageType = string | { short?: string; full?: string };\n\nexport interface HeaderLanguageSelectProps extends HeaderButtonProps {\n  /**\n   * List of languages\n   */\n  languages?: HeaderLanguageType[];\n  /**\n   * Index of selected language\n   * @default 0\n   */\n  defaultLanguage?: number;\n  /**\n   * Function that is triggered on language change\n   * @param language - provided language\n   * @param index - index of language\n   */\n  onSelect?: (language: HeaderLanguageType, index: number) => void;\n  /**\n   * Props applied to menu\n   */\n  menuProps?: MenuProps;\n  /**\n   * Props applied to each MenuItem\n   */\n  menuItemProps?: MenuItemProps;\n  /**\n   * Props applied to Radio inside MenuItem\n   */\n  radioProps?: RadioProps;\n  /**\n   * Props applied to ListItemText inside MenuIte\n   */\n  listItemTextProps?: ListItemTextProps;\n}\n\n/**\n * IconButton with menu selector for languages\n */\nexport const HeaderLanguageSelect: FC<HeaderLanguageSelectProps> = forwardRef(\n  (\n    {\n      children,\n      languages,\n      onSelect,\n      defaultLanguage = 0,\n      menuProps,\n      menuItemProps,\n      radioProps,\n      listItemTextProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [anchor, setAnchor] = useState(null);\n    const [selected, setSelected] = useState(defaultLanguage);\n\n    return (\n      <>\n        <HeaderButton\n          onClick={(e) => setAnchor(e.currentTarget)}\n          ref={ref}\n          data-testid=\"HeaderLanguageSelect\"\n          {...rest}\n        >\n          {children || <GlobeIcon />}\n        </HeaderButton>\n        <Menu open={!!anchor} anchorEl={anchor} onClose={() => setAnchor(null)} {...menuProps}>\n          {languages?.map((lang, idx) => {\n            const isSelected = selected === idx;\n            const value = typeof lang === 'string' ? lang : lang.full;\n\n            return (\n              <MenuItem\n                key={value}\n                selected={isSelected}\n                onClick={() => {\n                  onSelect?.(lang, idx);\n                  setSelected(idx);\n                }}\n                {...menuItemProps}\n              >\n                <Radio checked={isSelected} tabIndex={-1} {...radioProps} />\n                <ListItemText {...listItemTextProps}>{value}</ListItemText>\n              </MenuItem>\n            );\n          })}\n        </Menu>\n      </>\n    );\n  },\n);\n"],"names":["HeaderLanguageSelect","forwardRef","_a","ref","children","languages","onSelect","defaultLanguage","menuProps","menuItemProps","radioProps","listItemTextProps","rest","__rest","anchor","setAnchor","useState","selected","setSelected","_jsxs","_Fragment","_jsx","HeaderButton","onClick","e","currentTarget","GlobeIcon","Menu","Object","assign","open","anchorEl","onClose","map","lang","idx","isSelected","value","full","MenuItem","Radio","checked","tabIndex","ListItemText"],"mappings":"yLAqDO,MAAMA,EAAsDC,EAAAA,YACjE,CACEC,EAWAC,SAXAC,SACEA,EAAQC,UACRA,EAASC,SACTA,EAAQC,gBACRA,EAAkB,EAACC,UACnBA,EAASC,cACTA,EAAaC,WACbA,EAAUC,kBACVA,KACGC,EAAIC,EAAAA,OAAAX,EATT,CAAA,WAAA,YAAA,WAAA,kBAAA,YAAA,gBAAA,aAAA,sBAaA,MAAOY,EAAQC,GAAaC,EAAAA,SAAS,OAC9BC,EAAUC,GAAeF,EAAAA,SAAST,GAEzC,OACEY,OAAAC,EAAAA,SAAA,CAAAhB,SAAA,CACEiB,EAAAA,IAACC,8BACCC,QAAUC,GAAMT,EAAUS,EAAEC,eAC5BtB,IAAKA,EAAG,cACI,wBACRS,EAAI,CAAAR,SAEPA,GAAYiB,MAACK,EAAAA,UAAS,CAAA,MAEzBL,EAAAA,IAACM,EAAAA,KAAIC,OAAAC,OAAA,CAACC,OAAQhB,EAAQiB,SAAUjB,EAAQkB,QAAS,IAAMjB,EAAU,OAAWP,EAAS,CAAAJ,SAClFC,aAAS,EAATA,EAAW4B,KAAI,CAACC,EAAMC,KACrB,MAAMC,EAAanB,IAAakB,EAC1BE,EAAwB,iBAATH,EAAoBA,EAAOA,EAAKI,KAErD,OACEnB,EAAAA,KAACoB,EAAAA,SAAQX,OAAAC,OAAA,CAEPZ,SAAUmB,EACVb,QAAS,KACPjB,SAAAA,EAAW4B,EAAMC,GACjBjB,EAAYiB,EAAI,GAEd1B,EAAa,CAAAL,SAAA,CAEjBiB,EAAAA,IAACmB,EAAAA,MAAKZ,OAAAC,OAAA,CAACY,QAASL,EAAYM,UAAU,GAAQhC,IAC9CW,EAAAA,IAACsB,EAAAA,aAAYf,OAAAC,OAAA,CAAA,EAAKlB,EAAiB,CAAAP,SAAGiC,QATjCA,EAUI,SAIhB"}
+{"version":3,"file":"HeaderLanguageSelect.js","sources":["../../../../../src/components/header/HeaderLanguageSelect.tsx"],"sourcesContent":["import React, { FC, forwardRef, useState } from 'react';\nimport {\n  Menu,\n  MenuItem,\n  Radio,\n  ListItemText,\n  MenuProps,\n  MenuItemProps,\n  RadioProps,\n  ListItemTextProps,\n} from '@mui/material';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { GlobeIcon } from '@/src/components/icon/stroke/GlobeIcon';\n\ntype HeaderLanguageType = string | { short?: string; full?: string };\n\nexport interface HeaderLanguageSelectProps extends HeaderButtonProps {\n  /**\n   * List of languages\n   */\n  languages?: HeaderLanguageType[];\n  /**\n   * Index of selected language\n   * @default 0\n   */\n  defaultLanguage?: number;\n  /**\n   * Function that is triggered on language change\n   * @param language - provided language\n   * @param index - index of language\n   */\n  onSelect?: (language: HeaderLanguageType, index: number) => void;\n  /**\n   * Props applied to menu\n   */\n  menuProps?: MenuProps;\n  /**\n   * Props applied to each MenuItem\n   */\n  menuItemProps?: MenuItemProps;\n  /**\n   * Props applied to Radio inside MenuItem\n   */\n  radioProps?: RadioProps;\n  /**\n   * Props applied to ListItemText inside MenuIte\n   */\n  listItemTextProps?: ListItemTextProps;\n}\n\n/**\n * IconButton with menu selector for languages\n */\nexport const HeaderLanguageSelect: FC<HeaderLanguageSelectProps> = forwardRef(\n  (\n    {\n      children,\n      languages,\n      onSelect,\n      defaultLanguage = 0,\n      menuProps,\n      menuItemProps,\n      radioProps,\n      listItemTextProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [anchor, setAnchor] = useState(null);\n    const [selected, setSelected] = useState(defaultLanguage);\n\n    return (\n      <>\n        <HeaderButton\n          onClick={(e) => setAnchor(e.currentTarget)}\n          ref={ref}\n          data-testid=\"HeaderLanguageSelect\"\n          {...rest}\n        >\n          {children || <GlobeIcon />}\n        </HeaderButton>\n        <Menu open={!!anchor} anchorEl={anchor} onClose={() => setAnchor(null)} {...menuProps}>\n          {languages?.map((lang, idx) => {\n            const isSelected = selected === idx;\n            const value = typeof lang === 'string' ? lang : lang.full;\n\n            return (\n              <MenuItem\n                key={value}\n                selected={isSelected}\n                onClick={() => {\n                  onSelect?.(lang, idx);\n                  setSelected(idx);\n                }}\n                {...menuItemProps}\n              >\n                <Radio checked={isSelected} tabIndex={-1} {...radioProps} />\n                <ListItemText {...listItemTextProps}>{value}</ListItemText>\n              </MenuItem>\n            );\n          })}\n        </Menu>\n      </>\n    );\n  },\n);\n"],"names":["HeaderLanguageSelect","forwardRef","_a","ref","children","languages","onSelect","defaultLanguage","menuProps","menuItemProps","radioProps","listItemTextProps","rest","__rest","anchor","setAnchor","useState","selected","setSelected","_jsxs","_Fragment","_jsx","HeaderButton","onClick","e","currentTarget","GlobeIcon","Menu","Object","assign","open","anchorEl","onClose","map","lang","idx","isSelected","value","full","MenuItem","Radio","checked","tabIndex","ListItemText"],"mappings":"yLAqDO,MAAMA,EAAsDC,EAAAA,WACjE,CACEC,EAWAC,SAXAC,SACEA,EAAQC,UACRA,EAASC,SACTA,EAAQC,gBACRA,EAAkB,EAACC,UACnBA,EAASC,cACTA,EAAaC,WACbA,EAAUC,kBACVA,KACGC,EAAIC,EAAAA,OAAAX,EATT,CAAA,WAAA,YAAA,WAAA,kBAAA,YAAA,gBAAA,aAAA,sBAaA,MAAOY,EAAQC,GAAaC,EAAAA,SAAS,OAC9BC,EAAUC,GAAeF,EAAAA,SAAST,GAEzC,OACEY,OAAAC,EAAAA,SAAA,CAAAhB,SAAA,CACEiB,EAAAA,IAACC,8BACCC,QAAUC,GAAMT,EAAUS,EAAEC,eAC5BtB,IAAKA,EAAG,cACI,wBACRS,EAAI,CAAAR,SAEPA,GAAYiB,MAACK,EAAAA,UAAS,CAAA,MAEzBL,EAAAA,IAACM,EAAAA,KAAIC,OAAAC,OAAA,CAACC,OAAQhB,EAAQiB,SAAUjB,EAAQkB,QAAS,IAAMjB,EAAU,OAAWP,EAAS,CAAAJ,SAClFC,aAAS,EAATA,EAAW4B,IAAI,CAACC,EAAMC,KACrB,MAAMC,EAAanB,IAAakB,EAC1BE,EAAwB,iBAATH,EAAoBA,EAAOA,EAAKI,KAErD,OACEnB,EAAAA,KAACoB,EAAAA,SAAQX,OAAAC,OAAA,CAEPZ,SAAUmB,EACVb,QAAS,KACPjB,SAAAA,EAAW4B,EAAMC,GACjBjB,EAAYiB,KAEV1B,EAAa,CAAAL,SAAA,CAEjBiB,EAAAA,IAACmB,EAAAA,MAAKZ,OAAAC,OAAA,CAACY,QAASL,EAAYM,UAAU,GAAQhC,IAC9CW,EAAAA,IAACsB,EAAAA,aAAYf,OAAAC,OAAA,CAAA,EAAKlB,EAAiB,CAAAP,SAAGiC,QATjCA"}

package/cjs/components/header/HeaderLogo.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material"),i=require("../logo/Logo.js"),a=require("../focusring/focusring.js");const t=s.forwardRef(((s,t)=>{var{sx:c,children:n,href:g,logoProps:l}=s,u=e.__rest(s,["sx","children","href","logoProps"]);const f=o.useTheme();return g||u.onClick?r.jsx(o.Link,Object.assign({sx:Object.assign(Object.assign({display:"block",position:"relative",py:1},a.getFocusRingStyle(f)),{"&.Mui-focusVisible":{boxShadow:"none"},"& .MuiSvgIcon-root":{display:"block"}}),href:g||"#",ref:t,"aria-label":"Home"},u,{children:n||r.jsx(i.Logo,Object.assign({},l))})):n||r.jsx(i.Logo,Object.assign({sx:c,ref:t},l))})),c=s.forwardRef(((e,s)=>r.jsx(t,Object.assign({},e,{ref:s}))));exports.HeaderLogo=t,exports.HeaderSkodaLogo=c;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material"),i=require("../logo/Logo.js"),a=require("../focusring/focusring.js");const t=s.forwardRef((s,t)=>{var{sx:c,children:n,href:g,logoProps:l}=s,u=e.__rest(s,["sx","children","href","logoProps"]);const f=o.useTheme();return g||u.onClick?r.jsx(o.Link,Object.assign({sx:Object.assign(Object.assign({display:"block",position:"relative",py:1},a.getFocusRingStyle(f)),{"&.Mui-focusVisible":{boxShadow:"none"},"& .MuiSvgIcon-root":{display:"block"}}),href:g||"#",ref:t,"aria-label":"Home"},u,{children:n||r.jsx(i.Logo,Object.assign({},l))})):n||r.jsx(i.Logo,Object.assign({sx:c,ref:t},l))}),c=s.forwardRef((e,s)=>r.jsx(t,Object.assign({},e,{ref:s})));exports.HeaderLogo=t,exports.HeaderSkodaLogo=c;
 //# sourceMappingURL=HeaderLogo.js.map

package/cjs/components/header/HeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLogo.js","sources":["../../../../../src/components/header/HeaderLogo.tsx"],"sourcesContent":["import React, { FC, ForwardedRef, forwardRef } from 'react';\nimport { Link, LinkProps, useTheme } from '@mui/material';\nimport { Logo, LogoProps } from '@/src/components/logo/Logo';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface HeaderLogoProps extends LinkProps {\n  /**\n   * Properties applied to Logo component\n   */\n  logoProps?: LogoProps;\n  /**\n   * @deprecated no longer has any effect\n   */\n  src?: string;\n  /**\n   * @deprecated no longer has any effect\n   */\n  alt?: string;\n}\n\n/**\n * Logo with link wrapper\n */\nexport const HeaderLogo: FC<HeaderLogoProps> = forwardRef(({ sx, children, href, logoProps, ...rest }, ref) => {\n  const theme = useTheme();\n\n  if (href || rest.onClick) {\n    return (\n      <Link\n        sx={{\n          // same style is applied in Header logo wrapper\n          display: 'block',\n          position: 'relative',\n          py: 1,\n          // add proper focus ring\n          ...getFocusRingStyle(theme),\n          // remove default link box shadow\n          '&.Mui-focusVisible': {\n            boxShadow: 'none',\n          },\n          '& .MuiSvgIcon-root': {\n            display: 'block',\n          },\n        }}\n        href={href || '#'}\n        ref={ref}\n        aria-label=\"Home\"\n        {...rest}\n      >\n        {children || <Logo {...logoProps} />}\n      </Link>\n    );\n  }\n  return children || <Logo sx={sx} ref={ref as unknown as ForwardedRef<SVGSVGElement>} {...logoProps} />;\n});\n\n/**\n * @deprecated use <HeaderLogo /> component instead\n */\nexport const HeaderSkodaLogo: FC<HeaderLogoProps> = forwardRef((props, ref) => {\n  return <HeaderLogo {...props} ref={ref} />;\n});\n"],"names":["HeaderLogo","forwardRef","_a","ref","sx","children","href","logoProps","rest","__rest","theme","useTheme","onClick","_jsx","Link","Object","assign","display","position","py","getFocusRingStyle","boxShadow","Logo","HeaderSkodaLogo","props"],"mappings":"qLAuBO,MAAMA,EAAkCC,EAAAA,YAAW,CAACC,EAA4CC,KAA5C,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,GAASL,EAAKM,EAAIC,EAAAA,OAAAP,EAAxC,CAAA,KAAA,WAAA,OAAA,cACzD,MAAMQ,EAAQC,EAAAA,WAEd,OAAIL,GAAQE,EAAKI,QAEbC,EAAAA,IAACC,OAAIC,OAAAC,OAAA,CACHZ,GAAEW,OAAAC,OAAAD,OAAAC,OAAA,CAEAC,QAAS,QACTC,SAAU,WACVC,GAAI,GAEDC,EAAAA,kBAAkBV,IAAM,CAE3B,qBAAsB,CACpBW,UAAW,QAEb,qBAAsB,CACpBJ,QAAS,WAGbX,KAAMA,GAAQ,IACdH,IAAKA,EAAG,aACG,QACPK,EAAI,CAAAH,SAEPA,GAAYQ,MAACS,EAAAA,sBAASf,OAItBF,GAAYQ,EAAAA,IAACS,EAAAA,oBAAKlB,GAAIA,EAAID,IAAKA,GAAmDI,GAAa,IAM3FgB,EAAuCtB,EAAAA,YAAW,CAACuB,EAAOrB,IAC9DU,EAAAA,IAACb,EAAUe,OAAAC,OAAA,GAAKQ,GAAOrB,IAAKA"}
+{"version":3,"file":"HeaderLogo.js","sources":["../../../../../src/components/header/HeaderLogo.tsx"],"sourcesContent":["import React, { FC, ForwardedRef, forwardRef } from 'react';\nimport { Link, LinkProps, useTheme } from '@mui/material';\nimport { Logo, LogoProps } from '@/src/components/logo/Logo';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface HeaderLogoProps extends LinkProps {\n  /**\n   * Properties applied to Logo component\n   */\n  logoProps?: LogoProps;\n  /**\n   * @deprecated no longer has any effect\n   */\n  src?: string;\n  /**\n   * @deprecated no longer has any effect\n   */\n  alt?: string;\n}\n\n/**\n * Logo with link wrapper\n */\nexport const HeaderLogo: FC<HeaderLogoProps> = forwardRef(({ sx, children, href, logoProps, ...rest }, ref) => {\n  const theme = useTheme();\n\n  if (href || rest.onClick) {\n    return (\n      <Link\n        sx={{\n          // same style is applied in Header logo wrapper\n          display: 'block',\n          position: 'relative',\n          py: 1,\n          // add proper focus ring\n          ...getFocusRingStyle(theme),\n          // remove default link box shadow\n          '&.Mui-focusVisible': {\n            boxShadow: 'none',\n          },\n          '& .MuiSvgIcon-root': {\n            display: 'block',\n          },\n        }}\n        href={href || '#'}\n        ref={ref}\n        aria-label=\"Home\"\n        {...rest}\n      >\n        {children || <Logo {...logoProps} />}\n      </Link>\n    );\n  }\n  return children || <Logo sx={sx} ref={ref as unknown as ForwardedRef<SVGSVGElement>} {...logoProps} />;\n});\n\n/**\n * @deprecated use <HeaderLogo /> component instead\n */\nexport const HeaderSkodaLogo: FC<HeaderLogoProps> = forwardRef((props, ref) => {\n  return <HeaderLogo {...props} ref={ref} />;\n});\n"],"names":["HeaderLogo","forwardRef","_a","ref","sx","children","href","logoProps","rest","__rest","theme","useTheme","onClick","_jsx","Link","Object","assign","display","position","py","getFocusRingStyle","boxShadow","Logo","HeaderSkodaLogo","props"],"mappings":"qLAuBO,MAAMA,EAAkCC,EAAAA,WAAW,CAACC,EAA4CC,KAA5C,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,GAASL,EAAKM,EAAIC,EAAAA,OAAAP,EAAxC,CAAA,KAAA,WAAA,OAAA,cACzD,MAAMQ,EAAQC,EAAAA,WAEd,OAAIL,GAAQE,EAAKI,QAEbC,EAAAA,IAACC,OAAIC,OAAAC,OAAA,CACHZ,GAAEW,OAAAC,OAAAD,OAAAC,OAAA,CAEAC,QAAS,QACTC,SAAU,WACVC,GAAI,GAEDC,EAAAA,kBAAkBV,IAAM,CAE3B,qBAAsB,CACpBW,UAAW,QAEb,qBAAsB,CACpBJ,QAAS,WAGbX,KAAMA,GAAQ,IACdH,IAAKA,EAAG,aACG,QACPK,EAAI,CAAAH,SAEPA,GAAYQ,MAACS,EAAAA,sBAASf,OAItBF,GAAYQ,EAAAA,IAACS,EAAAA,oBAAKlB,GAAIA,EAAID,IAAKA,GAAmDI,MAM9EgB,EAAuCtB,EAAAA,WAAW,CAACuB,EAAOrB,IAC9DU,EAAAA,IAACb,EAAUe,OAAAC,OAAA,GAAKQ,GAAOrB,IAAKA"}