@skodaflow/web-library 8.2.0 → 8.3.1

package/materialui/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/materialui/card/Card.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { Paper, Box, CardProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { MinusIcon } from '@/src/components/icon/stroke/MinusIcon';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/**\n * Standard MUI Card extended with custom properties\n */\nexport const FlowCard: FC<CardProps> = forwardRef(\n  (\n    {\n      children,\n      isSelected,\n      disableIcon = true,\n      iconSlots,\n      iconPlacement = 'top-end',\n      iconProps,\n      hoverIconProps,\n      iconWrapperProps,\n      contentWrapperProps,\n      onClick,\n      disabled,\n      color,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: wrapperSx, ...restWrapper } = contentWrapperProps || {};\n    const { sx: iconWrapperSx, className: iconWrapperClassName, ...restIconWrapper } = iconWrapperProps || {};\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: hoverIconSx, ...restHoverIcon } = hoverIconProps || {};\n    const { icon, selectedIcon, hoverIcon, hoverSelectedIcon } = {\n      icon: PlusIcon,\n      selectedIcon: CheckIcon,\n      hoverIcon: PlusIcon,\n      hoverSelectedIcon: MinusIcon,\n      ...(iconSlots || {}),\n    };\n    const IconComponent = !disabled && isSelected ? selectedIcon : icon;\n    const HoverIconComponent = !disabled && isSelected ? hoverSelectedIcon : hoverIcon;\n\n    return (\n      <Paper color={color} onClick={disabled ? undefined : onClick} {...rest} ref={ref}>\n        <Box\n          sx={sxOverride({ borderRadius: 'inherit', overflow: 'hidden', height: '100%' }, wrapperSx)}\n          {...restWrapper}\n        >\n          {!disableIcon && (\n            <Box\n              sx={sxOverride(\n                {\n                  // circle\n                  border: 1,\n                  borderColor: 'onSurface.os100',\n                  backgroundColor: 'background.primary',\n                  ...(color === 'secondary' && {\n                    backgroundColor: 'surface.primary',\n                  }),\n                  borderRadius: '1000px',\n                  p: '5px',\n                  // reset IconButton style\n                  width: 'auto',\n                  height: 'auto',\n                  transition: 'none',\n                  // interactive and selected effect is controlled by card.theme\n                  // placement\n                  position: 'absolute',\n                  ...(iconPlacement.includes('top') ? { top: '16px' } : {}),\n                  ...(iconPlacement.includes('bottom') ? { bottom: '16px' } : {}),\n                  ...(iconPlacement.includes('start') ? { left: '16px' } : {}),\n                  ...(iconPlacement.includes('end') ? { right: '16px' } : {}),\n                  // Box overwritten to button\n                  '&.MuiButtonBase-root': {\n                    ...updateFocusRingStyle(1),\n                    // remove smooth transition effect to match card behavior\n                    '&:before': {\n                      transition: 'none',\n                    },\n                    // same style is also applied in card.theme\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'background.primary',\n                        ...(color === 'secondary' && {\n                          backgroundColor: 'surface.primary',\n                        }),\n                        ...(isSelected && {\n                          backgroundColor: 'brand.primary',\n                          borderColor: 'brand.primary',\n                          color: 'common.white',\n                        }),\n                        '& .MuiSvgIcon-root': {\n                          '&:first-of-type': {\n                            display: 'block',\n                          },\n                          '&:last-of-type': {\n                            display: 'none',\n                          },\n                        },\n                      },\n                      {\n                        backgroundColor: 'surface.primary',\n                        ...(color === 'secondary' && {\n                          backgroundColor: 'surface.secondary',\n                        }),\n                        ...(isSelected && {\n                          backgroundColor: 'brandHover.primary',\n                          borderColor: 'brandHover.primary',\n                          color: 'common.white',\n                        }),\n                        // flip icon being shown\n                        '& .MuiSvgIcon-root': {\n                          '&:first-of-type': {\n                            display: 'none',\n                          },\n                          '&:last-of-type': {\n                            display: 'block',\n                          },\n                        },\n                      },\n                    ),\n                  },\n                },\n                iconWrapperSx,\n              )}\n              className={['FlowCard-Icon-root', iconWrapperClassName].filter(Boolean).join(' ')}\n              {...restIconWrapper}\n            >\n              <IconComponent\n                data-testid=\"Card.Icon\"\n                sx={sxOverride({ display: 'block', fontSize: '20px' }, iconSx)}\n                {...restIcon}\n              />\n              <HoverIconComponent\n                data-testid=\"Card.HoverIcon\"\n                sx={sxOverride({ display: 'none', fontSize: '20px' }, hoverIconSx)}\n                {...restHoverIcon}\n              />\n            </Box>\n          )}\n          {children}\n        </Box>\n      </Paper>\n    );\n  },\n);\n"],"names":["FlowCard","forwardRef","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","onClick","disabled","color","rest","ref","sx","wrapperSx","restWrapper","iconWrapperSx","className","iconWrapperClassName","restIconWrapper","iconSx","restIcon","hoverIconSx","restHoverIcon","icon","selectedIcon","hoverIcon","hoverSelectedIcon","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","_jsx","Paper","undefined","_jsxs","Box","sxOverride","borderRadius","overflow","height","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","getInteractiveStyle","display","filter","Boolean","join","fontSize"],"mappings":"oiBAYO,MAAMA,EAA0BC,EACrC,EAEIC,WACAC,aACAC,eAAc,EACdC,YACAC,gBAAgB,UAChBC,YACAC,iBACAC,mBACAC,sBACAC,UACAC,WACAC,WACGC,GAELC,KAEA,MAAQC,GAAIC,KAAcC,GAAgBR,GAAuB,CAAA,GACzDM,GAAIG,EAAeC,UAAWC,KAAyBC,GAAoBb,GAAoB,CAAA,GAC/FO,GAAIO,KAAWC,GAAajB,GAAa,CAAA,GACzCS,GAAIS,KAAgBC,GAAkBlB,GAAkB,CAAA,GAC1DmB,KAAEA,EAAIC,aAAEA,EAAYC,UAAEA,EAASC,kBAAEA,GAAsB,CAC3DH,KAAMI,EACNH,aAAcI,EACdH,UAAWE,EACXD,kBAAmBG,KACf5B,GAAa,CAAA,GAEb6B,GAAiBtB,GAAYT,EAAayB,EAAeD,EACzDQ,GAAsBvB,GAAYT,EAAa2B,EAAoBD,EAEzE,OACEO,EAACC,EAAK,CAACxB,MAAOA,EAAOF,QAASC,OAAW0B,EAAY3B,KAAaG,EAAMC,IAAKA,EAAGb,SAC9EqC,EAACC,GACCxB,GAAIyB,EAAW,CAAEC,aAAc,UAAWC,SAAU,SAAUC,OAAQ,QAAU3B,MAC5EC,EAAWhB,SAAA,EAEbE,GACAmC,EAACC,EAAG,CACFxB,GAAIyB,EACF,CAEEI,OAAQ,EACRC,YAAa,kBACbC,gBAAiB,wBACH,cAAVlC,GAAyB,CAC3BkC,gBAAiB,mBAEnBL,aAAc,SACdM,EAAG,MAEHC,MAAO,OACPL,OAAQ,OACRM,WAAY,OAGZC,SAAU,cACN7C,EAAc8C,SAAS,OAAS,CAAEC,IAAK,QAAW,MAClD/C,EAAc8C,SAAS,UAAY,CAAEE,OAAQ,QAAW,MACxDhD,EAAc8C,SAAS,SAAW,CAAEG,KAAM,QAAW,MACrDjD,EAAc8C,SAAS,OAAS,CAAEI,MAAO,QAAW,GAExD,uBAAwB,IACnBC,EAAqB,GAExB,WAAY,CACVP,WAAY,WAGXQ,EACD,CACEX,gBAAiB,wBACH,cAAVlC,GAAyB,CAC3BkC,gBAAiB,sBAEf5C,GAAc,CAChB4C,gBAAiB,gBACjBD,YAAa,gBACbjC,MAAO,gBAET,qBAAsB,CACpB,kBAAmB,CACjB8C,QAAS,SAEX,iBAAkB,CAChBA,QAAS,UAIf,CACEZ,gBAAiB,qBACH,cAAVlC,GAAyB,CAC3BkC,gBAAiB,wBAEf5C,GAAc,CAChB4C,gBAAiB,qBACjBD,YAAa,qBACbjC,MAAO,gBAGT,qBAAsB,CACpB,kBAAmB,CACjB8C,QAAS,QAEX,iBAAkB,CAChBA,QAAS,cAOrBxC,GAEFC,UAAW,CAAC,qBAAsBC,GAAsBuC,OAAOC,SAASC,KAAK,QACzExC,EAAepB,SAAA,CAEnBkC,EAACF,iBACa,YACZlB,GAAIyB,EAAW,CAAEkB,QAAS,QAASI,SAAU,QAAUxC,MACnDC,IAENY,EAACD,EAAkB,CAAA,cACL,iBACZnB,GAAIyB,EAAW,CAAEkB,QAAS,OAAQI,SAAU,QAAUtC,MAClDC,OAITxB"}
+{"version":3,"file":"Card.js","sources":["../../../src/materialui/card/Card.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { Paper, Box, CardProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { MinusIcon } from '@/src/components/icon/stroke/MinusIcon';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { Spinner } from '@/src/components/progress/Spinner';\n\n/**\n * Standard MUI Card extended with custom properties\n */\nexport const FlowCard: FC<CardProps> = forwardRef(\n  (\n    {\n      children,\n      isSelected,\n      disableIcon = true,\n      iconSlots,\n      iconPlacement = 'top-end',\n      iconProps,\n      hoverIconProps,\n      iconWrapperProps,\n      contentWrapperProps,\n      onClick,\n      disabled,\n      color,\n      loading,\n      loadingProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: wrapperSx, ...restWrapper } = contentWrapperProps || {};\n    const { sx: iconWrapperSx, className: iconWrapperClassName, ...restIconWrapper } = iconWrapperProps || {};\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: hoverIconSx, ...restHoverIcon } = hoverIconProps || {};\n    const { sx: loadingSpinnerSx, ...restLoadingProps } = loadingProps || {};\n    const { icon, selectedIcon, hoverIcon, hoverSelectedIcon } = {\n      icon: PlusIcon,\n      selectedIcon: CheckIcon,\n      hoverIcon: PlusIcon,\n      hoverSelectedIcon: MinusIcon,\n      ...(iconSlots || {}),\n    };\n    const IconComponent = !disabled && isSelected ? selectedIcon : icon;\n    const HoverIconComponent = !disabled && isSelected ? hoverSelectedIcon : hoverIcon;\n    const showLoadingSpinner = loading && !disabled;\n\n    return (\n      <Paper color={color} onClick={disabled ? undefined : onClick} {...rest} ref={ref}>\n        <Box\n          sx={sxOverride({ borderRadius: 'inherit', overflow: 'hidden', height: '100%' }, wrapperSx)}\n          {...restWrapper}\n        >\n          {!disableIcon && (\n            <Box\n              sx={sxOverride(\n                {\n                  // circle\n                  border: 1,\n                  borderColor: 'onSurface.os100',\n                  backgroundColor: 'background.primary',\n                  ...(color === 'secondary' && {\n                    backgroundColor: 'surface.primary',\n                  }),\n                  borderRadius: '1000px',\n                  p: showLoadingSpinner ? '3px' : '5px',\n                  // reset IconButton style\n                  width: 'auto',\n                  height: 'auto',\n                  transition: 'none',\n                  // interactive and selected effect is controlled by card.theme\n                  // placement\n                  position: 'absolute',\n                  ...(iconPlacement.includes('top') ? { top: '16px' } : {}),\n                  ...(iconPlacement.includes('bottom') ? { bottom: '16px' } : {}),\n                  ...(iconPlacement.includes('start') ? { left: '16px' } : {}),\n                  ...(iconPlacement.includes('end') ? { right: '16px' } : {}),\n                  // Box overwritten to button\n                  '&.MuiButtonBase-root': {\n                    ...updateFocusRingStyle(1),\n                    // remove smooth transition effect to match card behavior\n                    '&:before': {\n                      transition: 'none',\n                    },\n                    // same style is also applied in card.theme\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'background.primary',\n                        ...(color === 'secondary' && {\n                          backgroundColor: 'surface.primary',\n                        }),\n                        ...(isSelected && {\n                          backgroundColor: 'brand.primary',\n                          borderColor: 'brand.primary',\n                          color: 'common.white',\n                        }),\n                        ...(showLoadingSpinner && isSelected && {\n                          backgroundColor: 'brandHover.primary',\n                          borderColor: 'brandHover.primary',\n                        }),\n                        ...(!showLoadingSpinner && {\n                          '.MuiSvgIcon-root': {\n                            '&:first-of-type': {\n                              display: 'block',\n                            },\n                            '&:last-of-type': {\n                              display: 'none',\n                            },\n                          },\n                        }),\n                      },\n                      {\n                        backgroundColor: 'surface.primary',\n                        ...(color === 'secondary' && {\n                          backgroundColor: 'surface.secondary',\n                        }),\n                        ...(isSelected && {\n                          backgroundColor: 'brandHover.primary',\n                          borderColor: 'brandHover.primary',\n                          color: 'common.white',\n                        }),\n                        // flip icon being shown\n                        ...(!showLoadingSpinner && {\n                          '.MuiSvgIcon-root': {\n                            '&:first-of-type': {\n                              display: 'none',\n                            },\n                            '&:last-of-type': {\n                              display: 'block',\n                            },\n                          },\n                        }),\n                      },\n                    ),\n                  },\n                },\n                iconWrapperSx,\n              )}\n              className={['FlowCard-Icon-root', iconWrapperClassName].filter(Boolean).join(' ')}\n              {...restIconWrapper}\n            >\n              {showLoadingSpinner ? (\n                <Spinner\n                  data-testid=\"Card.LoadingSpinner\"\n                  size={24}\n                  sx={sxOverride(\n                    {\n                      display: 'block',\n                      width: '24px',\n                      height: '24px',\n                      ...(isSelected && {\n                        '& .FlowSpinner-circle-primary': {\n                          stroke: (theme) => theme.palette.brand.secondary,\n                        },\n                        '& .FlowSpinner-circle-secondary': {\n                          stroke: (theme) => theme.palette.transparent.secondary,\n                        },\n                      }),\n                    },\n                    loadingSpinnerSx,\n                  )}\n                  {...restLoadingProps}\n                />\n              ) : (\n                <>\n                  <IconComponent\n                    data-testid=\"Card.Icon\"\n                    sx={sxOverride({ display: 'block', fontSize: '20px' }, iconSx)}\n                    {...restIcon}\n                  />\n                  <HoverIconComponent\n                    data-testid=\"Card.HoverIcon\"\n                    sx={sxOverride({ display: 'none', fontSize: '20px' }, hoverIconSx)}\n                    {...restHoverIcon}\n                  />\n                </>\n              )}\n            </Box>\n          )}\n          {children}\n        </Box>\n      </Paper>\n    );\n  },\n);\n"],"names":["FlowCard","forwardRef","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","onClick","disabled","color","loading","loadingProps","rest","ref","sx","wrapperSx","restWrapper","iconWrapperSx","className","iconWrapperClassName","restIconWrapper","iconSx","restIcon","hoverIconSx","restHoverIcon","loadingSpinnerSx","restLoadingProps","icon","selectedIcon","hoverIcon","hoverSelectedIcon","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","showLoadingSpinner","_jsx","Paper","undefined","_jsxs","Box","sxOverride","borderRadius","overflow","height","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","getInteractiveStyle","display","filter","Boolean","join","Spinner","size","stroke","theme","palette","brand","secondary","transparent","_Fragment","fontSize"],"mappings":"unBAaaA,EAA0BC,EACrC,EAEIC,WACAC,aACAC,eAAc,EACdC,YACAC,gBAAgB,UAChBC,YACAC,iBACAC,mBACAC,sBACAC,UACAC,WACAC,QACAC,UACAC,kBACGC,GAELC,KAEA,MAAQC,GAAIC,KAAcC,GAAgBV,GAAuB,CAAA,GACzDQ,GAAIG,EAAeC,UAAWC,KAAyBC,GAAoBf,GAAoB,CAAA,GAC/FS,GAAIO,KAAWC,GAAanB,GAAa,CAAA,GACzCW,GAAIS,KAAgBC,GAAkBpB,GAAkB,CAAA,GACxDU,GAAIW,KAAqBC,GAAqBf,GAAgB,CAAA,GAChEgB,KAAEA,EAAIC,aAAEA,EAAYC,UAAEA,EAASC,kBAAEA,GAAsB,CAC3DH,KAAMI,EACNH,aAAcI,EACdH,UAAWE,EACXD,kBAAmBG,KACfhC,GAAa,CAAA,GAEbiC,GAAiB1B,GAAYT,EAAa6B,EAAeD,EACzDQ,GAAsB3B,GAAYT,EAAa+B,EAAoBD,EACnEO,EAAqB1B,IAAYF,EAEvC,OACE6B,EAACC,EAAK,CAAC7B,MAAOA,EAAOF,QAASC,OAAW+B,EAAYhC,KAAaK,EAAMC,IAAKA,EAAGf,SAC9E0C,EAACC,GACC3B,GAAI4B,EAAW,CAAEC,aAAc,UAAWC,SAAU,SAAUC,OAAQ,QAAU9B,MAC5EC,EAAWlB,SAAA,EAEbE,GACAqC,EAACI,EAAG,CACF3B,GAAI4B,EACF,CAEEI,OAAQ,EACRC,YAAa,kBACbC,gBAAiB,wBACH,cAAVvC,GAAyB,CAC3BuC,gBAAiB,mBAEnBL,aAAc,SACdM,EAAGb,EAAqB,MAAQ,MAEhCc,MAAO,OACPL,OAAQ,OACRM,WAAY,OAGZC,SAAU,cACNlD,EAAcmD,SAAS,OAAS,CAAEC,IAAK,QAAW,MAClDpD,EAAcmD,SAAS,UAAY,CAAEE,OAAQ,QAAW,MACxDrD,EAAcmD,SAAS,SAAW,CAAEG,KAAM,QAAW,MACrDtD,EAAcmD,SAAS,OAAS,CAAEI,MAAO,QAAW,GAExD,uBAAwB,IACnBC,EAAqB,GAExB,WAAY,CACVP,WAAY,WAGXQ,EACD,CACEX,gBAAiB,wBACH,cAAVvC,GAAyB,CAC3BuC,gBAAiB,sBAEfjD,GAAc,CAChBiD,gBAAiB,gBACjBD,YAAa,gBACbtC,MAAO,mBAEL2B,GAAsBrC,GAAc,CACtCiD,gBAAiB,qBACjBD,YAAa,0BAEVX,GAAsB,CACzB,mBAAoB,CAClB,kBAAmB,CACjBwB,QAAS,SAEX,iBAAkB,CAChBA,QAAS,WAKjB,CACEZ,gBAAiB,qBACH,cAAVvC,GAAyB,CAC3BuC,gBAAiB,wBAEfjD,GAAc,CAChBiD,gBAAiB,qBACjBD,YAAa,qBACbtC,MAAO,oBAGJ2B,GAAsB,CACzB,mBAAoB,CAClB,kBAAmB,CACjBwB,QAAS,QAEX,iBAAkB,CAChBA,QAAS,eAQvB3C,GAEFC,UAAW,CAAC,qBAAsBC,GAAsB0C,OAAOC,SAASC,KAAK,QACzE3C,WAEHgB,EACCC,EAAC2B,EAAO,CAAA,cACM,sBACZC,KAAM,GACNnD,GAAI4B,EACF,CACEkB,QAAS,QACTV,MAAO,OACPL,OAAQ,UACJ9C,GAAc,CAChB,gCAAiC,CAC/BmE,OAASC,GAAUA,EAAMC,QAAQC,MAAMC,WAEzC,kCAAmC,CACjCJ,OAASC,GAAUA,EAAMC,QAAQG,YAAYD,aAInD7C,MAEEC,IAGNc,EAAAgC,EAAA,CAAA1E,SAAA,CACEuC,EAACH,iBACa,YACZpB,GAAI4B,EAAW,CAAEkB,QAAS,QAASa,SAAU,QAAUpD,MACnDC,IAENe,EAACF,EAAkB,CAAA,cACL,iBACZrB,GAAI4B,EAAW,CAAEkB,QAAS,OAAQa,SAAU,QAAUlD,MAClDC,SAMb1B"}

package/materialui/card/card.theme.js

@@ -1,2 +1,2 @@
-import{FlowCard as r}from"./Card.js";import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";import{getInteractiveStyle as e}from"../button/interactive.js";const t={defaultProps:{elevation:0,component:r},styleOverrides:{root:({theme:r,color:t,disabled:a,isSelected:l})=>({backgroundColor:"secondary"===t?r.palette.surface.primary:r.palette.background.primary,position:"relative",borderRadius:"8px",overflow:"visible",border:"1px solid transparent","&::after":{content:'""',position:"absolute",maxWidth:"none",borderStyle:"solid",borderRadius:"inherit",pointerEvents:"none",zIndex:"1",inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100,...!a&&l&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary}},...!a&&l&&{"& .FlowCard-Icon-root":{color:r.palette.common.white,backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary},"&:hover":{"&::after":{borderColor:r.palette.brandHover.primary}}},...!a&&{"&:has(.MuiCardActionArea-root)":{...e({"&::after":{inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100,...l&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary}},"& .FlowCard-Icon-root":{backgroundColor:r.palette.background.primary,..."secondary"===t&&{backgroundColor:r.palette.surface.primary},...l&&{backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary}},"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}},{"&::after":{inset:"-3px",borderWidth:"3px",...l&&{borderColor:r.palette.brandHover.primary}},"& .FlowCard-Icon-root":{backgroundColor:r.palette.surface.primary,..."secondary"===t&&{backgroundColor:r.palette.surface.secondary},...l&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary}},"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}},null,null,"&:has(.MuiCardActionArea-root.Mui-focusVisible)")},...o(r,!1,3,":has(.MuiCardActionArea-root.Mui-focusVisible, .FlowFlippingCardContent-root.Mui-focusVisible)")},...a&&{backgroundColor:r.palette.surface.primary,borderColor:r.palette.disabled.secondary,cursor:"not-allowed",userSelect:"none",pointerEvents:"none","& .FlowCard-Icon-root":{backgroundColor:r.palette.disabled.secondary,color:r.palette.disabled.tertiary},"&, & .MuiTypography-root":{color:r.palette.disabled.tertiary},"& img":{opacity:"0.6"}}})},variants:[{props:{raised:!0},style:({theme:r})=>({boxShadow:r.flowShadows.xs})}]};export{t as flowCard};
+import{FlowCard as r}from"./Card.js";import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";import{getInteractiveStyle as e}from"../button/interactive.js";const a={defaultProps:{elevation:0,component:r},styleOverrides:{root:({theme:r,color:a,disabled:t,isSelected:l,loading:d})=>({backgroundColor:"secondary"===a?r.palette.surface.primary:r.palette.background.primary,position:"relative",borderRadius:"8px",overflow:"visible",border:"1px solid transparent","&::after":{content:'""',position:"absolute",maxWidth:"none",borderStyle:"solid",borderRadius:"inherit",pointerEvents:"none",zIndex:"1",inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100,...!t&&l&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary}},...!t&&l&&{"& .FlowCard-Icon-root":{color:r.palette.common.white,backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary,...d&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary}},"&:hover":{"&::after":{borderColor:r.palette.brandHover.primary}}},...!t&&{"&:has(.MuiCardActionArea-root)":{...e({"&::after":{inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100,...l&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary}},"& .FlowCard-Icon-root":{backgroundColor:r.palette.background.primary,..."secondary"===a&&{backgroundColor:r.palette.surface.primary},...l&&{backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary},...l&&d&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary}},...!d&&{"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}}},{"&::after":{inset:"-3px",borderWidth:"3px",...l&&{borderColor:r.palette.brandHover.primary}},"& .FlowCard-Icon-root":{backgroundColor:r.palette.surface.primary,..."secondary"===a&&{backgroundColor:r.palette.surface.secondary},...l&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary}},...!d&&{"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}}},null,null,"&:has(.MuiCardActionArea-root.Mui-focusVisible)")},...o(r,!1,3,":has(.MuiCardActionArea-root.Mui-focusVisible, .FlowFlippingCardContent-root.Mui-focusVisible)")},...t&&{backgroundColor:r.palette.surface.primary,borderColor:r.palette.disabled.secondary,cursor:"not-allowed",userSelect:"none",pointerEvents:"none","& .FlowCard-Icon-root":{backgroundColor:r.palette.disabled.secondary,color:r.palette.disabled.tertiary},"&, & .MuiTypography-root":{color:r.palette.disabled.tertiary},"& img":{opacity:"0.6"}}})},variants:[{props:{raised:!0},style:({theme:r})=>({boxShadow:r.flowShadows.xs})}]};export{a as flowCard};
 //# sourceMappingURL=card.theme.js.map

package/materialui/card/card.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.theme.js","sources":["../../../src/materialui/card/card.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { FlowCard } from './Card';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowCard: Components<Theme>['MuiCard'] = {\n  defaultProps: {\n    elevation: 0,\n    // we use custom Card component that extends @mui card greatly\n    component: FlowCard,\n  },\n  styleOverrides: {\n    root: ({ theme, color, disabled, isSelected }) => ({\n      backgroundColor: color === 'secondary' ? theme.palette.surface.primary : theme.palette.background.primary,\n      position: 'relative',\n      borderRadius: '8px',\n      overflow: 'visible',\n      // adding standard border and changing its width on hover creates layout shift\n      // therefore we use absolute positioned border\n      border: '1px solid transparent',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        maxWidth: 'none',\n        borderStyle: 'solid',\n        borderRadius: 'inherit',\n        pointerEvents: 'none',\n        zIndex: '1',\n        // same style is applied for the interactive effect bellow\n        // into the transparent border\n        inset: '-1px',\n        borderWidth: '1px',\n        borderColor: theme.palette.onSurface.os100,\n        // selected\n        ...(!disabled &&\n          isSelected && {\n            // keep 1px inside\n            inset: '-3px',\n            borderWidth: '3px',\n            borderColor: theme.palette.brand.primary,\n          }),\n      },\n      // selected\n      ...(!disabled &&\n        isSelected && {\n          // change style of icon\n          '& .FlowCard-Icon-root': {\n            color: theme.palette.common.white,\n            backgroundColor: theme.palette.brand.primary,\n            borderColor: theme.palette.brand.primary,\n          },\n          // hover effect that for non-link selected card\n          '&:hover': {\n            '&::after': {\n              borderColor: theme.palette.brandHover.primary,\n            },\n          },\n        }),\n      // hover effect is applied only if FlowIconButton exists\n      ...(!disabled && {\n        '&:has(.MuiCardActionArea-root)': {\n          ...getInteractiveStyle(\n            {\n              '&::after': {\n                inset: '-1px',\n                borderWidth: '1px',\n                borderColor: theme.palette.onSurface.os100,\n                // selected\n                ...(isSelected && {\n                  inset: '-3px',\n                  borderWidth: '3px',\n                  borderColor: theme.palette.brand.primary,\n                }),\n              },\n              // same style is also in Card.tsx\n              '& .FlowCard-Icon-root': {\n                backgroundColor: theme.palette.background.primary,\n                ...(color === 'secondary' && {\n                  backgroundColor: theme.palette.surface.primary,\n                }),\n                ...(isSelected && {\n                  backgroundColor: theme.palette.brand.primary,\n                  borderColor: theme.palette.brand.primary,\n                }),\n              },\n              '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n                '&:first-of-type': {\n                  display: 'block',\n                },\n                '&:last-of-type': {\n                  display: 'none',\n                },\n              },\n            },\n            {\n              // adjust style of border\n              '&::after': {\n                inset: '-3px',\n                borderWidth: '3px',\n                ...(isSelected && {\n                  borderColor: theme.palette.brandHover.primary,\n                }),\n              },\n              // change style of icon\n              '& .FlowCard-Icon-root': {\n                backgroundColor: theme.palette.surface.primary,\n                ...(color === 'secondary' && {\n                  backgroundColor: theme.palette.surface.secondary,\n                }),\n                ...(isSelected && {\n                  backgroundColor: theme.palette.brandHover.primary,\n                  borderColor: theme.palette.brandHover.primary,\n                }),\n              },\n              // flip icon being shown\n              '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n                '&:first-of-type': {\n                  display: 'none',\n                },\n                '&:last-of-type': {\n                  display: 'block',\n                },\n              },\n            },\n            null,\n            null,\n            '&:has(.MuiCardActionArea-root.Mui-focusVisible)',\n          ),\n        },\n        ...getFocusRingStyle(\n          theme,\n          false,\n          3,\n          ':has(.MuiCardActionArea-root.Mui-focusVisible, .FlowFlippingCardContent-root.Mui-focusVisible)',\n        ),\n      }),\n      // disabled style\n      ...(disabled && {\n        backgroundColor: theme.palette.surface.primary,\n        borderColor: theme.palette.disabled.secondary,\n        cursor: 'not-allowed',\n        userSelect: 'none',\n        pointerEvents: 'none',\n        // change style of icon\n        '& .FlowCard-Icon-root': {\n          backgroundColor: theme.palette.disabled.secondary,\n          color: theme.palette.disabled.tertiary,\n        },\n        // important selector to overwrite Typography sx color styling\n        '&, & .MuiTypography-root': {\n          color: theme.palette.disabled.tertiary,\n        },\n        // change visibility of images\n        '& img': {\n          opacity: '0.6',\n        },\n      }),\n    }),\n  },\n  variants: [\n    {\n      props: { raised: true },\n      style: ({ theme }) => ({\n        boxShadow: theme.flowShadows['xs'],\n      }),\n    },\n  ],\n};\n"],"names":["flowCard","defaultProps","elevation","component","FlowCard","styleOverrides","root","theme","color","disabled","isSelected","backgroundColor","palette","surface","primary","background","position","borderRadius","overflow","border","content","maxWidth","borderStyle","pointerEvents","zIndex","inset","borderWidth","borderColor","onSurface","os100","brand","common","white","brandHover","getInteractiveStyle","display","secondary","getFocusRingStyle","cursor","userSelect","tertiary","opacity","variants","props","raised","style","boxShadow","flowShadows"],"mappings":"gLAMO,MAAMA,EAAyC,CACpDC,aAAc,CACZC,UAAW,EAEXC,UAAWC,GAEbC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,QAAOC,WAAUC,iBAAY,CAC3CC,gBAA2B,cAAVH,EAAwBD,EAAMK,QAAQC,QAAQC,QAAUP,EAAMK,QAAQG,WAAWD,QAClGE,SAAU,WACVC,aAAc,MACdC,SAAU,UAGVC,OAAQ,wBACR,WAAY,CACVC,QAAS,KACTJ,SAAU,WACVK,SAAU,OACVC,YAAa,QACbL,aAAc,UACdM,cAAe,OACfC,OAAQ,IAGRC,MAAO,OACPC,YAAa,MACbC,YAAapB,EAAMK,QAAQgB,UAAUC,UAEhCpB,GACHC,GAAc,CAEZe,MAAO,OACPC,YAAa,MACbC,YAAapB,EAAMK,QAAQkB,MAAMhB,cAIlCL,GACHC,GAAc,CAEZ,wBAAyB,CACvBF,MAAOD,EAAMK,QAAQmB,OAAOC,MAC5BrB,gBAAiBJ,EAAMK,QAAQkB,MAAMhB,QACrCa,YAAapB,EAAMK,QAAQkB,MAAMhB,SAGnC,UAAW,CACT,WAAY,CACVa,YAAapB,EAAMK,QAAQqB,WAAWnB,eAKzCL,GAAY,CACf,iCAAkC,IAC7ByB,EACD,CACE,WAAY,CACVT,MAAO,OACPC,YAAa,MACbC,YAAapB,EAAMK,QAAQgB,UAAUC,SAEjCnB,GAAc,CAChBe,MAAO,OACPC,YAAa,MACbC,YAAapB,EAAMK,QAAQkB,MAAMhB,UAIrC,wBAAyB,CACvBH,gBAAiBJ,EAAMK,QAAQG,WAAWD,WAC5B,cAAVN,GAAyB,CAC3BG,gBAAiBJ,EAAMK,QAAQC,QAAQC,YAErCJ,GAAc,CAChBC,gBAAiBJ,EAAMK,QAAQkB,MAAMhB,QACrCa,YAAapB,EAAMK,QAAQkB,MAAMhB,UAGrC,yCAA0C,CACxC,kBAAmB,CACjBqB,QAAS,SAEX,iBAAkB,CAChBA,QAAS,UAIf,CAEE,WAAY,CACVV,MAAO,OACPC,YAAa,SACThB,GAAc,CAChBiB,YAAapB,EAAMK,QAAQqB,WAAWnB,UAI1C,wBAAyB,CACvBH,gBAAiBJ,EAAMK,QAAQC,QAAQC,WACzB,cAAVN,GAAyB,CAC3BG,gBAAiBJ,EAAMK,QAAQC,QAAQuB,cAErC1B,GAAc,CAChBC,gBAAiBJ,EAAMK,QAAQqB,WAAWnB,QAC1Ca,YAAapB,EAAMK,QAAQqB,WAAWnB,UAI1C,yCAA0C,CACxC,kBAAmB,CACjBqB,QAAS,QAEX,iBAAkB,CAChBA,QAAS,WAIf,KACA,KACA,uDAGDE,EACD9B,GACA,EACA,EACA,sGAIAE,GAAY,CACdE,gBAAiBJ,EAAMK,QAAQC,QAAQC,QACvCa,YAAapB,EAAMK,QAAQH,SAAS2B,UACpCE,OAAQ,cACRC,WAAY,OACZhB,cAAe,OAEf,wBAAyB,CACvBZ,gBAAiBJ,EAAMK,QAAQH,SAAS2B,UACxC5B,MAAOD,EAAMK,QAAQH,SAAS+B,UAGhC,2BAA4B,CAC1BhC,MAAOD,EAAMK,QAAQH,SAAS+B,UAGhC,QAAS,CACPC,QAAS,WAKjBC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAQ,GACjBC,MAAO,EAAGtC,YAAO,CACfuC,UAAWvC,EAAMwC,YAAgB"}
+{"version":3,"file":"card.theme.js","sources":["../../../src/materialui/card/card.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { FlowCard } from './Card';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowCard: Components<Theme>['MuiCard'] = {\n  defaultProps: {\n    elevation: 0,\n    // we use custom Card component that extends @mui card greatly\n    component: FlowCard,\n  },\n  styleOverrides: {\n    root: ({ theme, color, disabled, isSelected, loading }) => ({\n      backgroundColor: color === 'secondary' ? theme.palette.surface.primary : theme.palette.background.primary,\n      position: 'relative',\n      borderRadius: '8px',\n      overflow: 'visible',\n      // adding standard border and changing its width on hover creates layout shift\n      // therefore we use absolute positioned border\n      border: '1px solid transparent',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        maxWidth: 'none',\n        borderStyle: 'solid',\n        borderRadius: 'inherit',\n        pointerEvents: 'none',\n        zIndex: '1',\n        // same style is applied for the interactive effect bellow\n        // into the transparent border\n        inset: '-1px',\n        borderWidth: '1px',\n        borderColor: theme.palette.onSurface.os100,\n        // selected\n        ...(!disabled &&\n          isSelected && {\n            // keep 1px inside\n            inset: '-3px',\n            borderWidth: '3px',\n            borderColor: theme.palette.brand.primary,\n          }),\n      },\n      // selected\n      ...(!disabled &&\n        isSelected && {\n          // change style of icon\n          '& .FlowCard-Icon-root': {\n            color: theme.palette.common.white,\n            backgroundColor: theme.palette.brand.primary,\n            borderColor: theme.palette.brand.primary,\n            ...(loading && {\n              backgroundColor: theme.palette.brandHover.primary,\n              borderColor: theme.palette.brandHover.primary,\n            }),\n          },\n          // hover effect that for non-link selected card\n          '&:hover': {\n            '&::after': {\n              borderColor: theme.palette.brandHover.primary,\n            },\n          },\n        }),\n      // hover effect is applied only if FlowIconButton exists\n      ...(!disabled && {\n        '&:has(.MuiCardActionArea-root)': {\n          ...getInteractiveStyle(\n            {\n              '&::after': {\n                inset: '-1px',\n                borderWidth: '1px',\n                borderColor: theme.palette.onSurface.os100,\n                // selected\n                ...(isSelected && {\n                  inset: '-3px',\n                  borderWidth: '3px',\n                  borderColor: theme.palette.brand.primary,\n                }),\n              },\n              // same style is also in Card.tsx\n              '& .FlowCard-Icon-root': {\n                backgroundColor: theme.palette.background.primary,\n                ...(color === 'secondary' && {\n                  backgroundColor: theme.palette.surface.primary,\n                }),\n                ...(isSelected && {\n                  backgroundColor: theme.palette.brand.primary,\n                  borderColor: theme.palette.brand.primary,\n                }),\n                ...(isSelected && loading && {\n                  backgroundColor: theme.palette.brandHover.primary,\n                  borderColor: theme.palette.brandHover.primary,\n                }),\n              },\n              ...(!loading && {\n                '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n                  '&:first-of-type': {\n                    display: 'block',\n                  },\n                  '&:last-of-type': {\n                    display: 'none',\n                  },\n                },\n              }),\n            },\n            {\n              // adjust style of border\n              '&::after': {\n                inset: '-3px',\n                borderWidth: '3px',\n                ...(isSelected && {\n                  borderColor: theme.palette.brandHover.primary,\n                }),\n              },\n              // change style of icon\n              '& .FlowCard-Icon-root': {\n                backgroundColor: theme.palette.surface.primary,\n                ...(color === 'secondary' && {\n                  backgroundColor: theme.palette.surface.secondary,\n                }),\n                ...(isSelected && {\n                  backgroundColor: theme.palette.brandHover.primary,\n                  borderColor: theme.palette.brandHover.primary,\n                }),\n              },\n              // flip icon being shown\n              ...(!loading && {\n                '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n                  '&:first-of-type': {\n                    display: 'none',\n                  },\n                  '&:last-of-type': {\n                    display: 'block',\n                  },\n                },\n              }),\n            },\n            null,\n            null,\n            '&:has(.MuiCardActionArea-root.Mui-focusVisible)',\n          ),\n        },\n        ...getFocusRingStyle(\n          theme,\n          false,\n          3,\n          ':has(.MuiCardActionArea-root.Mui-focusVisible, .FlowFlippingCardContent-root.Mui-focusVisible)',\n        ),\n      }),\n      // disabled style\n      ...(disabled && {\n        backgroundColor: theme.palette.surface.primary,\n        borderColor: theme.palette.disabled.secondary,\n        cursor: 'not-allowed',\n        userSelect: 'none',\n        pointerEvents: 'none',\n        // change style of icon\n        '& .FlowCard-Icon-root': {\n          backgroundColor: theme.palette.disabled.secondary,\n          color: theme.palette.disabled.tertiary,\n        },\n        // important selector to overwrite Typography sx color styling\n        '&, & .MuiTypography-root': {\n          color: theme.palette.disabled.tertiary,\n        },\n        // change visibility of images\n        '& img': {\n          opacity: '0.6',\n        },\n      }),\n    }),\n  },\n  variants: [\n    {\n      props: { raised: true },\n      style: ({ theme }) => ({\n        boxShadow: theme.flowShadows['xs'],\n      }),\n    },\n  ],\n};\n"],"names":["flowCard","defaultProps","elevation","component","FlowCard","styleOverrides","root","theme","color","disabled","isSelected","loading","backgroundColor","palette","surface","primary","background","position","borderRadius","overflow","border","content","maxWidth","borderStyle","pointerEvents","zIndex","inset","borderWidth","borderColor","onSurface","os100","brand","common","white","brandHover","getInteractiveStyle","display","secondary","getFocusRingStyle","cursor","userSelect","tertiary","opacity","variants","props","raised","style","boxShadow","flowShadows"],"mappings":"gLAMO,MAAMA,EAAyC,CACpDC,aAAc,CACZC,UAAW,EAEXC,UAAWC,GAEbC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,QAAOC,WAAUC,aAAYC,cAAS,CACpDC,gBAA2B,cAAVJ,EAAwBD,EAAMM,QAAQC,QAAQC,QAAUR,EAAMM,QAAQG,WAAWD,QAClGE,SAAU,WACVC,aAAc,MACdC,SAAU,UAGVC,OAAQ,wBACR,WAAY,CACVC,QAAS,KACTJ,SAAU,WACVK,SAAU,OACVC,YAAa,QACbL,aAAc,UACdM,cAAe,OACfC,OAAQ,IAGRC,MAAO,OACPC,YAAa,MACbC,YAAarB,EAAMM,QAAQgB,UAAUC,UAEhCrB,GACHC,GAAc,CAEZgB,MAAO,OACPC,YAAa,MACbC,YAAarB,EAAMM,QAAQkB,MAAMhB,cAIlCN,GACHC,GAAc,CAEZ,wBAAyB,CACvBF,MAAOD,EAAMM,QAAQmB,OAAOC,MAC5BrB,gBAAiBL,EAAMM,QAAQkB,MAAMhB,QACrCa,YAAarB,EAAMM,QAAQkB,MAAMhB,WAC7BJ,GAAW,CACbC,gBAAiBL,EAAMM,QAAQqB,WAAWnB,QAC1Ca,YAAarB,EAAMM,QAAQqB,WAAWnB,UAI1C,UAAW,CACT,WAAY,CACVa,YAAarB,EAAMM,QAAQqB,WAAWnB,eAKzCN,GAAY,CACf,iCAAkC,IAC7B0B,EACD,CACE,WAAY,CACVT,MAAO,OACPC,YAAa,MACbC,YAAarB,EAAMM,QAAQgB,UAAUC,SAEjCpB,GAAc,CAChBgB,MAAO,OACPC,YAAa,MACbC,YAAarB,EAAMM,QAAQkB,MAAMhB,UAIrC,wBAAyB,CACvBH,gBAAiBL,EAAMM,QAAQG,WAAWD,WAC5B,cAAVP,GAAyB,CAC3BI,gBAAiBL,EAAMM,QAAQC,QAAQC,YAErCL,GAAc,CAChBE,gBAAiBL,EAAMM,QAAQkB,MAAMhB,QACrCa,YAAarB,EAAMM,QAAQkB,MAAMhB,YAE/BL,GAAcC,GAAW,CAC3BC,gBAAiBL,EAAMM,QAAQqB,WAAWnB,QAC1Ca,YAAarB,EAAMM,QAAQqB,WAAWnB,cAGrCJ,GAAW,CACd,yCAA0C,CACxC,kBAAmB,CACjByB,QAAS,SAEX,iBAAkB,CAChBA,QAAS,WAKjB,CAEE,WAAY,CACVV,MAAO,OACPC,YAAa,SACTjB,GAAc,CAChBkB,YAAarB,EAAMM,QAAQqB,WAAWnB,UAI1C,wBAAyB,CACvBH,gBAAiBL,EAAMM,QAAQC,QAAQC,WACzB,cAAVP,GAAyB,CAC3BI,gBAAiBL,EAAMM,QAAQC,QAAQuB,cAErC3B,GAAc,CAChBE,gBAAiBL,EAAMM,QAAQqB,WAAWnB,QAC1Ca,YAAarB,EAAMM,QAAQqB,WAAWnB,cAIrCJ,GAAW,CACd,yCAA0C,CACxC,kBAAmB,CACjByB,QAAS,QAEX,iBAAkB,CAChBA,QAAS,YAKjB,KACA,KACA,uDAGDE,EACD/B,GACA,EACA,EACA,sGAIAE,GAAY,CACdG,gBAAiBL,EAAMM,QAAQC,QAAQC,QACvCa,YAAarB,EAAMM,QAAQJ,SAAS4B,UACpCE,OAAQ,cACRC,WAAY,OACZhB,cAAe,OAEf,wBAAyB,CACvBZ,gBAAiBL,EAAMM,QAAQJ,SAAS4B,UACxC7B,MAAOD,EAAMM,QAAQJ,SAASgC,UAGhC,2BAA4B,CAC1BjC,MAAOD,EAAMM,QAAQJ,SAASgC,UAGhC,QAAS,CACPC,QAAS,WAKjBC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAQ,GACjBC,MAAO,EAAGvC,YAAO,CACfwC,UAAWxC,EAAMyC,YAAgB"}