@skodaflow/web-library 7.15.1 → 7.16.0

package/cjs/components/header/HeaderNavigationHero.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),n=require("@mui/material"),o=require("../icon/stroke/ChevronDownIcon.js"),i=require("./HeaderNavigationLink.js");const t=s.forwardRef(((t,a)=>{var{children:l,sx:c,label:x,icon:d,heroElement:p,inContainer:u=!1,disableBackdrop:g=!1,onClick:b,clickAwayListenerProps:j,contentProps:h,wrapperProps:k,containerProps:m,collapseProps:v,portalProps:P,backdropProps:f}=t,C=e.__rest(t,["children","sx","label","icon","heroElement","inContainer","disableBackdrop","onClick","clickAwayListenerProps","contentProps","wrapperProps","containerProps","collapseProps","portalProps","backdropProps"]);const w=s.useRef(),[O,y]=s.useState(!1),H=n.useTheme(),_=n.useMediaQuery(H.breakpoints.down("lg")),q=null!=f?f:{},{sx:B}=q,I=e.__rest(q,["sx"]),L=null!=k?k:{},{sx:z}=L,A=e.__rest(L,["sx"]),N=null!=h?h:{},{sx:S}=N,D=e.__rest(N,["sx"]);return r.jsxs(r.Fragment,{children:[r.jsx(i.HeaderNavigationLink,Object.assign({active:O,icon:d||r.jsx(o.ChevronDownIcon,{sx:{"&&&":{fontSize:{xs:"20px",lg:"14px"}},color:{xs:"dark"===H.palette.mode?"onSurface.os300":"onSurface.os700",lg:"currentColor"},transform:`rotate(${O?"180":"0"}deg)`,transition:{xs:H.transitions.create("transform",{duration:H.transitions.duration.shortest}),lg:"none"}}}),onClick:e=>{null==b||b(e),y((e=>!e))},sx:Object.assign({justifyContent:{xs:"space-between",lg:"flex-start"}},c),ref:null!=a?a:w,"data-testid":"HeaderNavigationHero"},C,{children:x})),r.jsx(n.ClickAwayListener,Object.assign({onClickAway:e=>{var r,s,n;return!(null===(n=null===(s=null!==(r=a)&&void 0!==r?r:w)||void 0===s?void 0:s.current)||void 0===n?void 0:n.contains(null==e?void 0:e.target))&&y(!1)}},j,{children:r.jsx(n.Box,Object.assign({sx:Object.assign({position:{xs:"static",lg:"absolute"},zIndex:"10",left:"0",right:"0",top:H.mixins.toolbar.minHeight,maxHeight:`calc(100vh - ${H.mixins.toolbar.minHeight})`,overflow:"auto"},z)},A,{children:r.jsx(n.Collapse,Object.assign({in:O},v,{children:r.jsx(n.Box,Object.assign({sx:Object.assign({backgroundColor:{lg:"dark"===H.palette.mode?"surface.primary":"background.primary"},py:{xs:0,lg:2},px:u?0:{xs:1,lg:2}},S)},D,{children:u?r.jsx(n.Container,Object.assign({maxWidth:"xl"},m,{children:p||l})):p||l}))}))}))})),!g&&!_&&r.jsx(n.Portal,Object.assign({},P,{children:r.jsx(n.Backdrop,Object.assign({open:O,sx:Object.assign({zIndex:H.zIndex.appBar-50},B)},I))}))]})}));exports.HeaderNavigationHero=t;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),n=require("@mui/material"),o=require("../icon/stroke/ChevronDownIcon.js"),i=require("./HeaderNavigationLink.js");const t=s.forwardRef((t,a)=>{var{children:l,sx:c,label:x,icon:d,heroElement:p,inContainer:u=!1,disableBackdrop:g=!1,onClick:b,clickAwayListenerProps:j,contentProps:h,wrapperProps:k,containerProps:m,collapseProps:v,portalProps:P,backdropProps:f}=t,C=e.__rest(t,["children","sx","label","icon","heroElement","inContainer","disableBackdrop","onClick","clickAwayListenerProps","contentProps","wrapperProps","containerProps","collapseProps","portalProps","backdropProps"]);const w=s.useRef(),[O,y]=s.useState(!1),H=n.useTheme(),_=n.useMediaQuery(H.breakpoints.down("lg")),q=null!=f?f:{},{sx:B}=q,I=e.__rest(q,["sx"]),L=null!=k?k:{},{sx:z}=L,A=e.__rest(L,["sx"]),N=null!=h?h:{},{sx:S}=N,D=e.__rest(N,["sx"]);return r.jsxs(r.Fragment,{children:[r.jsx(i.HeaderNavigationLink,Object.assign({active:O,icon:d||r.jsx(o.ChevronDownIcon,{sx:{"&&&":{fontSize:{xs:"20px",lg:"14px"}},color:{xs:"dark"===H.palette.mode?"onSurface.os300":"onSurface.os700",lg:"currentColor"},transform:`rotate(${O?"180":"0"}deg)`,transition:{xs:H.transitions.create("transform",{duration:H.transitions.duration.shortest}),lg:"none"}}}),onClick:e=>{null==b||b(e),y(e=>!e)},sx:Object.assign({justifyContent:{xs:"space-between",lg:"flex-start"}},c),ref:null!=a?a:w,"data-testid":"HeaderNavigationHero"},C,{children:x})),r.jsx(n.ClickAwayListener,Object.assign({onClickAway:e=>{var r,s,n;return!(null===(n=null===(s=null!==(r=a)&&void 0!==r?r:w)||void 0===s?void 0:s.current)||void 0===n?void 0:n.contains(null==e?void 0:e.target))&&y(!1)}},j,{children:r.jsx(n.Box,Object.assign({sx:Object.assign({position:{xs:"static",lg:"absolute"},zIndex:"10",left:"0",right:"0",top:H.mixins.toolbar.minHeight,maxHeight:`calc(100vh - ${H.mixins.toolbar.minHeight})`,overflow:"auto"},z)},A,{children:r.jsx(n.Collapse,Object.assign({in:O},v,{children:r.jsx(n.Box,Object.assign({sx:Object.assign({backgroundColor:{lg:"dark"===H.palette.mode?"surface.primary":"background.primary"},py:{xs:0,lg:2},px:u?0:{xs:1,lg:2}},S)},D,{children:u?r.jsx(n.Container,Object.assign({maxWidth:"xl"},m,{children:p||l})):p||l}))}))}))})),!g&&!_&&r.jsx(n.Portal,Object.assign({},P,{children:r.jsx(n.Backdrop,Object.assign({open:O,sx:Object.assign({zIndex:H.zIndex.appBar-50},B)},I))}))]})});exports.HeaderNavigationHero=t;
 //# sourceMappingURL=HeaderNavigationHero.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigationHero.js","sources":["../../../../../src/components/header/HeaderNavigationHero.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useState, ElementType, useRef } from 'react';\nimport {\n  Collapse,\n  Backdrop,\n  ClickAwayListener,\n  Box,\n  BoxProps,\n  Portal,\n  Container,\n  ClickAwayListenerProps,\n  ContainerProps,\n  PortalProps,\n  BackdropProps,\n  CollapseProps,\n  useMediaQuery,\n  Theme,\n  useTheme,\n} from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { HeaderNavigationLink, HeaderNavigationLinkProps } from './HeaderNavigationLink';\n\nexport interface HeaderNavigationHeroProps extends HeaderNavigationLinkProps {\n  /**\n   * @deprecated provide as children instead\n   */\n  heroElement?: ReactNode;\n  /**\n   * Wrap the content into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * Controls appearance of backdrop when content opens\n   * @default false\n   */\n  disableBackdrop?: boolean;\n  /**\n   * Props applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: ClickAwayListenerProps;\n  /**\n   * Props applied to main wrapper of content\n   */\n  contentProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to main wrapper before collapsible\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to Container if inContainer property is provided\n   */\n  containerProps?: ContainerProps;\n  /**\n   * Props applied to Collapse component\n   */\n  collapseProp?: CollapseProps;\n  /**\n   * Props applied to Portal if disableBackdrop property is not provided\n   */\n  portalProps?: PortalProps;\n  /**\n   * Props applied to Backdrop if disableBackdrop property is not provided\n   */\n  backdropProps?: BackdropProps;\n}\n\n/**\n * HeaderNavigationLink with the integration of the complex hero menu\n */\nexport const HeaderNavigationHero: FC<HeaderNavigationHeroProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      label,\n      icon,\n      heroElement,\n      inContainer = false,\n      disableBackdrop = false,\n      onClick,\n      clickAwayListenerProps,\n      contentProps,\n      wrapperProps,\n      containerProps,\n      collapseProps,\n      portalProps,\n      backdropProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const buttonRef = useRef();\n    const [open, setOpen] = useState(false);\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: backdropSx, ...restBackdrop } = backdropProps ?? {};\n    const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n\n    return (\n      <>\n        <HeaderNavigationLink\n          active={open}\n          icon={\n            icon || (\n              <ChevronDownIcon\n                sx={{\n                  '&&&': {\n                    fontSize: { xs: '20px', lg: '14px' },\n                  },\n                  color: {\n                    xs: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    lg: 'currentColor',\n                  },\n                  transform: `rotate(${open ? '180' : '0'}deg)`,\n                  transition: {\n                    xs: theme.transitions.create('transform', {\n                      duration: theme.transitions.duration.shortest,\n                    }),\n                    lg: 'none',\n                  },\n                }}\n              />\n            )\n          }\n          onClick={(e) => {\n            onClick?.(e);\n            setOpen((prev) => !prev);\n          }}\n          sx={{\n            justifyContent: { xs: 'space-between', lg: 'flex-start' },\n            ...sx,\n          }}\n          ref={ref ?? buttonRef}\n          data-testid=\"HeaderNavigationHero\"\n          {...rest}\n        >\n          {label}\n        </HeaderNavigationLink>\n        <ClickAwayListener\n          onClickAway={(e) =>\n            !((ref as React.RefObject<HTMLButtonElement>) ?? buttonRef)?.current?.contains(e?.target as Node) &&\n            setOpen(false)\n          }\n          {...clickAwayListenerProps}\n        >\n          <Box\n            sx={{\n              position: { xs: 'static', lg: 'absolute' },\n              zIndex: '10',\n              left: '0',\n              right: '0',\n              top: theme.mixins.toolbar.minHeight,\n              maxHeight: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n              overflow: 'auto',\n              ...wrapperSx,\n            }}\n            {...restWrapper}\n          >\n            <Collapse in={open} {...collapseProps}>\n              <Box\n                sx={{\n                  backgroundColor: { lg: theme.palette.mode === 'dark' ? 'surface.primary' : 'background.primary' },\n                  py: { xs: 0, lg: 2 },\n                  px: inContainer ? 0 : { xs: 1, lg: 2 },\n                  ...contentSx,\n                }}\n                {...restContent}\n              >\n                {inContainer ? (\n                  <Container maxWidth=\"xl\" {...containerProps}>\n                    {heroElement || children}\n                  </Container>\n                ) : (\n                  heroElement || children\n                )}\n              </Box>\n            </Collapse>\n          </Box>\n        </ClickAwayListener>\n        {!disableBackdrop && !downLg && (\n          <Portal {...portalProps}>\n            <Backdrop open={open} sx={{ zIndex: theme.zIndex.appBar - 50, ...backdropSx }} {...restBackdrop} />\n          </Portal>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["HeaderNavigationHero","forwardRef","_a","ref","children","sx","label","icon","heroElement","inContainer","disableBackdrop","onClick","clickAwayListenerProps","contentProps","wrapperProps","containerProps","collapseProps","portalProps","backdropProps","rest","__rest","buttonRef","useRef","open","setOpen","useState","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_b","backdropSx","restBackdrop","_c","wrapperSx","restWrapper","_d","contentSx","restContent","_jsxs","_Fragment","_jsx","HeaderNavigationLink","Object","assign","active","ChevronDownIcon","fontSize","xs","lg","color","palette","mode","transform","transition","transitions","create","duration","shortest","e","prev","justifyContent","ClickAwayListener","onClickAway","current","contains","target","Box","position","zIndex","left","right","top","mixins","toolbar","minHeight","maxHeight","overflow","Collapse","in","backgroundColor","py","px","Container","maxWidth","Portal","Backdrop","appBar"],"mappings":"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"}
