@skodaflow/web-library 8.0.0 → 8.1.0

package/cjs/components/quickLink/QuickLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickLink.js","sources":["../../../../../src/components/quickLink/QuickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef, ComponentType } from 'react';\nimport {\n  Stack,\n  Box,\n  Button,\n  Typography,\n  StackProps,\n  TypographyProps,\n  ButtonProps,\n  BoxProps,\n  SvgIconProps,\n} from '@mui/material';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<StackProps<ElementType>, 'title'> {\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Props applied to Icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Title text\n   */\n  title?: ReactNode;\n  /**\n   * Props applied to title Typography wrapper component\n   */\n  titleTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Subtitle text\n   */\n  subtitle?: ReactNode;\n  /**\n   * Props applied to subtitle Typography wrapper component\n   */\n  subtitleTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Props applied to wrapper of divider component\n   */\n  dividerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to divider component\n   */\n  dividerProps?: BoxProps<ElementType>;\n  /**\n   * Content wrapper\n   */\n  contentWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Icon and Title wrapper that changes on the mobile\n   */\n  titleWrapperProps?: StackProps<ElementType>;\n  /**\n   * Button text\n   */\n  buttonTitle?: ReactNode;\n  /**\n   * Props applied to Button component\n   */\n  buttonProps?: ButtonProps;\n}\n\n/**\n * Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n *\n * Composition of title, subtitle, icon, and button\n */\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n  (\n    {\n      IconComponent,\n      iconProps,\n      title,\n      titleTypographyProps,\n      subtitle,\n      subtitleTypographyProps,\n      dividerWrapperProps,\n      dividerProps,\n      contentWrapperProps,\n      titleWrapperProps,\n      buttonTitle,\n      buttonProps,\n      buttonIconProps,\n      onClick,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps || {};\n    const { sx: dividerSx, ...restDividerProps } = dividerProps || {};\n    const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps || {};\n    const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps || {};\n\n    return (\n      <Stack\n        direction=\"column\"\n        alignItems=\"flex-start\"\n        sx={{\n          minWidth: '0',\n          cursor: 'pointer',\n          color: 'inherit',\n          textDecoration: 'unset',\n          gap: { xs: '8px', md: '16px' },\n          ...getInteractiveStyle(\n            {\n              hr: {\n                backgroundColor: 'text.primary',\n                height: '1px',\n              },\n              // interactive style from button.theme\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n                '& .MuiButton-startIcon': {\n                  transform: 'translateX(0px)',\n                },\n                '& .MuiButton-endIcon': {\n                  transform: 'translateX(0px)',\n                },\n              },\n            },\n            {\n              hr: {\n                backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n                height: '2px',\n              },\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n                '.MuiButton-startIcon': {\n                  transform: 'translateX(-8px)',\n                },\n                '.MuiButton-endIcon': {\n                  transform: 'translateX(8px)',\n                },\n              },\n            },\n          ),\n          ...sx,\n        }}\n        data-testid=\"QuickLink\"\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        {...(onClick && {\n          onClick: onClick,\n          role: 'button',\n        })}\n        tabIndex={-1}\n        {...rest}\n      >\n        <Box\n          sx={{\n            position: 'relative',\n            width: '100%',\n            height: '2px',\n            // 32px gap from top if icon is hidden\n            '&&': { mb: { xs: 0, md: IconComponent ? 0 : 2 } },\n            ...dividerWrapperSx,\n          }}\n          {...restDividerWrapperProps}\n        >\n          <Box\n            component=\"hr\"\n            sx={{\n              border: 'none',\n              position: 'absolute',\n              inset: '0',\n              m: 0,\n              // style is set via interactive parent\n              ...dividerSx,\n            }}\n            {...restDividerProps}\n          />\n        </Box>\n        <Box\n          sx={{ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' }, ...contentWrapperSx }}\n          {...restContentWrapperProps}\n        >\n          <Stack\n            sx={{\n              flexDirection: { xs: 'row', md: 'column' },\n              alignItems: { xs: 'center', md: 'flex-start' },\n              gap: { xs: '4px', md: '18px' },\n              mb: { xs: '4px', md: 0 },\n              ...titleWrapperSx,\n            }}\n            {...restTitleWrapperProps}\n          >\n            {IconComponent && (\n              <IconComponent\n                sx={{\n                  display: 'block',\n                  fontSize: { xs: '20px', md: '35px' },\n                  mx: { xs: '2px', md: '0px' },\n                  my: { xs: '0px', md: '2px' },\n                  ...iconSx,\n                }}\n                data-testid=\"QuickLink.icon\"\n                {...restIconProps}\n              />\n            )}\n            {title && (\n              <Typography\n                variant=\"h4\"\n                display=\"block\"\n                data-testid=\"QuickLink.title\"\n                sx={{ mb: { xs: 0, md: 0.5 } }}\n                {...titleTypographyProps}\n              >\n                {title}\n              </Typography>\n            )}\n          </Stack>\n          {subtitle && (\n            <Typography\n              variant=\"disclaimer1\"\n              display=\"block\"\n              data-testid=\"QuickLink.subtitle\"\n              {...subtitleTypographyProps}\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n        {buttonTitle && (\n          <Button\n            variant=\"navigation\"\n            color=\"secondary\"\n            endIcon={<ArrowRightIcon />}\n            data-testid=\"QuickLink.button\"\n            {...buttonProps}\n          >\n            {buttonTitle}\n          </Button>\n        )}\n      </Stack>\n    );\n  },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n        gap: 3,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["QuickLink","forwardRef","_a","ref","IconComponent","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}
+{"version":3,"file":"QuickLink.js","sources":["../../../../../src/components/quickLink/QuickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef, ComponentType } from 'react';\nimport {\n  Stack,\n  Box,\n  Button,\n  Typography,\n  StackProps,\n  TypographyProps,\n  ButtonProps,\n  BoxProps,\n  SvgIconProps,\n} from '@mui/material';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<StackProps<ElementType>, 'title'> {\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Props applied to Icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Title text\n   */\n  title?: ReactNode;\n  /**\n   * Props applied to title Typography wrapper component\n   */\n  titleTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Subtitle text\n   */\n  subtitle?: ReactNode;\n  /**\n   * Props applied to subtitle Typography wrapper component\n   */\n  subtitleTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Props applied to wrapper of divider component\n   */\n  dividerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to divider component\n   */\n  dividerProps?: BoxProps<ElementType>;\n  /**\n   * Content wrapper\n   */\n  contentWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Icon and Title wrapper that changes on the mobile\n   */\n  titleWrapperProps?: StackProps<ElementType>;\n  /**\n   * Button text\n   */\n  buttonTitle?: ReactNode;\n  /**\n   * Props applied to Button component\n   */\n  buttonProps?: ButtonProps;\n}\n\n/**\n * Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n *\n * Composition of title, subtitle, icon, and button\n */\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n  (\n    {\n      IconComponent,\n      iconProps,\n      title,\n      titleTypographyProps,\n      subtitle,\n      subtitleTypographyProps,\n      dividerWrapperProps,\n      dividerProps,\n      contentWrapperProps,\n      titleWrapperProps,\n      buttonTitle,\n      buttonProps,\n      buttonIconProps,\n      onClick,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps || {};\n    const { sx: dividerSx, ...restDividerProps } = dividerProps || {};\n    const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps || {};\n    const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps || {};\n\n    return (\n      <Stack\n        direction=\"column\"\n        alignItems=\"flex-start\"\n        sx={{\n          minWidth: '0',\n          cursor: 'pointer',\n          color: 'inherit',\n          textDecoration: 'unset',\n          gap: { xs: '8px', md: '16px' },\n          ...getInteractiveStyle(\n            {\n              hr: {\n                backgroundColor: 'text.primary',\n                height: '1px',\n              },\n              // interactive style from button.theme\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n                '& .MuiButton-startIcon': {\n                  transform: 'translateX(0px)',\n                },\n                '& .MuiButton-endIcon': {\n                  transform: 'translateX(0px)',\n                },\n              },\n            },\n            {\n              hr: {\n                backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n                height: '2px',\n              },\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n                '.MuiButton-startIcon': {\n                  transform: 'translateX(-8px)',\n                },\n                '.MuiButton-endIcon': {\n                  transform: 'translateX(8px)',\n                },\n              },\n            },\n          ),\n          ...sx,\n        }}\n        data-testid=\"QuickLink\"\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        {...(onClick && {\n          onClick: onClick,\n          role: 'button',\n        })}\n        tabIndex={-1}\n        {...rest}\n      >\n        <Box\n          sx={{\n            position: 'relative',\n            width: '100%',\n            height: '2px',\n            // 32px gap from top if icon is hidden\n            '&&': { mb: { xs: 0, md: IconComponent ? 0 : 2 } },\n            ...dividerWrapperSx,\n          }}\n          {...restDividerWrapperProps}\n        >\n          <Box\n            component=\"hr\"\n            sx={{\n              border: 'none',\n              position: 'absolute',\n              inset: '0',\n              m: 0,\n              // style is set via interactive parent\n              ...dividerSx,\n            }}\n            {...restDividerProps}\n          />\n        </Box>\n        <Box\n          sx={{ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' }, ...contentWrapperSx }}\n          {...restContentWrapperProps}\n        >\n          <Stack\n            sx={{\n              flexDirection: { xs: 'row', md: 'column' },\n              alignItems: { xs: 'center', md: 'flex-start' },\n              gap: { xs: '4px', md: '18px' },\n              mb: { xs: '4px', md: 0 },\n              ...titleWrapperSx,\n            }}\n            {...restTitleWrapperProps}\n          >\n            {IconComponent && (\n              <IconComponent\n                sx={{\n                  display: 'block',\n                  fontSize: { xs: '20px', md: '35px' },\n                  mx: { xs: '2px', md: '0px' },\n                  my: { xs: '0px', md: '2px' },\n                  ...iconSx,\n                }}\n                data-testid=\"QuickLink.icon\"\n                {...restIconProps}\n              />\n            )}\n            {title && (\n              <Typography\n                variant=\"h4\"\n                display=\"block\"\n                data-testid=\"QuickLink.title\"\n                sx={{ mb: { xs: 0, md: 0.5 } }}\n                {...titleTypographyProps}\n              >\n                {title}\n              </Typography>\n            )}\n          </Stack>\n          {subtitle && (\n            <Typography\n              variant=\"disclaimer1\"\n              display=\"block\"\n              data-testid=\"QuickLink.subtitle\"\n              {...subtitleTypographyProps}\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n        {buttonTitle && (\n          <Button\n            variant=\"navigation\"\n            color=\"secondary\"\n            endIcon={<ArrowRightIcon />}\n            data-testid=\"QuickLink.button\"\n            {...buttonProps}\n          >\n            {buttonTitle}\n          </Button>\n        )}\n      </Stack>\n    );\n  },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n        gap: 3,\n        ...sx,\n      }}\n      ref={ref}\n      data-testid=\"QuickLink.wrapper\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["QuickLink","forwardRef","IconComponent","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","ref","iconSx","restIconProps","dividerWrapperSx","restDividerWrapperProps","dividerSx","restDividerProps","contentWrapperSx","restContentWrapperProps","titleWrapperSx","restTitleWrapperProps","_jsxs","Stack","direction","alignItems","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}

package/cjs/components/search/CollapsableSearch.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("tslib"),e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("./Search.js");exports.CollapsableSearch=i=>{var{isCollapsed:a,searchProps:l,collapseProps:n}=i;const o=s.__rest(i,["isCollapsed","searchProps","collapseProps"])||{},{sx:c}=o,p=s.__rest(o,["sx"]),x=n||{},{sx:d}=x,u=s.__rest(x,["sx"]);return e.jsx(r.Box,Object.assign({sx:Object.assign({width:"fit-content"},c)},p,{children:e.jsx(r.Collapse,Object.assign({in:!a,orientation:"horizontal",collapsedSize:"44px",sx:Object.assign({borderRadius:"200px",display:"flex",justifyContent:"flex-end",width:"fit-content","& input":{width:"auto"}},d)},u,{children:e.jsx(t.Search,Object.assign({disableInput:a},l))}))}))};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("./Search.js");exports.CollapsableSearch=({isCollapsed:t,searchProps:i,collapseProps:a,...l})=>{const{sx:o,...n}=l||{},{sx:x,...c}=a||{};return e.jsx(r.Box,{sx:{width:"fit-content",...o},...n,children:e.jsx(r.Collapse,{in:!t,orientation:"horizontal",collapsedSize:"44px",sx:{borderRadius:"200px",display:"flex",justifyContent:"flex-end",width:"fit-content","& input":{width:"auto"},...x},...c,children:e.jsx(s.Search,{disableInput:t,...i})})})};
 //# sourceMappingURL=CollapsableSearch.js.map

package/cjs/components/search/CollapsableSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsableSearch.js","sources":["../../../../../src/components/search/CollapsableSearch.tsx"],"sourcesContent":["import { Box, BoxProps, Collapse, CollapseProps } from '@mui/material';\nimport React from 'react';\nimport { Search, SearchProps } from './Search';\n\nexport interface CollapsableSearchProps extends BoxProps {\n  /**\n   * Defines whether the search should be collapsed or not\n   */\n  isCollapsed: boolean;\n  /**\n   * Properties of Search component\n   *\n   * @see Search\n   */\n  searchProps?: SearchProps;\n  /**\n   * Properties of Mui Collapse component\n   *\n   * @see Collapse https://mui.com/material-ui/api/collapse/\n   */\n  collapseProps?: CollapseProps;\n}\n\nexport const CollapsableSearch: React.FC<CollapsableSearchProps> = ({\n  isCollapsed,\n  searchProps,\n  collapseProps,\n  ...boxProps\n}) => {\n  const { sx: boxSx, ...restBoxProps } = boxProps || {};\n  const { sx: collapseSx, ...restCollapseProps } = collapseProps || {};\n\n  return (\n    <Box sx={{ width: 'fit-content', ...boxSx }} {...restBoxProps}>\n      <Collapse\n        in={!isCollapsed}\n        orientation=\"horizontal\"\n        collapsedSize=\"44px\"\n        sx={{\n          borderRadius: '200px',\n          display: 'flex',\n          justifyContent: 'flex-end',\n          width: 'fit-content',\n          '& input': {\n            width: 'auto',\n          },\n          ...collapseSx,\n        }}\n        {...restCollapseProps}\n      >\n        <Search disableInput={isCollapsed} {...searchProps} />\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":["_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","Search","disableInput"],"mappings":"iJAuBoEA,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,EAFKC,EAAAA,OAAAL,EAJuD,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,EAAYH,EAAAA,OAAAD,EAA5B,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,EAAiBN,EAAAA,OAAAI,EAAtC,CAAA,OAEN,OACEG,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CAACT,GAAEQ,OAAAC,OAAA,CAAIC,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,EAAAA,IAACM,EAAAA,SAAQJ,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,GAAEQ,OAAAC,OAAA,CACAO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,EAAiB,CAAAM,SAErBL,EAAAA,IAACa,SAAMX,OAAAC,OAAA,CAACW,aAAczB,GAAiBC"}
+{"version":3,"file":"CollapsableSearch.js","sources":["../../../../../src/components/search/CollapsableSearch.tsx"],"sourcesContent":["import { Box, BoxProps, Collapse, CollapseProps } from '@mui/material';\nimport React from 'react';\nimport { Search, SearchProps } from './Search';\n\nexport interface CollapsableSearchProps extends BoxProps {\n  /**\n   * Defines whether the search should be collapsed or not\n   */\n  isCollapsed: boolean;\n  /**\n   * Properties of Search component\n   *\n   * @see Search\n   */\n  searchProps?: SearchProps;\n  /**\n   * Properties of Mui Collapse component\n   *\n   * @see Collapse https://mui.com/material-ui/api/collapse/\n   */\n  collapseProps?: CollapseProps;\n}\n\nexport const CollapsableSearch: React.FC<CollapsableSearchProps> = ({\n  isCollapsed,\n  searchProps,\n  collapseProps,\n  ...boxProps\n}) => {\n  const { sx: boxSx, ...restBoxProps } = boxProps || {};\n  const { sx: collapseSx, ...restCollapseProps } = collapseProps || {};\n\n  return (\n    <Box sx={{ width: 'fit-content', ...boxSx }} {...restBoxProps}>\n      <Collapse\n        in={!isCollapsed}\n        orientation=\"horizontal\"\n        collapsedSize=\"44px\"\n        sx={{\n          borderRadius: '200px',\n          display: 'flex',\n          justifyContent: 'flex-end',\n          width: 'fit-content',\n          '& input': {\n            width: 'auto',\n          },\n          ...collapseSx,\n        }}\n        {...restCollapseProps}\n      >\n        <Search disableInput={isCollapsed} {...searchProps} />\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":["isCollapsed","searchProps","collapseProps","boxProps","sx","boxSx","restBoxProps","collapseSx","restCollapseProps","_jsx","Box","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","Search","disableInput"],"mappings":"8HAuBmE,EACjEA,cACAC,cACAC,mBACGC,MAEH,MAAQC,GAAIC,KAAUC,GAAiBH,GAAY,CAAA,GAC3CC,GAAIG,KAAeC,GAAsBN,GAAiB,CAAA,EAElE,OACEO,EAAAA,IAACC,MAAG,CAACN,GAAI,CAAEO,MAAO,iBAAkBN,MAAaC,EAAYM,SAC3DH,MAACI,EAAAA,SAAQ,CACPC,IAAKd,EACLe,YAAY,aACZC,cAAc,OACdZ,GAAI,CACFa,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,WAENJ,MAEDC,EAAiBI,SAErBH,EAAAA,IAACW,EAAAA,QAAOC,aAAcrB,KAAiBC"}

package/cjs/components/search/Search.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),s=require("../icon/stroke/CloseIcon.js"),a=require("../icon/stroke/SearchIcon.js"),r=require("@mui/material"),t=require("react"),o=require("../../utils/useDebounce/useDebounce.js"),i=require("../focusring/focusring.js"),c=require("../../materialui/button/interactive.js");const l=t.forwardRef((l,u)=>{var{debounce:p=0,defaultValue:d="",cancelIconProps:b={},CancelIconComponent:g,disableInput:x,onCancel:j,onSearch:h,onChange:m,searchIconProps:C={},SearchIconComponent:I,slotProps:f,sx:S,value:O="",variant:v}=l,P=e.__rest(l,["debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant"]);const y=I||a.SearchIcon,k=g||s.CloseIcon,[w,q]=t.useState(d||O),_=t.useDeferredValue(w),R=o.default(w,p),{sx:A}=C,D=e.__rest(C,["sx"]),F=f||{},{input:M={}}=F,V=e.__rest(F,["input"]),z=t.useMemo(()=>{switch(v){case"transparent":return{bgcolor:"transparent.primary"};case"mapShadow":return{bgcolor:"onSurface.os0",boxShadow:e=>e.flowShadows.l};default:return{bgcolor:"surface.primary"}}},[v]);t.useEffect(()=>{null==m||m(p<=0?_:R)},[p<=0?_:R]);const B=t.useCallback(e=>{e.preventDefault(),e.stopPropagation(),null==h||h(w)},[w]);return n.jsx(r.TextField,Object.assign({onChange:e=>q(e.target.value),ref:u,sx:Object.assign(Object.assign({position:"relative",borderRadius:"200px",border:1,borderColor:(null==P?void 0:P.disabled)?"disabled.primary":"onSurface.os500",py:"5px",pl:"14px",pr:"4px",mb:0,"&&&":Object.assign({},i.updateFocusRingStyle(1,!1,"&:has(.Mui-focused)"))},z),S)},P,{value:w,variant:"standard",slotProps:Object.assign(Object.assign(Object.assign({},M),{input:{className:""+(""!==w?"filled":""),disabled:x||(null==P?void 0:P.disabled),inputProps:Object.assign(Object.assign({},"inputProps"in M&&Object.assign({},M.inputProps)),{sx:Object.assign({p:0,ml:1,color:"text.primary","&::-webkit-input-placeholder":{color:"onSurface.os700"},"&.Mui-disabled":{"&, &::-webkit-input-placeholder":{color:"disabled.tertiary"}}},"inputProps"in M&&"sx"in M.inputProps&&Object.assign({},M.inputProps.sx))}),disableUnderline:!0,startAdornment:n.jsx(r.InputAdornment,{position:"start",sx:{transition:"all .4s ease",mr:"0"},children:n.jsx(r.IconButton,{disabled:null==P?void 0:P.disabled,tabIndex:h?0:-1,onClick:B,size:"medium","aria-label":"Search",sx:Object.assign(Object.assign({width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(y,Object.assign({sx:Object.assign({transition:"all .5s ease"},A)},D))})}),endAdornment:n.jsx(r.InputAdornment,{position:"end",sx:{opacity:""!==w?"1":"0",transition:"opacity .3s ease"},children:n.jsx(r.IconButton,{disabled:""===w||(null==P?void 0:P.disabled),onClick:()=>{q(""),null==j||j()},size:"medium",tabIndex:x?-1:0,"aria-label":"Clear search",sx:Object.assign(Object.assign({cursor:""!==w?"pointer":"default",width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(k,Object.assign({},b))})})}}),V)}))});exports.Search=l;
+"use strict";var e=require("react/jsx-runtime"),r=require("../icon/stroke/CloseIcon.js"),a=require("../icon/stroke/SearchIcon.js"),t=require("@mui/material"),n=require("react"),o=require("../../utils/useDebounce/useDebounce.js"),s=require("../focusring/focusring.js"),i=require("../../materialui/button/interactive.js");const l=n.forwardRef(({debounce:l=0,defaultValue:u="",cancelIconProps:c={},CancelIconComponent:p,disableInput:d,onCancel:b,onSearch:x,onChange:h,searchIconProps:m={},SearchIconComponent:f,slotProps:g,sx:S,value:C="",variant:I,...j},y)=>{const k=f||a.SearchIcon,v=p||r.CloseIcon,[P,w]=n.useState(u||C),q=n.useDeferredValue(P),R=o.default(P,l),{sx:A,...D}=m,{input:F={},...M}=g||{},z=n.useMemo(()=>{switch(I){case"transparent":return{bgcolor:"transparent.primary"};case"mapShadow":return{bgcolor:"onSurface.os0",boxShadow:e=>e.flowShadows.l};default:return{bgcolor:"surface.primary"}}},[I]);n.useEffect(()=>{h?.(l<=0?q:R)},[l<=0?q:R]);const B=n.useCallback(e=>{e.preventDefault(),e.stopPropagation(),x?.(P)},[P]);return e.jsx(t.TextField,{onChange:e=>w(e.target.value),ref:y,sx:{position:"relative",borderRadius:"200px",border:1,borderColor:j?.disabled?"disabled.primary":"onSurface.os500",py:"5px",pl:"14px",pr:"4px",mb:0,"&&&":{...s.updateFocusRingStyle(1,!1,"&:has(.Mui-focused)")},...z,...S},...j,value:P,variant:"standard",slotProps:{...F,input:{className:""+(""!==P?"filled":""),disabled:d||j?.disabled,inputProps:{..."inputProps"in F&&{...F.inputProps},sx:{p:0,ml:1,color:"text.primary","&::-webkit-input-placeholder":{color:"onSurface.os700"},"&.Mui-disabled":{"&, &::-webkit-input-placeholder":{color:"disabled.tertiary"}},..."inputProps"in F&&"sx"in F.inputProps&&{...F.inputProps.sx}}},disableUnderline:!0,startAdornment:e.jsx(t.InputAdornment,{position:"start",sx:{transition:"all .4s ease",mr:"0"},children:e.jsx(t.IconButton,{disabled:j?.disabled,tabIndex:x?0:-1,onClick:B,size:"medium","aria-label":"Search",sx:{width:"34px",height:"34px",...s.updateFocusRingStyle("0px"),...i.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})},children:e.jsx(k,{sx:{transition:"all .5s ease",...A},...D})})}),endAdornment:e.jsx(t.InputAdornment,{position:"end",sx:{opacity:""!==P?"1":"0",transition:"opacity .3s ease"},children:e.jsx(t.IconButton,{disabled:""===P||j?.disabled,onClick:()=>{w(""),b?.()},size:"medium",tabIndex:d?-1:0,"aria-label":"Clear search",sx:{cursor:""!==P?"pointer":"default",width:"34px",height:"34px",...s.updateFocusRingStyle("0px"),...i.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})},children:e.jsx(v,{...c})})})},...M}})});exports.Search=l;
 //# sourceMappingURL=Search.js.map

package/cjs/components/search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../../src/components/search/Search.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { SearchIcon as FlowSearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { IconButton, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField } from '@mui/material';\nimport React, {\n  forwardRef,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useDeferredValue,\n  ComponentType,\n} from 'react';\nimport useDebounce from '../../utils/useDebounce/useDebounce';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' | 'value' | 'size'> & {\n  /**\n   *  Defines whether the input is disabled or not\n   */\n  disableInput?: boolean;\n  /**\n   * Defines the time (ms) of debounce for the onChange effect\n   * When debounce is 0, Search uses useDeferredValue instead.\n   *\n   * @see useDeferedValue\n   * @default 0\n   */\n  debounce?: number;\n  /**\n   * Click handler for the cancel button\n   */\n  onCancel?: () => void;\n  /**\n   * Click handler for the search button\n   *\n   * @param value the current value of search input\n   */\n  onSearch?: (value: string) => void | boolean;\n  /**\n   * Function that will bed called on every change of value, can be debounced by debounce value\n   * If debounce is set to 0, the onChange is being called when deferred value changes\n   *\n   * @see debounce\n   *\n   * @param value current value of searchbar\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Defines which variant of Searchbar component should be rendered\n   * @default solid\n   */\n  variant?: 'solid' | 'transparent' | 'mapShadow';\n  /**\n   * Defines default value in the initial render\n   * If set along with `value` property the `defaultValue` field takes precedence\n   *\n   * @see value\n   */\n  defaultValue?: string;\n  /**\n   * Overrides TextField value property so it can be string only\n   * If set along with `defaultValue` property the `defaultValue` field takes precedence\n   *\n   * @see defaultValue\n   */\n  value?: string;\n  /**\n   * Properties passed to the search icon\n   */\n  searchIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  SearchIconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Properties passed to the cancel icon\n   */\n  cancelIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  CancelIconComponent?: ComponentType<SvgIconProps>;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n  (\n    {\n      debounce = 0,\n      defaultValue = '',\n      cancelIconProps = {},\n      CancelIconComponent,\n      disableInput,\n      onCancel,\n      onSearch,\n      onChange,\n      searchIconProps = {},\n      SearchIconComponent,\n      slotProps,\n      sx,\n      value = '',\n      variant,\n      ...rest\n    },\n    ref,\n  ) => {\n    const SearchIcon = SearchIconComponent || FlowSearchIcon;\n    const CancelIcon = CancelIconComponent || CloseIcon;\n\n    const [search, setSearch] = useState(defaultValue || value);\n\n    const deferredValue = useDeferredValue(search);\n    const debouncedValue = useDebounce(search, debounce);\n\n    const { sx: searchIconSx, ...restSearchIconProps } = searchIconProps;\n    const { input: slotPropsInput = {}, ...restSlot } = slotProps || {};\n\n    const variantStyle = useMemo(() => {\n      switch (variant) {\n        case 'transparent':\n          return { bgcolor: 'transparent.primary' };\n        case 'mapShadow':\n          return { bgcolor: 'onSurface.os0', boxShadow: (theme) => theme.flowShadows.l };\n        default: // solid\n          return { bgcolor: 'surface.primary' };\n      }\n    }, [variant]);\n\n    // if debounce is set use debouncedValue otherwise use deferredValue as dependency and as value\n    useEffect(() => {\n      onChange?.(debounce <= 0 ? deferredValue : debouncedValue);\n    }, [debounce <= 0 ? deferredValue : debouncedValue]);\n\n    // this handler is assigned to the magnifier button\n    const handleSearchIconClick: MouseEventHandler = useCallback(\n      (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n\n        onSearch?.(search);\n      },\n      [search],\n    );\n\n    // this handler is assigned to 'X' button\n    const handleCancelIconClick = () => {\n      setSearch('');\n      onCancel?.();\n    };\n\n    return (\n      <TextField\n        onChange={(e) => setSearch(e.target.value)}\n        ref={ref}\n        sx={{\n          position: 'relative',\n          borderRadius: '200px',\n          border: 1,\n          borderColor: rest?.disabled ? 'disabled.primary' : 'onSurface.os500',\n          py: '5px',\n          pl: '14px',\n          pr: '4px',\n          mb: 0,\n          // focus ring\n          '&&&': {\n            ...updateFocusRingStyle(1, false, '&:has(.Mui-focused)'),\n          },\n          ...variantStyle,\n          ...sx,\n        }}\n        {...rest}\n        value={search}\n        variant=\"standard\"\n        slotProps={{\n          ...slotPropsInput,\n          input: {\n            className: `${search !== '' ? 'filled' : ''}`,\n            disabled: disableInput || rest?.disabled,\n            inputProps: {\n              ...('inputProps' in slotPropsInput && { ...slotPropsInput.inputProps }),\n              sx: {\n                p: 0,\n                ml: 1,\n                color: 'text.primary',\n                '&::-webkit-input-placeholder': {\n                  color: 'onSurface.os700',\n                },\n                '&.Mui-disabled': {\n                  '&, &::-webkit-input-placeholder': {\n                    color: 'disabled.tertiary',\n                  },\n                },\n                ...('inputProps' in slotPropsInput &&\n                  'sx' in slotPropsInput.inputProps && { ...slotPropsInput.inputProps.sx }),\n              },\n            },\n            disableUnderline: true,\n            startAdornment: (\n              <InputAdornment\n                position=\"start\"\n                sx={{\n                  transition: 'all .4s ease',\n                  mr: '0',\n                }}\n              >\n                <IconButton\n                  disabled={rest?.disabled}\n                  tabIndex={!onSearch ? -1 : 0}\n                  onClick={handleSearchIconClick}\n                  size=\"medium\"\n                  aria-label=\"Search\"\n                  sx={{\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <SearchIcon\n                    sx={{\n                      transition: 'all .5s ease',\n                      ...searchIconSx,\n                    }}\n                    {...restSearchIconProps}\n                  />\n                </IconButton>\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment\n                position=\"end\"\n                sx={{\n                  opacity: search !== '' ? '1' : '0',\n                  transition: 'opacity .3s ease',\n                }}\n              >\n                <IconButton\n                  disabled={search === '' || rest?.disabled}\n                  onClick={handleCancelIconClick}\n                  size=\"medium\"\n                  tabIndex={disableInput ? -1 : 0}\n                  aria-label=\"Clear search\"\n                  sx={{\n                    cursor: search !== '' ? 'pointer' : 'default',\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <CancelIcon {...cancelIconProps} />\n                </IconButton>\n              </InputAdornment>\n            ),\n          },\n          ...restSlot,\n        }}\n      />\n    );\n  },\n);\n"],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","useDeferredValue","debouncedValue","useDebounce","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../../src/components/search/Search.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { SearchIcon as FlowSearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { IconButton, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField } from '@mui/material';\nimport React, {\n  forwardRef,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useDeferredValue,\n  ComponentType,\n} from 'react';\nimport useDebounce from '../../utils/useDebounce/useDebounce';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' | 'value' | 'size'> & {\n  /**\n   *  Defines whether the input is disabled or not\n   */\n  disableInput?: boolean;\n  /**\n   * Defines the time (ms) of debounce for the onChange effect\n   * When debounce is 0, Search uses useDeferredValue instead.\n   *\n   * @see useDeferedValue\n   * @default 0\n   */\n  debounce?: number;\n  /**\n   * Click handler for the cancel button\n   */\n  onCancel?: () => void;\n  /**\n   * Click handler for the search button\n   *\n   * @param value the current value of search input\n   */\n  onSearch?: (value: string) => void | boolean;\n  /**\n   * Function that will bed called on every change of value, can be debounced by debounce value\n   * If debounce is set to 0, the onChange is being called when deferred value changes\n   *\n   * @see debounce\n   *\n   * @param value current value of searchbar\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Defines which variant of Searchbar component should be rendered\n   * @default solid\n   */\n  variant?: 'solid' | 'transparent' | 'mapShadow';\n  /**\n   * Defines default value in the initial render\n   * If set along with `value` property the `defaultValue` field takes precedence\n   *\n   * @see value\n   */\n  defaultValue?: string;\n  /**\n   * Overrides TextField value property so it can be string only\n   * If set along with `defaultValue` property the `defaultValue` field takes precedence\n   *\n   * @see defaultValue\n   */\n  value?: string;\n  /**\n   * Properties passed to the search icon\n   */\n  searchIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  SearchIconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Properties passed to the cancel icon\n   */\n  cancelIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  CancelIconComponent?: ComponentType<SvgIconProps>;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n  (\n    {\n      debounce = 0,\n      defaultValue = '',\n      cancelIconProps = {},\n      CancelIconComponent,\n      disableInput,\n      onCancel,\n      onSearch,\n      onChange,\n      searchIconProps = {},\n      SearchIconComponent,\n      slotProps,\n      sx,\n      value = '',\n      variant,\n      ...rest\n    },\n    ref,\n  ) => {\n    const SearchIcon = SearchIconComponent || FlowSearchIcon;\n    const CancelIcon = CancelIconComponent || CloseIcon;\n\n    const [search, setSearch] = useState(defaultValue || value);\n\n    const deferredValue = useDeferredValue(search);\n    const debouncedValue = useDebounce(search, debounce);\n\n    const { sx: searchIconSx, ...restSearchIconProps } = searchIconProps;\n    const { input: slotPropsInput = {}, ...restSlot } = slotProps || {};\n\n    const variantStyle = useMemo(() => {\n      switch (variant) {\n        case 'transparent':\n          return { bgcolor: 'transparent.primary' };\n        case 'mapShadow':\n          return { bgcolor: 'onSurface.os0', boxShadow: (theme) => theme.flowShadows.l };\n        default: // solid\n          return { bgcolor: 'surface.primary' };\n      }\n    }, [variant]);\n\n    // if debounce is set use debouncedValue otherwise use deferredValue as dependency and as value\n    useEffect(() => {\n      onChange?.(debounce <= 0 ? deferredValue : debouncedValue);\n    }, [debounce <= 0 ? deferredValue : debouncedValue]);\n\n    // this handler is assigned to the magnifier button\n    const handleSearchIconClick: MouseEventHandler = useCallback(\n      (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n\n        onSearch?.(search);\n      },\n      [search],\n    );\n\n    // this handler is assigned to 'X' button\n    const handleCancelIconClick = () => {\n      setSearch('');\n      onCancel?.();\n    };\n\n    return (\n      <TextField\n        onChange={(e) => setSearch(e.target.value)}\n        ref={ref}\n        sx={{\n          position: 'relative',\n          borderRadius: '200px',\n          border: 1,\n          borderColor: rest?.disabled ? 'disabled.primary' : 'onSurface.os500',\n          py: '5px',\n          pl: '14px',\n          pr: '4px',\n          mb: 0,\n          // focus ring\n          '&&&': {\n            ...updateFocusRingStyle(1, false, '&:has(.Mui-focused)'),\n          },\n          ...variantStyle,\n          ...sx,\n        }}\n        {...rest}\n        value={search}\n        variant=\"standard\"\n        slotProps={{\n          ...slotPropsInput,\n          input: {\n            className: `${search !== '' ? 'filled' : ''}`,\n            disabled: disableInput || rest?.disabled,\n            inputProps: {\n              ...('inputProps' in slotPropsInput && { ...slotPropsInput.inputProps }),\n              sx: {\n                p: 0,\n                ml: 1,\n                color: 'text.primary',\n                '&::-webkit-input-placeholder': {\n                  color: 'onSurface.os700',\n                },\n                '&.Mui-disabled': {\n                  '&, &::-webkit-input-placeholder': {\n                    color: 'disabled.tertiary',\n                  },\n                },\n                ...('inputProps' in slotPropsInput &&\n                  'sx' in slotPropsInput.inputProps && { ...slotPropsInput.inputProps.sx }),\n              },\n            },\n            disableUnderline: true,\n            startAdornment: (\n              <InputAdornment\n                position=\"start\"\n                sx={{\n                  transition: 'all .4s ease',\n                  mr: '0',\n                }}\n              >\n                <IconButton\n                  disabled={rest?.disabled}\n                  tabIndex={!onSearch ? -1 : 0}\n                  onClick={handleSearchIconClick}\n                  size=\"medium\"\n                  aria-label=\"Search\"\n                  sx={{\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <SearchIcon\n                    sx={{\n                      transition: 'all .5s ease',\n                      ...searchIconSx,\n                    }}\n                    {...restSearchIconProps}\n                  />\n                </IconButton>\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment\n                position=\"end\"\n                sx={{\n                  opacity: search !== '' ? '1' : '0',\n                  transition: 'opacity .3s ease',\n                }}\n              >\n                <IconButton\n                  disabled={search === '' || rest?.disabled}\n                  onClick={handleCancelIconClick}\n                  size=\"medium\"\n                  tabIndex={disableInput ? -1 : 0}\n                  aria-label=\"Clear search\"\n                  sx={{\n                    cursor: search !== '' ? 'pointer' : 'default',\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <CancelIcon {...cancelIconProps} />\n                </IconButton>\n              </InputAdornment>\n            ),\n          },\n          ...restSlot,\n        }}\n      />\n    );\n  },\n);\n"],"names":["Search","forwardRef","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","ref","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","useDeferredValue","debouncedValue","useDebounce","searchIconSx","restSearchIconProps","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","TextField","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"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"}

package/cjs/components/secondaryNavigation/SecondaryNavigation.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),n=require("@mui/material");const a=s.forwardRef((a,r)=>{var{children:i,sx:l,title:o,buttons:x,inContainer:c=!1,toolbarProps:g,titleProps:d,contentProps:p,buttonsProps:u}=a,b=e.__rest(a,["children","sx","title","buttons","inContainer","toolbarProps","titleProps","contentProps","buttonsProps"]);const j=null!=d?d:{},{sx:f}=j,h=e.__rest(j,["sx"]),v=null!=g?g:{},{sx:y}=v,O=e.__rest(v,["sx"]),m=null!=p?p:{},{sx:S}=m,_=e.__rest(m,["sx"]),P=null!=u?u:{},{sx:w}=P,N=e.__rest(P,["sx"]),[C,B]=s.useState(0),q=s.useMemo(()=>function e(t){const n=[];return s.Children.forEach(t,t=>{(null==t?void 0:t.type)===s.Fragment?n.push(...e(t.props.children)):n.push(t)}),n}(i),[i]);return t.jsx(n.AppBar,Object.assign({sx:Object.assign({zIndex:e=>e.zIndex.appBar-20},l),ref:r,"data-testid":"SecondaryNavigation","aria-label":"Secondary Navigation",role:"group"},b,{children:t.jsxs(n.Toolbar,Object.assign({sx:Object.assign(Object.assign({},!!(null==q?void 0:q.length)&&{flexWrap:{xs:"wrap",lg:"nowrap"},pt:{xs:2,lg:0}}),y),disableGutters:!c,"data-testid":"SecondaryNavigation.wrapper"},O,{children:[o&&t.jsx(n.Typography,Object.assign({"data-testid":"SecondaryNavigation.title",variant:"subheadline",sx:Object.assign({display:"block",flexGrow:{xs:"1",lg:"0"},flexShrink:"0"},f)},h,{children:o})),!!(null==q?void 0:q.length)&&t.jsx(n.Tabs,Object.assign({value:C,onChange:(e,t)=>B(t),template:"navigation",sx:Object.assign(Object.assign(Object.assign({flexGrow:"1",flexBasis:{xs:"100%",lg:"auto"},order:{xs:"3",lg:"0"},justifyContent:{xs:"center",lg:"flex-start"},alignSelf:{xs:"flex-end",lg:"center"}},o&&{pl:{lg:4}}),{marginTop:{xs:"-10px",lg:"0"},marginBottom:"-1px"}),S),"data-testid":"SecondaryNavigation.items"},_,{children:q})),x&&t.jsx(n.Box,Object.assign({sx:Object.assign({flexShrink:"0",flexGrow:"1",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25},w),"data-testid":"SecondaryNavigation.cta"},N,{children:x}))]}))}))});exports.SecondaryNavigation=a;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("@mui/material");const r=t.forwardRef(({children:r,sx:n,title:s,buttons:i,inContainer:o=!1,toolbarProps:l,titleProps:x,contentProps:d,buttonsProps:p,...c},g)=>{const{sx:u,...f}=x??{},{sx:h,...y}=l??{},{sx:m,...v}=d??{},{sx:S,...b}=p??{},[j,w]=t.useState(0),N=t.useMemo(()=>function e(a){const r=[];return t.Children.forEach(a,a=>{a?.type===t.Fragment?r.push(...e(a.props.children)):r.push(a)}),r}(r),[r]);return e.jsx(a.AppBar,{sx:{zIndex:e=>e.zIndex.appBar-20,...n},ref:g,"data-testid":"SecondaryNavigation","aria-label":"Secondary Navigation",role:"group",...c,children:e.jsxs(a.Toolbar,{sx:{...!!N?.length&&{flexWrap:{xs:"wrap",lg:"nowrap"},pt:{xs:2,lg:0}},...h},disableGutters:!o,"data-testid":"SecondaryNavigation.wrapper",...y,children:[s&&e.jsx(a.Typography,{"data-testid":"SecondaryNavigation.title",variant:"subheadline",sx:{display:"block",flexGrow:{xs:"1",lg:"0"},flexShrink:"0",...u},...f,children:s}),!!N?.length&&e.jsx(a.Tabs,{value:j,onChange:(e,t)=>w(t),template:"navigation",sx:{flexGrow:"1",flexBasis:{xs:"100%",lg:"auto"},order:{xs:"3",lg:"0"},justifyContent:{xs:"center",lg:"flex-start"},alignSelf:{xs:"flex-end",lg:"center"},...s&&{pl:{lg:4}},marginTop:{xs:"-10px",lg:"0"},marginBottom:"-1px",...m},"data-testid":"SecondaryNavigation.items",...v,children:N}),i&&e.jsx(a.Box,{sx:{flexShrink:"0",flexGrow:"1",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25,...S},"data-testid":"SecondaryNavigation.cta",...b,children:i})]})})});exports.SecondaryNavigation=r;
 //# sourceMappingURL=SecondaryNavigation.js.map

package/cjs/components/secondaryNavigation/SecondaryNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigation.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType, Fragment, useMemo, useState, Children } from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  Tabs,\n  TabsProps,\n  Box,\n  BoxProps,\n  Toolbar,\n  ToolbarProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\n\nexport interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {\n  /**\n   * Headline\n   */\n  title?: ReactNode;\n  /**\n   * Wrap the navigation into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * ActionButtons on the right side\n   */\n  buttons?: ReactNode;\n  /**\n   * Properties applied to toolbar container\n   */\n  toolbarProps?: ToolbarProps<ElementType>;\n  /**\n   * Properties applied to title\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Properties applied to content wrapper\n   */\n  contentProps?: TabsProps;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonsProps?: BoxProps<ElementType>;\n}\n\n/**\n * Additional navigation intended to be shown bellow the Header\n */\nexport const SecondaryNavigation: FC<SecondaryNavigationProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      title,\n      buttons,\n      inContainer = false,\n      toolbarProps,\n      titleProps,\n      contentProps,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const { sx: toolbarSx, ...restToolbar } = toolbarProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const [activeNav, setActiveNav] = useState(0);\n\n    /**\n     * Process children/navigationItems and remove any React.Fragments as Tabs requires direct elements\n     */\n    const navigation = useMemo(() => {\n      function flatten(nodes) {\n        const result = [];\n        Children.forEach(nodes, (child) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children));\n          } else {\n            result.push(child);\n          }\n        });\n        return result;\n      }\n      return flatten(children);\n    }, [children]);\n\n    return (\n      <AppBar\n        sx={{\n          // bellow Header, also defined in appbar.theme.ts\n          zIndex: (theme) => theme.zIndex.appBar - 20,\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"SecondaryNavigation\"\n        aria-label=\"Secondary Navigation\"\n        role=\"group\"\n        {...rest}\n      >\n        <Toolbar\n          sx={{\n            ...(!!navigation?.length && {\n              flexWrap: { xs: 'wrap', lg: 'nowrap' },\n              pt: { xs: 2, lg: 0 },\n            }),\n            ...toolbarSx,\n          }}\n          disableGutters={!inContainer}\n          data-testid=\"SecondaryNavigation.wrapper\"\n          {...restToolbar}\n        >\n          {title && (\n            <Typography\n              data-testid=\"SecondaryNavigation.title\"\n              variant=\"subheadline\"\n              sx={{\n                display: 'block',\n                // on mobile push the button to the right side\n                flexGrow: { xs: '1', lg: '0' },\n                flexShrink: '0',\n                ...titleSx,\n              }}\n              {...restTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {!!navigation?.length && (\n            <Tabs\n              value={activeNav}\n              onChange={(_, v) => setActiveNav(v)}\n              template=\"navigation\"\n              sx={{\n                flexGrow: '1',\n                // on mobile move to 2nd row\n                flexBasis: { xs: '100%', lg: 'auto' },\n                order: { xs: '3', lg: '0' },\n                // center on mobile\n                justifyContent: { xs: 'center', lg: 'flex-start' },\n                alignSelf: { xs: 'flex-end', lg: 'center' },\n                ...(title && {\n                  // increase size between title and nav\n                  pl: { lg: 4 },\n                }),\n                marginTop: { xs: '-10px', lg: '0' },\n                // move directly into border\n                marginBottom: '-1px',\n                ...contentSx,\n              }}\n              data-testid=\"SecondaryNavigation.items\"\n              {...restContent}\n            >\n              {navigation}\n            </Tabs>\n          )}\n          {buttons && (\n            <Box\n              sx={{\n                flexShrink: '0',\n                flexGrow: '1',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'flex-end',\n                gap: 0.25,\n                ...buttonsSx,\n              }}\n              data-testid=\"SecondaryNavigation.cta\"\n              {...restButtons}\n            >\n              {buttons}\n            </Box>\n          )}\n        </Toolbar>\n      </AppBar>\n    );\n  },\n);\n"],"names":["SecondaryNavigation","forwardRef","_a","ref","children","sx","title","buttons","inContainer","toolbarProps","titleProps","contentProps","buttonsProps","rest","__rest","_b","titleSx","restTitle","_c","toolbarSx","restToolbar","_d","contentSx","restContent","_e","buttonsSx","restButtons","activeNav","setActiveNav","useState","navigation","useMemo","flatten","nodes","result","Children","forEach","child","type","Fragment","push","props","_jsx","AppBar","Object","assign","zIndex","theme","appBar","role","_jsxs","Toolbar","length","flexWrap","xs","lg","pt","disableGutters","Typography","variant","display","flexGrow","flexShrink","Tabs","value","onChange","_","v","template","flexBasis","order","justifyContent","alignSelf","pl","marginTop","marginBottom","Box","alignItems","gap"],"mappings":"iHAiDO,MAAMA,EAAoDC,EAAAA,WAC/D,CACEC,EAYAC,SAZAC,SACEA,EAAQC,GACRA,EAAEC,MACFA,EAAKC,QACLA,EAAOC,YACPA,GAAc,EAAKC,aACnBA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,aACZA,KACGC,EAAIC,EAAAA,OAAAZ,EAVT,CAAA,WAAA,KAAA,QAAA,UAAA,cAAA,eAAA,aAAA,eAAA,iBAcA,MAAMa,EAAgCL,QAAAA,EAAc,IAA5CL,GAAIW,GAAOD,EAAKE,EAASH,EAAAA,OAAAC,EAA3B,CAAA,OACAG,EAAoCT,QAAAA,EAAgB,IAAlDJ,GAAIc,GAASD,EAAKE,EAAWN,EAAAA,OAAAI,EAA/B,CAAA,OACAG,EAAoCV,QAAAA,EAAgB,IAAlDN,GAAIiB,GAASD,EAAKE,EAAWT,EAAAA,OAAAO,EAA/B,CAAA,OACAG,EAAoCZ,QAAAA,EAAgB,IAAlDP,GAAIoB,GAASD,EAAKE,EAAWZ,EAAAA,OAAAU,EAA/B,CAAA,QACCG,EAAWC,GAAgBC,EAAAA,SAAS,GAKrCC,EAAaC,EAAAA,QAAQ,IACzB,SAASC,EAAQC,GACf,MAAMC,EAAS,GAQf,OAPAC,EAAAA,SAASC,QAAQH,EAAQI,KACnBA,aAAK,EAALA,EAAOC,QAASC,WAClBL,EAAOM,QAAQR,EAAQK,EAAMI,MAAMrC,WAEnC8B,EAAOM,KAAKH,KAGTH,CACT,CACOF,CAAQ5B,GACd,CAACA,IAEJ,OACEsC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CACLxC,GAAEuC,OAAAC,OAAA,CAEAC,OAASC,GAAUA,EAAMD,OAAOE,OAAS,IACtC3C,GAELF,IAAKA,EAAG,cACI,sBAAqB,aACtB,uBACX8C,KAAK,SACDpC,YAEJqC,EAAAA,KAACC,EAAAA,QAAOP,OAAAC,OAAA,CACNxC,GAAEuC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,KACMf,eAAAA,EAAYsB,SAAU,CAC1BC,SAAU,CAAEC,GAAI,OAAQC,GAAI,UAC5BC,GAAI,CAAEF,GAAI,EAAGC,GAAI,KAEhBpC,GAELsC,gBAAiBjD,EAAW,cAChB,+BACRY,EAAW,CAAAhB,SAAA,CAEdE,GACCoC,EAAAA,IAACgB,EAAAA,WAAUd,OAAAC,OAAA,CAAA,cACG,4BACZc,QAAQ,cACRtD,GAAEuC,OAAAC,OAAA,CACAe,QAAS,QAETC,SAAU,CAAEP,GAAI,IAAKC,GAAI,KACzBO,WAAY,KACT9C,IAEDC,EAAS,CAAAb,SAEZE,QAGFwB,eAAAA,EAAYsB,SACbV,EAAAA,IAACqB,EAAAA,KAAInB,OAAAC,OAAA,CACHmB,MAAOrC,EACPsC,SAAU,CAACC,EAAGC,IAAMvC,EAAauC,GACjCC,SAAS,aACT/D,GAAEuC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAgB,SAAU,IAEVQ,UAAW,CAAEf,GAAI,OAAQC,GAAI,QAC7Be,MAAO,CAAEhB,GAAI,IAAKC,GAAI,KAEtBgB,eAAgB,CAAEjB,GAAI,SAAUC,GAAI,cACpCiB,UAAW,CAAElB,GAAI,WAAYC,GAAI,WAC7BjD,GAAS,CAEXmE,GAAI,CAAElB,GAAI,KACV,CACFmB,UAAW,CAAEpB,GAAI,QAASC,GAAI,KAE9BoB,aAAc,SACXrD,GAAS,cAEF,6BACRC,EAAW,CAAAnB,SAEd0B,KAGJvB,GACCmC,EAAAA,IAACkC,EAAAA,IAAGhC,OAAAC,OAAA,CACFxC,GAAEuC,OAAAC,OAAA,CACAiB,WAAY,IACZD,SAAU,IACVD,QAAS,OACTiB,WAAY,SACZN,eAAgB,WAChBO,IAAK,KACFrD,GAAS,cAEF,2BACRC,EAAW,CAAAtB,SAEdG"}
+{"version":3,"file":"SecondaryNavigation.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType, Fragment, useMemo, useState, Children } from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  Tabs,\n  TabsProps,\n  Box,\n  BoxProps,\n  Toolbar,\n  ToolbarProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\n\nexport interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {\n  /**\n   * Headline\n   */\n  title?: ReactNode;\n  /**\n   * Wrap the navigation into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * ActionButtons on the right side\n   */\n  buttons?: ReactNode;\n  /**\n   * Properties applied to toolbar container\n   */\n  toolbarProps?: ToolbarProps<ElementType>;\n  /**\n   * Properties applied to title\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Properties applied to content wrapper\n   */\n  contentProps?: TabsProps;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonsProps?: BoxProps<ElementType>;\n}\n\n/**\n * Additional navigation intended to be shown bellow the Header\n */\nexport const SecondaryNavigation: FC<SecondaryNavigationProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      title,\n      buttons,\n      inContainer = false,\n      toolbarProps,\n      titleProps,\n      contentProps,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const { sx: toolbarSx, ...restToolbar } = toolbarProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const [activeNav, setActiveNav] = useState(0);\n\n    /**\n     * Process children/navigationItems and remove any React.Fragments as Tabs requires direct elements\n     */\n    const navigation = useMemo(() => {\n      function flatten(nodes) {\n        const result = [];\n        Children.forEach(nodes, (child) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children));\n          } else {\n            result.push(child);\n          }\n        });\n        return result;\n      }\n      return flatten(children);\n    }, [children]);\n\n    return (\n      <AppBar\n        sx={{\n          // bellow Header, also defined in appbar.theme.ts\n          zIndex: (theme) => theme.zIndex.appBar - 20,\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"SecondaryNavigation\"\n        aria-label=\"Secondary Navigation\"\n        role=\"group\"\n        {...rest}\n      >\n        <Toolbar\n          sx={{\n            ...(!!navigation?.length && {\n              flexWrap: { xs: 'wrap', lg: 'nowrap' },\n              pt: { xs: 2, lg: 0 },\n            }),\n            ...toolbarSx,\n          }}\n          disableGutters={!inContainer}\n          data-testid=\"SecondaryNavigation.wrapper\"\n          {...restToolbar}\n        >\n          {title && (\n            <Typography\n              data-testid=\"SecondaryNavigation.title\"\n              variant=\"subheadline\"\n              sx={{\n                display: 'block',\n                // on mobile push the button to the right side\n                flexGrow: { xs: '1', lg: '0' },\n                flexShrink: '0',\n                ...titleSx,\n              }}\n              {...restTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {!!navigation?.length && (\n            <Tabs\n              value={activeNav}\n              onChange={(_, v) => setActiveNav(v)}\n              template=\"navigation\"\n              sx={{\n                flexGrow: '1',\n                // on mobile move to 2nd row\n                flexBasis: { xs: '100%', lg: 'auto' },\n                order: { xs: '3', lg: '0' },\n                // center on mobile\n                justifyContent: { xs: 'center', lg: 'flex-start' },\n                alignSelf: { xs: 'flex-end', lg: 'center' },\n                ...(title && {\n                  // increase size between title and nav\n                  pl: { lg: 4 },\n                }),\n                marginTop: { xs: '-10px', lg: '0' },\n                // move directly into border\n                marginBottom: '-1px',\n                ...contentSx,\n              }}\n              data-testid=\"SecondaryNavigation.items\"\n              {...restContent}\n            >\n              {navigation}\n            </Tabs>\n          )}\n          {buttons && (\n            <Box\n              sx={{\n                flexShrink: '0',\n                flexGrow: '1',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'flex-end',\n                gap: 0.25,\n                ...buttonsSx,\n              }}\n              data-testid=\"SecondaryNavigation.cta\"\n              {...restButtons}\n            >\n              {buttons}\n            </Box>\n          )}\n        </Toolbar>\n      </AppBar>\n    );\n  },\n);\n"],"names":["SecondaryNavigation","forwardRef","children","sx","title","buttons","inContainer","toolbarProps","titleProps","contentProps","buttonsProps","rest","ref","titleSx","restTitle","toolbarSx","restToolbar","contentSx","restContent","buttonsSx","restButtons","activeNav","setActiveNav","useState","navigation","useMemo","flatten","nodes","result","Children","forEach","child","type","Fragment","push","props","_jsx","AppBar","zIndex","theme","appBar","role","_jsxs","Toolbar","length","flexWrap","xs","lg","pt","disableGutters","Typography","variant","display","flexGrow","flexShrink","Tabs","value","onChange","_","v","template","flexBasis","order","justifyContent","alignSelf","pl","marginTop","marginBottom","Box","alignItems","gap"],"mappings":"8FAiDO,MAAMA,EAAoDC,EAAAA,WAC/D,EAEIC,WACAC,KACAC,QACAC,UACAC,eAAc,EACdC,eACAC,aACAC,eACAC,kBACGC,GAELC,KAEA,MAAQT,GAAIU,KAAYC,GAAcN,GAAc,CAAA,GAC5CL,GAAIY,KAAcC,GAAgBT,GAAgB,CAAA,GAClDJ,GAAIc,KAAcC,GAAgBT,GAAgB,CAAA,GAClDN,GAAIgB,KAAcC,GAAgBV,GAAgB,CAAA,GACnDW,EAAWC,GAAgBC,EAAAA,SAAS,GAKrCC,EAAaC,EAAAA,QAAQ,IACzB,SAASC,EAAQC,GACf,MAAMC,EAAS,GAQf,OAPAC,EAAAA,SAASC,QAAQH,EAAQI,IACnBA,GAAOC,OAASC,WAClBL,EAAOM,QAAQR,EAAQK,EAAMI,MAAMjC,WAEnC0B,EAAOM,KAAKH,KAGTH,CACT,CACOF,CAAQxB,GACd,CAACA,IAEJ,OACEkC,EAAAA,IAACC,SAAM,CACLlC,GAAI,CAEFmC,OAASC,GAAUA,EAAMD,OAAOE,OAAS,MACtCrC,GAELS,IAAKA,gBACO,sBAAqB,aACtB,uBACX6B,KAAK,WACD9B,EAAIT,SAERwC,EAAAA,KAACC,EAAAA,QAAO,CACNxC,GAAI,MACIqB,GAAYoB,QAAU,CAC1BC,SAAU,CAAEC,GAAI,OAAQC,GAAI,UAC5BC,GAAI,CAAEF,GAAI,EAAGC,GAAI,OAEhBhC,GAELkC,gBAAiB3C,gBACL,iCACRU,EAAWd,SAAA,CAEdE,GACCgC,EAAAA,IAACc,EAAAA,0BACa,4BACZC,QAAQ,cACRhD,GAAI,CACFiD,QAAS,QAETC,SAAU,CAAEP,GAAI,IAAKC,GAAI,KACzBO,WAAY,OACTzC,MAEDC,EAASZ,SAEZE,MAGFoB,GAAYoB,QACbR,EAAAA,IAACmB,EAAAA,KAAI,CACHC,MAAOnC,EACPoC,SAAU,CAACC,EAAGC,IAAMrC,EAAaqC,GACjCC,SAAS,aACTzD,GAAI,CACFkD,SAAU,IAEVQ,UAAW,CAAEf,GAAI,OAAQC,GAAI,QAC7Be,MAAO,CAAEhB,GAAI,IAAKC,GAAI,KAEtBgB,eAAgB,CAAEjB,GAAI,SAAUC,GAAI,cACpCiB,UAAW,CAAElB,GAAI,WAAYC,GAAI,aAC7B3C,GAAS,CAEX6D,GAAI,CAAElB,GAAI,IAEZmB,UAAW,CAAEpB,GAAI,QAASC,GAAI,KAE9BoB,aAAc,UACXlD,GACJ,cACW,+BACRC,EAAWhB,SAEdsB,IAGJnB,GACC+B,EAAAA,IAACgC,EAAAA,IAAG,CACFjE,GAAI,CACFmD,WAAY,IACZD,SAAU,IACVD,QAAS,OACTiB,WAAY,SACZN,eAAgB,WAChBO,IAAK,OACFnD,GACJ,cACW,6BACRC,EAAWlB,SAEdG"}

package/cjs/components/secondaryNavigation/SecondaryNavigationCta.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("react"),a=require("@mui/material");const t=e.forwardRef((e,t)=>{const i=a.useMediaQuery(r=>r.breakpoints.down("lg"));return r.jsx(a.Button,Object.assign({ref:t,color:e.variant&&"contained"!==e.variant?"secondary":"primary",size:i?"small":"medium"},e))});exports.SecondaryNavigationCta=t;
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),a=require("@mui/material");const t=e.forwardRef((e,t)=>{const i=a.useMediaQuery(r=>r.breakpoints.down("lg"));return r.jsx(a.Button,{ref:t,color:e.variant&&"contained"!==e.variant?"secondary":"primary",size:i?"small":"medium",...e})});exports.SecondaryNavigationCta=t;
 //# sourceMappingURL=SecondaryNavigationCta.js.map

package/cjs/components/secondaryNavigation/SecondaryNavigationCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps, Theme, useMediaQuery } from '@mui/material';\n\nexport interface SecondaryNavigationCtaProps extends ButtonProps {}\n\n/**\n * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size\n */\nexport const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps> = forwardRef((props, ref) => {\n  const downLg = useMediaQuery<Theme>((theme) => theme.breakpoints.down('lg'));\n\n  return (\n    <Button\n      ref={ref}\n      color={!props.variant || props.variant === 'contained' ? 'primary' : 'secondary'}\n      size={downLg ? 'small' : 'medium'}\n      {...props}\n    />\n  );\n});\n"],"names":["SecondaryNavigationCta","forwardRef","props","ref","downLg","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","color","variant","size"],"mappings":"8FAQO,MAAMA,EAAgEC,EAAAA,WAAW,CAACC,EAAOC,KAC9F,MAAMC,EAASC,EAAAA,cAAsBC,GAAUA,EAAMC,YAAYC,KAAK,OAEtE,OACEC,EAAAA,IAACC,SAAMC,OAAAC,OAAA,CACLT,IAAKA,EACLU,MAAQX,EAAMY,SAA6B,cAAlBZ,EAAMY,QAAsC,YAAZ,UACzDC,KAAMX,EAAS,QAAU,UACrBF"}
+{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps, Theme, useMediaQuery } from '@mui/material';\n\nexport interface SecondaryNavigationCtaProps extends ButtonProps {}\n\n/**\n * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size\n */\nexport const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps> = forwardRef((props, ref) => {\n  const downLg = useMediaQuery<Theme>((theme) => theme.breakpoints.down('lg'));\n\n  return (\n    <Button\n      ref={ref}\n      color={!props.variant || props.variant === 'contained' ? 'primary' : 'secondary'}\n      size={downLg ? 'small' : 'medium'}\n      {...props}\n    />\n  );\n});\n"],"names":["SecondaryNavigationCta","forwardRef","props","ref","downLg","useMediaQuery","theme","breakpoints","down","_jsx","Button","color","variant","size"],"mappings":"8FAQO,MAAMA,EAAgEC,EAAAA,WAAW,CAACC,EAAOC,KAC9F,MAAMC,EAASC,EAAAA,cAAsBC,GAAUA,EAAMC,YAAYC,KAAK,OAEtE,OACEC,EAAAA,IAACC,EAAAA,OAAM,CACLP,IAAKA,EACLQ,MAAQT,EAAMU,SAA6B,cAAlBV,EAAMU,QAAsC,YAAZ,UACzDC,KAAMT,EAAS,QAAU,YACrBF"}

package/cjs/components/secondaryNavigation/SecondaryNavigationItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("react"),t=require("@mui/material");const i=a.forwardRef((a,i)=>{var{children:s,label:l}=a,n=e.__rest(a,["children","label"]);return r.jsx(t.Tab,Object.assign({label:s||l,ref:i,"data-testid":"SecondaryNavigationItem"},n))});exports.SecondaryNavigationItem=i;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("@mui/material");const t=r.forwardRef(({children:r,label:t,...i},c)=>e.jsx(a.Tab,{label:r||t,ref:c,"data-testid":"SecondaryNavigationItem",...i}));exports.SecondaryNavigationItem=t;
 //# sourceMappingURL=SecondaryNavigationItem.js.map

package/cjs/components/secondaryNavigation/SecondaryNavigationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ForwardedRef, ElementType } from 'react';\nimport { Tab, TabProps } from '@mui/material';\n\nexport interface SecondaryNavigationItemProps extends Omit<TabProps<ElementType>, 'children'> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * Displayed navigation text\n   */\n  children?: ReactNode;\n}\n\n/**\n * Component to render styled button in the header\n */\nexport const SecondaryNavigationItem: FC<SecondaryNavigationItemProps> = forwardRef(\n  ({ children, label, ...rest }, ref) => {\n    return (\n      <Tab\n        label={children || label}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        data-testid=\"SecondaryNavigationItem\"\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["SecondaryNavigationItem","forwardRef","_a","ref","children","label","rest","__rest","_jsx","Tab"],"mappings":"iHAiBO,MAAMA,EAA4DC,EAAAA,WACvE,CAACC,EAA8BC,SAA9BC,SAAEA,EAAQC,MAAEA,GAAKH,EAAKI,EAAIC,EAAAA,OAAAL,EAA1B,sBACC,OACEM,EAAAA,IAACC,EAAAA,mBACCJ,MAAOD,GAAYC,EACnBF,IAAKA,EAAmC,cAC5B,2BACRG"}
+{"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ForwardedRef, ElementType } from 'react';\nimport { Tab, TabProps } from '@mui/material';\n\nexport interface SecondaryNavigationItemProps extends Omit<TabProps<ElementType>, 'children'> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * Displayed navigation text\n   */\n  children?: ReactNode;\n}\n\n/**\n * Component to render styled button in the header\n */\nexport const SecondaryNavigationItem: FC<SecondaryNavigationItemProps> = forwardRef(\n  ({ children, label, ...rest }, ref) => {\n    return (\n      <Tab\n        label={children || label}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        data-testid=\"SecondaryNavigationItem\"\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["SecondaryNavigationItem","forwardRef","children","label","rest","ref","_jsx","Tab"],"mappings":"8FAiBO,MAAMA,EAA4DC,EAAAA,WACvE,EAAGC,WAAUC,WAAUC,GAAQC,IAE3BC,MAACC,EAAAA,KACCJ,MAAOD,GAAYC,EACnBE,IAAKA,EAAmC,cAC5B,6BACRD"}

package/cjs/components/segmentedControls/SegmentedControls.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const s=r.forwardRef((r,s)=>e.jsx(t.Tabs,Object.assign({},r,{ref:s,template:"segmented"})));exports.SegmentedControls=s;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const s=r.forwardRef((r,s)=>e.jsx(t.Tabs,{...r,ref:s,template:"segmented"}));exports.SegmentedControls=s;
 //# sourceMappingURL=SegmentedControls.js.map

package/cjs/components/segmentedControls/SegmentedControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControls.js","sources":["../../../../../src/components/segmentedControls/SegmentedControls.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Tabs, TabsProps } from '@mui/material';\n\nexport interface SegmentedControlsProps extends Omit<TabsProps, 'template'> {}\n\n/**\n * Segmented Controls is a proxy component to <Tabs template=\"segmented\" />\n */\nexport const SegmentedControls: React.FC<SegmentedControlsProps> = forwardRef((props, ref) => {\n  return <Tabs {...props} ref={ref} template=\"segmented\" />;\n});\n"],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","Object","assign","template"],"mappings":"8FAQO,MAAMA,EAAsDC,EAAAA,WAAW,CAACC,EAAOC,IAC7EC,MAACC,EAAAA,KAAIC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEC,IAAKA,EAAKK,SAAS"}
+{"version":3,"file":"SegmentedControls.js","sources":["../../../../../src/components/segmentedControls/SegmentedControls.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Tabs, TabsProps } from '@mui/material';\n\nexport interface SegmentedControlsProps extends Omit<TabsProps, 'template'> {}\n\n/**\n * Segmented Controls is a proxy component to <Tabs template=\"segmented\" />\n */\nexport const SegmentedControls: React.FC<SegmentedControlsProps> = forwardRef((props, ref) => {\n  return <Tabs {...props} ref={ref} template=\"segmented\" />;\n});\n"],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","template"],"mappings":"8FAQO,MAAMA,EAAsDC,EAAAA,WAAW,CAACC,EAAOC,IAC7EC,EAAAA,IAACC,EAAAA,KAAI,IAAKH,EAAOC,IAAKA,EAAKG,SAAS"}

package/cjs/components/shortcut/Shortcut.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),t=require("@mui/material"),s=require("react");const i=s.forwardRef((r,s)=>e.jsx(t.Button,Object.assign({},r,{ref:s,variant:"shortcut"}))),a=s.forwardRef((s,i)=>{var{sx:a,children:c}=s,n=r.__rest(s,["sx","children"]);return e.jsx(t.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},columnGap:{xs:2,md:3.5,lg:6.5},rowGap:2},a),ref:i},n,{children:c}))});exports.Shortcut=i,exports.ShortcutWrapper=a;
+"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material"),t=require("react");const s=t.forwardRef((t,s)=>r.jsx(e.Button,{...t,ref:s,variant:"shortcut"})),a=t.forwardRef(({sx:t,children:s,...a},o)=>r.jsx(e.Box,{sx:{display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},columnGap:{xs:2,md:3.5,lg:6.5},rowGap:2,...t},ref:o,...a,children:s}));exports.Shortcut=s,exports.ShortcutWrapper=a;
 //# sourceMappingURL=Shortcut.js.map

package/cjs/components/shortcut/Shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcut.js","sources":["../../../../../src/components/shortcut/Shortcut.tsx"],"sourcesContent":["import { Button, ButtonProps, Box, BoxProps } from '@mui/material';\nimport React, { forwardRef, ElementType } from 'react';\n\nexport interface ShortcutProps extends Omit<ButtonProps, 'variant' | 'color'> {}\n\n/**\n * Shortcut is a proxy component to <Button variant=\"shortcut\" />\n */\nexport const Shortcut: React.FC<ShortcutProps> = forwardRef((props, ref) => {\n  return <Button {...props} ref={ref} variant=\"shortcut\" />;\n});\n\nexport interface ShortcutWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for multiple Shortcuts\n */\nexport const ShortcutWrapper: React.FC<ShortcutWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: { xs: 'column', md: 'row' },\n        alignItems: { xs: 'flex-start', md: 'center' },\n        columnGap: { xs: 2, md: 3.5, lg: 6.5 },\n        rowGap: 2,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","Object","assign","variant","ShortcutWrapper","_a","sx","children","rest","__rest","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"iHAQO,MAAMA,EAAoCC,EAAAA,WAAW,CAACC,EAAOC,IAC3DC,MAACC,EAAAA,OAAMC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEC,IAAKA,EAAKK,QAAQ,eAQjCC,EAAkDR,EAAAA,WAAW,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAvB,mBACzE,OACEN,EAAAA,IAACW,EAAAA,IAAGT,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAS,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLZ,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA"}
+{"version":3,"file":"Shortcut.js","sources":["../../../../../src/components/shortcut/Shortcut.tsx"],"sourcesContent":["import { Button, ButtonProps, Box, BoxProps } from '@mui/material';\nimport React, { forwardRef, ElementType } from 'react';\n\nexport interface ShortcutProps extends Omit<ButtonProps, 'variant' | 'color'> {}\n\n/**\n * Shortcut is a proxy component to <Button variant=\"shortcut\" />\n */\nexport const Shortcut: React.FC<ShortcutProps> = forwardRef((props, ref) => {\n  return <Button {...props} ref={ref} variant=\"shortcut\" />;\n});\n\nexport interface ShortcutWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for multiple Shortcuts\n */\nexport const ShortcutWrapper: React.FC<ShortcutWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: { xs: 'column', md: 'row' },\n        alignItems: { xs: 'flex-start', md: 'center' },\n        columnGap: { xs: 2, md: 3.5, lg: 6.5 },\n        rowGap: 2,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","variant","ShortcutWrapper","sx","children","rest","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"8FAQO,MAAMA,EAAoCC,EAAAA,WAAW,CAACC,EAAOC,IAC3DC,EAAAA,IAACC,EAAAA,OAAM,IAAKH,EAAOC,IAAKA,EAAKG,QAAQ,cAQjCC,EAAkDN,EAAAA,WAAW,EAAGO,KAAIC,cAAaC,GAAQP,IAElGC,EAAAA,IAACO,MAAG,CACFH,GAAI,CACFI,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,KACLX,GAELL,IAAKA,KACDO,EAAID,SAEPA"}

package/cjs/components/skodaThemeProvider/SkodaThemeProvider.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material"),n=require("@emotion/react"),s=require("@emotion/cache"),l=require("stylis"),c=require("stylis-plugin-rtl"),a=require("./plugins/stylisContainerPlugin.js"),d=require("../../materialui/theme/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var u=o(s),h=o(c);function g({children:e,direction:t,widget:s,createCacheOptions:c}){const d=i.useMemo(()=>{if("rtl"===t||s)return u.default(Object.assign({prepend:!0,key:`${s?"w":""}${"rtl"===t?"rtl":"css"}`,stylisPlugins:[l.prefixer,..."rtl"===t?[h.default]:[],...s?[a.default]:[]]},c||{}))},[t,s,null==c?void 0:c.key]);return d?r.jsx(n.CacheProvider,{value:d,children:e}):r.jsx(r.Fragment,{children:e})}function m(i){var{children:n,sx:s,widget:l}=i,c=e.__rest(i,["children","sx","widget"]);return l?r.jsx(t.Box,Object.assign({sx:Object.assign({containerType:"inline-size"},s)},c,{children:n})):r.jsx(r.Fragment,{children:n})}exports.SkodaThemeProvider=i=>{var{children:n,theme:s=d.theme,globalBaseline:l=!1,widget:c=!1,createCacheOptions:a,containerProps:o}=i,u=e.__rest(i,["children","theme","globalBaseline","widget","createCacheOptions","containerProps"]);return r.jsx(g,{direction:s.direction,widget:c,createCacheOptions:a,children:r.jsx(t.ThemeProvider,{theme:s,children:r.jsx(m,Object.assign({widget:c},o,{children:l?n:r.jsx(t.ScopedCssBaseline,Object.assign({},u,"rtl"===s.direction?{dir:"rtl"}:{},{children:n}))}))})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material"),t=require("@emotion/react"),n=require("@emotion/cache"),s=require("stylis"),l=require("stylis-plugin-rtl"),c=require("./plugins/stylisContainerPlugin.js"),d=require("../../materialui/theme/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(n),o=a(l);function h({children:i,direction:n,widget:l,createCacheOptions:d}){const a=r.useMemo(()=>{if("rtl"===n||l)return u.default({prepend:!0,key:`${l?"w":""}${"rtl"===n?"rtl":"css"}`,stylisPlugins:[s.prefixer,..."rtl"===n?[o.default]:[],...l?[c.default]:[]],...d||{}})},[n,l,d?.key]);return a?e.jsx(t.CacheProvider,{value:a,children:i}):e.jsx(e.Fragment,{children:i})}function m({children:r,sx:t,widget:n,...s}){return n?e.jsx(i.Box,{sx:{containerType:"inline-size",...t},...s,children:r}):e.jsx(e.Fragment,{children:r})}exports.SkodaThemeProvider=({children:r,theme:t=d.theme,globalBaseline:n=!1,widget:s=!1,createCacheOptions:l,containerProps:c,...a})=>e.jsx(h,{direction:t.direction,widget:s,createCacheOptions:l,children:e.jsx(i.ThemeProvider,{theme:t,children:e.jsx(m,{widget:s,...c,children:n?r:e.jsx(i.ScopedCssBaseline,{...a,..."rtl"===t.direction?{dir:"rtl"}:{},children:r})})})});
 //# sourceMappingURL=SkodaThemeProvider.js.map

package/cjs/components/skodaThemeProvider/SkodaThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport { ScopedCssBaseline, ScopedCssBaselineProps, ThemeProvider, Box, BoxProps, Theme } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache, { Options } from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport containerPlugin from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '../../materialui/theme/theme';\nimport '../../materialui/theme/theme.extensions';\n\nexport type SkodaThemeProviderProps = {\n  children?: React.ReactNode;\n  /**\n   * Theme to be used\n   */\n  theme?: Partial<Theme>;\n\n  /**\n   * Disable adding extra ScopedCssBaseline as CssBaseline is being used\n   */\n  globalBaseline?: boolean;\n  /**\n   * Changes @media queries to @container queries,\n   */\n  widget?: boolean;\n  /**\n   * Options for the cache creation function by Emotion\n   */\n  createCacheOptions?: Options;\n  /**\n   * Props passed to container used by the widget\n   */\n  containerProps?: BoxProps<ElementType>;\n} & ScopedCssBaselineProps;\n\n/**\n * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider: React.FC<SkodaThemeProviderProps> = ({\n  children,\n  theme = skodaTheme,\n  globalBaseline = false,\n  widget = false,\n  createCacheOptions,\n  containerProps,\n  ...rest\n}) => {\n  return (\n    <CacheContainer direction={theme.direction} widget={widget} createCacheOptions={createCacheOptions}>\n      <ThemeProvider theme={theme}>\n        <WidgetContainer widget={widget} {...containerProps}>\n          {globalBaseline ? (\n            children\n          ) : (\n            <ScopedCssBaseline {...rest} {...(theme.direction === 'rtl' ? { dir: 'rtl' } : {})}>\n              {children}\n            </ScopedCssBaseline>\n          )}\n        </WidgetContainer>\n      </ThemeProvider>\n    </CacheContainer>\n  );\n};\n\n/**\n * Wrapper providing CacheProvider necessary for the stylis plugin optimization\n */\nfunction CacheContainer({\n  children,\n  direction,\n  widget,\n  createCacheOptions,\n}: {\n  children: React.ReactNode;\n  direction: Theme['direction'];\n  widget: boolean;\n  createCacheOptions?: Options;\n}) {\n  const cache = useMemo(() => {\n    // in case we are not using RTL or widget, we don't need to generate cache\n    if (direction !== 'rtl' && !widget) {\n      return undefined;\n    }\n    return createCache({\n      // inject first\n      prepend: true,\n      // cache based on the plugins\n      key: `${widget ? 'w' : ''}${direction === 'rtl' ? 'rtl' : 'css'}`,\n      stylisPlugins: [\n        prefixer,\n        // transform left to right\n        ...(direction === 'rtl' ? [rtlPlugin] : []),\n        // transform @media to @container queries\n        ...(widget ? [containerPlugin] : []),\n      ],\n      ...(createCacheOptions || {}),\n    });\n  }, [direction, widget, createCacheOptions?.key]);\n\n  return cache ? <CacheProvider value={cache}>{children}</CacheProvider> : <>{children}</>;\n}\n\n/**\n * Wrapper providing necessary containerType: 'inline-size' style to activate @container queries\n */\nfunction WidgetContainer({ children, sx, widget, ...rest }: { widget: boolean } & BoxProps) {\n  return widget ? (\n    <Box sx={{ containerType: 'inline-size', ...sx }} {...rest}>\n      {children}\n    </Box>\n  ) : (\n    <>{children}</>\n  );\n}\n"],"names":["CacheContainer","children","direction","widget","createCacheOptions","cache","useMemo","createCache","Object","assign","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","_jsx","CacheProvider","value","_Fragment","WidgetContainer","_a","sx","rest","__rest","Box","containerType","theme","skodaTheme","globalBaseline","containerProps","ThemeProvider","ScopedCssBaseline","dir"],"mappings":"8XAmEA,SAASA,GAAeC,SACtBA,EAAQC,UACRA,EAASC,OACTA,EAAMC,mBACNA,IAOA,MAAMC,EAAQC,EAAAA,QAAQ,KAEpB,GAAkB,QAAdJ,GAAwBC,EAG5B,OAAOI,EAAAA,QAAWC,OAAAC,OAAA,CAEhBC,SAAS,EAETC,IAAK,GAAGR,EAAS,IAAM,KAAmB,QAAdD,EAAsB,MAAQ,QAC1DU,cAAe,CACbC,EAAAA,YAEkB,QAAdX,EAAsB,CAACY,EAAAA,SAAa,MAEpCX,EAAS,CAACY,WAAmB,KAE/BX,GAAsB,CAAA,KAE3B,CAACF,EAAWC,EAAQC,eAAAA,EAAoBO,MAE3C,OAAON,EAAQW,EAAAA,IAACC,EAAAA,eAAcC,MAAOb,EAAKJ,SAAGA,IAA4Be,EAAAA,IAAAG,EAAAA,SAAA,CAAAlB,SAAGA,GAC9E,CAKA,SAASmB,EAAgBC,OAAApB,SAAEA,EAAQqB,GAAEA,EAAEnB,OAAEA,KAAWoB,EAAIC,EAAAA,OAAAH,EAA/B,CAAA,WAAA,KAAA,WACvB,OAAOlB,EACLa,EAAAA,IAACS,EAAAA,IAAGjB,OAAAC,OAAA,CAACa,GAAEd,OAAAC,OAAA,CAAIiB,cAAe,eAAkBJ,IAAUC,EAAI,CAAAtB,SACvDA,KAGHe,EAAAA,IAAAG,WAAA,CAAAlB,SAAGA,GAEP,4BA3EsEoB,QAAApB,SACpEA,QACA0B,EAAQC,QAAUC,eAClBA,GAAiB,EAAK1B,OACtBA,GAAS,EAAKC,mBACdA,EAAkB0B,eAClBA,KACGP,EAAIC,EAAAA,OAAAH,EAP6D,CAAA,WAAA,QAAA,iBAAA,SAAA,qBAAA,mBASpE,OACEL,MAAChB,EAAc,CAACE,UAAWyB,EAAMzB,UAAWC,OAAQA,EAAQC,mBAAoBA,EAAkBH,SAChGe,EAAAA,IAACe,EAAAA,eAAcJ,MAAOA,EAAK1B,SACzBe,EAAAA,IAACI,EAAeZ,OAAAC,OAAA,CAACN,OAAQA,GAAY2B,EAAc,CAAA7B,SAChD4B,EAAc,EAGbb,EAAAA,IAACgB,EAAAA,kBAAiBxB,OAAAC,OAAA,CAAA,EAAKc,EAA+B,QAApBI,EAAMzB,UAAsB,CAAE+B,IAAK,OAAU,CAAA,EAAG,CAAAhC,SAC/EA"}
+{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport { ScopedCssBaseline, ScopedCssBaselineProps, ThemeProvider, Box, BoxProps, Theme } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache, { Options } from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport containerPlugin from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '../../materialui/theme/theme';\nimport '../../materialui/theme/theme.extensions';\n\nexport type SkodaThemeProviderProps = {\n  children?: React.ReactNode;\n  /**\n   * Theme to be used\n   */\n  theme?: Partial<Theme>;\n  /**\n   * Disable adding extra ScopedCssBaseline as CssBaseline is being used\n   */\n  globalBaseline?: boolean;\n  /**\n   * Changes @media queries to @container queries,\n   */\n  widget?: boolean;\n  /**\n   * Options for the cache creation function by Emotion\n   */\n  createCacheOptions?: Options;\n  /**\n   * Props passed to container used by the widget\n   */\n  containerProps?: BoxProps<ElementType>;\n} & ScopedCssBaselineProps;\n\n/**\n * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider: React.FC<SkodaThemeProviderProps> = ({\n  children,\n  theme = skodaTheme,\n  globalBaseline = false,\n  widget = false,\n  createCacheOptions,\n  containerProps,\n  ...rest\n}) => {\n  return (\n    <CacheContainer direction={theme.direction} widget={widget} createCacheOptions={createCacheOptions}>\n      <ThemeProvider theme={theme}>\n        <WidgetContainer widget={widget} {...containerProps}>\n          {globalBaseline ? (\n            children\n          ) : (\n            <ScopedCssBaseline {...rest} {...(theme.direction === 'rtl' ? { dir: 'rtl' } : {})}>\n              {children}\n            </ScopedCssBaseline>\n          )}\n        </WidgetContainer>\n      </ThemeProvider>\n    </CacheContainer>\n  );\n};\n\n/**\n * Wrapper providing CacheProvider necessary for the stylis plugin optimization\n */\nfunction CacheContainer({\n  children,\n  direction,\n  widget,\n  createCacheOptions,\n}: {\n  children: React.ReactNode;\n  direction: Theme['direction'];\n  widget: boolean;\n  createCacheOptions?: Options;\n}) {\n  const cache = useMemo(() => {\n    // in case we are not using RTL or widget, we don't need to generate cache\n    if (direction !== 'rtl' && !widget) {\n      return undefined;\n    }\n    return createCache({\n      // inject first\n      prepend: true,\n      // cache based on the plugins\n      key: `${widget ? 'w' : ''}${direction === 'rtl' ? 'rtl' : 'css'}`,\n      stylisPlugins: [\n        prefixer,\n        // transform left to right\n        ...(direction === 'rtl' ? [rtlPlugin] : []),\n        // transform @media to @container queries\n        ...(widget ? [containerPlugin] : []),\n      ],\n      ...(createCacheOptions || {}),\n    });\n  }, [direction, widget, createCacheOptions?.key]);\n\n  return cache ? <CacheProvider value={cache}>{children}</CacheProvider> : <>{children}</>;\n}\n\n/**\n * Wrapper providing necessary containerType: 'inline-size' style to activate @container queries\n */\nfunction WidgetContainer({ children, sx, widget, ...rest }: { widget: boolean } & BoxProps) {\n  return widget ? (\n    <Box sx={{ containerType: 'inline-size', ...sx }} {...rest}>\n      {children}\n    </Box>\n  ) : (\n    <>{children}</>\n  );\n}\n"],"names":["CacheContainer","children","direction","widget","createCacheOptions","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","_jsx","CacheProvider","value","_Fragment","WidgetContainer","sx","rest","Box","containerType","theme","skodaTheme","globalBaseline","containerProps","ThemeProvider","ScopedCssBaseline","dir"],"mappings":"2WAkEA,SAASA,GAAeC,SACtBA,EAAQC,UACRA,EAASC,OACTA,EAAMC,mBACNA,IAOA,MAAMC,EAAQC,EAAAA,QAAQ,KAEpB,GAAkB,QAAdJ,GAAwBC,EAG5B,OAAOI,UAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGN,EAAS,IAAM,KAAmB,QAAdD,EAAsB,MAAQ,QAC1DQ,cAAe,CACbC,EAAAA,YAEkB,QAAdT,EAAsB,CAACU,EAAAA,SAAa,MAEpCT,EAAS,CAACU,WAAmB,OAE/BT,GAAsB,CAAA,KAE3B,CAACF,EAAWC,EAAQC,GAAoBK,MAE3C,OAAOJ,EAAQS,EAAAA,IAACC,EAAAA,eAAcC,MAAOX,EAAKJ,SAAGA,IAA4Ba,EAAAA,IAAAG,EAAAA,SAAA,CAAAhB,SAAGA,GAC9E,CAKA,SAASiB,GAAgBjB,SAAEA,EAAQkB,GAAEA,EAAEhB,OAAEA,KAAWiB,IAClD,OAAOjB,EACLW,EAAAA,IAACO,MAAG,CAACF,GAAI,CAAEG,cAAe,iBAAkBH,MAAUC,EAAInB,SACvDA,IAGHa,EAAAA,IAAAG,EAAAA,SAAA,CAAAhB,SAAGA,GAEP,4BA3EqE,EACnEA,iBACAsB,EAAQC,EAAAA,MACRC,kBAAiB,EACjBtB,UAAS,EACTC,qBACAsB,oBACGN,KAGDN,EAAAA,IAACd,EAAc,CAACE,UAAWqB,EAAMrB,UAAWC,OAAQA,EAAQC,mBAAoBA,EAAkBH,SAChGa,MAACa,EAAAA,eAAcJ,MAAOA,EAAKtB,SACzBa,EAAAA,IAACI,EAAe,CAACf,OAAQA,KAAYuB,EAAczB,SAChDwB,IAGCX,MAACc,EAAAA,kBAAiB,IAAKR,KAA+B,QAApBG,EAAMrB,UAAsB,CAAE2B,IAAK,OAAU,CAAA,EAAG5B,SAC/EA"}

package/cjs/components/spacing/Spacing.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),t=require("react"),s=require("@mui/material");const a=t.forwardRef((t,a)=>{var{sx:i,value:u=2,horizontal:n=!1}=t,o=r.__rest(t,["sx","value","horizontal"]);return e.jsx(s.Box,Object.assign({ref:a,sx:Object.assign({pl:n?u:0,pt:n?0:u},i)},o))});exports.Spacing=a;
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const a=e.forwardRef(({sx:e,value:a=2,horizontal:i=!1,...s},u)=>r.jsx(t.Box,{ref:u,sx:{pl:i?a:0,pt:i?0:a,...e},...s}));exports.Spacing=a;
 //# sourceMappingURL=Spacing.js.map

package/cjs/components/spacing/Spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spacing.js","sources":["../../../../../src/components/spacing/Spacing.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { ResponsiveStyleValue } from '@mui/system';\n\nexport interface SpacingProps extends BoxProps<ElementType> {\n  /**\n   * Value of spacing. Transpiles to theme.spacing(value).\n   *\n   * @default 2 that transpiles by default to 16px\n   */\n  value?: ResponsiveStyleValue<number | string>;\n  /**\n   * Defines whether the Spacing should be horizontal or vertical.\n   * @default: false\n   */\n  horizontal?: boolean;\n}\n\nexport const Spacing: React.FC<SpacingProps> = forwardRef(({ sx, value = 2, horizontal = false, ...rest }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        pl: horizontal ? value : 0,\n        pt: horizontal ? 0 : value,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n});\n"],"names":["Spacing","forwardRef","_a","ref","sx","value","horizontal","rest","__rest","_jsx","Box","Object","assign","pl","pt"],"mappings":"iHAkBO,MAAMA,EAAkCC,EAAAA,WAAW,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,GAAKJ,EAAKK,EAAIC,EAAAA,OAAAN,EAA5C,6BACzD,OACEO,MAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFT,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG"}
+{"version":3,"file":"Spacing.js","sources":["../../../../../src/components/spacing/Spacing.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { ResponsiveStyleValue } from '@mui/system';\n\nexport interface SpacingProps extends BoxProps<ElementType> {\n  /**\n   * Value of spacing. Transpiles to theme.spacing(value).\n   *\n   * @default 2 that transpiles by default to 16px\n   */\n  value?: ResponsiveStyleValue<number | string>;\n  /**\n   * Defines whether the Spacing should be horizontal or vertical.\n   * @default: false\n   */\n  horizontal?: boolean;\n}\n\nexport const Spacing: React.FC<SpacingProps> = forwardRef(({ sx, value = 2, horizontal = false, ...rest }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        pl: horizontal ? value : 0,\n        pt: horizontal ? 0 : value,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n});\n"],"names":["Spacing","forwardRef","sx","value","horizontal","rest","ref","_jsx","Box","pl","pt"],"mappings":"8FAkBO,MAAMA,EAAkCC,EAAAA,WAAW,EAAGC,KAAIC,QAAQ,EAAGC,cAAa,KAAUC,GAAQC,IAEvGC,EAAAA,IAACC,EAAAA,IAAG,CACFF,IAAKA,EACLJ,GAAI,CACFO,GAAIL,EAAaD,EAAQ,EACzBO,GAAIN,EAAa,EAAID,KAClBD,MAEDG"}

package/cjs/components/textAndCta/AppStoreButton.js

@@ -1,2 +1,2 @@
-"use strict";var h=require("tslib"),a=require("react/jsx-runtime"),f=require("react"),t=require("@mui/material"),c=require("../focusring/focusring.js"),l=require("../../materialui/button/interactive.js");const i=f.forwardRef((i,v)=>{var{variant:r,sx:d}=i,p=h.__rest(i,["variant","sx"]);const o=f.useMemo(()=>"apple-store"===r?e:s,[r]);return a.jsx(t.ButtonBase,Object.assign({sx:h=>Object.assign(Object.assign(Object.assign(Object.assign({position:"relative"},c.getFocusRingStyle(h)),{"&&:before":{borderRadius:"4px"},":after":{display:"block",content:'""',position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:h.palette.transparent.primary,transition:"opacity 0.3s ease-out",opacity:"0"}}),l.getInteractiveStyle({"&:after":{opacity:"0"}},{"&:after":{opacity:"1"}})),d),ref:v},p,{children:a.jsx(o,{})}))});function s(h){return a.jsxs(t.SvgIcon,Object.assign({viewBox:"0 0 180 53.333",sx:{height:"36px",width:"auto"}},h,{children:[a.jsx("path",{d:"m173.33 53.333h-166.66c-3.6666 0-6.6665-2.9999-6.6665-6.6665v-39.999c0-3.6666 2.9999-6.6665 6.6665-6.6665h166.66c3.6666 0 6.6665 2.9999 6.6665 6.6665v39.999c0 3.6666-2.9999 6.6665-6.6665 6.6665",fill:"#100f0d",strokeWidth:".13333"}),a.jsx("path",{d:"m173.33 1e-3h-166.66c-3.6666 0-6.6665 2.9999-6.6665 6.6665v39.999c0 3.6666 2.9999 6.6665 6.6665 6.6665h166.66c3.6666 0 6.6665-2.9999 6.6665-6.6665v-39.999c0-3.6666-2.9999-6.6665-6.6665-6.6665zm0 1.0661c3.0879 0 5.5999 2.5125 5.5999 5.6004v39.999c0 3.0879-2.5119 5.6004-5.5999 5.6004h-166.66c-3.0879 0-5.5993-2.5125-5.5993-5.6004v-39.999c0-3.0879 2.5114-5.6004 5.5993-5.6004h166.66",fill:"#a2a2a1",strokeWidth:".13333"}),a.jsx("path",{d:"m142.58 40h2.4879v-16.669h-2.4879zm22.409-10.664-2.8519 7.2264h-0.0853l-2.9599-7.2264h-2.6799l4.4399 10.1-2.5319 5.6185h2.5946l6.8412-15.718zm-14.11 8.7706c-0.81331 0-1.9506-0.40786-1.9506-1.4156 0-1.2865 1.416-1.7797 2.6373-1.7797 1.0933 0 1.6093 0.23546 2.2733 0.55732-0.19333 1.5442-1.5226 2.6379-2.9599 2.6379zm0.30133-9.1352c-1.8013 0-3.6666 0.79371-4.4386 2.5521l2.208 0.92184c0.47198-0.92184 1.3506-1.2218 2.2733-1.2218 1.2866 0 2.5946 0.77131 2.6159 2.1442v0.17133c-0.45066-0.25733-1.416-0.64318-2.5946-0.64318-2.3813 0-4.8039 1.3077-4.8039 3.7524 0 2.2302 1.952 3.6671 4.1386 3.6671 1.672 0 2.5959-0.75054 3.1732-1.6301h0.0867v1.2874h2.4026v-6.391c0-2.9593-2.2106-4.6103-5.0612-4.6103zm-15.376 2.3937h-3.5386v-5.7133h3.5386c1.86 0 2.9159 1.5396 2.9159 2.8566 0 1.2917-1.056 2.8567-2.9159 2.8567zm-0.064-8.0337h-5.9614v16.669h2.4869v-6.3149h3.4746c2.7573 0 5.4679-1.9958 5.4679-5.1765 0-3.1801-2.7106-5.1769-5.4679-5.1769zm-32.507 14.778c-1.7188 0-3.1573-1.4396-3.1573-3.415 0-1.9984 1.4385-3.4583 3.1573-3.4583 1.6969 0 3.0286 1.46 3.0286 3.4583 0 1.9754-1.3317 3.415-3.0286 3.415zm2.8567-7.8403h-0.086c-0.55826-0.66572-1.6328-1.2672-2.9853-1.2672-2.8359 0-5.4348 2.4921-5.4348 5.6925 0 3.1786 2.5989 5.6488 5.4348 5.6488 1.3525 0 2.427-0.6016 2.9853-1.2885h0.086v0.81558c0 2.1703-1.1598 3.3296-3.0286 3.3296-1.5245 0-2.4697-1.0953-2.8567-2.0188l-2.1691 0.90206c0.62238 1.503 2.2759 3.351 5.0259 3.351 2.9218 0 5.392-1.7188 5.392-5.9077v-10.181h-2.3634zm4.0822 9.7304h2.4906v-16.669h-2.4906zm6.164-5.4988c-0.0641-2.1911 1.6978-3.3078 2.9645-3.3078 0.98851 0 1.8254 0.49425 2.1057 1.2026zm7.7326-1.8906c-0.47238-1.2666-1.9114-3.6082-4.8541-3.6082-2.9218 0-5.3488 2.2983-5.3488 5.6707 0 3.1791 2.4062 5.6707 5.6275 5.6707 2.5989 0 4.1031-1.589 4.7264-2.513l-1.9333-1.289c-0.64465 0.94531-1.5249 1.5682-2.7931 1.5682-1.2666 0-2.1692-0.58012-2.7483-1.7186l7.5815-3.1359zm-60.409-1.8682v2.4057h5.7565c-0.17186 1.3532-0.62292 2.3411-1.3104 3.0286-0.83798 0.83745-2.1483 1.7614-4.4462 1.7614-3.5443 0-6.315-2.8567-6.315-6.4009s2.7707-6.4013 6.315-6.4013c1.9118 0 3.3077 0.75198 4.3388 1.7186l1.6974-1.6973c-1.4396-1.3745-3.351-2.427-6.0362-2.427-4.8552 0-8.9363 3.9524-8.9363 8.807 0 4.8541 4.0811 8.8066 8.9363 8.8066 2.6202 0 4.5967-0.85932 6.143-2.4702 1.5896-1.5896 2.0838-3.8234 2.0838-5.628 0-0.55785-0.04333-1.0734-0.1292-1.5032zm14.772 7.3675c-1.7188 0-3.201-1.4177-3.201-3.4368 0-2.0406 1.4822-3.4364 3.201-3.4364 1.7181 0 3.2003 1.3958 3.2003 3.4364 0 2.0191-1.4822 3.4368-3.2003 3.4368zm0-9.1075c-3.137 0-5.6927 2.3842-5.6927 5.6707 0 3.265 2.5557 5.6707 5.6927 5.6707 3.1358 0 5.692-2.4057 5.692-5.6707 0-3.2865-2.5562-5.6707-5.692-5.6707zm12.417 9.1075c-1.7176 0-3.2003-1.4177-3.2003-3.4368 0-2.0406 1.4828-3.4364 3.2003-3.4364 1.7188 0 3.2005 1.3958 3.2005 3.4364 0 2.0191-1.4817 3.4368-3.2005 3.4368zm0-9.1075c-3.1358 0-5.6915 2.3842-5.6915 5.6707 0 3.265 2.5557 5.6707 5.6915 5.6707 3.137 0 5.6927-2.4057 5.6927-5.6707 0-3.2865-2.5557-5.6707-5.6927-5.6707",fill:"#fff",strokeWidth:".13333"}),a.jsx("path",{d:"m27.622 25.899-14.194 15.066c5.34e-4 0.0031 0.0016 0.0057 0.0021 0.0089 0.43532 1.636 1.9296 2.8406 3.703 2.8406 0.70892 0 1.3745-0.19166 1.9453-0.52812l0.04533-0.02656 15.978-9.22-7.479-8.141",fill:"#eb3131",strokeWidth:".13333"}),a.jsx("path",{d:"m41.983 23.334-0.0136-0.0093-6.8982-3.999-7.7717 6.9156 7.7987 7.7977 6.8618-3.9592c1.203-0.64945 2.0197-1.9177 2.0197-3.3802 0-1.452-0.80571-2.7139-1.9968-3.3655",fill:"#f6b60b",strokeWidth:".13333"}),a.jsx("path",{d:"m13.426 12.37c-0.08533 0.31466-0.13018 0.64425-0.13018 0.98651v26.623c0 0.34162 0.04432 0.67233 0.13072 0.98587l14.684-14.681-14.684-13.914",fill:"#5778c5",strokeWidth:".13333"}),a.jsx("path",{d:"m27.727 26.668 7.3473-7.3451-15.96-9.2534c-0.58012-0.34746-1.2572-0.54799-1.9817-0.54799-1.7734 0-3.2697 1.2068-3.7051 2.8447-5.34e-4 0.0016-5.34e-4 0.0027-5.34e-4 0.0041l14.3 14.298",fill:"#3bad49",strokeWidth:".13333"}),a.jsx("path",{d:"m63.193 13.042h-3.8895v0.96251h2.9146c-0.0792 0.78545-0.39172 1.4021-0.91878 1.85-0.52705 0.44799-1.2 0.67292-1.9958 0.67292-0.87291 0-1.6125-0.30413-2.2186-0.90824-0.59385-0.61665-0.89584-1.3792-0.89584-2.2979 0-0.91864 0.30199-1.6812 0.89584-2.2978 0.60612-0.60412 1.3457-0.90624 2.2186-0.90624 0.44799 0 0.87504 0.07707 1.2666 0.24586 0.39172 0.16866 0.70625 0.40412 0.95211 0.70625l0.73958-0.73958c-0.33546-0.38132-0.76038-0.67292-1.2876-0.88544-0.52705-0.21253-1.077-0.31453-1.6708-0.31453-1.1645 0-2.1519 0.40412-2.9582 1.2104-0.80625 0.80825-1.2104 1.8041-1.2104 2.9811 0 1.177 0.40412 2.175 1.2104 2.9813 0.80625 0.80611 1.7937 1.2104 2.9582 1.2104 1.2229 0 2.1979-0.39172 2.9479-1.1876 0.66038-0.66238 0.99784-1.5582 0.99784-2.679 0-0.1896-0.02293-0.39172-0.05627-0.60425zm1.5068-3.7332v8.0249h4.6852v-0.98544h-3.654v-2.5457h3.2958v-0.96251h-3.2958v-2.5437h3.654v-0.98758zm11.255 0.98758v-0.98758h-5.5145v0.98758h2.2417v7.0373h1.0312v-7.0373zm4.9925-0.98758h-1.0312v8.0249h1.0312zm6.8066 0.98758v-0.98758h-5.5144v0.98758h2.2415v7.0373h1.0312v-7.0373zm10.406 0.05626c-0.79585-0.81877-1.7708-1.2229-2.9354-1.2229-1.1666 0-2.1415 0.40412-2.9374 1.2104-0.79585 0.79585-1.1874 1.7937-1.1874 2.9811s0.39159 2.1854 1.1874 2.9813c0.79585 0.80611 1.7708 1.2104 2.9374 1.2104 1.1541 0 2.1395-0.40426 2.9354-1.2104 0.79585-0.79585 1.1874-1.7938 1.1874-2.9813 0-1.177-0.39159-2.1729-1.1874-2.9686zm-5.1332 0.67078c0.59372-0.60412 1.3229-0.90624 2.1978-0.90624 0.87291 0 1.6021 0.30213 2.1854 0.90624 0.59372 0.59372 0.88531 1.3686 0.88531 2.2978 0 0.93131-0.29159 1.7041-0.88531 2.2979-0.58332 0.60412-1.3125 0.90824-2.1854 0.90824-0.87491 0-1.6041-0.30413-2.1978-0.90824-0.58132-0.60625-0.87291-1.3666-0.87291-2.2979 0-0.92918 0.29159-1.6916 0.87291-2.2978zm8.7706 1.3125-0.0437-1.548h0.0437l4.0791 6.5457h1.077v-8.0249h-1.0312v4.6957l0.0437 1.548h-0.0437l-3.8999-6.2437h-1.2562v8.0249h1.0312z",fill:"#fff",stroke:"#fff",strokeMiterlimit:"10",strokeWidth:".26666"})]}))}function e(h){return a.jsxs(t.SvgIcon,Object.assign({viewBox:"0 0 119.66407 40",sx:{height:"36px",width:"auto"}},h,{children:[a.jsx("path",{d:"M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z",fill:"#a6a6a6"}),a.jsx("path",{d:"M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z"}),a.jsx("path",{d:"M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z",fill:"#fff"}),a.jsx("path",{d:"M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z",fill:"#fff"}),a.jsx("path",{d:"M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z",fill:"#fff"}),a.jsx("path",{d:"M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z",fill:"#fff"}),a.jsx("path",{d:"M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z",fill:"#fff"}),a.jsx("path",{d:"M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z",fill:"#fff"}),a.jsx("path",{d:"M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z",fill:"#fff"}),a.jsx("path",{d:"M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z",fill:"#fff"}),a.jsx("path",{d:"M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z",fill:"#fff"}),a.jsx("path",{d:"M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z",fill:"#fff"}),a.jsx("path",{d:"M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z",fill:"#fff"}),a.jsx("path",{d:"M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z",fill:"#fff"}),a.jsx("path",{d:"M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z",fill:"#fff"}),a.jsx("path",{d:"M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z",fill:"#fff"}),a.jsx("path",{d:"M59.09377,8.437h.88867v6.26074h-.88867Z",fill:"#fff"}),a.jsx("path",{d:"M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z",fill:"#fff"}),a.jsx("path",{d:"M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z",fill:"#fff"}),a.jsx("path",{d:"M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z",fill:"#fff"}),a.jsx("path",{d:"M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z",fill:"#fff"}),a.jsx("path",{d:"M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z",fill:"#fff"}),a.jsx("path",{d:"M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z",fill:"#fff"}),a.jsx("path",{d:"M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z",fill:"#fff"}),a.jsx("path",{d:"M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z",fill:"#fff"})]}))}exports.AppStoreButton=i;
+"use strict";var h=require("react/jsx-runtime"),f=require("react"),a=require("@mui/material"),c=require("../focusring/focusring.js"),t=require("../../materialui/button/interactive.js");const l=f.forwardRef(({variant:l,sx:v,...e},r)=>{const d=f.useMemo(()=>"apple-store"===l?s:i,[l]);return h.jsx(a.ButtonBase,{sx:h=>({position:"relative",...c.getFocusRingStyle(h),"&&:before":{borderRadius:"4px"},":after":{display:"block",content:'""',position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:h.palette.transparent.primary,transition:"opacity 0.3s ease-out",opacity:"0"},...t.getInteractiveStyle({"&:after":{opacity:"0"}},{"&:after":{opacity:"1"}}),...v}),ref:r,...e,children:h.jsx(d,{})})});function i(f){return h.jsxs(a.SvgIcon,{viewBox:"0 0 180 53.333",sx:{height:"36px",width:"auto"},...f,children:[h.jsx("path",{d:"m173.33 53.333h-166.66c-3.6666 0-6.6665-2.9999-6.6665-6.6665v-39.999c0-3.6666 2.9999-6.6665 6.6665-6.6665h166.66c3.6666 0 6.6665 2.9999 6.6665 6.6665v39.999c0 3.6666-2.9999 6.6665-6.6665 6.6665",fill:"#100f0d",strokeWidth:".13333"}),h.jsx("path",{d:"m173.33 1e-3h-166.66c-3.6666 0-6.6665 2.9999-6.6665 6.6665v39.999c0 3.6666 2.9999 6.6665 6.6665 6.6665h166.66c3.6666 0 6.6665-2.9999 6.6665-6.6665v-39.999c0-3.6666-2.9999-6.6665-6.6665-6.6665zm0 1.0661c3.0879 0 5.5999 2.5125 5.5999 5.6004v39.999c0 3.0879-2.5119 5.6004-5.5999 5.6004h-166.66c-3.0879 0-5.5993-2.5125-5.5993-5.6004v-39.999c0-3.0879 2.5114-5.6004 5.5993-5.6004h166.66",fill:"#a2a2a1",strokeWidth:".13333"}),h.jsx("path",{d:"m142.58 40h2.4879v-16.669h-2.4879zm22.409-10.664-2.8519 7.2264h-0.0853l-2.9599-7.2264h-2.6799l4.4399 10.1-2.5319 5.6185h2.5946l6.8412-15.718zm-14.11 8.7706c-0.81331 0-1.9506-0.40786-1.9506-1.4156 0-1.2865 1.416-1.7797 2.6373-1.7797 1.0933 0 1.6093 0.23546 2.2733 0.55732-0.19333 1.5442-1.5226 2.6379-2.9599 2.6379zm0.30133-9.1352c-1.8013 0-3.6666 0.79371-4.4386 2.5521l2.208 0.92184c0.47198-0.92184 1.3506-1.2218 2.2733-1.2218 1.2866 0 2.5946 0.77131 2.6159 2.1442v0.17133c-0.45066-0.25733-1.416-0.64318-2.5946-0.64318-2.3813 0-4.8039 1.3077-4.8039 3.7524 0 2.2302 1.952 3.6671 4.1386 3.6671 1.672 0 2.5959-0.75054 3.1732-1.6301h0.0867v1.2874h2.4026v-6.391c0-2.9593-2.2106-4.6103-5.0612-4.6103zm-15.376 2.3937h-3.5386v-5.7133h3.5386c1.86 0 2.9159 1.5396 2.9159 2.8566 0 1.2917-1.056 2.8567-2.9159 2.8567zm-0.064-8.0337h-5.9614v16.669h2.4869v-6.3149h3.4746c2.7573 0 5.4679-1.9958 5.4679-5.1765 0-3.1801-2.7106-5.1769-5.4679-5.1769zm-32.507 14.778c-1.7188 0-3.1573-1.4396-3.1573-3.415 0-1.9984 1.4385-3.4583 3.1573-3.4583 1.6969 0 3.0286 1.46 3.0286 3.4583 0 1.9754-1.3317 3.415-3.0286 3.415zm2.8567-7.8403h-0.086c-0.55826-0.66572-1.6328-1.2672-2.9853-1.2672-2.8359 0-5.4348 2.4921-5.4348 5.6925 0 3.1786 2.5989 5.6488 5.4348 5.6488 1.3525 0 2.427-0.6016 2.9853-1.2885h0.086v0.81558c0 2.1703-1.1598 3.3296-3.0286 3.3296-1.5245 0-2.4697-1.0953-2.8567-2.0188l-2.1691 0.90206c0.62238 1.503 2.2759 3.351 5.0259 3.351 2.9218 0 5.392-1.7188 5.392-5.9077v-10.181h-2.3634zm4.0822 9.7304h2.4906v-16.669h-2.4906zm6.164-5.4988c-0.0641-2.1911 1.6978-3.3078 2.9645-3.3078 0.98851 0 1.8254 0.49425 2.1057 1.2026zm7.7326-1.8906c-0.47238-1.2666-1.9114-3.6082-4.8541-3.6082-2.9218 0-5.3488 2.2983-5.3488 5.6707 0 3.1791 2.4062 5.6707 5.6275 5.6707 2.5989 0 4.1031-1.589 4.7264-2.513l-1.9333-1.289c-0.64465 0.94531-1.5249 1.5682-2.7931 1.5682-1.2666 0-2.1692-0.58012-2.7483-1.7186l7.5815-3.1359zm-60.409-1.8682v2.4057h5.7565c-0.17186 1.3532-0.62292 2.3411-1.3104 3.0286-0.83798 0.83745-2.1483 1.7614-4.4462 1.7614-3.5443 0-6.315-2.8567-6.315-6.4009s2.7707-6.4013 6.315-6.4013c1.9118 0 3.3077 0.75198 4.3388 1.7186l1.6974-1.6973c-1.4396-1.3745-3.351-2.427-6.0362-2.427-4.8552 0-8.9363 3.9524-8.9363 8.807 0 4.8541 4.0811 8.8066 8.9363 8.8066 2.6202 0 4.5967-0.85932 6.143-2.4702 1.5896-1.5896 2.0838-3.8234 2.0838-5.628 0-0.55785-0.04333-1.0734-0.1292-1.5032zm14.772 7.3675c-1.7188 0-3.201-1.4177-3.201-3.4368 0-2.0406 1.4822-3.4364 3.201-3.4364 1.7181 0 3.2003 1.3958 3.2003 3.4364 0 2.0191-1.4822 3.4368-3.2003 3.4368zm0-9.1075c-3.137 0-5.6927 2.3842-5.6927 5.6707 0 3.265 2.5557 5.6707 5.6927 5.6707 3.1358 0 5.692-2.4057 5.692-5.6707 0-3.2865-2.5562-5.6707-5.692-5.6707zm12.417 9.1075c-1.7176 0-3.2003-1.4177-3.2003-3.4368 0-2.0406 1.4828-3.4364 3.2003-3.4364 1.7188 0 3.2005 1.3958 3.2005 3.4364 0 2.0191-1.4817 3.4368-3.2005 3.4368zm0-9.1075c-3.1358 0-5.6915 2.3842-5.6915 5.6707 0 3.265 2.5557 5.6707 5.6915 5.6707 3.137 0 5.6927-2.4057 5.6927-5.6707 0-3.2865-2.5557-5.6707-5.6927-5.6707",fill:"#fff",strokeWidth:".13333"}),h.jsx("path",{d:"m27.622 25.899-14.194 15.066c5.34e-4 0.0031 0.0016 0.0057 0.0021 0.0089 0.43532 1.636 1.9296 2.8406 3.703 2.8406 0.70892 0 1.3745-0.19166 1.9453-0.52812l0.04533-0.02656 15.978-9.22-7.479-8.141",fill:"#eb3131",strokeWidth:".13333"}),h.jsx("path",{d:"m41.983 23.334-0.0136-0.0093-6.8982-3.999-7.7717 6.9156 7.7987 7.7977 6.8618-3.9592c1.203-0.64945 2.0197-1.9177 2.0197-3.3802 0-1.452-0.80571-2.7139-1.9968-3.3655",fill:"#f6b60b",strokeWidth:".13333"}),h.jsx("path",{d:"m13.426 12.37c-0.08533 0.31466-0.13018 0.64425-0.13018 0.98651v26.623c0 0.34162 0.04432 0.67233 0.13072 0.98587l14.684-14.681-14.684-13.914",fill:"#5778c5",strokeWidth:".13333"}),h.jsx("path",{d:"m27.727 26.668 7.3473-7.3451-15.96-9.2534c-0.58012-0.34746-1.2572-0.54799-1.9817-0.54799-1.7734 0-3.2697 1.2068-3.7051 2.8447-5.34e-4 0.0016-5.34e-4 0.0027-5.34e-4 0.0041l14.3 14.298",fill:"#3bad49",strokeWidth:".13333"}),h.jsx("path",{d:"m63.193 13.042h-3.8895v0.96251h2.9146c-0.0792 0.78545-0.39172 1.4021-0.91878 1.85-0.52705 0.44799-1.2 0.67292-1.9958 0.67292-0.87291 0-1.6125-0.30413-2.2186-0.90824-0.59385-0.61665-0.89584-1.3792-0.89584-2.2979 0-0.91864 0.30199-1.6812 0.89584-2.2978 0.60612-0.60412 1.3457-0.90624 2.2186-0.90624 0.44799 0 0.87504 0.07707 1.2666 0.24586 0.39172 0.16866 0.70625 0.40412 0.95211 0.70625l0.73958-0.73958c-0.33546-0.38132-0.76038-0.67292-1.2876-0.88544-0.52705-0.21253-1.077-0.31453-1.6708-0.31453-1.1645 0-2.1519 0.40412-2.9582 1.2104-0.80625 0.80825-1.2104 1.8041-1.2104 2.9811 0 1.177 0.40412 2.175 1.2104 2.9813 0.80625 0.80611 1.7937 1.2104 2.9582 1.2104 1.2229 0 2.1979-0.39172 2.9479-1.1876 0.66038-0.66238 0.99784-1.5582 0.99784-2.679 0-0.1896-0.02293-0.39172-0.05627-0.60425zm1.5068-3.7332v8.0249h4.6852v-0.98544h-3.654v-2.5457h3.2958v-0.96251h-3.2958v-2.5437h3.654v-0.98758zm11.255 0.98758v-0.98758h-5.5145v0.98758h2.2417v7.0373h1.0312v-7.0373zm4.9925-0.98758h-1.0312v8.0249h1.0312zm6.8066 0.98758v-0.98758h-5.5144v0.98758h2.2415v7.0373h1.0312v-7.0373zm10.406 0.05626c-0.79585-0.81877-1.7708-1.2229-2.9354-1.2229-1.1666 0-2.1415 0.40412-2.9374 1.2104-0.79585 0.79585-1.1874 1.7937-1.1874 2.9811s0.39159 2.1854 1.1874 2.9813c0.79585 0.80611 1.7708 1.2104 2.9374 1.2104 1.1541 0 2.1395-0.40426 2.9354-1.2104 0.79585-0.79585 1.1874-1.7938 1.1874-2.9813 0-1.177-0.39159-2.1729-1.1874-2.9686zm-5.1332 0.67078c0.59372-0.60412 1.3229-0.90624 2.1978-0.90624 0.87291 0 1.6021 0.30213 2.1854 0.90624 0.59372 0.59372 0.88531 1.3686 0.88531 2.2978 0 0.93131-0.29159 1.7041-0.88531 2.2979-0.58332 0.60412-1.3125 0.90824-2.1854 0.90824-0.87491 0-1.6041-0.30413-2.1978-0.90824-0.58132-0.60625-0.87291-1.3666-0.87291-2.2979 0-0.92918 0.29159-1.6916 0.87291-2.2978zm8.7706 1.3125-0.0437-1.548h0.0437l4.0791 6.5457h1.077v-8.0249h-1.0312v4.6957l0.0437 1.548h-0.0437l-3.8999-6.2437h-1.2562v8.0249h1.0312z",fill:"#fff",stroke:"#fff",strokeMiterlimit:"10",strokeWidth:".26666"})]})}function s(f){return h.jsxs(a.SvgIcon,{viewBox:"0 0 119.66407 40",sx:{height:"36px",width:"auto"},...f,children:[h.jsx("path",{d:"M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z",fill:"#a6a6a6"}),h.jsx("path",{d:"M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z"}),h.jsx("path",{d:"M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z",fill:"#fff"}),h.jsx("path",{d:"M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z",fill:"#fff"}),h.jsx("path",{d:"M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z",fill:"#fff"}),h.jsx("path",{d:"M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z",fill:"#fff"}),h.jsx("path",{d:"M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z",fill:"#fff"}),h.jsx("path",{d:"M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z",fill:"#fff"}),h.jsx("path",{d:"M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z",fill:"#fff"}),h.jsx("path",{d:"M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z",fill:"#fff"}),h.jsx("path",{d:"M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z",fill:"#fff"}),h.jsx("path",{d:"M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z",fill:"#fff"}),h.jsx("path",{d:"M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z",fill:"#fff"}),h.jsx("path",{d:"M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z",fill:"#fff"}),h.jsx("path",{d:"M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z",fill:"#fff"}),h.jsx("path",{d:"M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z",fill:"#fff"}),h.jsx("path",{d:"M59.09377,8.437h.88867v6.26074h-.88867Z",fill:"#fff"}),h.jsx("path",{d:"M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z",fill:"#fff"}),h.jsx("path",{d:"M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z",fill:"#fff"}),h.jsx("path",{d:"M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z",fill:"#fff"}),h.jsx("path",{d:"M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z",fill:"#fff"}),h.jsx("path",{d:"M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z",fill:"#fff"}),h.jsx("path",{d:"M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z",fill:"#fff"}),h.jsx("path",{d:"M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z",fill:"#fff"}),h.jsx("path",{d:"M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z",fill:"#fff"})]})}exports.AppStoreButton=l;
 //# sourceMappingURL=AppStoreButton.js.map