npm - @skodaflow/web-library - Versions diffs - 8.1.0 → 8.2.0 - Mend

@skodaflow/web-library 8.1.0 → 8.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (398) hide show

package/components/quickLink/QuickLink.js.map CHANGED Viewed

	@@ -1 +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 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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"}
1	+ {"version":3,"file":"QuickLink.js","sources":["../../../src/components/quickLink/QuickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef, ComponentType } from 'react';\nimport { Box, Button, Typography, TypographyProps, ButtonProps, BoxProps, SvgIconProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<BoxProps<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?: BoxProps<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 const { sx: titleSx, ...restTitleTypographyProps } = titleTypographyProps \|\| {};\n const { sx: subtitleSx, ...restSubtitleTypographyProps } = subtitleTypographyProps \|\| {};\n\n return (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\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 },\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={sxOverride(\n {\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 },\n dividerWrapperSx,\n )}\n {...restDividerWrapperProps}\n >\n <Box\n component=\"hr\"\n sx={sxOverride(\n {\n border: 'none',\n position: 'absolute',\n inset: '0',\n m: 0,\n // style is set via interactive parent\n },\n dividerSx,\n )}\n {...restDividerProps}\n />\n </Box>\n <Box\n sx={sxOverride({ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' } }, contentWrapperSx)}\n {...restContentWrapperProps}\n >\n <Box\n sx={sxOverride(\n {\n display: 'flex',\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 },\n titleWrapperSx,\n )}\n {...restTitleWrapperProps}\n >\n {IconComponent && (\n <IconComponent\n sx={sxOverride(\n {\n display: 'block',\n fontSize: { xs: '20px', md: '35px' },\n mx: { xs: '2px', md: '0px' },\n my: { xs: '0px', md: '2px' },\n },\n iconSx,\n )}\n data-testid=\"QuickLink.icon\"\n {...restIconProps}\n />\n )}\n {title && (\n <Typography\n variant=\"h4\"\n data-testid=\"QuickLink.title\"\n sx={sxOverride({ display: 'block', mb: { xs: 0, md: 0.5 } }, titleSx)}\n {...restTitleTypographyProps}\n >\n {title}\n </Typography>\n )}\n </Box>\n {subtitle && (\n <Typography\n variant=\"disclaimer1\"\n data-testid=\"QuickLink.subtitle\"\n sx={sxOverride({ display: 'block' }, subtitleSx)}\n {...restSubtitleTypographyProps}\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 </Box>\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={sxOverride(\n {\n display: 'grid',\n gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n gap: 3,\n },\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","titleSx","restTitleTypographyProps","subtitleSx","restSubtitleTypographyProps","_jsxs","Box","sxOverride","display","flexDirection","alignItems","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","position","width","mb","component","border","inset","m","maxWidth","pr","pt","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}

package/components/search/CollapsableSearch.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{Box as i,Collapse as o}from"@mui/material";import{Search as e}from"./Search.js";const r=({isCollapsed:r,searchProps:n,collapseProps:s,...a})=>{const{sx:l,...p}=a||{},{sx:d,...c}=s||{};return t(i,{sx:{width:"fit-content",...l},...p,children:t(o,{in:!r,orientation:"horizontal",collapsedSize:"44px",sx:{borderRadius:"200px",display:"flex",justifyContent:"flex-end",width:"fit-content","& input":{width:"auto"},...d},...c,children:t(e,{disableInput:r,...n})})})};export{r as CollapsableSearch};
+import{jsx as t}from"react/jsx-runtime";import{Box as i,Collapse as r}from"@mui/material";import{Search as e}from"./Search.js";import{sxOverride as o}from"../../utils/sxOverride/sxOverride.js";const s=({isCollapsed:s,searchProps:n,collapseProps:l,...p})=>{const{sx:a,...d}=p||{},{sx:x,...c}=l||{};return t(i,{sx:o({width:"fit-content"},a),...d,children:t(r,{in:!s,orientation:"horizontal",collapsedSize:"44px",sx:o({borderRadius:"200px",display:"flex",justifyContent:"flex-end",width:"fit-content","& input":{width:"auto"}},x),...c,children:t(e,{disableInput:s,...n})})})};export{s as CollapsableSearch};
 //# sourceMappingURL=CollapsableSearch.js.map

package/components/search/CollapsableSearch.js.map CHANGED Viewed

	@@ -1 +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":["CollapsableSearch","isCollapsed","searchProps","collapseProps","boxProps","sx","boxSx","restBoxProps","collapseSx","restCollapseProps","_jsx","Box","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","Search","disableInput"],"mappings":"~~+HAuBO~~,MAAMA,EAAsD,EACjEC,cACAC,cACAC,mBACGC,MAEH,MAAQC,GAAIC,KAAUC,GAAiBH,GAAY,CAAA,GAC3CC,GAAIG,KAAeC,GAAsBN,GAAiB,CAAA,EAElE,OACEO,EAACC,EAAG,CAACN,~~GAAI~~,~~CAAEO~~,MAAO,~~iBAAkBN~~,~~MAAaC~~,~~EAAYM~~,~~SAC3DH~~,~~EAACI~~,~~EAAQ~~,~~CACPC~~,~~IAAKd~~,~~EACLe,~~YAAY,aACZC,cAAc,~~OACdZ~~,~~GAAI~~,~~CACFa~~,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,~~WAENJ~~,~~MAEDC~~,~~EAAiBI~~,~~SAErBH~~,~~EAACW~~,~~GAAOC~~,~~aAAcrB~~,KAAiBC"}
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';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride({ width: 'fit-content' }, boxSx)} {...restBoxProps}>\n <Collapse\n in={!isCollapsed}\n orientation=\"horizontal\"\n collapsedSize=\"44px\"\n sx={sxOverride(\n {\n borderRadius: '200px',\n display: 'flex',\n justifyContent: 'flex-end',\n width: 'fit-content',\n '& input': {\n width: 'auto',\n },\n },\n collapseSx,\n )}\n {...restCollapseProps}\n >\n <Search disableInput={isCollapsed} {...searchProps} />\n </Collapse>\n </Box>\n );\n};\n"],"names":["CollapsableSearch","isCollapsed","searchProps","collapseProps","boxProps","sx","boxSx","restBoxProps","collapseSx","restCollapseProps","_jsx","Box","sxOverride","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","Search","disableInput"],"mappings":"iMAwBO,MAAMA,EAAsD,EACjEC,cACAC,cACAC,mBACGC,MAEH,MAAQC,GAAIC,KAAUC,GAAiBH,GAAY,CAAA,GAC3CC,GAAIG,KAAeC,GAAsBN,GAAiB,CAAA,EAElE,OACEO,EAACC,EAAG,CAACN,GAAIO,EAAW,CAAEC,MAAO,eAAiBP,MAAYC,EAAYO,SACpEJ,EAACK,GACCC,IAAKf,EACLgB,YAAY,aACZC,cAAc,OACdb,GAAIO,EACF,CACEO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAGXL,MAEEC,EAAiBK,SAErBJ,EAACY,EAAM,CAACC,aAActB,KAAiBC"}

package/components/search/Search.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { StandardTextFieldProps, SvgIconProps } from '@mui/material';
+import { IconButtonProps, StandardTextFieldProps, SvgIconProps } from '@mui/material';
 import React, { ComponentType } from 'react';
 export type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' | 'value' | 'size'> & {
     /**
@@ -67,5 +67,13 @@ export type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' |
      * Node for search icon
      */
     CancelIconComponent?: ComponentType<SvgIconProps>;
+    /**
+     * Properties passed to the search icon button
+     */
+    searchIconButtonProps?: IconButtonProps;
+    /**
+     * Properties passed to the cancel icon button
+     */
+    cancelIconButtonProps?: IconButtonProps;
 };
 export declare const Search: React.FC<SearchProps>;

package/components/search/Search.js CHANGED Viewed

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

package/components/search/Search.js.map CHANGED Viewed

	@@ -1 +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","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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"}
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, IconButtonProps, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\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 Properties passed to the search icon button\n /\n searchIconButtonProps?: IconButtonProps;\n /\n Properties passed to the cancel icon button\n */\n cancelIconButtonProps?: IconButtonProps;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n (\n {\n debounce = 0,\n defaultValue = '',\n cancelIconProps = {},\n cancelIconButtonProps,\n CancelIconComponent,\n disableInput,\n onCancel,\n onSearch,\n onChange,\n searchIconProps = {},\n searchIconButtonProps,\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 { sx: searchIconButtonSx, ...restSearchIconButtonProps } = searchIconButtonProps ?? {};\n const { sx: cancelIconButtonSx, ...restCancelIconButtonProps } = cancelIconButtonProps ?? {};\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={sxOverride(\n {\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 },\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: sxOverride(\n {\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 },\n 'inputProps' in slotPropsInput && 'sx' in slotPropsInput.inputProps\n ? slotPropsInput.inputProps.sx\n : undefined,\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 {...restSearchIconButtonProps}\n sx={sxOverride(\n {\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 searchIconButtonSx,\n )}\n >\n <SearchIcon\n sx={sxOverride(\n {\n transition: 'all .5s ease',\n },\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 {...restCancelIconButtonProps}\n sx={sxOverride(\n {\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 cancelIconButtonSx,\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","cancelIconButtonProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","searchIconButtonProps","SearchIconComponent","slotProps","sx","value","variant","rest","ref","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","useDeferredValue","debouncedValue","useDebounce","searchIconSx","restSearchIconProps","searchIconButtonSx","restSearchIconButtonProps","cancelIconButtonSx","restCancelIconButtonProps","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","TextField","target","sxOverride","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","undefined","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"kmBA+FO,MAAMA,EAAgCC,EAC3C,EAEIC,WAAW,EACXC,eAAe,GACfC,kBAAkB,CAAA,EAClBC,wBACAC,sBACAC,eACAC,WACAC,WACAC,WACAC,kBAAkB,CAAA,EAClBC,wBACAC,sBACAC,YACAC,KACAC,QAAQ,GACRC,aACGC,GAELC,KAEA,MAAMC,EAAaP,GAAuBQ,EACpCC,EAAahB,GAAuBiB,GAEnCC,EAAQC,GAAaC,EAASvB,GAAgBa,GAE/CW,EAAgBC,EAAiBJ,GACjCK,EAAiBC,EAAYN,EAAQtB,IAEnCa,GAAIgB,KAAiBC,GAAwBrB,GAC7CI,GAAIkB,KAAuBC,GAA8BtB,GAAyB,CAAA,GAClFG,GAAIoB,KAAuBC,GAA8B/B,GAAyB,CAAA,GAClFgC,MAAOC,EAAiB,CAAA,KAAOC,GAAazB,GAAa,CAAA,EAE3D0B,EAAeC,EAAQ,KAC3B,OAAQxB,GACN,IAAK,cACH,MAAO,CAAEyB,QAAS,uBACpB,IAAK,YACH,MAAO,CAAEA,QAAS,gBAAiBC,UAAYC,GAAUA,EAAMC,YAAYC,GAC7E,QACE,MAAO,CAAEJ,QAAS,qBAErB,CAACzB,IAGJ8B,EAAU,KACRrC,IAAWR,GAAY,EAAIyB,EAAgBE,IAC1C,CAAC3B,GAAY,EAAIyB,EAAgBE,IAGpC,MAAMmB,EAA2CC,EAC9CC,IACCA,EAAEC,iBACFD,EAAEE,kBAEF3C,IAAWe,IAEb,CAACA,IASH,OACE6B,EAACC,EAAS,CACR5C,SAAWwC,GAAMzB,EAAUyB,EAAEK,OAAOvC,OACpCG,IAAKA,EACLJ,GAAIyC,EACF,CACEC,SAAU,WACVC,aAAc,QACdC,OAAQ,EACRC,YAAa1C,GAAM2C,SAAW,mBAAqB,kBACnDC,GAAI,MACJC,GAAI,OACJC,GAAI,MACJC,GAAI,EAEJ,MAAO,IACFC,EAAqB,GAAG,EAAO,2BAEjC1B,GAELzB,MAEEG,EACJF,MAAOQ,EACPP,QAAQ,WACRH,UAAW,IACNwB,EACHD,MAAO,CACL8B,UAAW,IAAc,KAAX3C,EAAgB,SAAW,IACzCqC,SAAUtD,GAAgBW,GAAM2C,SAChCO,WAAY,IACN,eAAgB9B,GAAkB,IAAKA,EAAe8B,YAC1DrD,GAAIyC,EACF,CACEa,EAAG,EACHC,GAAI,EACJC,MAAO,eACP,+BAAgC,CAC9BA,MAAO,mBAET,iBAAkB,CAChB,kCAAmC,CACjCA,MAAO,uBAIb,eAAgBjC,GAAkB,OAAQA,EAAe8B,WACrD9B,EAAe8B,WAAWrD,QAC1ByD,IAGRC,kBAAkB,EAClBC,eACErB,EAACsB,EAAc,CACblB,SAAS,QACT1C,GAAI,CACF6D,WAAY,eACZC,GAAI,KACLC,SAEDzB,EAAC0B,EAAU,CACTlB,SAAU3C,GAAM2C,SAChBmB,SAAWvE,EAAgB,GAAL,EACtBwE,QAASjC,EACTkC,KAAK,SAAQ,aACF,YACPhD,EACJnB,GAAIyC,EACF,CACE2B,MAAO,OACPC,OAAQ,UACLlB,EAAqB,UACrBmB,EACD,CACEC,gBAAiB,2BAEnB,CACEA,gBAAiB,6BAIvBrD,GACD6C,SAEDzB,EAACjC,EAAU,CACTL,GAAIyC,EACF,CACEoB,WAAY,gBAEd7C,MAEEC,QAKZuD,aACElC,EAACsB,EAAc,CACblB,SAAS,MACT1C,GAAI,CACFyE,QAAoB,KAAXhE,EAAgB,IAAM,IAC/BoD,WAAY,oBACbE,SAEDzB,EAAC0B,EAAU,CACTlB,SAAqB,KAAXrC,GAAiBN,GAAM2C,SACjCoB,QA/GgB,KAC5BxD,EAAU,IACVjB,OA8GY0E,KAAK,SACLF,SAAUzE,GAAe,EAAK,EAAC,aACpB,kBACP6B,EACJrB,GAAIyC,EACF,CACEiC,OAAmB,KAAXjE,EAAgB,UAAY,UACpC2D,MAAO,OACPC,OAAQ,UACLlB,EAAqB,UACrBmB,EACD,CACEC,gBAAiB,2BAEnB,CACEA,gBAAiB,6BAIvBnD,GACD2C,SAEDzB,EAAC/B,MAAelB,YAKrBmC"}

package/components/secondaryNavigation/SecondaryNavigation.js CHANGED Viewed

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

package/components/secondaryNavigation/SecondaryNavigation.js.map CHANGED Viewed

	@@ -1 +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","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":"~~mOAiDO~~,MAAMA,EAAoDC,EAC/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,EAAS,GAKrCC,EAAaC,EAAQ,IACzB,SAASC,EAAQC,GACf,MAAMC,EAAS,GAQf,OAPAC,EAASC,QAAQH,EAAQI,IACnBA,GAAOC,OAASC,EAClBL,EAAOM,QAAQR,EAAQK,EAAMI,MAAMjC,WAEnC0B,EAAOM,KAAKH,KAGTH,CACT,CACOF,CAAQxB,GACd,CAACA,IAEJ,OACEkC,EAACC,~~EAAM~~,~~CACLlC~~,~~GAAI~~,~~CAEFmC~~,OAASC,GAAUA,EAAMD,OAAOE,OAAS,~~MACtCrC~~,~~GAELS~~,IAAKA,~~gBACO~~,sBAAqB,aACtB,~~uBACX6B~~,KAAK,~~WACD9B~~,EAAIT,~~SAERwC~~,EAACC,EAAO,~~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,~~EAACc~~,~~iBACa~~,4BACZC,QAAQ,~~cACRhD~~,~~GAAI~~,~~CACFiD~~,QAAS,QAETC,SAAU,CAAEP,GAAI,IAAKC,GAAI,KACzBO,WAAY,~~OACTzC~~,~~MAEDC~~,~~EAASZ~~,~~SAEZE,~~MAGFoB,~~GAAYoB~~,~~QACbR~~,~~EAACmB~~,EAAI,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,~~EAACgC~~,~~EAAG~~,~~CACFjE~~,~~GAAI~~,~~CACFmD~~,WAAY,IACZD,SAAU,IACVD,QAAS,OACTiB,WAAY,SACZN,eAAgB,WAChBO,IAAK,~~OACFnD~~,~~GACJ~~,cACW,6BACRC,EAAWlB,SAEdG"}
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';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n {\n // bellow Header, also defined in appbar.theme.ts\n zIndex: (theme) => theme.zIndex.appBar - 20,\n },\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={sxOverride(\n {\n ...(!!navigation?.length && {\n flexWrap: { xs: 'wrap', lg: 'nowrap' },\n pt: { xs: 2, lg: 0 },\n }),\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={sxOverride(\n {\n display: 'block',\n // on mobile push the button to the right side\n flexGrow: { xs: '1', lg: '0' },\n flexShrink: '0',\n },\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={sxOverride(\n {\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 },\n contentSx,\n )}\n data-testid=\"SecondaryNavigation.items\"\n {...restContent}\n >\n {navigation}\n </Tabs>\n )}\n {buttons && (\n <Box\n sx={sxOverride(\n {\n flexShrink: '0',\n flexGrow: '1',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: 0.25,\n },\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","sxOverride","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":"qSAkDO,MAAMA,EAAoDC,EAC/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,EAAS,GAKrCC,EAAaC,EAAQ,IACzB,SAASC,EAAQC,GACf,MAAMC,EAAS,GAQf,OAPAC,EAASC,QAAQH,EAAQI,IACnBA,GAAOC,OAASC,EAClBL,EAAOM,QAAQR,EAAQK,EAAMI,MAAMjC,WAEnC0B,EAAOM,KAAKH,KAGTH,CACT,CACOF,CAAQxB,GACd,CAACA,IAEJ,OACEkC,EAACC,GACClC,GAAImC,EACF,CAEEC,OAASC,GAAUA,EAAMD,OAAOE,OAAS,IAE3CtC,GAEFS,IAAKA,EAAG,cACI,sBAAqB,aACtB,uBACX8B,KAAK,WACD/B,EAAIT,SAERyC,EAACC,EAAO,CACNzC,GAAImC,EACF,MACQd,GAAYqB,QAAU,CAC1BC,SAAU,CAAEC,GAAI,OAAQC,GAAI,UAC5BC,GAAI,CAAEF,GAAI,EAAGC,GAAI,KAGrBjC,GAEFmC,gBAAiB5C,EAAW,cAChB,iCACRU,EAAWd,SAAA,CAEdE,GACCgC,EAACe,EAAU,CAAA,cACG,4BACZC,QAAQ,cACRjD,GAAImC,EACF,CACEe,QAAS,QAETC,SAAU,CAAEP,GAAI,IAAKC,GAAI,KACzBO,WAAY,KAEd1C,MAEEC,WAEHV,MAGFoB,GAAYqB,QACbT,EAACoB,EAAI,CACHC,MAAOpC,EACPqC,SAAU,CAACC,EAAGC,IAAMtC,EAAasC,GACjCC,SAAS,aACT1D,GAAImC,EACF,CACEgB,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,aAC7B5C,GAAS,CAEX8D,GAAI,CAAElB,GAAI,IAEZmB,UAAW,CAAEpB,GAAI,QAASC,GAAI,KAE9BoB,aAAc,QAEhBnD,GACD,cACW,+BACRC,EAAWhB,SAEdsB,IAGJnB,GACC+B,EAACiC,GACClE,GAAImC,EACF,CACEiB,WAAY,IACZD,SAAU,IACVD,QAAS,OACTiB,WAAY,SACZN,eAAgB,WAChBO,IAAK,KAEPpD,GACD,cACW,6BACRC,EAAWlB,SAEdG"}

package/components/shortcut/Shortcut.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{Button as t,Box as e}from"@mui/material";import{forwardRef as m}from"react";const o=m((e,m)=>r(t,{...e,ref:m,variant:"shortcut"})),i=m(({sx:t,children:m,...o},i)=>r(e,{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:i,...o,children:m}));export{o as Shortcut,i as ShortcutWrapper};
+import{jsx as r}from"react/jsx-runtime";import{Button as e,Box as t}from"@mui/material";import{forwardRef as i}from"react";import{sxOverride as m}from"../../utils/sxOverride/sxOverride.js";const o=i((t,i)=>r(e,{...t,ref:i,variant:"shortcut"})),s=i(({sx:e,children:i,...o},s)=>r(t,{sx:m({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},columnGap:{xs:2,md:3.5,lg:6.5},rowGap:2},e),ref:s,...o,children:i}));export{o as Shortcut,s as ShortcutWrapper};
 //# sourceMappingURL=Shortcut.js.map

package/components/shortcut/Shortcut.js.map CHANGED Viewed

	@@ -1 +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","variant","ShortcutWrapper","sx","children","rest","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"~~2HAQO~~,MAAMA,EAAoCC,EAAW,CAACC,EAAOC,IAC3DC,EAACC,EAAM,IAAKH,EAAOC,IAAKA,EAAKG,QAAQ,cAQjCC,EAAkDN,EAAW,EAAGO,KAAIC,cAAaC,GAAQP,IAElGC,EAACO,~~EAAG~~,~~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"}
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';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n {\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 },\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","sxOverride","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"6LASO,MAAMA,EAAoCC,EAAW,CAACC,EAAOC,IAC3DC,EAACC,EAAM,IAAKH,EAAOC,IAAKA,EAAKG,QAAQ,cAQjCC,EAAkDN,EAAW,EAAGO,KAAIC,cAAaC,GAAQP,IAElGC,EAACO,GACCH,GAAII,EACF,CACEC,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GAEVZ,GAEFL,IAAKA,KACDO,EAAID,SAEPA"}

package/components/skodaThemeProvider/SkodaThemeProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as i}from"react/jsx-runtime";import{useMemo as r}from"react";import{ThemeProvider as t,ScopedCssBaseline as n,Box as o}from"@mui/material";import{CacheProvider as c}from"@emotion/react";import l from"@emotion/cache";import{prefixer as m}from"stylis";import s from"stylis-plugin-rtl";import d from"./plugins/stylisContainerPlugin.js";import{theme as a}from"../../materialui/theme/theme.js";const h=({children:i,theme:r=a,globalBaseline:o=!1,widget:c=!1,createCacheOptions:l,containerProps:m,...s})=>e(p,{direction:r.direction,widget:c,createCacheOptions:l,children:e(t,{theme:r,children:e(u,{widget:c,...m,children:o?i:e(n,{...s,..."rtl"===r.direction?{dir:"rtl"}:{},children:i})})})});function p({children:t,direction:n,widget:o,createCacheOptions:a}){const h=r(()=>{if("rtl"===n||o)return l({prepend:!0,key:`${o?"w":""}${"rtl"===n?"rtl":"css"}`,stylisPlugins:[m,..."rtl"===n?[s]:[],...o?[d]:[]],...a||{}})},[n,o,a?.key]);return h?e(c,{value:h,children:t}):e(i,{children:t})}function u({children:r,sx:t,widget:n,...c}){return n?e(o,{sx:{containerType:"inline-size",...t},...c,children:r}):e(i,{children:r})}export{h as SkodaThemeProvider};
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useMemo as i}from"react";import{ThemeProvider as t,ScopedCssBaseline as n,Box as o}from"@mui/material";import{sxOverride as l}from"../../utils/sxOverride/sxOverride.js";import{CacheProvider as c}from"@emotion/react";import m from"@emotion/cache";import{prefixer as s}from"stylis";import d from"stylis-plugin-rtl";import a from"./plugins/stylisContainerPlugin.js";import{theme as p}from"../../materialui/theme/theme.js";const h=({children:e,theme:i=p,globalBaseline:o=!1,widget:l=!1,createCacheOptions:c,containerProps:m,...s})=>r(u,{direction:i.direction,widget:l,createCacheOptions:c,children:r(t,{theme:i,children:r(f,{widget:l,...m,children:o?e:r(n,{...s,..."rtl"===i.direction?{dir:"rtl"}:{},children:e})})})});function u({children:t,direction:n,widget:o,createCacheOptions:l}){const p=i(()=>{if("rtl"===n||o)return m({prepend:!0,key:`${o?"w":""}${"rtl"===n?"rtl":"css"}`,stylisPlugins:[s,..."rtl"===n?[d]:[],...o?[a]:[]],...l||{}})},[n,o,l?.key]);return p?r(c,{value:p,children:t}):r(e,{children:t})}function f({children:i,sx:t,widget:n,...c}){return n?r(o,{sx:l({containerType:"inline-size"},t),...c,children:i}):r(e,{children:i})}export{h as SkodaThemeProvider};
 //# sourceMappingURL=SkodaThemeProvider.js.map

package/components/skodaThemeProvider/SkodaThemeProvider.js.map CHANGED Viewed

	@@ -1 +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 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":["SkodaThemeProvider","children","theme","skodaTheme","globalBaseline","widget","createCacheOptions","containerProps","rest","_jsx","CacheContainer","direction","ThemeProvider","WidgetContainer","ScopedCssBaseline","dir","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","CacheProvider","value","_Fragment","sx","Box","containerType"],"mappings":"~~8ZAqCO~~,MAAMA,EAAwD,EACnEC,iBACAC,EAAQC,EACRC,kBAAiB,EACjBC,UAAS,EACTC,qBACAC,oBACGC,KAGDC,EAACC,EAAc,CAACC,UAAWT,EAAMS,UAAWN,OAAQA,EAAQC,mBAAoBA,EAAkBL,SAChGQ,EAACG,GAAcV,MAAOA,EAAKD,SACzBQ,EAACI,EAAe,CAACR,OAAQA,KAAYE,EAAcN,SAChDG,IAGCK,EAACK,EAAiB,IAAKN,KAA+B,QAApBN,EAAMS,UAAsB,CAAEI,IAAK,OAAU,CAAA,EAAGd,SAC/EA,UAYf,SAASS,GAAeT,SACtBA,EAAQU,UACRA,EAASN,OACTA,EAAMC,mBACNA,IAOA,MAAMU,EAAQC,EAAQ,KAEpB,GAAkB,QAAdN,GAAwBN,EAG5B,OAAOa,EAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGf,EAAS,IAAM,KAAmB,QAAdM,EAAsB,MAAQ,QAC1DU,cAAe,CACbC,KAEkB,QAAdX,EAAsB,CAACY,GAAa,MAEpClB,EAAS,CAACmB,GAAmB,OAE/BlB,GAAsB,CAAA,KAE3B,CAACK,EAAWN,EAAQC,GAAoBc,MAE3C,OAAOJ,EAAQP,EAACgB,GAAcC,MAAOV,EAAKf,SAAGA,IAA4BQ,EAAAkB,EAAA,CAAA1B,SAAGA,GAC9E,CAKA,SAASY,GAAgBZ,SAAEA,EAAQ2B,GAAEA,EAAEvB,OAAEA,KAAWG,IAClD,OAAOH,EACLI,EAACoB,EAAG,CAACD,~~GAAI~~,~~CAAEE~~,cAAe,~~iBAAkBF~~,~~MAAUpB~~,EAAIP,~~SACvDA~~,IAGHQ,EAAAkB,EAAA,CAAA1B,SAAGA,GAEP"}
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 { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride({ containerType: 'inline-size' }, sx)} {...rest}>\n {children}\n </Box>\n ) : (\n <>{children}</>\n );\n}\n"],"names":["SkodaThemeProvider","children","theme","skodaTheme","globalBaseline","widget","createCacheOptions","containerProps","rest","_jsx","CacheContainer","direction","ThemeProvider","WidgetContainer","ScopedCssBaseline","dir","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","CacheProvider","value","_Fragment","sx","Box","sxOverride","containerType"],"mappings":"geAsCO,MAAMA,EAAwD,EACnEC,iBACAC,EAAQC,EACRC,kBAAiB,EACjBC,UAAS,EACTC,qBACAC,oBACGC,KAGDC,EAACC,EAAc,CAACC,UAAWT,EAAMS,UAAWN,OAAQA,EAAQC,mBAAoBA,EAAkBL,SAChGQ,EAACG,GAAcV,MAAOA,EAAKD,SACzBQ,EAACI,EAAe,CAACR,OAAQA,KAAYE,EAAcN,SAChDG,IAGCK,EAACK,EAAiB,IAAKN,KAA+B,QAApBN,EAAMS,UAAsB,CAAEI,IAAK,OAAU,CAAA,EAAGd,SAC/EA,UAYf,SAASS,GAAeT,SACtBA,EAAQU,UACRA,EAASN,OACTA,EAAMC,mBACNA,IAOA,MAAMU,EAAQC,EAAQ,KAEpB,GAAkB,QAAdN,GAAwBN,EAG5B,OAAOa,EAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGf,EAAS,IAAM,KAAmB,QAAdM,EAAsB,MAAQ,QAC1DU,cAAe,CACbC,KAEkB,QAAdX,EAAsB,CAACY,GAAa,MAEpClB,EAAS,CAACmB,GAAmB,OAE/BlB,GAAsB,CAAA,KAE3B,CAACK,EAAWN,EAAQC,GAAoBc,MAE3C,OAAOJ,EAAQP,EAACgB,GAAcC,MAAOV,EAAKf,SAAGA,IAA4BQ,EAAAkB,EAAA,CAAA1B,SAAGA,GAC9E,CAKA,SAASY,GAAgBZ,SAAEA,EAAQ2B,GAAEA,EAAEvB,OAAEA,KAAWG,IAClD,OAAOH,EACLI,EAACoB,EAAG,CAACD,GAAIE,EAAW,CAAEC,cAAe,eAAiBH,MAASpB,EAAIP,SAChEA,IAGHQ,EAAAkB,EAAA,CAAA1B,SAAGA,GAEP"}

package/components/spacing/Spacing.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Box as o}from"@mui/material";const m=t(({sx:t,value:m=2,horizontal:e=!1,...i},a)=>r(o,{ref:a,sx:{pl:e?m:0,pt:e?0:m,...t},...i}));export{m as Spacing};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Box as o}from"@mui/material";import{sxOverride as e}from"../../utils/sxOverride/sxOverride.js";const i=t(({sx:t,value:i=2,horizontal:m=!1,...s},p)=>r(o,{ref:p,sx:e({pl:m?i:0,pt:m?0:i},t),...s}));export{i as Spacing};
 //# sourceMappingURL=Spacing.js.map

package/components/spacing/Spacing.js.map CHANGED Viewed

	@@ -1 +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","sx","value","horizontal","rest","ref","_jsx","Box","pl","pt"],"mappings":"~~+GAkBO~~,MAAMA,EAAkCC,EAAW,EAAGC,KAAIC,QAAQ,EAAGC,cAAa,KAAUC,GAAQC,IAEvGC,EAACC,EAAG,CACFF,IAAKA,EACLJ,~~GAAI~~,~~CACFO~~,~~GAAIL~~,EAAaD,EAAQ,~~EACzBO~~,~~GAAIN~~,EAAa,EAAID,~~KAClBD~~,~~MAEDG~~"}
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 { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n {\n pl: horizontal ? value : 0,\n pt: horizontal ? 0 : value,\n },\n sx,\n )}\n {...rest}\n />\n );\n});\n"],"names":["Spacing","forwardRef","sx","value","horizontal","rest","ref","_jsx","Box","sxOverride","pl","pt"],"mappings":"iLAmBO,MAAMA,EAAkCC,EAAW,EAAGC,KAAIC,QAAQ,EAAGC,cAAa,KAAUC,GAAQC,IAEvGC,EAACC,EAAG,CACFF,IAAKA,EACLJ,GAAIO,EACF,CACEC,GAAIN,EAAaD,EAAQ,EACzBQ,GAAIP,EAAa,EAAID,GAEvBD,MAEEG"}