+{"version":3,"file":"HeaderNavigationHero.js","sources":["../../../../../src/components/header/HeaderNavigationHero.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useState, ElementType, useRef } from 'react';\nimport {\n  Collapse,\n  Backdrop,\n  ClickAwayListener,\n  Box,\n  BoxProps,\n  Portal,\n  Container,\n  ClickAwayListenerProps,\n  ContainerProps,\n  PortalProps,\n  BackdropProps,\n  CollapseProps,\n  useMediaQuery,\n  Theme,\n  useTheme,\n} from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { HeaderNavigationLink, HeaderNavigationLinkProps } from './HeaderNavigationLink';\n\nexport interface HeaderNavigationHeroProps extends HeaderNavigationLinkProps {\n  /**\n   * @deprecated provide as children instead\n   */\n  heroElement?: ReactNode;\n  /**\n   * Wrap the content into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * Controls appearance of backdrop when content opens\n   * @default false\n   */\n  disableBackdrop?: boolean;\n  /**\n   * Props applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: ClickAwayListenerProps;\n  /**\n   * Props applied to main wrapper of content\n   */\n  contentProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to main wrapper before collapsible\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to Container if inContainer property is provided\n   */\n  containerProps?: ContainerProps;\n  /**\n   * Props applied to Collapse component\n   */\n  collapseProp?: CollapseProps;\n  /**\n   * Props applied to Portal if disableBackdrop property is not provided\n   */\n  portalProps?: PortalProps;\n  /**\n   * Props applied to Backdrop if disableBackdrop property is not provided\n   */\n  backdropProps?: BackdropProps;\n}\n\n/**\n * HeaderNavigationLink with the integration of the complex hero menu\n */\nexport const HeaderNavigationHero: FC<HeaderNavigationHeroProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      label,\n      icon,\n      heroElement,\n      inContainer = false,\n      disableBackdrop = false,\n      onClick,\n      clickAwayListenerProps,\n      contentProps,\n      wrapperProps,\n      containerProps,\n      collapseProps,\n      portalProps,\n      backdropProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const buttonRef = useRef();\n    const [open, setOpen] = useState(false);\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: backdropSx, ...restBackdrop } = backdropProps ?? {};\n    const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n\n    return (\n      <>\n        <HeaderNavigationLink\n          active={open}\n          icon={\n            icon || (\n              <ChevronDownIcon\n                sx={{\n                  '&&&': {\n                    fontSize: { xs: '20px', lg: '14px' },\n                  },\n                  color: {\n                    xs: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    lg: 'currentColor',\n                  },\n                  transform: `rotate(${open ? '180' : '0'}deg)`,\n                  transition: {\n                    xs: theme.transitions.create('transform', {\n                      duration: theme.transitions.duration.shortest,\n                    }),\n                    lg: 'none',\n                  },\n                }}\n              />\n            )\n          }\n          onClick={(e) => {\n            onClick?.(e);\n            setOpen((prev) => !prev);\n          }}\n          sx={{\n            justifyContent: { xs: 'space-between', lg: 'flex-start' },\n            ...sx,\n          }}\n          ref={ref ?? buttonRef}\n          data-testid=\"HeaderNavigationHero\"\n          {...rest}\n        >\n          {label}\n        </HeaderNavigationLink>\n        <ClickAwayListener\n          onClickAway={(e) =>\n            !((ref as React.RefObject<HTMLButtonElement>) ?? buttonRef)?.current?.contains(e?.target as Node) &&\n            setOpen(false)\n          }\n          {...clickAwayListenerProps}\n        >\n          <Box\n            sx={{\n              position: { xs: 'static', lg: 'absolute' },\n              zIndex: '10',\n              left: '0',\n              right: '0',\n              top: theme.mixins.toolbar.minHeight,\n              maxHeight: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n              overflow: 'auto',\n              ...wrapperSx,\n            }}\n            {...restWrapper}\n          >\n            <Collapse in={open} {...collapseProps}>\n              <Box\n                sx={{\n                  backgroundColor: { lg: theme.palette.mode === 'dark' ? 'surface.primary' : 'background.primary' },\n                  py: { xs: 0, lg: 2 },\n                  px: inContainer ? 0 : { xs: 1, lg: 2 },\n                  ...contentSx,\n                }}\n                {...restContent}\n              >\n                {inContainer ? (\n                  <Container maxWidth=\"xl\" {...containerProps}>\n                    {heroElement || children}\n                  </Container>\n                ) : (\n                  heroElement || children\n                )}\n              </Box>\n            </Collapse>\n          </Box>\n        </ClickAwayListener>\n        {!disableBackdrop && !downLg && (\n          <Portal {...portalProps}>\n            <Backdrop open={open} sx={{ zIndex: theme.zIndex.appBar - 50, ...backdropSx }} {...restBackdrop} />\n          </Portal>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["HeaderNavigationHero","forwardRef","_a","ref","children","sx","label","icon","heroElement","inContainer","disableBackdrop","onClick","clickAwayListenerProps","contentProps","wrapperProps","containerProps","collapseProps","portalProps","backdropProps","rest","__rest","buttonRef","useRef","open","setOpen","useState","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_b","backdropSx","restBackdrop","_c","wrapperSx","restWrapper","_d","contentSx","restContent","_jsxs","_Fragment","_jsx","HeaderNavigationLink","Object","assign","active","ChevronDownIcon","fontSize","xs","lg","color","palette","mode","transform","transition","transitions","create","duration","shortest","e","prev","justifyContent","ClickAwayListener","onClickAway","current","contains","target","Box","position","zIndex","left","right","top","mixins","toolbar","minHeight","maxHeight","overflow","Collapse","in","backgroundColor","py","px","Container","maxWidth","Portal","Backdrop","appBar"],"mappings":"uMAqEO,MAAMA,EAAsDC,EAAAA,WACjE,CACEC,EAkBAC,KAlBA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,MACFA,EAAKC,KACLA,EAAIC,YACJA,EAAWC,YACXA,GAAc,EAAKC,gBACnBA,GAAkB,EAAKC,QACvBA,EAAOC,uBACPA,EAAsBC,aACtBA,EAAYC,aACZA,EAAYC,eACZA,EAAcC,cACdA,EAAaC,YACbA,EAAWC,cACXA,GAAahB,EACViB,EAAIC,EAAAA,OAAAlB,EAhBT,gNAoBA,MAAMmB,EAAYC,EAAAA,UACXC,EAAMC,GAAWC,EAAAA,UAAS,GAC3BC,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAAsCd,QAAAA,EAAiB,IAArDb,GAAI4B,GAAUD,EAAKE,EAAYd,EAAAA,OAAAY,EAAjC,CAAA,OACAG,EAAoCrB,QAAAA,EAAgB,IAAlDT,GAAI+B,GAASD,EAAKE,EAAWjB,EAAAA,OAAAe,EAA/B,CAAA,OACAG,EAAoCzB,QAAAA,EAAgB,IAAlDR,GAAIkC,GAASD,EAAKE,EAAWpB,EAAAA,OAAAkB,EAA/B,CAAA,OAEN,OACEG,EAAAA,KAAAC,EAAAA,SAAA,CAAAtC,SAAA,CACEuC,EAAAA,IAACC,EAAAA,qBAAoBC,OAAAC,OAAA,CACnBC,OAAQxB,EACRhB,KACEA,GACEoC,EAAAA,IAACK,EAAAA,gBAAe,CACd3C,GAAI,CACF,MAAO,CACL4C,SAAU,CAAEC,GAAI,OAAQC,GAAI,SAE9BC,MAAO,CACLF,GAA2B,SAAvBxB,EAAM2B,QAAQC,KAAkB,kBAAoB,kBACxDH,GAAI,gBAENI,UAAW,UAAUhC,EAAO,MAAQ,UACpCiC,WAAY,CACVN,GAAIxB,EAAM+B,YAAYC,OAAO,YAAa,CACxCC,SAAUjC,EAAM+B,YAAYE,SAASC,WAEvCT,GAAI,WAMdxC,QAAUkD,IACRlD,SAAAA,EAAUkD,GACVrC,EAASsC,IAAUA,IAErBzD,GAAEwC,OAAAC,OAAA,CACAiB,eAAgB,CAAEb,GAAI,gBAAiBC,GAAI,eACxC9C,GAELF,IAAKA,QAAAA,EAAOkB,gBACA,wBACRF,EAAI,CAAAf,SAEPE,KAEHqC,EAAAA,IAACqB,EAAAA,kBAAiBnB,OAAAC,OAAA,CAChBmB,YAAcJ,cACZ,QAAoE,QAAnE1B,EAA0D,QAA1DH,EAA4C,QAA3C9B,EAACC,SAA0C,IAAAD,EAAAA,EAAImB,SAAU,IAAAW,OAAA,EAAAA,EAAEkC,eAAO,IAAA/B,OAAA,EAAAA,EAAEgC,SAASN,eAAAA,EAAGO,UAClF5C,GAAQ,KAENZ,YAEJ+B,EAAAA,IAAC0B,EAAAA,mBACChE,GAAEwC,OAAAC,OAAA,CACAwB,SAAU,CAAEpB,GAAI,SAAUC,GAAI,YAC9BoB,OAAQ,KACRC,KAAM,IACNC,MAAO,IACPC,IAAKhD,EAAMiD,OAAOC,QAAQC,UAC1BC,UAAW,gBAAgBpD,EAAMiD,OAAOC,QAAQC,aAChDE,SAAU,QACP3C,IAEDC,EAAW,CAAAjC,SAEfuC,EAAAA,IAACqC,EAAAA,wBAASC,GAAI1D,GAAUP,YACtB2B,EAAAA,IAAC0B,EAAAA,IAAGxB,OAAAC,OAAA,CACFzC,GAAEwC,OAAAC,OAAA,CACAoC,gBAAiB,CAAE/B,GAA2B,SAAvBzB,EAAM2B,QAAQC,KAAkB,kBAAoB,sBAC3E6B,GAAI,CAAEjC,GAAI,EAAGC,GAAI,GACjBiC,GAAI3E,EAAc,EAAI,CAAEyC,GAAI,EAAGC,GAAI,IAChCZ,IAEDC,EAAW,CAAApC,SAEdK,EACCkC,EAAAA,IAAC0C,EAAAA,UAASxC,OAAAC,OAAA,CAACwC,SAAS,MAASvE,EAAc,CAAAX,SACxCI,GAAeJ,KAGlBI,GAAeJ,eAMvBM,IAAoBkB,GACpBe,EAAAA,IAAC4C,SAAM1C,OAAAC,OAAA,CAAA,EAAK7B,EAAW,CAAAb,SACrBuC,EAAAA,IAAC6C,EAAAA,SAAQ3C,OAAAC,OAAA,CAACvB,KAAMA,EAAMlB,GAAEwC,OAAAC,OAAA,CAAIyB,OAAQ7C,EAAM6C,OAAOkB,OAAS,IAAOxD,IAAkBC"}

package/cjs/components/header/HeaderNavigationLink.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),r=require("@mui/material"),i=require("../icon/stroke/ArrowTopRightIcon.js"),o=require("../focusring/focusring.js"),s=require("../../materialui/button/interactive.js"),n=require("../../materialui/typography/typography.theme.js");const l=a.forwardRef(((l,c)=>{var{sx:g,children:p,label:d,icon:x,active:b=!1,external:u=!1,index:j,labelWrapperProps:y,labelProps:f,selectedLabelProps:h}=l,m=e.__rest(l,["sx","children","label","icon","active","external","index","labelWrapperProps","labelProps","selectedLabelProps"]);const v=r.useTheme(),k=null!=y?y:{},{sx:w}=k,O=e.__rest(k,["sx"]),L=null!=f?f:{},{sx:N}=L,H=e.__rest(L,["sx"]),F=null!=h?h:{},{sx:q}=F,I=e.__rest(F,["sx"]),_=a.useMemo((()=>"arrow-new"===x||u?t.jsx(i.ArrowTopRightIcon,{}):x),[x,u]);return t.jsxs(r.ButtonBase,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},v.typography.list),{[v.breakpoints.down("lg")]:Object.assign({},n.getTypography("body","rtl"===v.direction,"large")),position:"relative",zIndex:"100",display:{xs:"flex",lg:"inline-flex"},width:{xs:"100%",lg:"auto"},gap:.5,alignItems:"center",justifyContent:"flex-start",py:{xs:2,lg:1},px:{xs:1,lg:.5},transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","& .MuiSvgIcon-root":{fontSize:"14px"},"&:after":Object.assign({content:{xs:"none",lg:'""'},position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:"transparent.transparent"},b&&{height:"2px",backgroundColor:"text.primary"}),"&.Mui-disabled":{color:"disabled.tertiary"}}),s.getInteractiveStyle(Object.assign({color:"dark"===v.palette.mode?"onSurface.os300":"onSurface.os700","&&:after":{backgroundColor:"transparent.transparent"},"& .FlowHeaderNavigationLink-label":{opacity:"1"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"0"}},b&&{color:"text.primary","&&:after":{backgroundColor:"text.primary"},"& .FlowHeaderNavigationLink-label":{opacity:"0"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"1"}}),{color:"text.primary","&&:after":{backgroundColor:"text.primary"},"& .FlowHeaderNavigationLink-label":{opacity:"0"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"1"}})),o.getFocusRingStyle(v)),{"&&:before":{borderRadius:"4px",top:{xs:"0",lg:"2px"},bottom:{xs:"0",lg:"-2px"}}}),g),ref:c,"data-testid":"HeaderNavigationLink"},m,{children:[(p||d)&&t.jsxs(r.Box,Object.assign({className:"FlowHeaderNavigationLink-labelWrapper",sx:Object.assign({display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",position:"relative"},w)},O,{children:[t.jsx(r.Box,Object.assign({className:"FlowHeaderNavigationLink-label",sx:Object.assign({position:"absolute",left:{xs:"0",lg:"auto"}},N)},H,{children:p||d})),t.jsx(r.Box,Object.assign({className:"FlowHeaderNavigationLink-selectedLabel",sx:Object.assign({fontWeight:"700",opacity:"0",position:"relative"},q),"aria-hidden":"true"},I,{children:p||d}))]})),_]}))})),c=a.forwardRef(((e,a)=>t.jsx(l,Object.assign({ref:a},e))));exports.HeaderNavigationLink=l,exports.HeaderOverheadItem=c;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),r=require("@mui/material"),i=require("../icon/stroke/ArrowTopRightIcon.js"),o=require("../focusring/focusring.js"),s=require("../../materialui/button/interactive.js"),n=require("../../materialui/typography/typography.theme.js");const l=a.forwardRef((l,c)=>{var{sx:g,children:p,label:d,icon:x,active:b=!1,external:u=!1,index:j,labelWrapperProps:y,labelProps:f,selectedLabelProps:h}=l,m=e.__rest(l,["sx","children","label","icon","active","external","index","labelWrapperProps","labelProps","selectedLabelProps"]);const v=r.useTheme(),k=null!=y?y:{},{sx:w}=k,O=e.__rest(k,["sx"]),L=null!=f?f:{},{sx:N}=L,H=e.__rest(L,["sx"]),F=null!=h?h:{},{sx:q}=F,I=e.__rest(F,["sx"]),_=a.useMemo(()=>"arrow-new"===x||u?t.jsx(i.ArrowTopRightIcon,{}):x,[x,u]);return t.jsxs(r.ButtonBase,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},v.typography.list),{[v.breakpoints.down("lg")]:Object.assign({},n.getTypography("body","rtl"===v.direction,"large")),position:"relative",zIndex:"100",display:{xs:"flex",lg:"inline-flex"},width:{xs:"100%",lg:"auto"},gap:.5,alignItems:"center",justifyContent:"flex-start",py:{xs:2,lg:1},px:{xs:1,lg:.5},transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","& .MuiSvgIcon-root":{fontSize:"14px"},"&:after":Object.assign({content:{xs:"none",lg:'""'},position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:"transparent.transparent"},b&&{height:"2px",backgroundColor:"text.primary"}),"&.Mui-disabled":{color:"disabled.tertiary"}}),s.getInteractiveStyle(Object.assign({color:"dark"===v.palette.mode?"onSurface.os300":"onSurface.os700","&&:after":{backgroundColor:"transparent.transparent"},"& .FlowHeaderNavigationLink-label":{opacity:"1"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"0"}},b&&{color:"text.primary","&&:after":{backgroundColor:"text.primary"},"& .FlowHeaderNavigationLink-label":{opacity:"0"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"1"}}),{color:"text.primary","&&:after":{backgroundColor:"text.primary"},"& .FlowHeaderNavigationLink-label":{opacity:"0"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"1"}})),o.getFocusRingStyle(v)),{"&&:before":{borderRadius:"4px",top:{xs:"0",lg:"2px"},bottom:{xs:"0",lg:"-2px"}}}),g),ref:c,"data-testid":"HeaderNavigationLink"},m,{children:[(p||d)&&t.jsxs(r.Box,Object.assign({className:"FlowHeaderNavigationLink-labelWrapper",sx:Object.assign({display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",position:"relative"},w)},O,{children:[t.jsx(r.Box,Object.assign({className:"FlowHeaderNavigationLink-label",sx:Object.assign({position:"absolute",left:{xs:"0",lg:"auto"}},N)},H,{children:p||d})),t.jsx(r.Box,Object.assign({className:"FlowHeaderNavigationLink-selectedLabel",sx:Object.assign({fontWeight:"700",opacity:"0",position:"relative"},q),"aria-hidden":"true"},I,{children:p||d}))]})),_]}))}),c=a.forwardRef((e,a)=>t.jsx(l,Object.assign({ref:a},e)));exports.HeaderNavigationLink=l,exports.HeaderOverheadItem=c;
 //# sourceMappingURL=HeaderNavigationLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigationLink.js","sources":["../../../../../src/components/header/HeaderNavigationLink.tsx"],"sourcesContent":["import React, { useMemo, ElementType, FC, forwardRef, ReactNode, ForwardedRef } from 'react';\nimport { ButtonBase, ButtonBaseProps, Box, BoxProps, useTheme } from '@mui/material';\nimport { ArrowTopRightIcon } from '@/src/components/icon/stroke/ArrowTopRightIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { getTypography } from '@/src/materialui/typography/typography.theme';\n\nexport interface HeaderNavigationLinkProps extends ButtonBaseProps<ElementType> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * Marks item currently active\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * Indicates external link\n   * @default false\n   */\n  external?: boolean;\n  /**\n   * Expect icon component that will be rendered after the label\n   */\n  icon?: ReactNode | 'arrow-ne';\n  /**\n   * @deprecated no longer has any effect, remove the property\n   */\n  index?: number;\n  /**\n   * Properties applied to wrapper of label\n   */\n  labelWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to default label\n   */\n  labelProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to selected label\n   */\n  selectedLabelProps?: BoxProps<ElementType>;\n}\n\n/**\n * Component to render styled button in the header\n */\nexport const HeaderNavigationLink: FC<HeaderNavigationLinkProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      label,\n      icon,\n      active = false,\n      external = false,\n      index: _,\n      labelWrapperProps,\n      labelProps,\n      selectedLabelProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: labelWrapperSx, ...restLabelWrapper } = labelWrapperProps ?? {};\n    const { sx: labelSx, ...restLabel } = labelProps ?? {};\n    const { sx: selectedLabelSx, ...restSelectedLabel } = selectedLabelProps ?? {};\n    // mapper to previous api\n    const linkIcon = useMemo(() => {\n      return icon === 'arrow-new' || external ? <ArrowTopRightIcon /> : icon;\n    }, [icon, external]);\n\n    return (\n      <ButtonBase\n        sx={{\n          ...theme.typography.list,\n          [theme.breakpoints.down('lg')]: {\n            // switch to 'large body' typography according to figma\n            ...getTypography('body', theme.direction === 'rtl', 'large'),\n          },\n          position: 'relative',\n          zIndex: '100',\n          // icon and text next to each other\n          display: { xs: 'flex', lg: 'inline-flex' },\n          width: { xs: '100%', lg: 'auto' },\n          gap: 0.5,\n          alignItems: 'center',\n          justifyContent: 'flex-start',\n          py: { xs: 2, lg: 1 },\n          px: { xs: 1, lg: 0.5 },\n          transition:\n            'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n          // size of icon\n          '& .MuiSvgIcon-root': {\n            fontSize: '14px',\n          },\n          // bottom border\n          '&:after': {\n            content: { xs: 'none', lg: '\"\"' },\n            position: 'absolute',\n            left: '0',\n            right: '0',\n            // move directly into border of appbar\n            bottom: '0',\n            height: '1px',\n            backgroundColor: 'transparent.transparent',\n            ...(active && {\n              height: '2px',\n              backgroundColor: 'text.primary',\n            }),\n          },\n          // disabled style\n          '&.Mui-disabled': {\n            color: 'disabled.tertiary',\n          },\n          // interactive style\n          ...getInteractiveStyle(\n            {\n              color: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n              '&&:after': {\n                backgroundColor: 'transparent.transparent',\n              },\n              '& .FlowHeaderNavigationLink-label': {\n                opacity: '1',\n              },\n              '& .FlowHeaderNavigationLink-selectedLabel': {\n                opacity: '0',\n              },\n              // active state is same as hover state\n              ...(active && {\n                color: 'text.primary',\n                '&&:after': {\n                  backgroundColor: 'text.primary',\n                },\n                '& .FlowHeaderNavigationLink-label': {\n                  opacity: '0',\n                },\n                '& .FlowHeaderNavigationLink-selectedLabel': {\n                  opacity: '1',\n                },\n              }),\n            },\n            {\n              color: 'text.primary',\n              '&&:after': {\n                backgroundColor: 'text.primary',\n              },\n              '& .FlowHeaderNavigationLink-label': {\n                opacity: '0',\n              },\n              '& .FlowHeaderNavigationLink-selectedLabel': {\n                opacity: '1',\n              },\n            },\n          ),\n          ...getFocusRingStyle(theme),\n          // adjust focus ring\n          '&&:before': {\n            borderRadius: '4px',\n            // make sure top border is not cropped\n            top: { xs: '0', lg: '2px' },\n            bottom: { xs: '0', lg: '-2px' },\n          },\n          ...sx,\n        }}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        data-testid=\"HeaderNavigationLink\"\n        {...rest}\n      >\n        {(children || label) && (\n          <Box\n            className=\"FlowHeaderNavigationLink-labelWrapper\"\n            sx={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              textAlign: 'center',\n              position: 'relative',\n              ...labelWrapperSx,\n            }}\n            {...restLabelWrapper}\n          >\n            <Box\n              className=\"FlowHeaderNavigationLink-label\"\n              sx={{\n                position: 'absolute',\n                left: { xs: '0', lg: 'auto' },\n                ...labelSx,\n              }}\n              {...restLabel}\n            >\n              {children || label}\n            </Box>\n            <Box\n              className=\"FlowHeaderNavigationLink-selectedLabel\"\n              sx={{\n                fontWeight: '700',\n                opacity: '0',\n                position: 'relative',\n                ...selectedLabelSx,\n              }}\n              aria-hidden=\"true\"\n              {...restSelectedLabel}\n            >\n              {children || label}\n            </Box>\n          </Box>\n        )}\n        {linkIcon}\n      </ButtonBase>\n    );\n  },\n);\n\nexport interface HeaderOverheadItemProps extends HeaderNavigationLinkProps {}\n/**\n * @deprecated remove this component, use HeaderNavigationLink instead\n */\nexport const HeaderOverheadItem: FC<HeaderOverheadItemProps> = forwardRef((props, ref) => {\n  return <HeaderNavigationLink ref={ref} {...props} />;\n});\n"],"names":["HeaderNavigationLink","forwardRef","_a","ref","sx","children","label","icon","active","external","index","_","labelWrapperProps","labelProps","selectedLabelProps","rest","__rest","theme","useTheme","_b","labelWrapperSx","restLabelWrapper","_c","labelSx","restLabel","_d","selectedLabelSx","restSelectedLabel","linkIcon","useMemo","_jsx","ArrowTopRightIcon","_jsxs","ButtonBase","Object","assign","typography","list","breakpoints","down","getTypography","direction","position","zIndex","display","xs","lg","width","gap","alignItems","justifyContent","py","px","transition","fontSize","content","left","right","bottom","height","backgroundColor","color","getInteractiveStyle","palette","mode","opacity","getFocusRingStyle","borderRadius","top","Box","className","textAlign","fontWeight","HeaderOverheadItem","props"],"mappings":"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"}
