import type { ThemeOptions } from '@mui/material' ; export const Font = { typography : { fontFamily : `PingFang SC, system-ui, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial,
        PingFang TC, Hiragino Sans TC, Source Han Sans TC, Noto Sans CJK TC, Microsoft JhengHei UI, Microsoft JhengHei, sans-serif;` , } , } ; /**
 * ? lg changed to 1440, other values untouched (default value)
 */ export const Breakpoints = { breakpoints : { values : { xs : 0 , sm : 600 , md : 960 , lg : 1440 , xl : 1920 } } , } ; /**
 * ? Paper shadow should follow Mask UI
 */ export const Shadows = { components : { MuiPaper : { styleOverrides : { } , variants : [ { props : { variant : 'outlined' } , style : { boxShadow : '0px 8px 20px rgba(0, 0, 0, 0.04)' , } , } , ] , } , } , } ; /**
 * ? Paper should be used as the main building block in the page
 * ? Paper should be 12px
 * ? Dialog should be 12px
 * ? Input (Button, TextField and Select) should be 4px(small) 6px(medium) and 8px(large)
 */ export const BorderRadius = { components : { MuiPaper : { styleOverrides : { rounded : { borderRadius : 12 } } } , MuiDialog : { styleOverrides : { root : { borderRadius : 12 } } } , MuiButton : { styleOverrides : { sizeSmall : { borderRadius : 4 } , root : { borderRadius : 6 } , sizeLarge : { borderRadius : 8 } , } , } , MuiInputBase : { styleOverrides : { sizeSmall : { borderRadius : 4 } , root : { borderRadius : 6 } , } , } , MuiFilledInput : { styleOverrides : { sizeSmall : { borderTopLeftRadius : 4 , borderTopRightRadius : 4 , borderBottomLeftRadius : 4 , borderBottomRightRadius : 4 , } , root : { borderTopLeftRadius : 6 , borderTopRightRadius : 6 , borderBottomLeftRadius : 6 , borderBottomRightRadius : 6 , } , } , } , } , } ; /**
 * ? No auto text-transform will be applied in this theme
 */ export const NoAutoTextTransform = { components : { MuiButton : { styleOverrides : { root : { textTransform : 'initial' } } } , MuiTab : { styleOverrides : { root : { textTransform : 'initial' } } } , } , } ; /**
 * ? TextField, Select use "outlined" as default variant
 */ export const DefaultVariants = { components : { MuiButton : { defaultProps : { variant : 'contained' } } , MuiTextField : { defaultProps : { } } , } , } ;