package/components/textAndCta/AppStoreButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as h,jsxs as f}from"react/jsx-runtime";import{forwardRef as a,useMemo as l}from"react";import{ButtonBase as c,SvgIcon as t}from"@mui/material";import{getFocusRingStyle as i}from"../focusring/focusring.js";import{getInteractiveStyle as v}from"../../materialui/button/interactive.js";const r=a(({variant:f,sx:a,...t},r)=>{const d=l(()=>"apple-store"===f?e:m,[f]);return h(c,{sx:h=>({position:"relative",...i(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"},...v({"&:after":{opacity:"0"}},{"&:after":{opacity:"1"}}),...a}),ref:r,...t,children:h(d,{})})});function m(a){return f(t,{viewBox:"0 0 180 53.333",sx:{height:"36px",width:"auto"},...a,children:[h("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("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("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("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("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("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("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("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(a){return f(t,{viewBox:"0 0 119.66407 40",sx:{height:"36px",width:"auto"},...a,children:[h("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("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("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("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("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("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("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("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("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("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("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("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("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("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("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("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("path",{d:"M59.09377,8.437h.88867v6.26074h-.88867Z",fill:"#fff"}),h("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("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("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("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("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("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("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("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"})]})}export{r as AppStoreButton};
+import{jsx as h,jsxs as f}from"react/jsx-runtime";import{forwardRef as a,useMemo as l}from"react";import{ButtonBase as c,SvgIcon as t}from"@mui/material";import{sxOverride as i}from"../../utils/sxOverride/sxOverride.js";import{getFocusRingStyle as v}from"../focusring/focusring.js";import{getInteractiveStyle as r}from"../../materialui/button/interactive.js";const e=a(({variant:f,sx:a,...t},e)=>{const p=l(()=>"apple-store"===f?d:m,[f]);return h(c,{sx:i(h=>({position:"relative",...v(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"},...r({"&:after":{opacity:"0"}},{"&:after":{opacity:"1"}})}),a),ref:e,...t,children:h(p,{})})});function m(a){return f(t,{viewBox:"0 0 180 53.333",sx:{height:"36px",width:"auto"},...a,children:[h("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("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("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("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("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("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("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("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 d(a){return f(t,{viewBox:"0 0 119.66407 40",sx:{height:"36px",width:"auto"},...a,children:[h("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("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("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("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("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("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("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("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("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("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("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("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("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("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("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("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("path",{d:"M59.09377,8.437h.88867v6.26074h-.88867Z",fill:"#fff"}),h("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("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("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("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("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("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("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("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"})]})}export{e as AppStoreButton};
 //# sourceMappingURL=AppStoreButton.js.map

package/components/textAndCta/AppStoreButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppStoreButton.js","sources":["../../../src/components/textAndCta/AppStoreButton.tsx"],"sourcesContent":["import React, { ElementType, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { ButtonBase, ButtonBaseProps, SvgIcon } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface AppStoreButtonProps extends ButtonBaseProps<ElementType> {\n /*\n store to be shown\n * @default google-play\n /\n variant?: 'google-play' \| 'apple-store';\n}\n\n/\n Simple button with the application store image\n */\nexport const AppStoreButton: React.FC<AppStoreButtonProps> = forwardRef(({ variant, sx, ...rest }, ref) => {\n const AppStoreComponent = useMemo(() => {\n switch (variant) {\n case 'apple-store':\n return AppleStore;\n case 'google-play':\n default:\n return GooglePlay;\n }\n }, [variant]);\n\n return (\n <ButtonBase\n sx={(theme) => ({\n position: 'relative',\n ...getFocusRingStyle(theme),\n '&&:before': {\n borderRadius: '4px',\n },\n // pseudo background for hover\n ':after': {\n display: 'block',\n content: '\"\"',\n position: 'absolute',\n inset: '0',\n borderRadius: 'inherit',\n backgroundColor: theme.palette.transparent.primary,\n transition: 'opacity 0.3s ease-out',\n opacity: '0',\n },\n // interactive style\n ...getInteractiveStyle(\n {\n '&:after': {\n opacity: '0',\n },\n },\n {\n '&:after': {\n opacity: '1',\n },\n },\n ),\n ...sx,\n })}\n ref={ref as ForwardedRef<HTMLButtonElement>}\n {...rest}\n >\n <AppStoreComponent />\n </ButtonBase>\n );\n});\n\nfunction GooglePlay(props) {\n return (\n <SvgIcon viewBox=\"0 0 180 53.333\" sx={{ height: '36px', width: 'auto' }} {...props}>\n <path\n 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\"\n fill=\"#100f0d\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#a2a2a1\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#fff\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#eb3131\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#f6b60b\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#5778c5\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#3bad49\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#fff\"\n stroke=\"#fff\"\n strokeMiterlimit=\"10\"\n strokeWidth=\".26666\"\n />\n </SvgIcon>\n );\n}\n\nfunction AppleStore(props) {\n return (\n <SvgIcon viewBox=\"0 0 119.66407 40\" sx={{ height: '36px', width: 'auto' }} {...props}>\n <path\n 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\"\n fill=\"#a6a6a6\"\n />\n <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\" />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path d=\"M59.09377,8.437h.88867v6.26074h-.88867Z\" fill=\"#fff\" />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n </SvgIcon>\n );\n}\n"],"names":["AppStoreButton","forwardRef","variant","sx","rest","ref","AppStoreComponent","useMemo","AppleStore","GooglePlay","_jsx","ButtonBase","theme","position","getFocusRingStyle","borderRadius","display","content","inset","backgroundColor","palette","transparent","primary","transition","opacity","getInteractiveStyle","children","props","_jsxs","SvgIcon","viewBox","height","width","d","fill","strokeWidth","stroke","strokeMiterlimit"],"mappings":"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"}
1	+ {"version":3,"file":"AppStoreButton.js","sources":["../../../src/components/textAndCta/AppStoreButton.tsx"],"sourcesContent":["import React, { ElementType, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { ButtonBase, ButtonBaseProps, SvgIcon } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface AppStoreButtonProps extends ButtonBaseProps<ElementType> {\n /*\n store to be shown\n * @default google-play\n /\n variant?: 'google-play' \| 'apple-store';\n}\n\n/\n Simple button with the application store image\n */\nexport const AppStoreButton: React.FC<AppStoreButtonProps> = forwardRef(({ variant, sx, ...rest }, ref) => {\n const AppStoreComponent = useMemo(() => {\n switch (variant) {\n case 'apple-store':\n return AppleStore;\n case 'google-play':\n default:\n return GooglePlay;\n }\n }, [variant]);\n\n return (\n <ButtonBase\n sx={sxOverride(\n (theme) => ({\n position: 'relative',\n ...getFocusRingStyle(theme),\n '&&:before': {\n borderRadius: '4px',\n },\n // pseudo background for hover\n ':after': {\n display: 'block',\n content: '\"\"',\n position: 'absolute',\n inset: '0',\n borderRadius: 'inherit',\n backgroundColor: theme.palette.transparent.primary,\n transition: 'opacity 0.3s ease-out',\n opacity: '0',\n },\n // interactive style\n ...getInteractiveStyle(\n {\n '&:after': {\n opacity: '0',\n },\n },\n {\n '&:after': {\n opacity: '1',\n },\n },\n ),\n }),\n sx,\n )}\n ref={ref as ForwardedRef<HTMLButtonElement>}\n {...rest}\n >\n <AppStoreComponent />\n </ButtonBase>\n );\n});\n\nfunction GooglePlay(props) {\n return (\n <SvgIcon viewBox=\"0 0 180 53.333\" sx={{ height: '36px', width: 'auto' }} {...props}>\n <path\n 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\"\n fill=\"#100f0d\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#a2a2a1\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#fff\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#eb3131\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#f6b60b\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#5778c5\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#3bad49\"\n strokeWidth=\".13333\"\n />\n <path\n 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\"\n fill=\"#fff\"\n stroke=\"#fff\"\n strokeMiterlimit=\"10\"\n strokeWidth=\".26666\"\n />\n </SvgIcon>\n );\n}\n\nfunction AppleStore(props) {\n return (\n <SvgIcon viewBox=\"0 0 119.66407 40\" sx={{ height: '36px', width: 'auto' }} {...props}>\n <path\n 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\"\n fill=\"#a6a6a6\"\n />\n <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\" />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path d=\"M59.09377,8.437h.88867v6.26074h-.88867Z\" fill=\"#fff\" />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n <path\n 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\"\n fill=\"#fff\"\n />\n </SvgIcon>\n );\n}\n"],"names":["AppStoreButton","forwardRef","variant","sx","rest","ref","AppStoreComponent","useMemo","AppleStore","GooglePlay","_jsx","ButtonBase","sxOverride","theme","position","getFocusRingStyle","borderRadius","display","content","inset","backgroundColor","palette","transparent","primary","transition","opacity","getInteractiveStyle","props","_jsxs","SvgIcon","viewBox","height","width","children","d","fill","strokeWidth","stroke","strokeMiterlimit"],"mappings":"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"}

package/components/textAndCta/TextAndCta.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Box as l,Typography as r}from"@mui/material";import{Label as i}from"../label/Label.js";const n=t(({sx:t,children:n,label:o,labelProps:a,headline:x,headlineProps:d,subheadline:c,subheadlineProps:m,body:b,bodyProps:h,buttons:p,buttonsProps:f,...u},y)=>{const{sx:P,...g}=a||{},{sx:j,...k}=d||{},{sx:v,...w}=m||{},{sx:C,...D}=h||{},{sx:I,...L}=f||{};return e(l,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",p:3,width:"320px",maxWidth:"100%",...t},ref:y,...u,children:[o&&s(i,{sx:{mb:1,...P},...g,children:o}),x&&s(r,{variant:"h4",sx:{display:"block",mb:1,...j},...k,children:x}),c&&s(r,{variant:"subheadline",sx:{display:"block",mb:1,...v},...w,children:c}),b&&s(r,{sx:{display:"block",mb:2,...C},...D,children:b}),n,p&&s(l,{sx:{display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"stretch",alignSelf:"stretch",gap:1,...I},...L,children:p})]})});export{n as TextAndCta};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as t,Typography as i}from"@mui/material";import{sxOverride as l}from"../../utils/sxOverride/sxOverride.js";import{Label as n}from"../label/Label.js";const o=r(({sx:r,children:o,label:a,labelProps:x,headline:d,headlineProps:m,subheadline:c,subheadlineProps:p,body:b,bodyProps:h,buttons:f,buttonsProps:u,...y},j)=>{const{sx:P,...g}=x||{},{sx:v,...k}=m||{},{sx:w,...C}=p||{},{sx:D,...I}=h||{},{sx:O,...L}=u||{};return e(t,{sx:l({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",p:3,width:"320px",maxWidth:"100%"},r),ref:j,...y,children:[a&&s(n,{sx:l({mb:1},P),...g,children:a}),d&&s(i,{variant:"h4",sx:l({display:"block",mb:1},v),...k,children:d}),c&&s(i,{variant:"subheadline",sx:l({display:"block",mb:1},w),...C,children:c}),b&&s(i,{sx:l({display:"block",mb:2},D),...I,children:b}),o,f&&s(t,{sx:l({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"stretch",alignSelf:"stretch",gap:1},O),...L,children:f})]})});export{o as TextAndCta};
 //# sourceMappingURL=TextAndCta.js.map