+{"version":3,"file":"HeaderNavigationLink.js","sources":["../../../../../src/components/header/HeaderNavigationLink.tsx"],"sourcesContent":["import React, { useMemo, ElementType, FC, forwardRef, ReactNode, ForwardedRef } from 'react';\nimport { ButtonBase, ButtonBaseProps, Box, BoxProps, useTheme } from '@mui/material';\nimport { ArrowTopRightIcon } from '@/src/components/icon/stroke/ArrowTopRightIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { getTypography } from '@/src/materialui/typography/typography.theme';\n\nexport interface HeaderNavigationLinkProps extends ButtonBaseProps<ElementType> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * Marks item currently active\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * Indicates external link\n   * @default false\n   */\n  external?: boolean;\n  /**\n   * Expect icon component that will be rendered after the label\n   */\n  icon?: ReactNode | 'arrow-ne';\n  /**\n   * @deprecated no longer has any effect, remove the property\n   */\n  index?: number;\n  /**\n   * Properties applied to wrapper of label\n   */\n  labelWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to default label\n   */\n  labelProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to selected label\n   */\n  selectedLabelProps?: BoxProps<ElementType>;\n}\n\n/**\n * Component to render styled button in the header\n */\nexport const HeaderNavigationLink: FC<HeaderNavigationLinkProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      label,\n      icon,\n      active = false,\n      external = false,\n      index: _,\n      labelWrapperProps,\n      labelProps,\n      selectedLabelProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: labelWrapperSx, ...restLabelWrapper } = labelWrapperProps ?? {};\n    const { sx: labelSx, ...restLabel } = labelProps ?? {};\n    const { sx: selectedLabelSx, ...restSelectedLabel } = selectedLabelProps ?? {};\n    // mapper to previous api\n    const linkIcon = useMemo(() => {\n      return icon === 'arrow-new' || external ? <ArrowTopRightIcon /> : icon;\n    }, [icon, external]);\n\n    return (\n      <ButtonBase\n        sx={{\n          ...theme.typography.list,\n          [theme.breakpoints.down('lg')]: {\n            // switch to 'large body' typography according to figma\n            ...getTypography('body', theme.direction === 'rtl', 'large'),\n          },\n          position: 'relative',\n          zIndex: '100',\n          // icon and text next to each other\n          display: { xs: 'flex', lg: 'inline-flex' },\n          width: { xs: '100%', lg: 'auto' },\n          gap: 0.5,\n          alignItems: 'center',\n          justifyContent: 'flex-start',\n          py: { xs: 2, lg: 1 },\n          px: { xs: 1, lg: 0.5 },\n          transition:\n            'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n          // size of icon\n          '& .MuiSvgIcon-root': {\n            fontSize: '14px',\n          },\n          // bottom border\n          '&:after': {\n            content: { xs: 'none', lg: '\"\"' },\n            position: 'absolute',\n            left: '0',\n            right: '0',\n            // move directly into border of appbar\n            bottom: '0',\n            height: '1px',\n            backgroundColor: 'transparent.transparent',\n            ...(active && {\n              height: '2px',\n              backgroundColor: 'text.primary',\n            }),\n          },\n          // disabled style\n          '&.Mui-disabled': {\n            color: 'disabled.tertiary',\n          },\n          // interactive style\n          ...getInteractiveStyle(\n            {\n              color: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n              '&&:after': {\n                backgroundColor: 'transparent.transparent',\n              },\n              '& .FlowHeaderNavigationLink-label': {\n                opacity: '1',\n              },\n              '& .FlowHeaderNavigationLink-selectedLabel': {\n                opacity: '0',\n              },\n              // active state is same as hover state\n              ...(active && {\n                color: 'text.primary',\n                '&&:after': {\n                  backgroundColor: 'text.primary',\n                },\n                '& .FlowHeaderNavigationLink-label': {\n                  opacity: '0',\n                },\n                '& .FlowHeaderNavigationLink-selectedLabel': {\n                  opacity: '1',\n                },\n              }),\n            },\n            {\n              color: 'text.primary',\n              '&&:after': {\n                backgroundColor: 'text.primary',\n              },\n              '& .FlowHeaderNavigationLink-label': {\n                opacity: '0',\n              },\n              '& .FlowHeaderNavigationLink-selectedLabel': {\n                opacity: '1',\n              },\n            },\n          ),\n          ...getFocusRingStyle(theme),\n          // adjust focus ring\n          '&&:before': {\n            borderRadius: '4px',\n            // make sure top border is not cropped\n            top: { xs: '0', lg: '2px' },\n            bottom: { xs: '0', lg: '-2px' },\n          },\n          ...sx,\n        }}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        data-testid=\"HeaderNavigationLink\"\n        {...rest}\n      >\n        {(children || label) && (\n          <Box\n            className=\"FlowHeaderNavigationLink-labelWrapper\"\n            sx={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              textAlign: 'center',\n              position: 'relative',\n              ...labelWrapperSx,\n            }}\n            {...restLabelWrapper}\n          >\n            <Box\n              className=\"FlowHeaderNavigationLink-label\"\n              sx={{\n                position: 'absolute',\n                left: { xs: '0', lg: 'auto' },\n                ...labelSx,\n              }}\n              {...restLabel}\n            >\n              {children || label}\n            </Box>\n            <Box\n              className=\"FlowHeaderNavigationLink-selectedLabel\"\n              sx={{\n                fontWeight: '700',\n                opacity: '0',\n                position: 'relative',\n                ...selectedLabelSx,\n              }}\n              aria-hidden=\"true\"\n              {...restSelectedLabel}\n            >\n              {children || label}\n            </Box>\n          </Box>\n        )}\n        {linkIcon}\n      </ButtonBase>\n    );\n  },\n);\n\nexport interface HeaderOverheadItemProps extends HeaderNavigationLinkProps {}\n/**\n * @deprecated remove this component, use HeaderNavigationLink instead\n */\nexport const HeaderOverheadItem: FC<HeaderOverheadItemProps> = forwardRef((props, ref) => {\n  return <HeaderNavigationLink ref={ref} {...props} />;\n});\n"],"names":["HeaderNavigationLink","forwardRef","_a","ref","sx","children","label","icon","active","external","index","_","labelWrapperProps","labelProps","selectedLabelProps","rest","__rest","theme","useTheme","_b","labelWrapperSx","restLabelWrapper","_c","labelSx","restLabel","_d","selectedLabelSx","restSelectedLabel","linkIcon","useMemo","_jsx","ArrowTopRightIcon","_jsxs","ButtonBase","Object","assign","typography","list","breakpoints","down","getTypography","direction","position","zIndex","display","xs","lg","width","gap","alignItems","justifyContent","py","px","transition","fontSize","content","left","right","bottom","height","backgroundColor","color","getInteractiveStyle","palette","mode","opacity","getFocusRingStyle","borderRadius","top","Box","className","textAlign","fontWeight","HeaderOverheadItem","props"],"mappings":"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"}

package/cjs/components/header/HeaderNavigationMenu.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material"),t=require("../icon/stroke/ChevronDownIcon.js"),s=require("./HeaderNavigationLink.js"),i=require("../../materialui/button/interactive.js");const a=r.forwardRef(((a,l)=>{var{children:c,sx:u,label:d,icon:g,onClick:x,menuItems:j,menuProps:v,collapseProps:m,clickAwayListenerProps:p}=a,b=e.__rest(a,["children","sx","label","icon","onClick","menuItems","menuProps","collapseProps","clickAwayListenerProps"]);const f=r.useRef(),[k,h]=r.useState(null),C=o.useTheme(),w=o.useMediaQuery(C.breakpoints.down("lg")),q=null!=m?m:{},{sx:y}=q,O=e.__rest(q,["sx"]);return n.jsxs(n.Fragment,{children:[n.jsx(s.HeaderNavigationLink,Object.assign({active:!!k,icon:g||n.jsx(t.ChevronDownIcon,{sx:{"&&&":{fontSize:{xs:"20px",lg:"14px"}},color:{xs:"dark"===C.palette.mode?"onSurface.os300":"onSurface.os700",lg:"currentColor"},transform:`rotate(${k?"180":"0"}deg)`,transition:{xs:C.transitions.create("transform",{duration:C.transitions.duration.shortest}),lg:"none"}}}),onClick:e=>{null==x||x(e),h((n=>n?null:e.currentTarget))},sx:Object.assign({justifyContent:{xs:"space-between",lg:"flex-start"}},u),ref:null!=l?l:f,"data-testid":"HeaderNavigationMenu"},b,{children:d})),w?n.jsx(o.ClickAwayListener,Object.assign({onClickAway:e=>{var n,r,o;console.log(e.target),!(null===(o=null===(r=null!==(n=l)&&void 0!==n?n:f)||void 0===r?void 0:r.current)||void 0===o?void 0:o.contains(null==e?void 0:e.target))&&h(null)}},p,{children:n.jsx(o.Collapse,Object.assign({in:!!k,sx:Object.assign({"& .MuiMenuItem-root":Object.assign({},i.getInteractiveStyle({background:"none",fontWeight:"300",color:"dark"===C.palette.mode?"onSurface.os300":"onSurface.os700"},{background:"none",fontWeight:"700",color:"currentColor"}))},y)},O,{children:c||j}))})):n.jsx(o.Menu,Object.assign({open:!!k,anchorEl:k,onClose:()=>h(null)},v,{children:c||j}))]})}));exports.HeaderNavigationMenu=a;
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material"),t=require("../icon/stroke/ChevronDownIcon.js"),s=require("./HeaderNavigationLink.js"),i=require("../../materialui/button/interactive.js");const a=r.forwardRef((a,l)=>{var{children:c,sx:u,label:d,icon:g,onClick:x,menuItems:j,menuProps:v,collapseProps:m,clickAwayListenerProps:p}=a,b=e.__rest(a,["children","sx","label","icon","onClick","menuItems","menuProps","collapseProps","clickAwayListenerProps"]);const f=r.useRef(),[k,h]=r.useState(null),C=o.useTheme(),w=o.useMediaQuery(C.breakpoints.down("lg")),q=null!=m?m:{},{sx:y}=q,O=e.__rest(q,["sx"]);return n.jsxs(n.Fragment,{children:[n.jsx(s.HeaderNavigationLink,Object.assign({active:!!k,icon:g||n.jsx(t.ChevronDownIcon,{sx:{"&&&":{fontSize:{xs:"20px",lg:"14px"}},color:{xs:"dark"===C.palette.mode?"onSurface.os300":"onSurface.os700",lg:"currentColor"},transform:`rotate(${k?"180":"0"}deg)`,transition:{xs:C.transitions.create("transform",{duration:C.transitions.duration.shortest}),lg:"none"}}}),onClick:e=>{null==x||x(e),h(n=>n?null:e.currentTarget)},sx:Object.assign({justifyContent:{xs:"space-between",lg:"flex-start"}},u),ref:null!=l?l:f,"data-testid":"HeaderNavigationMenu"},b,{children:d})),w?n.jsx(o.ClickAwayListener,Object.assign({onClickAway:e=>{var n,r,o;console.log(e.target),!(null===(o=null===(r=null!==(n=l)&&void 0!==n?n:f)||void 0===r?void 0:r.current)||void 0===o?void 0:o.contains(null==e?void 0:e.target))&&h(null)}},p,{children:n.jsx(o.Collapse,Object.assign({in:!!k,sx:Object.assign({"& .MuiMenuItem-root":Object.assign({},i.getInteractiveStyle({background:"none",fontWeight:"300",color:"dark"===C.palette.mode?"onSurface.os300":"onSurface.os700"},{background:"none",fontWeight:"700",color:"currentColor"}))},y)},O,{children:c||j}))})):n.jsx(o.Menu,Object.assign({open:!!k,anchorEl:k,onClose:()=>h(null)},v,{children:c||j}))]})});exports.HeaderNavigationMenu=a;
 //# sourceMappingURL=HeaderNavigationMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../../src/components/header/HeaderNavigationMenu.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useRef, useState } from 'react';\nimport {\n  Menu,\n  MenuProps,\n  Collapse,\n  useMediaQuery,\n  Theme,\n  useTheme,\n  CollapseProps,\n  ClickAwayListener,\n  ClickAwayListenerProps,\n} from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { HeaderNavigationLink, HeaderNavigationLinkProps } from './HeaderNavigationLink';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface HeaderNavigationMenuProps extends HeaderNavigationLinkProps {\n  /**\n   * Content of the menu, can be provided as children as well\n   */\n  menuItems?: ReactNode;\n  /**\n   * Props applied to menu\n   */\n  menuProps?: MenuProps;\n  /**\n   * Props applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: ClickAwayListenerProps;\n  /**\n   * Props applied to menu on mobile\n   */\n  collapseProps?: CollapseProps;\n}\n\n/**\n * HeaderNavigationLink with the integration of the menu\n */\nexport const HeaderNavigationMenu: FC<HeaderNavigationMenuProps> = forwardRef(\n  (\n    { children, sx, label, icon, onClick, menuItems, menuProps, collapseProps, clickAwayListenerProps, ...rest },\n    ref,\n  ) => {\n    const buttonRef = useRef();\n    const [anchor, setAnchor] = useState(null);\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: collapseSx, ...restCollapse } = collapseProps ?? {};\n\n    return (\n      <>\n        <HeaderNavigationLink\n          active={!!anchor}\n          icon={\n            icon || (\n              <ChevronDownIcon\n                sx={{\n                  // same code is applied to HeaderNavigationHero.tsx\n                  '&&&': {\n                    fontSize: { xs: '20px', lg: '14px' },\n                  },\n                  color: {\n                    xs: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    lg: 'currentColor',\n                  },\n                  transform: `rotate(${anchor ? '180' : '0'}deg)`,\n                  transition: {\n                    xs: theme.transitions.create('transform', {\n                      duration: theme.transitions.duration.shortest,\n                    }),\n                    lg: 'none',\n                  },\n                }}\n              />\n            )\n          }\n          onClick={(e) => {\n            onClick?.(e);\n            setAnchor((prev) => (!prev ? e.currentTarget : null));\n          }}\n          sx={{\n            justifyContent: { xs: 'space-between', lg: 'flex-start' },\n            ...sx,\n          }}\n          ref={ref ?? buttonRef}\n          data-testid=\"HeaderNavigationMenu\"\n          {...rest}\n        >\n          {label}\n        </HeaderNavigationLink>\n        {downLg ? (\n          <ClickAwayListener\n            onClickAway={(e) => {\n              console.log(e.target);\n              !((ref as React.RefObject<HTMLButtonElement>) ?? buttonRef)?.current?.contains(e?.target as Node) &&\n                setAnchor(null);\n            }}\n            {...clickAwayListenerProps}\n          >\n            <Collapse\n              in={!!anchor}\n              sx={{\n                // style menu items inside\n                '& .MuiMenuItem-root': {\n                  ...getInteractiveStyle(\n                    {\n                      background: 'none',\n                      fontWeight: '300',\n                      color: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    },\n                    {\n                      background: 'none',\n                      fontWeight: '700',\n                      color: 'currentColor',\n                    },\n                  ),\n                },\n                ...collapseSx,\n              }}\n              {...restCollapse}\n            >\n              {children || menuItems}\n            </Collapse>\n          </ClickAwayListener>\n        ) : (\n          <Menu open={!!anchor} anchorEl={anchor} onClose={() => setAnchor(null)} {...menuProps}>\n            {children || menuItems}\n          </Menu>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["HeaderNavigationMenu","forwardRef","_a","ref","children","sx","label","icon","onClick","menuItems","menuProps","collapseProps","clickAwayListenerProps","rest","__rest","buttonRef","useRef","anchor","setAnchor","useState","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_b","collapseSx","restCollapse","_jsxs","_jsx","HeaderNavigationLink","active","ChevronDownIcon","fontSize","xs","lg","color","palette","mode","transform","transition","transitions","create","duration","shortest","e","prev","currentTarget","Object","assign","justifyContent","ClickAwayListener","onClickAway","console","log","target","current","contains","Collapse","in","getInteractiveStyle","background","fontWeight","Menu","open","anchorEl","onClose"],"mappings":"2PAsCO,MAAMA,EAAsDC,EAAAA,YACjE,CACEC,EACAC,SADAC,SAAEA,EAAQC,GAAEA,EAAEC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,cAAEA,EAAaC,uBAAEA,KAA2BC,EAAIC,EAAAA,OAAAZ,EAA1G,CAAA,WAAA,KAAA,QAAA,OAAA,UAAA,YAAA,YAAA,gBAAA,2BAGA,MAAMa,EAAYC,EAAAA,UACXC,EAAQC,GAAaC,EAAAA,SAAS,MAC/BC,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAAsCf,QAAAA,EAAiB,IAArDN,GAAIsB,GAAUD,EAAKE,EAAYd,EAAAA,OAAAY,EAAjC,CAAA,OAEN,OACEG,EAAAA,2BACEC,MAACC,EAAAA,oCACCC,SAAUf,EACVV,KACEA,GACEuB,MAACG,EAAAA,gBAAe,CACd5B,GAAI,CAEF,MAAO,CACL6B,SAAU,CAAEC,GAAI,OAAQC,GAAI,SAE9BC,MAAO,CACLF,GAA2B,SAAvBf,EAAMkB,QAAQC,KAAkB,kBAAoB,kBACxDH,GAAI,gBAENI,UAAW,UAAUvB,EAAS,MAAQ,UACtCwB,WAAY,CACVN,GAAIf,EAAMsB,YAAYC,OAAO,YAAa,CACxCC,SAAUxB,EAAMsB,YAAYE,SAASC,WAEvCT,GAAI,WAMd5B,QAAUsC,IACRtC,SAAAA,EAAUsC,GACV5B,GAAW6B,GAAWA,EAAyB,KAAlBD,EAAEE,eAAsB,EAEvD3C,GAAE4C,OAAAC,OAAA,CACAC,eAAgB,CAAEhB,GAAI,gBAAiBC,GAAI,eACxC/B,GAELF,IAAKA,QAAAA,EAAOY,gBACA,wBACRF,EAAI,CAAAT,SAEPE,KAEFgB,EACCQ,EAAAA,IAACsB,oBAAiBH,OAAAC,OAAA,CAChBG,YAAcP,cACZQ,QAAQC,IAAIT,EAAEU,oBAC6C,QAA1D9B,EAA4C,UAA1CvB,SAA0C,IAAAD,EAAAA,EAAIa,SAAU,IAAAW,OAAA,EAAAA,EAAE+B,8BAASC,SAASZ,eAAAA,EAAGU,UAChFtC,EAAU,KAAK,GAEfN,EAAsB,CAAAR,SAE1B0B,EAAAA,IAAC6B,EAAAA,SAAQV,OAAAC,OAAA,CACPU,KAAM3C,EACNZ,GAAE4C,OAAAC,OAAA,CAEA,sBAAqBD,OAAAC,OAAA,CAAA,EAChBW,EAAAA,oBACD,CACEC,WAAY,OACZC,WAAY,MACZ1B,MAA8B,SAAvBjB,EAAMkB,QAAQC,KAAkB,kBAAoB,mBAE7D,CACEuB,WAAY,OACZC,WAAY,MACZ1B,MAAO,mBAIVV,IAEDC,YAEHxB,GAAYK,QAIjBqB,EAAAA,IAACkC,EAAAA,KAAIf,OAAAC,OAAA,CAACe,OAAQhD,EAAQiD,SAAUjD,EAAQkD,QAAS,IAAMjD,EAAU,OAAWR,YACzEN,GAAYK,OAGhB"}
+{"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../../src/components/header/HeaderNavigationMenu.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useRef, useState } from 'react';\nimport {\n  Menu,\n  MenuProps,\n  Collapse,\n  useMediaQuery,\n  Theme,\n  useTheme,\n  CollapseProps,\n  ClickAwayListener,\n  ClickAwayListenerProps,\n} from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { HeaderNavigationLink, HeaderNavigationLinkProps } from './HeaderNavigationLink';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface HeaderNavigationMenuProps extends HeaderNavigationLinkProps {\n  /**\n   * Content of the menu, can be provided as children as well\n   */\n  menuItems?: ReactNode;\n  /**\n   * Props applied to menu\n   */\n  menuProps?: MenuProps;\n  /**\n   * Props applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: ClickAwayListenerProps;\n  /**\n   * Props applied to menu on mobile\n   */\n  collapseProps?: CollapseProps;\n}\n\n/**\n * HeaderNavigationLink with the integration of the menu\n */\nexport const HeaderNavigationMenu: FC<HeaderNavigationMenuProps> = forwardRef(\n  (\n    { children, sx, label, icon, onClick, menuItems, menuProps, collapseProps, clickAwayListenerProps, ...rest },\n    ref,\n  ) => {\n    const buttonRef = useRef();\n    const [anchor, setAnchor] = useState(null);\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: collapseSx, ...restCollapse } = collapseProps ?? {};\n\n    return (\n      <>\n        <HeaderNavigationLink\n          active={!!anchor}\n          icon={\n            icon || (\n              <ChevronDownIcon\n                sx={{\n                  // same code is applied to HeaderNavigationHero.tsx\n                  '&&&': {\n                    fontSize: { xs: '20px', lg: '14px' },\n                  },\n                  color: {\n                    xs: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    lg: 'currentColor',\n                  },\n                  transform: `rotate(${anchor ? '180' : '0'}deg)`,\n                  transition: {\n                    xs: theme.transitions.create('transform', {\n                      duration: theme.transitions.duration.shortest,\n                    }),\n                    lg: 'none',\n                  },\n                }}\n              />\n            )\n          }\n          onClick={(e) => {\n            onClick?.(e);\n            setAnchor((prev) => (!prev ? e.currentTarget : null));\n          }}\n          sx={{\n            justifyContent: { xs: 'space-between', lg: 'flex-start' },\n            ...sx,\n          }}\n          ref={ref ?? buttonRef}\n          data-testid=\"HeaderNavigationMenu\"\n          {...rest}\n        >\n          {label}\n        </HeaderNavigationLink>\n        {downLg ? (\n          <ClickAwayListener\n            onClickAway={(e) => {\n              console.log(e.target);\n              !((ref as React.RefObject<HTMLButtonElement>) ?? buttonRef)?.current?.contains(e?.target as Node) &&\n                setAnchor(null);\n            }}\n            {...clickAwayListenerProps}\n          >\n            <Collapse\n              in={!!anchor}\n              sx={{\n                // style menu items inside\n                '& .MuiMenuItem-root': {\n                  ...getInteractiveStyle(\n                    {\n                      background: 'none',\n                      fontWeight: '300',\n                      color: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    },\n                    {\n                      background: 'none',\n                      fontWeight: '700',\n                      color: 'currentColor',\n                    },\n                  ),\n                },\n                ...collapseSx,\n              }}\n              {...restCollapse}\n            >\n              {children || menuItems}\n            </Collapse>\n          </ClickAwayListener>\n        ) : (\n          <Menu open={!!anchor} anchorEl={anchor} onClose={() => setAnchor(null)} {...menuProps}>\n            {children || menuItems}\n          </Menu>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["HeaderNavigationMenu","forwardRef","_a","ref","children","sx","label","icon","onClick","menuItems","menuProps","collapseProps","clickAwayListenerProps","rest","__rest","buttonRef","useRef","anchor","setAnchor","useState","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_b","collapseSx","restCollapse","_jsxs","_jsx","HeaderNavigationLink","active","ChevronDownIcon","fontSize","xs","lg","color","palette","mode","transform","transition","transitions","create","duration","shortest","e","prev","currentTarget","Object","assign","justifyContent","ClickAwayListener","onClickAway","console","log","target","current","contains","Collapse","in","getInteractiveStyle","background","fontWeight","Menu","open","anchorEl","onClose"],"mappings":"2PAsCO,MAAMA,EAAsDC,EAAAA,WACjE,CACEC,EACAC,SADAC,SAAEA,EAAQC,GAAEA,EAAEC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,cAAEA,EAAaC,uBAAEA,KAA2BC,EAAIC,EAAAA,OAAAZ,EAA1G,CAAA,WAAA,KAAA,QAAA,OAAA,UAAA,YAAA,YAAA,gBAAA,2BAGA,MAAMa,EAAYC,EAAAA,UACXC,EAAQC,GAAaC,EAAAA,SAAS,MAC/BC,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAAsCf,QAAAA,EAAiB,IAArDN,GAAIsB,GAAUD,EAAKE,EAAYd,EAAAA,OAAAY,EAAjC,CAAA,OAEN,OACEG,EAAAA,2BACEC,MAACC,EAAAA,oCACCC,SAAUf,EACVV,KACEA,GACEuB,MAACG,EAAAA,gBAAe,CACd5B,GAAI,CAEF,MAAO,CACL6B,SAAU,CAAEC,GAAI,OAAQC,GAAI,SAE9BC,MAAO,CACLF,GAA2B,SAAvBf,EAAMkB,QAAQC,KAAkB,kBAAoB,kBACxDH,GAAI,gBAENI,UAAW,UAAUvB,EAAS,MAAQ,UACtCwB,WAAY,CACVN,GAAIf,EAAMsB,YAAYC,OAAO,YAAa,CACxCC,SAAUxB,EAAMsB,YAAYE,SAASC,WAEvCT,GAAI,WAMd5B,QAAUsC,IACRtC,SAAAA,EAAUsC,GACV5B,EAAW6B,GAAWA,EAAyB,KAAlBD,EAAEE,gBAEjC3C,GAAE4C,OAAAC,OAAA,CACAC,eAAgB,CAAEhB,GAAI,gBAAiBC,GAAI,eACxC/B,GAELF,IAAKA,QAAAA,EAAOY,gBACA,wBACRF,EAAI,CAAAT,SAEPE,KAEFgB,EACCQ,EAAAA,IAACsB,oBAAiBH,OAAAC,OAAA,CAChBG,YAAcP,cACZQ,QAAQC,IAAIT,EAAEU,oBAC6C,QAA1D9B,EAA4C,UAA1CvB,SAA0C,IAAAD,EAAAA,EAAIa,SAAU,IAAAW,OAAA,EAAAA,EAAE+B,8BAASC,SAASZ,eAAAA,EAAGU,UAChFtC,EAAU,QAEVN,EAAsB,CAAAR,SAE1B0B,EAAAA,IAAC6B,EAAAA,SAAQV,OAAAC,OAAA,CACPU,KAAM3C,EACNZ,GAAE4C,OAAAC,OAAA,CAEA,sBAAqBD,OAAAC,OAAA,CAAA,EAChBW,EAAAA,oBACD,CACEC,WAAY,OACZC,WAAY,MACZ1B,MAA8B,SAAvBjB,EAAMkB,QAAQC,KAAkB,kBAAoB,mBAE7D,CACEuB,WAAY,OACZC,WAAY,MACZ1B,MAAO,mBAIVV,IAEDC,YAEHxB,GAAYK,QAIjBqB,EAAAA,IAACkC,EAAAA,KAAIf,OAAAC,OAAA,CAACe,OAAQhD,EAAQiD,SAAUjD,EAAQkD,QAAS,IAAMjD,EAAU,OAAWR,YACzEN,GAAYK"}

package/cjs/components/hotspotCard/hotspotCard.d.ts

@@ -0,0 +1,111 @@
+import React, { ElementType, ReactNode } from 'react';
+import { BoxProps, CardProps, ClickAwayListenerProps, FadeProps, IconButtonProps, PopperProps, SvgIconProps } from '@mui/material';
+import { ResponsiveType } from '@/src/utils/ResponsiveType';
+export interface HotspotCardProps extends Omit<IconButtonProps, 'color' | 'size'> {
+    /**
+     * top position of hotspot card
+     */
+    top?: ResponsiveType<string | number>;
+    /**
+     * left position of hotspot card
+     */
+    left?: ResponsiveType<string | number>;
+    /**
+     * bottom position of hotspot card
+     */
+    bottom?: ResponsiveType<string | number>;
+    /**
+     * right position of hotspot card
+     */
+    right?: ResponsiveType<string | number>;
+    /**
+     * Boolean that defines different design whether a HotspotCardIconButton is placed on background inside the Card, (instead of image)
+     */
+    onBackground?: boolean;
+    /**
+     * Make sure to center IconButton, helpful with left or right properties set to 50%
+     */
+    center?: boolean;
+    /**
+     * Boolean that defines whether a HotspotCard is opened.
+     *
+     * @see setOpen
+     */
+    open?: boolean;
+    /**
+     * Function that can be used to control a state of card popup
+     *
+     * @param open new open value
+     * @see open
+     */
+    setOpen?: (open: boolean) => void;
+    /**
+     * Properties that will be passed to Fade component
+     *
+     * @see Fade
+     */
+    fadeProps?: Omit<FadeProps, 'children'>;
+    /**
+     * Properties that will be passed to Popper component
+     *
+     * @see Popper
+     */
+    popperProps?: Omit<PopperProps, 'open'>;
+    /**
+     * Properties applied to ClickAwayListener
+     */
+    clickAwayListenerProps?: ClickAwayListenerProps;
+    /**
+     * Custom icon component to use instead of the default PlusIcon
+     */
+    icon?: ReactNode;
+    /**
+     * Properties that will be passed to the icon component
+     */
+    iconProps?: SvgIconProps;
+    /**
+     * Custom icon component to use instead of the default PlusIcon
+     */
+    insideIcon?: ReactNode;
+    /**
+     * Properties for a cose icon inside HotspotCard
+     */
+    insideIconProps?: SvgIconProps;
+    /**
+     * Properties for a IconButton inside HotspotCard
+     */
+    insideIconButtonProps?: IconButtonProps<ElementType>;
+    /**
+     * Properties for a Box element that wraps button and popper
+     */
+    wrapperProps?: BoxProps<ElementType>;
+    /**
+     * Properties for Card inside the Popper element.
+     */
+    cardProps?: CardProps<ElementType>;
+    /**
+     * @deprecated use Card component as a children instead
+     */
+    headline?: string;
+    /**
+     * @deprecated use Card component as a children instead
+     */
+    img?: ReactNode;
+    /**
+     * @deprecated use Card component as a children instead
+     */
+    label?: string;
+    /**
+     * @deprecated use Card component as a children instead
+     */
+    description?: ReactNode;
+    /**
+     * @deprecated use Card component as a children instead
+     */
+    buttons?: ReactNode;
+}
+/**
+ * A card component that is toggled on and off with IconButton.
+ * The card is fullscreen on mobile-size devices.
+ */
+export declare const HotspotCard: React.FC<HotspotCardProps>;

package/cjs/components/hotspotCard/hotspotCard.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material"),i=require("../icon/stroke/PlusIcon.js"),n=require("../label/label.js");exports.HotspotCard=r=>{var{sx:a,children:l,top:c,left:p,bottom:d,right:x,onBackground:u=!1,center:b=!1,open:g,setOpen:m,fadeProps:h={},popperProps:j={},clickAwayListenerProps:f={},icon:O,iconProps:P={},insideIcon:w,insideIconProps:k={},insideIconButtonProps:C={},wrapperProps:I={},cardProps:v={},headline:y,img:_,label:B,description:M,buttons:q}=r,z=e.__rest(r,["sx","children","top","left","bottom","right","onBackground","center","open","setOpen","fadeProps","popperProps","clickAwayListenerProps","icon","iconProps","insideIcon","insideIconProps","insideIconButtonProps","wrapperProps","cardProps","headline","img","label","description","buttons"]);const{sx:S}=v,T=e.__rest(v,["sx"]),{sx:A}=j,L=e.__rest(j,["sx"]),{sx:W}=P,E=e.__rest(P,["sx"]),{sx:H}=k,R=e.__rest(k,["sx"]),{sx:F}=C,Q=e.__rest(C,["sx"]),V=o.useTheme(),D=o.useMediaQuery(V.breakpoints.down("md")),G=t.useRef(null),J=t.useRef(null),[K,N]=t.useState(null!=g&&g),[U,X]=t.useState("left-start"),Y=null!=g?g:K,Z=t.useCallback(void 0!==g?()=>m(!g):()=>N(e=>!e),[g,m]),$=t.useCallback(void 0!==g?()=>m(!1):()=>N(!1),[g,m]);return s.jsx(o.ClickAwayListener,Object.assign({onClickAway:$},f,{children:s.jsxs(o.Box,Object.assign({},I,{children:[s.jsx(o.IconButton,Object.assign({ref:G,onClick:Z,"aria-label":"Open or Close the card"},Y&&{"aria-controls":"hotspot-card"},{size:"small",color:"surface",sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({position:"absolute",zIndex:"10"},null!=c&&Object.assign({top:c},b&&{mt:"-16px"})),null!=p&&Object.assign({left:p},b&&{ml:"-16px"})),null!=d&&Object.assign({bottom:d},b&&{mb:"-16px"})),null!=x&&Object.assign({right:x},b&&{mr:"-16px"})),null==c&&null==p&&null==d&&null==x&&Object.assign({top:"0%",left:"0%"},b&&{mt:"-16px",ml:"-16px"})),a)},z,{children:O||s.jsx(i.PlusIcon,Object.assign({sx:Object.assign({transform:Y?"rotate(45deg)":"rotate(0deg)",transition:"transform .3s ease"},W)},E))})),s.jsx(o.Popper,Object.assign({open:Y,anchorEl:D?null:G.current,transition:!0,placement:"left-start",disablePortal:!0,ref:J,modifiers:[{name:"flip",enabled:!0,options:{fallbackPlacements:["right-start"]}},{name:"preventOverflow",enabled:!0,options:{boundary:"viewport"}},{name:"updatePlacement",enabled:!0,phase:"afterWrite",fn:({state:e})=>{X(e.placement)}}],sx:Object.assign({position:"fixed",top:{xs:0,md:"auto"},left:{xs:0,md:"auto"},width:{xs:"100%",md:"400px"},height:{xs:"100%",md:"auto"},minHeight:{xs:"100vh",md:"auto"},zIndex:e=>e.zIndex.modal},A)},L,{children:({TransitionProps:e})=>s.jsx(o.Fade,Object.assign({},e,{timeout:350},h,{children:s.jsxs(o.Card,Object.assign({id:"hotspot-card",sx:Object.assign({"&:after":{border:0,boxShadow:e=>e.flowShadows.xl},"& > .MuiBox-root":{overflow:"auto",paddingTop:"0"},"& .MuiCardContent-root, &.MuiCardContent-root:last-child":{padding:3},"& .MuiCardMedia-root":{height:{xs:"300px",md:"232px"}},"& .MuiBox-root > .MuiCardMedia-img:first-of-type":{marginTop:"0"},position:"relative",width:{xs:"100%",md:"400px"},height:{xs:"100%",md:"auto"},top:{xs:"0",md:"-9px"},left:U.startsWith("right")?{xs:"0",md:"-41px"}:void 0,right:U.startsWith("left")?{xs:"0",md:"-41px"}:void 0},S)},T,{children:[s.jsx(o.IconButton,Object.assign({onClick:Z,"aria-label":"Close the card",size:"small",color:u?"inherit":"surface",sx:Object.assign({position:"absolute",zIndex:"20",top:"8px",right:"8px"},F)},Q,{children:w||s.jsx(i.PlusIcon,Object.assign({sx:Object.assign({transform:Y?"rotate(45deg)":"rotate(0deg)",transition:"transform .3s ease"},H)},R))})),_&&s.jsx(o.Box,Object.assign({sx:{display:"block",width:"100%"}},"string"==typeof _&&{component:"img",src:_},{children:t.isValidElement(_)&&_})),(B||y||M||q)&&s.jsxs(o.Stack,{direction:"column",spacing:1,padding:2,children:[B&&s.jsx(n.Label,{label:B}),y&&s.jsx(o.Typography,{variant:"h3",children:y}),M&&s.jsx(o.Typography,{children:M}),q&&s.jsx(o.Stack,{direction:"row",spacing:2,overflow:"auto",children:q})]}),l]}))}))}),D?"popper-mobile":"popper-desktop")]}))}))};
+//# sourceMappingURL=hotspotCard.js.map

package/cjs/components/hotspotCard/hotspotCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotspotCard.js","sources":["../../../../../src/components/hotspotCard/hotspotCard.tsx"],"sourcesContent":["import React, { ElementType, isValidElement, ReactNode, useRef, useState, useCallback } from 'react';\nimport {\n  Box,\n  Stack,\n  BoxProps,\n  Card,\n  CardProps,\n  ClickAwayListener,\n  ClickAwayListenerProps,\n  Fade,\n  FadeProps,\n  IconButton,\n  IconButtonProps,\n  Popper,\n  PopperProps,\n  Typography,\n  useMediaQuery,\n  useTheme,\n  SvgIconProps,\n} from '@mui/material';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { Label } from '@/src/components/label/label';\nimport { ResponsiveType } from '@/src/utils/ResponsiveType';\n\nexport interface HotspotCardProps extends Omit<IconButtonProps, 'color' | 'size'> {\n  /**\n   * top position of hotspot card\n   */\n  top?: ResponsiveType<string | number>;\n  /**\n   * left position of hotspot card\n   */\n  left?: ResponsiveType<string | number>;\n  /**\n   * bottom position of hotspot card\n   */\n  bottom?: ResponsiveType<string | number>;\n  /**\n   * right position of hotspot card\n   */\n  right?: ResponsiveType<string | number>;\n  /**\n   * Boolean that defines different design whether a HotspotCardIconButton is placed on background inside the Card, (instead of image)\n   */\n  onBackground?: boolean;\n  /**\n   * Make sure to center IconButton, helpful with left or right properties set to 50%\n   */\n  center?: boolean;\n  /**\n   * Boolean that defines whether a HotspotCard is opened.\n   *\n   * @see setOpen\n   */\n  open?: boolean;\n  /**\n   * Function that can be used to control a state of card popup\n   *\n   * @param open new open value\n   * @see open\n   */\n  setOpen?: (open: boolean) => void;\n  /**\n   * Properties that will be passed to Fade component\n   *\n   * @see Fade\n   */\n  fadeProps?: Omit<FadeProps, 'children'>;\n  /**\n   * Properties that will be passed to Popper component\n   *\n   * @see Popper\n   */\n  popperProps?: Omit<PopperProps, 'open'>;\n  /**\n   * Properties applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: ClickAwayListenerProps;\n  /**\n   * Custom icon component to use instead of the default PlusIcon\n   */\n  icon?: ReactNode;\n  /**\n   * Properties that will be passed to the icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Custom icon component to use instead of the default PlusIcon\n   */\n  insideIcon?: ReactNode;\n  /**\n   * Properties for a cose icon inside HotspotCard\n   */\n  insideIconProps?: SvgIconProps;\n  /**\n   * Properties for a IconButton inside HotspotCard\n   */\n  insideIconButtonProps?: IconButtonProps<ElementType>;\n  /**\n   * Properties for a Box element that wraps button and popper\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties for Card inside the Popper element.\n   */\n  cardProps?: CardProps<ElementType>;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  headline?: string;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  img?: ReactNode;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  label?: string;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  description?: ReactNode;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  buttons?: ReactNode;\n}\n\n/**\n * A card component that is toggled on and off with IconButton.\n * The card is fullscreen on mobile-size devices.\n */\nexport const HotspotCard: React.FC<HotspotCardProps> = ({\n  sx,\n  children,\n  top,\n  left,\n  bottom,\n  right,\n  onBackground = false,\n  center = false,\n  open,\n  setOpen,\n  fadeProps = {},\n  popperProps = {},\n  clickAwayListenerProps = {},\n  icon,\n  iconProps = {},\n  insideIcon,\n  insideIconProps = {},\n  insideIconButtonProps = {},\n  wrapperProps = {},\n  cardProps = {},\n  headline,\n  img,\n  label,\n  description,\n  buttons,\n  ...restProps\n}) => {\n  const { sx: cardSx, ...restCard } = cardProps;\n  const { sx: popperSx, ...restPopperProps } = popperProps;\n  const { sx: iconSx, ...restIconProps } = iconProps;\n  const { sx: insideIconSx, ...restInsideIconProps } = insideIconProps;\n  const { sx: insideIconButtonSx, ...restInsideIconButtonProps } = insideIconButtonProps;\n\n  const FWLTheme = useTheme();\n  const isSmallScreen = useMediaQuery(FWLTheme.breakpoints.down('md'));\n  const btnRef = useRef(null);\n  const popperRef = useRef<HTMLDivElement>(null);\n  const [_open, _setOpen] = useState(open ?? false);\n  const [currentPlacement, setCurrentPlacement] = useState<string>('left-start');\n\n  const isOpen = open ?? _open;\n  const handleClick = useCallback(open !== undefined ? () => setOpen(!open) : () => _setOpen((prev) => !prev), [\n    open,\n    setOpen,\n  ]);\n  const handleClickAway = useCallback(open !== undefined ? () => setOpen(false) : () => _setOpen(false), [\n    open,\n    setOpen,\n  ]);\n\n  return (\n    <ClickAwayListener onClickAway={handleClickAway} {...clickAwayListenerProps}>\n      <Box {...wrapperProps}>\n        <IconButton\n          ref={btnRef}\n          onClick={handleClick}\n          aria-label=\"Open or Close the card\"\n          {...(isOpen && { ['aria-controls']: 'hotspot-card' })}\n          size=\"small\"\n          color=\"surface\"\n          sx={{\n            position: 'absolute',\n            zIndex: '10',\n            ...(top != undefined && { top: top, ...(center && { mt: '-16px' }) }),\n            ...(left != undefined && { left: left, ...(center && { ml: '-16px' }) }),\n            ...(bottom != undefined && { bottom: bottom, ...(center && { mb: '-16px' }) }),\n            ...(right != undefined && { right: right, ...(center && { mr: '-16px' }) }),\n            // Fallback to top-left if no position is specified\n            ...(top == undefined &&\n              left == undefined &&\n              bottom == undefined &&\n              right == undefined && {\n                top: '0%',\n                left: '0%',\n                ...(center && { mt: '-16px', ml: '-16px' }),\n              }),\n            ...sx,\n          }}\n          {...restProps}\n        >\n          {icon || (\n            <PlusIcon\n              sx={{\n                transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)',\n                transition: 'transform .3s ease',\n                ...iconSx,\n              }}\n              {...restIconProps}\n            />\n          )}\n        </IconButton>\n        <Popper\n          key={isSmallScreen ? 'popper-mobile' : 'popper-desktop'}\n          open={isOpen}\n          anchorEl={isSmallScreen ? null : btnRef.current}\n          transition\n          placement=\"left-start\"\n          disablePortal\n          ref={popperRef}\n          modifiers={[\n            {\n              name: 'flip',\n              enabled: true,\n              options: {\n                fallbackPlacements: ['right-start'],\n              },\n            },\n            {\n              name: 'preventOverflow',\n              enabled: true,\n              options: {\n                boundary: 'viewport',\n              },\n            },\n            {\n              name: 'updatePlacement',\n              enabled: true,\n              phase: 'afterWrite',\n              fn: ({ state }) => {\n                setCurrentPlacement(state.placement);\n              },\n            },\n          ]}\n          sx={{\n            position: 'fixed',\n            top: { xs: 0, md: 'auto' },\n            left: { xs: 0, md: 'auto' },\n            width: { xs: '100%', md: '400px' },\n            height: { xs: '100%', md: 'auto' },\n            minHeight: { xs: '100vh', md: 'auto' },\n            zIndex: (theme) => theme.zIndex.modal,\n            ...popperSx,\n          }}\n          {...restPopperProps}\n        >\n          {({ TransitionProps }) => (\n            <Fade {...TransitionProps} timeout={350} {...fadeProps}>\n              <Card\n                id=\"hotspot-card\"\n                sx={{\n                  '&:after': { border: 0, boxShadow: (theme) => theme.flowShadows.xl },\n                  '& > .MuiBox-root': {\n                    overflow: 'auto',\n                    paddingTop: '0',\n                  },\n                  '& .MuiCardContent-root, &.MuiCardContent-root:last-child': {\n                    padding: 3,\n                  },\n                  '& .MuiCardMedia-root': {\n                    height: {\n                      xs: '300px',\n                      md: '232px',\n                    },\n                  },\n                  '& .MuiBox-root > .MuiCardMedia-img:first-of-type': {\n                    marginTop: '0',\n                  },\n                  position: 'relative',\n                  width: { xs: '100%', md: '400px' },\n                  height: { xs: '100%', md: 'auto' },\n                  top: { xs: '0', md: '-9px' },\n                  left: currentPlacement.startsWith('right') ? { xs: '0', md: '-41px' } : undefined,\n                  right: currentPlacement.startsWith('left') ? { xs: '0', md: '-41px' } : undefined,\n                  ...cardSx,\n                }}\n                {...restCard}\n              >\n                <IconButton\n                  onClick={handleClick}\n                  aria-label=\"Close the card\"\n                  size=\"small\"\n                  color={onBackground ? 'inherit' : 'surface'}\n                  sx={{\n                    position: 'absolute',\n                    zIndex: '20',\n                    top: '8px',\n                    right: '8px',\n                    ...insideIconButtonSx,\n                  }}\n                  {...restInsideIconButtonProps}\n                >\n                  {insideIcon || (\n                    <PlusIcon\n                      sx={{\n                        transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)',\n                        transition: 'transform .3s ease',\n                        ...insideIconSx,\n                      }}\n                      {...restInsideIconProps}\n                    />\n                  )}\n                </IconButton>\n                {img && (\n                  <Box\n                    sx={{\n                      display: 'block',\n                      width: '100%',\n                    }}\n                    {...(typeof img === 'string' && {\n                      component: 'img',\n                      src: img,\n                    })}\n                  >\n                    {isValidElement(img) && img}\n                  </Box>\n                )}\n                {(label || headline || description || buttons) && (\n                  <Stack direction=\"column\" spacing={1} padding={2}>\n                    {label && <Label label={label} />}\n                    {headline && <Typography variant=\"h3\">{headline}</Typography>}\n                    {description && <Typography>{description}</Typography>}\n                    {buttons && (\n                      <Stack direction=\"row\" spacing={2} overflow=\"auto\">\n                        {buttons}\n                      </Stack>\n                    )}\n                  </Stack>\n                )}\n                {children}\n              </Card>\n            </Fade>\n          )}\n        </Popper>\n      </Box>\n    </ClickAwayListener>\n  );\n};\n"],"names":["_a","sx","children","top","left","bottom","right","onBackground","center","open","setOpen","fadeProps","popperProps","clickAwayListenerProps","icon","iconProps","insideIcon","insideIconProps","insideIconButtonProps","wrapperProps","cardProps","headline","img","label","description","buttons","restProps","__rest","cardSx","restCard","popperSx","restPopperProps","iconSx","restIconProps","insideIconSx","restInsideIconProps","insideIconButtonSx","restInsideIconButtonProps","FWLTheme","useTheme","isSmallScreen","useMediaQuery","breakpoints","down","btnRef","useRef","popperRef","_open","_setOpen","useState","currentPlacement","setCurrentPlacement","isOpen","handleClick","useCallback","undefined","prev","handleClickAway","_jsx","ClickAwayListener","Object","assign","onClickAway","_jsxs","Box","IconButton","ref","onClick","size","color","position","zIndex","mt","ml","mb","mr","PlusIcon","transform","transition","Popper","anchorEl","current","placement","disablePortal","modifiers","name","enabled","options","fallbackPlacements","boundary","phase","fn","state","xs","md","width","height","minHeight","theme","modal","TransitionProps","Fade","timeout","Card","id","border","boxShadow","flowShadows","xl","overflow","paddingTop","padding","marginTop","startsWith","display","component","src","isValidElement","Stack","direction","spacing","Label","Typography","variant"],"mappings":"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"}

package/cjs/components/icon/FlowIcon.js

@@ -1,2 +1,2 @@
-"use strict";var l=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),e=require("@mui/material");const o=r.forwardRef(((r,o)=>{var c,t,{source:n}=r,a=l.__rest(r,["source"]);return i.jsxs(e.SvgIcon,Object.assign({viewBox:"0 0 80 80",ref:o},a,{children:[(null!==(c=null==n?void 0:n.match(/<path[^>]+>/g))&&void 0!==c?c:[]).map(((l,r)=>{var e,o,c;const t=null===(e=l.match(/d="([^"]+)"/))||void 0===e?void 0:e[1],n=null===(o=l.match(/fill="([^"]+)"/))||void 0===o?void 0:o[1],a=null===(c=l.match(/opacity="([^"]+)"/))||void 0===c?void 0:c[1];return i.jsx("path",Object.assign({fillRule:"evenodd",clipRule:"evenodd",opacity:a},"currentColor"!==n&&{fill:n},{d:t}),r)})),(null!==(t=null==n?void 0:n.match(/<circle[^>]+>/g))&&void 0!==t?t:[]).map(((l,r)=>{var e,o,c,t;const n=null===(e=l.match(/fill="([^"]+)"/))||void 0===e?void 0:e[1],a=null===(o=l.match(/cx="([^"]+)"/))||void 0===o?void 0:o[1],u=null===(c=l.match(/cy="([^"]+)"/))||void 0===c?void 0:c[1],d=null===(t=l.match(/r="([^"]+)"/))||void 0===t?void 0:t[1];return i.jsx("circle",Object.assign({cx:a,cy:u,r:d},"currentColor"!==n&&{fill:n}),r)}))]}))}));exports.FlowIcon=o;
+"use strict";var l=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),e=require("@mui/material");const o=r.forwardRef((r,o)=>{var c,t,{source:n}=r,a=l.__rest(r,["source"]);return i.jsxs(e.SvgIcon,Object.assign({viewBox:"0 0 80 80",ref:o},a,{children:[(null!==(c=null==n?void 0:n.match(/<path[^>]+>/g))&&void 0!==c?c:[]).map((l,r)=>{var e,o,c;const t=null===(e=l.match(/d="([^"]+)"/))||void 0===e?void 0:e[1],n=null===(o=l.match(/fill="([^"]+)"/))||void 0===o?void 0:o[1],a=null===(c=l.match(/opacity="([^"]+)"/))||void 0===c?void 0:c[1];return i.jsx("path",Object.assign({fillRule:"evenodd",clipRule:"evenodd",opacity:a},"currentColor"!==n&&{fill:n},{d:t}),r)}),(null!==(t=null==n?void 0:n.match(/<circle[^>]+>/g))&&void 0!==t?t:[]).map((l,r)=>{var e,o,c,t;const n=null===(e=l.match(/fill="([^"]+)"/))||void 0===e?void 0:e[1],a=null===(o=l.match(/cx="([^"]+)"/))||void 0===o?void 0:o[1],u=null===(c=l.match(/cy="([^"]+)"/))||void 0===c?void 0:c[1],d=null===(t=l.match(/r="([^"]+)"/))||void 0===t?void 0:t[1];return i.jsx("circle",Object.assign({cx:a,cy:u,r:d},"currentColor"!==n&&{fill:n}),r)})]}))});exports.FlowIcon=o;
 //# sourceMappingURL=FlowIcon.js.map

package/cjs/components/icon/FlowIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowIcon.js","sources":["../../../../../src/components/icon/FlowIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\nexport interface FlowIconProps extends SvgIconProps {\n  /**\n   * SVG of Flow icon in string, e.g. ActionsIcons.Heart.stroke\n   */\n  source?: string;\n}\n\n/**\n * Renders Flow svg icon in string as @mui SvgIcon\n */\nexport const FlowIcon: React.FC<FlowIconProps> = forwardRef(({ source, ...rest }, ref) => {\n  return (\n    <SvgIcon viewBox=\"0 0 80 80\" ref={ref} {...rest}>\n      {(source?.match(/<path[^>]+>/g) ?? []).map((tag, i) => {\n        const d = tag.match(/d=\"([^\"]+)\"/)?.[1];\n        const fill = tag.match(/fill=\"([^\"]+)\"/)?.[1];\n        const opacity = tag.match(/opacity=\"([^\"]+)\"/)?.[1];\n\n        return (\n          <path\n            key={i}\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            opacity={opacity}\n            {...(fill !== 'currentColor' && { fill: fill })}\n            d={d}\n          />\n        );\n      })}\n      {(source?.match(/<circle[^>]+>/g) ?? []).map((tag, i) => {\n        const fill = tag.match(/fill=\"([^\"]+)\"/)?.[1];\n        const cx = tag.match(/cx=\"([^\"]+)\"/)?.[1];\n        const cy = tag.match(/cy=\"([^\"]+)\"/)?.[1];\n        const r = tag.match(/r=\"([^\"]+)\"/)?.[1];\n\n        return <circle key={i} cx={cx} cy={cy} r={r} {...(fill !== 'currentColor' && { fill: fill })} />;\n      })}\n    </SvgIcon>\n  );\n});\n"],"names":["FlowIcon","forwardRef","_a","ref","source","rest","__rest","_jsxs","SvgIcon","Object","assign","viewBox","children","match","_b","map","tag","i","d","fill","opacity","_c","_jsx","fillRule","clipRule","cx","cy","r","_d"],"mappings":"iHAaO,MAAMA,EAAoCC,EAAAA,YAAW,CAACC,EAAqBC,cAArBC,OAAEA,GAAMF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAjB,YAC3D,OACEK,EAAAA,KAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYR,IAAKA,GAASE,EAAI,CAAAO,SAAA,EACd,UAA7BR,aAAM,EAANA,EAAQS,MAAM,uBAAe,IAAAC,EAAAA,EAAI,IAAIC,KAAI,CAACC,EAAKC,eAC/C,MAAMC,EAA4B,QAAxBhB,EAAAc,EAAIH,MAAM,sBAAc,IAAAX,OAAA,EAAAA,EAAG,GAC/BiB,EAAkC,QAA3BL,EAAAE,EAAIH,MAAM,yBAAiB,IAAAC,OAAA,EAAAA,EAAG,GACrCM,EAAwC,QAA9BC,EAAAL,EAAIH,MAAM,4BAAoB,IAAAQ,OAAA,EAAAA,EAAG,GAEjD,OACEC,EAAAA,IAAA,OAAAb,OAAAC,OAAA,CAEEa,SAAS,UACTC,SAAS,UACTJ,QAASA,GACK,iBAATD,GAA2B,CAAEA,KAAMA,GAAO,CAC/CD,EAAGA,IALED,EAML,KAG2B,QAA/BI,EAAAjB,aAAM,EAANA,EAAQS,MAAM,yBAAiB,IAAAQ,EAAAA,EAAI,IAAIN,KAAI,CAACC,EAAKC,iBACjD,MAAME,EAAkC,QAA3BjB,EAAAc,EAAIH,MAAM,yBAAiB,IAAAX,OAAA,EAAAA,EAAG,GACrCuB,EAA8B,QAAzBX,EAAAE,EAAIH,MAAM,uBAAe,IAAAC,OAAA,EAAAA,EAAG,GACjCY,EAA8B,QAAzBL,EAAAL,EAAIH,MAAM,uBAAe,IAAAQ,OAAA,EAAAA,EAAG,GACjCM,EAA4B,QAAxBC,EAAAZ,EAAIH,MAAM,sBAAc,IAAAe,OAAA,EAAAA,EAAG,GAErC,OAAON,EAAAA,IAAA,SAAAb,OAAAC,OAAA,CAAgBe,GAAIA,EAAIC,GAAIA,EAAIC,EAAGA,GAAiB,iBAATR,GAA2B,CAAEA,KAAMA,IAAjEF,EAA4E,OAE1F"}
+{"version":3,"file":"FlowIcon.js","sources":["../../../../../src/components/icon/FlowIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\nexport interface FlowIconProps extends SvgIconProps {\n  /**\n   * SVG of Flow icon in string, e.g. ActionsIcons.Heart.stroke\n   */\n  source?: string;\n}\n\n/**\n * Renders Flow svg icon in string as @mui SvgIcon\n */\nexport const FlowIcon: React.FC<FlowIconProps> = forwardRef(({ source, ...rest }, ref) => {\n  return (\n    <SvgIcon viewBox=\"0 0 80 80\" ref={ref} {...rest}>\n      {(source?.match(/<path[^>]+>/g) ?? []).map((tag, i) => {\n        const d = tag.match(/d=\"([^\"]+)\"/)?.[1];\n        const fill = tag.match(/fill=\"([^\"]+)\"/)?.[1];\n        const opacity = tag.match(/opacity=\"([^\"]+)\"/)?.[1];\n\n        return (\n          <path\n            key={i}\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            opacity={opacity}\n            {...(fill !== 'currentColor' && { fill: fill })}\n            d={d}\n          />\n        );\n      })}\n      {(source?.match(/<circle[^>]+>/g) ?? []).map((tag, i) => {\n        const fill = tag.match(/fill=\"([^\"]+)\"/)?.[1];\n        const cx = tag.match(/cx=\"([^\"]+)\"/)?.[1];\n        const cy = tag.match(/cy=\"([^\"]+)\"/)?.[1];\n        const r = tag.match(/r=\"([^\"]+)\"/)?.[1];\n\n        return <circle key={i} cx={cx} cy={cy} r={r} {...(fill !== 'currentColor' && { fill: fill })} />;\n      })}\n    </SvgIcon>\n  );\n});\n"],"names":["FlowIcon","forwardRef","_a","ref","source","rest","__rest","_jsxs","SvgIcon","Object","assign","viewBox","children","match","_b","map","tag","i","d","fill","opacity","_c","_jsx","fillRule","clipRule","cx","cy","r","_d"],"mappings":"iHAaO,MAAMA,EAAoCC,EAAAA,WAAW,CAACC,EAAqBC,cAArBC,OAAEA,GAAMF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAjB,YAC3D,OACEK,EAAAA,KAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYR,IAAKA,GAASE,EAAI,CAAAO,SAAA,EACd,UAA7BR,aAAM,EAANA,EAAQS,MAAM,uBAAe,IAAAC,EAAAA,EAAI,IAAIC,IAAI,CAACC,EAAKC,eAC/C,MAAMC,EAA4B,QAAxBhB,EAAAc,EAAIH,MAAM,sBAAc,IAAAX,OAAA,EAAAA,EAAG,GAC/BiB,EAAkC,QAA3BL,EAAAE,EAAIH,MAAM,yBAAiB,IAAAC,OAAA,EAAAA,EAAG,GACrCM,EAAwC,QAA9BC,EAAAL,EAAIH,MAAM,4BAAoB,IAAAQ,OAAA,EAAAA,EAAG,GAEjD,OACEC,EAAAA,IAAA,OAAAb,OAAAC,OAAA,CAEEa,SAAS,UACTC,SAAS,UACTJ,QAASA,GACK,iBAATD,GAA2B,CAAEA,KAAMA,GAAO,CAC/CD,EAAGA,IALED,MASsB,QAA/BI,EAAAjB,aAAM,EAANA,EAAQS,MAAM,yBAAiB,IAAAQ,EAAAA,EAAI,IAAIN,IAAI,CAACC,EAAKC,iBACjD,MAAME,EAAkC,QAA3BjB,EAAAc,EAAIH,MAAM,yBAAiB,IAAAX,OAAA,EAAAA,EAAG,GACrCuB,EAA8B,QAAzBX,EAAAE,EAAIH,MAAM,uBAAe,IAAAC,OAAA,EAAAA,EAAG,GACjCY,EAA8B,QAAzBL,EAAAL,EAAIH,MAAM,uBAAe,IAAAQ,OAAA,EAAAA,EAAG,GACjCM,EAA4B,QAAxBC,EAAAZ,EAAIH,MAAM,sBAAc,IAAAe,OAAA,EAAAA,EAAG,GAErC,OAAON,EAAAA,IAAA,SAAAb,OAAAC,OAAA,CAAgBe,GAAIA,EAAIC,GAAIA,EAAIC,EAAGA,GAAiB,iBAATR,GAA2B,CAAEA,KAAMA,IAAjEF"}

package/cjs/components/icon/Icon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),s=require("./icon.definitions.js");const t=n.forwardRef(((t,o)=>{var{name:a,className:r,iconStyle:c}=t,l=e.__rest(t,["name","className","iconStyle"]);const m=n.useMemo((()=>{const e=a&&s.iconDefinitions.find((e=>[e.name,...e.altNames].includes(a)))||r&&s.iconDefinitions.find((e=>r.split(" ").some((i=>[e.name,...e.altNames].includes(i)))))||s.iconDefinitions.find((e=>"circle-question"===e.name));return"filled"===c?e.componentFilled:e.component}),[a,r,c]);return i.jsx(m,Object.assign({ref:o,"data-testid":"Icon",className:["sa-i",r,a].filter(Boolean).join(" ")},l))}));exports.Icon=t;
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),s=require("./icon.definitions.js");const t=n.forwardRef((t,o)=>{var{name:a,className:r,iconStyle:c}=t,l=e.__rest(t,["name","className","iconStyle"]);const m=n.useMemo(()=>{const e=a&&s.iconDefinitions.find(e=>[e.name,...e.altNames].includes(a))||r&&s.iconDefinitions.find(e=>r.split(" ").some(i=>[e.name,...e.altNames].includes(i)))||s.iconDefinitions.find(e=>"circle-question"===e.name);return"filled"===c?e.componentFilled:e.component},[a,r,c]);return i.jsx(m,Object.assign({ref:o,"data-testid":"Icon",className:["sa-i",r,a].filter(Boolean).join(" ")},l))});exports.Icon=t;
 //# sourceMappingURL=Icon.js.map

package/cjs/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { SvgIconProps } from '@mui/material';\nimport { IconNameProp, iconDefinitions } from './icon.definitions';\n\n/**\n * @interface IconProps\n * @description Base definition of SkodaFlow Icon\n */\nexport interface IconProps extends SvgIconProps {\n  /**\n   * Name of the icon that should be used. Alternatively, provide name in the className property\n   */\n  name?: IconNameProp;\n  /**\n   * Style of vectors, regular (stroke) or filled format\n   * @default 'regular'\n   */\n  iconStyle?: 'regular' | 'filled';\n}\n\n/**\n * SkodaFlow Icon component\n * ! Usage of component is not recommended as it increases bundle size\n */\nexport const Icon: React.FC<IconProps> = forwardRef(({ name, className, iconStyle, ...rest }, ref) => {\n  // obtain SvgIcon component to be rendered\n  const IconComponent = useMemo(() => {\n    const definition =\n      // try to find by name\n      (name && iconDefinitions.find((def) => [def.name, ...def.altNames].includes(name))) ||\n      // try to find by className\n      (className &&\n        iconDefinitions.find((def) => className.split(' ').some((cls) => [def.name, ...def.altNames].includes(cls)))) ||\n      // fallback\n      iconDefinitions.find((item) => item.name === 'circle-question');\n    return iconStyle === 'filled' ? definition.componentFilled : definition.component;\n  }, [name, className, iconStyle]);\n\n  return (\n    <IconComponent\n      ref={ref}\n      data-testid=\"Icon\"\n      className={['sa-i', className, name].filter(Boolean).join(' ')}\n      {...rest}\n    />\n  );\n});\n"],"names":["Icon","forwardRef","_a","ref","name","className","iconStyle","rest","__rest","IconComponent","useMemo","definition","iconDefinitions","find","def","altNames","includes","split","some","cls","item","componentFilled","component","_jsx","Object","assign","filter","Boolean","join"],"mappings":"yHAwBO,MAAMA,EAA4BC,EAAAA,YAAW,CAACC,EAAyCC,SAAzCC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,KAAcC,EAAIC,EAAAA,OAAAN,EAArC,CAAA,OAAA,YAAA,cAEnD,MAAMO,EAAgBC,EAAAA,SAAQ,KAC5B,MAAMC,EAEHP,GAAQQ,EAAAA,gBAAgBC,MAAMC,GAAQ,CAACA,EAAIV,QAASU,EAAIC,UAAUC,SAASZ,MAE3EC,GACCO,kBAAgBC,MAAMC,GAAQT,EAAUY,MAAM,KAAKC,MAAMC,GAAQ,CAACL,EAAIV,QAASU,EAAIC,UAAUC,SAASG,QAExGP,EAAAA,gBAAgBC,MAAMO,GAAuB,oBAAdA,EAAKhB,OACtC,MAAqB,WAAdE,EAAyBK,EAAWU,gBAAkBV,EAAWW,SAAS,GAChF,CAAClB,EAAMC,EAAWC,IAErB,OACEiB,EAAAA,IAACd,EAAae,OAAAC,OAAA,CACZtB,IAAKA,EAAG,cACI,OACZE,UAAW,CAAC,OAAQA,EAAWD,GAAMsB,OAAOC,SAASC,KAAK,MACtDrB,GACJ"}
+{"version":3,"file":"Icon.js","sources":["../../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { SvgIconProps } from '@mui/material';\nimport { IconNameProp, iconDefinitions } from './icon.definitions';\n\n/**\n * @interface IconProps\n * @description Base definition of SkodaFlow Icon\n */\nexport interface IconProps extends SvgIconProps {\n  /**\n   * Name of the icon that should be used. Alternatively, provide name in the className property\n   */\n  name?: IconNameProp;\n  /**\n   * Style of vectors, regular (stroke) or filled format\n   * @default 'regular'\n   */\n  iconStyle?: 'regular' | 'filled';\n}\n\n/**\n * SkodaFlow Icon component\n * ! Usage of component is not recommended as it increases bundle size\n */\nexport const Icon: React.FC<IconProps> = forwardRef(({ name, className, iconStyle, ...rest }, ref) => {\n  // obtain SvgIcon component to be rendered\n  const IconComponent = useMemo(() => {\n    const definition =\n      // try to find by name\n      (name && iconDefinitions.find((def) => [def.name, ...def.altNames].includes(name))) ||\n      // try to find by className\n      (className &&\n        iconDefinitions.find((def) => className.split(' ').some((cls) => [def.name, ...def.altNames].includes(cls)))) ||\n      // fallback\n      iconDefinitions.find((item) => item.name === 'circle-question');\n    return iconStyle === 'filled' ? definition.componentFilled : definition.component;\n  }, [name, className, iconStyle]);\n\n  return (\n    <IconComponent\n      ref={ref}\n      data-testid=\"Icon\"\n      className={['sa-i', className, name].filter(Boolean).join(' ')}\n      {...rest}\n    />\n  );\n});\n"],"names":["Icon","forwardRef","_a","ref","name","className","iconStyle","rest","__rest","IconComponent","useMemo","definition","iconDefinitions","find","def","altNames","includes","split","some","cls","item","componentFilled","component","_jsx","Object","assign","filter","Boolean","join"],"mappings":"yHAwBO,MAAMA,EAA4BC,EAAAA,WAAW,CAACC,EAAyCC,SAAzCC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,KAAcC,EAAIC,EAAAA,OAAAN,EAArC,CAAA,OAAA,YAAA,cAEnD,MAAMO,EAAgBC,EAAAA,QAAQ,KAC5B,MAAMC,EAEHP,GAAQQ,EAAAA,gBAAgBC,KAAMC,GAAQ,CAACA,EAAIV,QAASU,EAAIC,UAAUC,SAASZ,KAE3EC,GACCO,kBAAgBC,KAAMC,GAAQT,EAAUY,MAAM,KAAKC,KAAMC,GAAQ,CAACL,EAAIV,QAASU,EAAIC,UAAUC,SAASG,MAExGP,EAAAA,gBAAgBC,KAAMO,GAAuB,oBAAdA,EAAKhB,MACtC,MAAqB,WAAdE,EAAyBK,EAAWU,gBAAkBV,EAAWW,WACvE,CAAClB,EAAMC,EAAWC,IAErB,OACEiB,EAAAA,IAACd,EAAae,OAAAC,OAAA,CACZtB,IAAKA,EAAG,cACI,OACZE,UAAW,CAAC,OAAQA,EAAWD,GAAMsB,OAAOC,SAASC,KAAK,MACtDrB"}

package/cjs/components/icon/filled/AISuggestionFilledIcon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),L=require("@mui/material");const i=r.forwardRef(((r,i)=>e.jsx(L.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:i},r,{children:e.jsx("path",{fillRule:"evenodd",d:"M10.7658 3.68269C10.6757 3.4391 10.3313 3.4391 10.2412 3.68269L8.47171 8.46718L3.68016 10.2411C3.43995 10.33 3.43995 10.67 3.68016 10.7589L8.47171 12.5328L10.2412 17.3173C10.3313 17.5609 10.6757 17.5609 10.7658 17.3173L12.5353 12.5328L17.3174 10.7624C17.5609 10.6723 17.5609 10.3277 17.3174 10.2376L12.5353 8.46718L10.7658 3.68269ZM17.1329 13.5913C17.0878 13.4696 16.9157 13.4696 16.8706 13.5913L15.9859 15.9836L13.5901 16.8706C13.47 16.915 13.47 17.085 13.5901 17.1294L15.9859 18.0164L16.8706 20.4087C16.9157 20.5304 17.0878 20.5304 17.1329 20.4087L18.0177 18.0164L20.4087 17.1312C20.5304 17.0861 20.5304 16.9139 20.4087 16.8688L18.0177 15.9836L17.1329 13.5913Z"})}))));exports.AISuggestionFilledIcon=i;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),L=require("@mui/material");const i=r.forwardRef((r,i)=>e.jsx(L.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:i},r,{children:e.jsx("path",{fillRule:"evenodd",d:"M10.7658 3.68269C10.6757 3.4391 10.3313 3.4391 10.2412 3.68269L8.47171 8.46718L3.68016 10.2411C3.43995 10.33 3.43995 10.67 3.68016 10.7589L8.47171 12.5328L10.2412 17.3173C10.3313 17.5609 10.6757 17.5609 10.7658 17.3173L12.5353 12.5328L17.3174 10.7624C17.5609 10.6723 17.5609 10.3277 17.3174 10.2376L12.5353 8.46718L10.7658 3.68269ZM17.1329 13.5913C17.0878 13.4696 16.9157 13.4696 16.8706 13.5913L15.9859 15.9836L13.5901 16.8706C13.47 16.915 13.47 17.085 13.5901 17.1294L15.9859 18.0164L16.8706 20.4087C16.9157 20.5304 17.0878 20.5304 17.1329 20.4087L18.0177 18.0164L20.4087 17.1312C20.5304 17.0861 20.5304 16.9139 20.4087 16.8688L18.0177 15.9836L17.1329 13.5913Z"})})));exports.AISuggestionFilledIcon=i;
 //# sourceMappingURL=AISuggestionFilledIcon.js.map

package/cjs/components/icon/filled/AISuggestionFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AISuggestionFilledIcon.js","sources":["../../../../../../src/components/icon/filled/AISuggestionFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AISuggestionFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10.7658 3.68269C10.6757 3.4391 10.3313 3.4391 10.2412 3.68269L8.47171 8.46718L3.68016 10.2411C3.43995 10.33 3.43995 10.67 3.68016 10.7589L8.47171 12.5328L10.2412 17.3173C10.3313 17.5609 10.6757 17.5609 10.7658 17.3173L12.5353 12.5328L17.3174 10.7624C17.5609 10.6723 17.5609 10.3277 17.3174 10.2376L12.5353 8.46718L10.7658 3.68269ZM17.1329 13.5913C17.0878 13.4696 16.9157 13.4696 16.8706 13.5913L15.9859 15.9836L13.5901 16.8706C13.47 16.915 13.47 17.085 13.5901 17.1294L15.9859 18.0164L16.8706 20.4087C16.9157 20.5304 17.0878 20.5304 17.1329 20.4087L18.0177 18.0164L20.4087 17.1312C20.5304 17.0861 20.5304 16.9139 20.4087 16.8688L18.0177 15.9836L17.1329 13.5913Z\"\n      />\n    </SvgIcon>\n  );\n});\n"],"names":["AISuggestionFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMO,MAAMA,EAAiDC,EAAAA,YAAW,CAACC,EAAOC,IAE7EC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,EAAK,CAAAO,SAC9CL,EAAAA,IAAA,OAAA,CACEM,SAAS,UACTC,EAAE"}
+{"version":3,"file":"AISuggestionFilledIcon.js","sources":["../../../../../../src/components/icon/filled/AISuggestionFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AISuggestionFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10.7658 3.68269C10.6757 3.4391 10.3313 3.4391 10.2412 3.68269L8.47171 8.46718L3.68016 10.2411C3.43995 10.33 3.43995 10.67 3.68016 10.7589L8.47171 12.5328L10.2412 17.3173C10.3313 17.5609 10.6757 17.5609 10.7658 17.3173L12.5353 12.5328L17.3174 10.7624C17.5609 10.6723 17.5609 10.3277 17.3174 10.2376L12.5353 8.46718L10.7658 3.68269ZM17.1329 13.5913C17.0878 13.4696 16.9157 13.4696 16.8706 13.5913L15.9859 15.9836L13.5901 16.8706C13.47 16.915 13.47 17.085 13.5901 17.1294L15.9859 18.0164L16.8706 20.4087C16.9157 20.5304 17.0878 20.5304 17.1329 20.4087L18.0177 18.0164L20.4087 17.1312C20.5304 17.0861 20.5304 16.9139 20.4087 16.8688L18.0177 15.9836L17.1329 13.5913Z\"\n      />\n    </SvgIcon>\n  );\n});\n"],"names":["AISuggestionFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMO,MAAMA,EAAiDC,EAAAA,WAAW,CAACC,EAAOC,IAE7EC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,EAAK,CAAAO,SAC9CL,EAAAA,IAAA,OAAA,CACEM,SAAS,UACTC,EAAE"}

package/cjs/components/icon/filled/ATMFilledIcon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material");const t=r.forwardRef(((r,t)=>e.jsx(i.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:t},r,{children:e.jsx("path",{fillRule:"evenodd",d:"M4 4H20V10H18V18C18 19.1046 17.1046 20 16 20H8C6.89543 20 6 19.1046 6 18V10H4V4ZM11.7 7.7998H9.19995V18.1998H11.7V7.7998Z"})}))));exports.ATMFilledIcon=t;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material");const t=r.forwardRef((r,t)=>e.jsx(i.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:t},r,{children:e.jsx("path",{fillRule:"evenodd",d:"M4 4H20V10H18V18C18 19.1046 17.1046 20 16 20H8C6.89543 20 6 19.1046 6 18V10H4V4ZM11.7 7.7998H9.19995V18.1998H11.7V7.7998Z"})})));exports.ATMFilledIcon=t;
 //# sourceMappingURL=ATMFilledIcon.js.map

package/cjs/components/icon/filled/ATMFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ATMFilledIcon.js","sources":["../../../../../../src/components/icon/filled/ATMFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const ATMFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M4 4H20V10H18V18C18 19.1046 17.1046 20 16 20H8C6.89543 20 6 19.1046 6 18V10H4V4ZM11.7 7.7998H9.19995V18.1998H11.7V7.7998Z\"\n      />\n    </SvgIcon>\n  );\n});\n"],"names":["ATMFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMO,MAAMA,EAAwCC,EAAAA,YAAW,CAACC,EAAOC,IAEpEC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,EAAK,CAAAO,SAC9CL,EAAAA,IAAA,OAAA,CACEM,SAAS,UACTC,EAAE"}
+{"version":3,"file":"ATMFilledIcon.js","sources":["../../../../../../src/components/icon/filled/ATMFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const ATMFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M4 4H20V10H18V18C18 19.1046 17.1046 20 16 20H8C6.89543 20 6 19.1046 6 18V10H4V4ZM11.7 7.7998H9.19995V18.1998H11.7V7.7998Z\"\n      />\n    </SvgIcon>\n  );\n});\n"],"names":["ATMFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMO,MAAMA,EAAwCC,EAAAA,WAAW,CAACC,EAAOC,IAEpEC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,EAAK,CAAAO,SAC9CL,EAAAA,IAAA,OAAA,CACEM,SAAS,UACTC,EAAE"}

package/cjs/components/icon/filled/AddFilledIcon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material");const t=r.forwardRef(((r,t)=>e.jsx(i.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:t},r,{children:e.jsx("path",{d:"M17.38 20.1H6.62C4.86 20.1 3.86 19.1 3.86 17.34V6.58C3.86 4.82 4.86 3.82 6.62 3.82H17.38C19.14 3.82 20.14 4.82 20.14 6.58V17.34C20.14 19.1 19.14 20.1 17.38 20.1ZM15.74 12.78V11.12H12.82V8.22H11.18V11.12H8.26V12.78H11.18V15.7H12.82V12.78H15.74Z"})}))));exports.AddFilledIcon=t;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material");const t=r.forwardRef((r,t)=>e.jsx(i.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:t},r,{children:e.jsx("path",{d:"M17.38 20.1H6.62C4.86 20.1 3.86 19.1 3.86 17.34V6.58C3.86 4.82 4.86 3.82 6.62 3.82H17.38C19.14 3.82 20.14 4.82 20.14 6.58V17.34C20.14 19.1 19.14 20.1 17.38 20.1ZM15.74 12.78V11.12H12.82V8.22H11.18V11.12H8.26V12.78H11.18V15.7H12.82V12.78H15.74Z"})})));exports.AddFilledIcon=t;
 //# sourceMappingURL=AddFilledIcon.js.map

package/cjs/components/icon/filled/AddFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddFilledIcon.js","sources":["../../../../../../src/components/icon/filled/AddFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AddFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M17.38 20.1H6.62C4.86 20.1 3.86 19.1 3.86 17.34V6.58C3.86 4.82 4.86 3.82 6.62 3.82H17.38C19.14 3.82 20.14 4.82 20.14 6.58V17.34C20.14 19.1 19.14 20.1 17.38 20.1ZM15.74 12.78V11.12H12.82V8.22H11.18V11.12H8.26V12.78H11.18V15.7H12.82V12.78H15.74Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["AddFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAAwCC,EAAAA,YAAW,CAACC,EAAOC,IAEpEC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}
+{"version":3,"file":"AddFilledIcon.js","sources":["../../../../../../src/components/icon/filled/AddFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AddFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M17.38 20.1H6.62C4.86 20.1 3.86 19.1 3.86 17.34V6.58C3.86 4.82 4.86 3.82 6.62 3.82H17.38C19.14 3.82 20.14 4.82 20.14 6.58V17.34C20.14 19.1 19.14 20.1 17.38 20.1ZM15.74 12.78V11.12H12.82V8.22H11.18V11.12H8.26V12.78H11.18V15.7H12.82V12.78H15.74Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["AddFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAAwCC,EAAAA,WAAW,CAACC,EAAOC,IAEpEC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}

package/cjs/components/icon/filled/AirFilterFilledIcon.js

@@ -1,2 +1,2 @@
-"use strict";var C=require("react/jsx-runtime"),e=require("react"),r=require("@mui/material");const H=e.forwardRef(((e,H)=>C.jsx(r.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:H},e,{children:C.jsx("path",{d:"M4.31115 16.2847C3.85796 16.2847 3.49114 16.6515 3.49114 17.1047C3.49114 17.5573 3.85796 17.9247 4.31115 17.9247C4.76434 17.9247 5.13116 17.5573 5.13116 17.1047C5.13116 16.6515 4.76434 16.2847 4.31115 16.2847ZM3.79809 14.206C3.79809 13.8189 3.48449 13.506 3.09808 13.506C2.71167 13.506 2.39807 13.8189 2.39807 14.206C2.39807 14.5924 2.71167 14.906 3.09808 14.906C3.48449 14.906 3.79809 14.5924 3.79809 14.206ZM4.05462 10.258C4.44146 10.258 4.75463 9.94436 4.75463 9.55801C4.75463 9.17111 4.44146 8.858 4.05462 8.858C3.66772 8.858 3.35461 9.17111 3.35461 9.55801C3.35461 9.94436 3.66772 10.258 4.05462 10.258ZM4.31115 6.52998C4.76379 6.52998 5.13116 6.16261 5.13116 5.70997C5.13116 5.25654 4.76379 4.88997 4.31115 4.88997C3.85851 4.88997 3.49114 5.25654 3.49114 5.70997C3.49114 6.16261 3.85851 6.52998 4.31115 6.52998ZM5.85033 11.0468C5.39769 11.0468 5.03032 11.4133 5.03032 11.8668C5.03032 12.3194 5.39769 12.6868 5.85033 12.6868C6.30297 12.6868 6.67034 12.3194 6.67034 11.8668C6.67034 11.4133 6.30297 11.0468 5.85033 11.0468ZM9.39257 17.8308C9.39257 17.4529 9.69921 17.1463 10.0771 17.1463H13.9287C15.2109 17.1463 16.2539 16.1033 16.2539 14.8211C16.2539 13.5398 15.2109 12.4968 13.9287 12.4968H10.0771C9.69921 12.4968 9.39257 12.1902 9.39257 11.8123C9.39257 11.4343 9.69921 11.1277 10.0771 11.1277H13.9287C15.2109 11.1277 16.2539 10.0847 16.2539 8.8025C16.2539 7.52027 15.2109 6.47729 13.9287 6.47729H10.0771C9.69921 6.47729 9.39257 6.17066 9.39257 5.79273V5.09771H17.1378V3.65771H6.87645V5.09771H7.75194V5.79273C7.75194 7.07495 8.79491 8.11792 10.0771 8.11792H13.9287C14.3066 8.11792 14.6133 8.42456 14.6133 8.8025C14.6133 9.18043 14.3066 9.48707 13.9287 9.48707H10.0771C8.79491 9.48707 7.75194 10.53 7.75194 11.8123C7.75194 13.0945 8.79491 14.1375 10.0771 14.1375H13.9287C14.3066 14.1375 14.6133 14.4441 14.6133 14.8211C14.6133 15.199 14.3066 15.5056 13.9287 15.5056H10.0771C8.79491 15.5056 7.75194 16.5486 7.75194 17.8308V18.6358H6.87645V20.0758H17.1378V18.6358H9.39256V17.8308H9.39257ZM19.1924 8.80935L17.8701 9.78004L18.797 11.0437H16.3064V12.6843H18.7563L17.8545 13.9587L19.1924 14.906L21.3887 11.8035L19.1924 8.80933V8.80935Z"})}))));exports.AirFilterFilledIcon=H;
+"use strict";var C=require("react/jsx-runtime"),e=require("react"),r=require("@mui/material");const H=e.forwardRef((e,H)=>C.jsx(r.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:H},e,{children:C.jsx("path",{d:"M4.31115 16.2847C3.85796 16.2847 3.49114 16.6515 3.49114 17.1047C3.49114 17.5573 3.85796 17.9247 4.31115 17.9247C4.76434 17.9247 5.13116 17.5573 5.13116 17.1047C5.13116 16.6515 4.76434 16.2847 4.31115 16.2847ZM3.79809 14.206C3.79809 13.8189 3.48449 13.506 3.09808 13.506C2.71167 13.506 2.39807 13.8189 2.39807 14.206C2.39807 14.5924 2.71167 14.906 3.09808 14.906C3.48449 14.906 3.79809 14.5924 3.79809 14.206ZM4.05462 10.258C4.44146 10.258 4.75463 9.94436 4.75463 9.55801C4.75463 9.17111 4.44146 8.858 4.05462 8.858C3.66772 8.858 3.35461 9.17111 3.35461 9.55801C3.35461 9.94436 3.66772 10.258 4.05462 10.258ZM4.31115 6.52998C4.76379 6.52998 5.13116 6.16261 5.13116 5.70997C5.13116 5.25654 4.76379 4.88997 4.31115 4.88997C3.85851 4.88997 3.49114 5.25654 3.49114 5.70997C3.49114 6.16261 3.85851 6.52998 4.31115 6.52998ZM5.85033 11.0468C5.39769 11.0468 5.03032 11.4133 5.03032 11.8668C5.03032 12.3194 5.39769 12.6868 5.85033 12.6868C6.30297 12.6868 6.67034 12.3194 6.67034 11.8668C6.67034 11.4133 6.30297 11.0468 5.85033 11.0468ZM9.39257 17.8308C9.39257 17.4529 9.69921 17.1463 10.0771 17.1463H13.9287C15.2109 17.1463 16.2539 16.1033 16.2539 14.8211C16.2539 13.5398 15.2109 12.4968 13.9287 12.4968H10.0771C9.69921 12.4968 9.39257 12.1902 9.39257 11.8123C9.39257 11.4343 9.69921 11.1277 10.0771 11.1277H13.9287C15.2109 11.1277 16.2539 10.0847 16.2539 8.8025C16.2539 7.52027 15.2109 6.47729 13.9287 6.47729H10.0771C9.69921 6.47729 9.39257 6.17066 9.39257 5.79273V5.09771H17.1378V3.65771H6.87645V5.09771H7.75194V5.79273C7.75194 7.07495 8.79491 8.11792 10.0771 8.11792H13.9287C14.3066 8.11792 14.6133 8.42456 14.6133 8.8025C14.6133 9.18043 14.3066 9.48707 13.9287 9.48707H10.0771C8.79491 9.48707 7.75194 10.53 7.75194 11.8123C7.75194 13.0945 8.79491 14.1375 10.0771 14.1375H13.9287C14.3066 14.1375 14.6133 14.4441 14.6133 14.8211C14.6133 15.199 14.3066 15.5056 13.9287 15.5056H10.0771C8.79491 15.5056 7.75194 16.5486 7.75194 17.8308V18.6358H6.87645V20.0758H17.1378V18.6358H9.39256V17.8308H9.39257ZM19.1924 8.80935L17.8701 9.78004L18.797 11.0437H16.3064V12.6843H18.7563L17.8545 13.9587L19.1924 14.906L21.3887 11.8035L19.1924 8.80933V8.80935Z"})})));exports.AirFilterFilledIcon=H;
 //# sourceMappingURL=AirFilterFilledIcon.js.map

package/cjs/components/icon/filled/AirFilterFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AirFilterFilledIcon.js","sources":["../../../../../../src/components/icon/filled/AirFilterFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AirFilterFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M4.31115 16.2847C3.85796 16.2847 3.49114 16.6515 3.49114 17.1047C3.49114 17.5573 3.85796 17.9247 4.31115 17.9247C4.76434 17.9247 5.13116 17.5573 5.13116 17.1047C5.13116 16.6515 4.76434 16.2847 4.31115 16.2847ZM3.79809 14.206C3.79809 13.8189 3.48449 13.506 3.09808 13.506C2.71167 13.506 2.39807 13.8189 2.39807 14.206C2.39807 14.5924 2.71167 14.906 3.09808 14.906C3.48449 14.906 3.79809 14.5924 3.79809 14.206ZM4.05462 10.258C4.44146 10.258 4.75463 9.94436 4.75463 9.55801C4.75463 9.17111 4.44146 8.858 4.05462 8.858C3.66772 8.858 3.35461 9.17111 3.35461 9.55801C3.35461 9.94436 3.66772 10.258 4.05462 10.258ZM4.31115 6.52998C4.76379 6.52998 5.13116 6.16261 5.13116 5.70997C5.13116 5.25654 4.76379 4.88997 4.31115 4.88997C3.85851 4.88997 3.49114 5.25654 3.49114 5.70997C3.49114 6.16261 3.85851 6.52998 4.31115 6.52998ZM5.85033 11.0468C5.39769 11.0468 5.03032 11.4133 5.03032 11.8668C5.03032 12.3194 5.39769 12.6868 5.85033 12.6868C6.30297 12.6868 6.67034 12.3194 6.67034 11.8668C6.67034 11.4133 6.30297 11.0468 5.85033 11.0468ZM9.39257 17.8308C9.39257 17.4529 9.69921 17.1463 10.0771 17.1463H13.9287C15.2109 17.1463 16.2539 16.1033 16.2539 14.8211C16.2539 13.5398 15.2109 12.4968 13.9287 12.4968H10.0771C9.69921 12.4968 9.39257 12.1902 9.39257 11.8123C9.39257 11.4343 9.69921 11.1277 10.0771 11.1277H13.9287C15.2109 11.1277 16.2539 10.0847 16.2539 8.8025C16.2539 7.52027 15.2109 6.47729 13.9287 6.47729H10.0771C9.69921 6.47729 9.39257 6.17066 9.39257 5.79273V5.09771H17.1378V3.65771H6.87645V5.09771H7.75194V5.79273C7.75194 7.07495 8.79491 8.11792 10.0771 8.11792H13.9287C14.3066 8.11792 14.6133 8.42456 14.6133 8.8025C14.6133 9.18043 14.3066 9.48707 13.9287 9.48707H10.0771C8.79491 9.48707 7.75194 10.53 7.75194 11.8123C7.75194 13.0945 8.79491 14.1375 10.0771 14.1375H13.9287C14.3066 14.1375 14.6133 14.4441 14.6133 14.8211C14.6133 15.199 14.3066 15.5056 13.9287 15.5056H10.0771C8.79491 15.5056 7.75194 16.5486 7.75194 17.8308V18.6358H6.87645V20.0758H17.1378V18.6358H9.39256V17.8308H9.39257ZM19.1924 8.80935L17.8701 9.78004L18.797 11.0437H16.3064V12.6843H18.7563L17.8545 13.9587L19.1924 14.906L21.3887 11.8035L19.1924 8.80933V8.80935Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["AirFilterFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAA8CC,EAAAA,YAAW,CAACC,EAAOC,IAE1EC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}
+{"version":3,"file":"AirFilterFilledIcon.js","sources":["../../../../../../src/components/icon/filled/AirFilterFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AirFilterFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M4.31115 16.2847C3.85796 16.2847 3.49114 16.6515 3.49114 17.1047C3.49114 17.5573 3.85796 17.9247 4.31115 17.9247C4.76434 17.9247 5.13116 17.5573 5.13116 17.1047C5.13116 16.6515 4.76434 16.2847 4.31115 16.2847ZM3.79809 14.206C3.79809 13.8189 3.48449 13.506 3.09808 13.506C2.71167 13.506 2.39807 13.8189 2.39807 14.206C2.39807 14.5924 2.71167 14.906 3.09808 14.906C3.48449 14.906 3.79809 14.5924 3.79809 14.206ZM4.05462 10.258C4.44146 10.258 4.75463 9.94436 4.75463 9.55801C4.75463 9.17111 4.44146 8.858 4.05462 8.858C3.66772 8.858 3.35461 9.17111 3.35461 9.55801C3.35461 9.94436 3.66772 10.258 4.05462 10.258ZM4.31115 6.52998C4.76379 6.52998 5.13116 6.16261 5.13116 5.70997C5.13116 5.25654 4.76379 4.88997 4.31115 4.88997C3.85851 4.88997 3.49114 5.25654 3.49114 5.70997C3.49114 6.16261 3.85851 6.52998 4.31115 6.52998ZM5.85033 11.0468C5.39769 11.0468 5.03032 11.4133 5.03032 11.8668C5.03032 12.3194 5.39769 12.6868 5.85033 12.6868C6.30297 12.6868 6.67034 12.3194 6.67034 11.8668C6.67034 11.4133 6.30297 11.0468 5.85033 11.0468ZM9.39257 17.8308C9.39257 17.4529 9.69921 17.1463 10.0771 17.1463H13.9287C15.2109 17.1463 16.2539 16.1033 16.2539 14.8211C16.2539 13.5398 15.2109 12.4968 13.9287 12.4968H10.0771C9.69921 12.4968 9.39257 12.1902 9.39257 11.8123C9.39257 11.4343 9.69921 11.1277 10.0771 11.1277H13.9287C15.2109 11.1277 16.2539 10.0847 16.2539 8.8025C16.2539 7.52027 15.2109 6.47729 13.9287 6.47729H10.0771C9.69921 6.47729 9.39257 6.17066 9.39257 5.79273V5.09771H17.1378V3.65771H6.87645V5.09771H7.75194V5.79273C7.75194 7.07495 8.79491 8.11792 10.0771 8.11792H13.9287C14.3066 8.11792 14.6133 8.42456 14.6133 8.8025C14.6133 9.18043 14.3066 9.48707 13.9287 9.48707H10.0771C8.79491 9.48707 7.75194 10.53 7.75194 11.8123C7.75194 13.0945 8.79491 14.1375 10.0771 14.1375H13.9287C14.3066 14.1375 14.6133 14.4441 14.6133 14.8211C14.6133 15.199 14.3066 15.5056 13.9287 15.5056H10.0771C8.79491 15.5056 7.75194 16.5486 7.75194 17.8308V18.6358H6.87645V20.0758H17.1378V18.6358H9.39256V17.8308H9.39257ZM19.1924 8.80935L17.8701 9.78004L18.797 11.0437H16.3064V12.6843H18.7563L17.8545 13.9587L19.1924 14.906L21.3887 11.8035L19.1924 8.80933V8.80935Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["AirFilterFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAA8CC,EAAAA,WAAW,CAACC,EAAOC,IAE1EC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}

package/cjs/components/icon/filled/ArchiveFilledIcon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material");const t=r.forwardRef(((r,t)=>e.jsx(i.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:t},r,{children:e.jsx("path",{d:"M4.12 19.84V4.08H19.88V19.84H4.12ZM18.04 18V13.94H14.04C14.04 15.06 13.12 15.98 12 15.98C10.88 15.98 9.96 15.06 9.96 13.94H5.96V18H18.04Z"})}))));exports.ArchiveFilledIcon=t;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material");const t=r.forwardRef((r,t)=>e.jsx(i.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:t},r,{children:e.jsx("path",{d:"M4.12 19.84V4.08H19.88V19.84H4.12ZM18.04 18V13.94H14.04C14.04 15.06 13.12 15.98 12 15.98C10.88 15.98 9.96 15.06 9.96 13.94H5.96V18H18.04Z"})})));exports.ArchiveFilledIcon=t;
 //# sourceMappingURL=ArchiveFilledIcon.js.map

package/cjs/components/icon/filled/ArchiveFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchiveFilledIcon.js","sources":["../../../../../../src/components/icon/filled/ArchiveFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const ArchiveFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M4.12 19.84V4.08H19.88V19.84H4.12ZM18.04 18V13.94H14.04C14.04 15.06 13.12 15.98 12 15.98C10.88 15.98 9.96 15.06 9.96 13.94H5.96V18H18.04Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["ArchiveFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAA4CC,EAAAA,YAAW,CAACC,EAAOC,IAExEC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}
+{"version":3,"file":"ArchiveFilledIcon.js","sources":["../../../../../../src/components/icon/filled/ArchiveFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const ArchiveFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M4.12 19.84V4.08H19.88V19.84H4.12ZM18.04 18V13.94H14.04C14.04 15.06 13.12 15.98 12 15.98C10.88 15.98 9.96 15.06 9.96 13.94H5.96V18H18.04Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["ArchiveFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAA4CC,EAAAA,WAAW,CAACC,EAAOC,IAExEC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}

package/cjs/components/icon/filled/ArrowBottomLeftFilledIcon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const i=r.forwardRef(((r,i)=>e.jsx(t.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:i},r,{children:e.jsx("path",{d:"M7.46 7.36V15.24L17.04 5.64L18.38 6.98L8.82 16.56H16.66V18.4H5.62V7.36H7.46Z"})}))));exports.ArrowBottomLeftFilledIcon=i;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const i=r.forwardRef((r,i)=>e.jsx(t.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:i},r,{children:e.jsx("path",{d:"M7.46 7.36V15.24L17.04 5.64L18.38 6.98L8.82 16.56H16.66V18.4H5.62V7.36H7.46Z"})})));exports.ArrowBottomLeftFilledIcon=i;
 //# sourceMappingURL=ArrowBottomLeftFilledIcon.js.map

package/cjs/components/icon/filled/ArrowBottomLeftFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowBottomLeftFilledIcon.js","sources":["../../../../../../src/components/icon/filled/ArrowBottomLeftFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const ArrowBottomLeftFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M7.46 7.36V15.24L17.04 5.64L18.38 6.98L8.82 16.56H16.66V18.4H5.62V7.36H7.46Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["ArrowBottomLeftFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAAoDC,EAAAA,YAAW,CAACC,EAAOC,IAEhFC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}
+{"version":3,"file":"ArrowBottomLeftFilledIcon.js","sources":["../../../../../../src/components/icon/filled/ArrowBottomLeftFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const ArrowBottomLeftFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M7.46 7.36V15.24L17.04 5.64L18.38 6.98L8.82 16.56H16.66V18.4H5.62V7.36H7.46Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["ArrowBottomLeftFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAAoDC,EAAAA,WAAW,CAACC,EAAOC,IAEhFC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}

package/cjs/components/icon/filled/ArrowBottomRightFilledIcon.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const i=e.forwardRef(((e,i)=>r.jsx(t.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:i},e,{children:r.jsx("path",{d:"M4.96 6.98L6.3 5.64L15.88 15.24V7.36H17.72V18.4H6.68V16.56H14.52L4.96 6.98Z"})}))));exports.ArrowBottomRightFilledIcon=i;
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const i=e.forwardRef((e,i)=>r.jsx(t.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:i},e,{children:r.jsx("path",{d:"M4.96 6.98L6.3 5.64L15.88 15.24V7.36H17.72V18.4H6.68V16.56H14.52L4.96 6.98Z"})})));exports.ArrowBottomRightFilledIcon=i;
 //# sourceMappingURL=ArrowBottomRightFilledIcon.js.map

package/cjs/components/icon/filled/ArrowBottomRightFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowBottomRightFilledIcon.js","sources":["../../../../../../src/components/icon/filled/ArrowBottomRightFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const ArrowBottomRightFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M4.96 6.98L6.3 5.64L15.88 15.24V7.36H17.72V18.4H6.68V16.56H14.52L4.96 6.98Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["ArrowBottomRightFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAAqDC,EAAAA,YAAW,CAACC,EAAOC,IAEjFC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}
+{"version":3,"file":"ArrowBottomRightFilledIcon.js","sources":["../../../../../../src/components/icon/filled/ArrowBottomRightFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const ArrowBottomRightFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M4.96 6.98L6.3 5.64L15.88 15.24V7.36H17.72V18.4H6.68V16.56H14.52L4.96 6.98Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["ArrowBottomRightFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAAqDC,EAAAA,WAAW,CAACC,EAAOC,IAEjFC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}

package/cjs/components/icon/filled/ArrowCircleBottomLeftFilledIcon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const i=r.forwardRef(((r,i)=>e.jsx(t.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:i},r,{children:e.jsx("path",{d:"M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM15.44 9.74L14.34 8.64L10.5 12.48V8.86H9.16V15H15.24V13.66H11.52L15.44 9.74Z"})}))));exports.ArrowCircleBottomLeftFilledIcon=i;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const i=r.forwardRef((r,i)=>e.jsx(t.SvgIcon,Object.assign({viewBox:"2 2 20 20",ref:i},r,{children:e.jsx("path",{d:"M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM15.44 9.74L14.34 8.64L10.5 12.48V8.86H9.16V15H15.24V13.66H11.52L15.44 9.74Z"})})));exports.ArrowCircleBottomLeftFilledIcon=i;
 //# sourceMappingURL=ArrowCircleBottomLeftFilledIcon.js.map