mdx_components.ts

// 후대의 개발자님께 : 컴포넌트 맨 첫글자가 대문자로 시작하지 않으면 JSX 컴포넌트가 아니라 일반 HTML 태그로 인식합니다. 제발 대문자로 시작해주세요.
import * as Common from "@frontend/common";
import * as Shop from "@frontend/shop";
import * as mui from "@mui/material";
import type { MDXComponents } from "mdx/types.js";
import * as React from "react";

import PyCon2025Logo from "../assets/pyconkr2025_logo.png";

const MUIMDXComponents: MDXComponents = {
  Mui__material__Accordion: mui.Accordion,
  Mui__material__AccordionActions: mui.AccordionActions,
  Mui__material__AccordionDetails: mui.AccordionDetails,
  Mui__material__AccordionSummary: mui.AccordionSummary,
  Mui__material__Alert: mui.Alert,
  Mui__material__AlertTitle: mui.AlertTitle,
  Mui__material__AppBar: mui.AppBar,
  Mui__material__Autocomplete: mui.Autocomplete,
  Mui__material__Avatar: mui.Avatar,
  Mui__material__AvatarGroup: mui.AvatarGroup,
  Mui__material__Backdrop: mui.Backdrop,
  Mui__material__Badge: mui.Badge,
  Mui__material__BottomNavigation: mui.BottomNavigation,
  Mui__material__BottomNavigationAction: mui.BottomNavigationAction,
  Mui__material__Box: mui.Box,
  Mui__material__Breadcrumbs: mui.Breadcrumbs,
  Mui__material__Button: mui.Button,
  Mui__material__ButtonBase: mui.ButtonBase,
  Mui__material__ButtonGroup: mui.ButtonGroup,
  Mui__material__Card: mui.Card,
  Mui__material__CardActionArea: mui.CardActionArea,
  Mui__material__CardActions: mui.CardActions,
  Mui__material__CardContent: mui.CardContent,
  Mui__material__CardHeader: mui.CardHeader,
  Mui__material__CardMedia: mui.CardMedia,
  Mui__material__Checkbox: mui.Checkbox,
  Mui__material__Chip: mui.Chip,
  Mui__material__CircularProgress: mui.CircularProgress,
  Mui__material__Collapse: mui.Collapse,
  Mui__material__Container: mui.Container,
  Mui__material__Dialog: mui.Dialog,
  Mui__material__DialogActions: mui.DialogActions,
  Mui__material__DialogContent: mui.DialogContent,
  Mui__material__DialogContentText: mui.DialogContentText,
  Mui__material__DialogTitle: mui.DialogTitle,
  Mui__material__Divider: mui.Divider,
  Mui__material__Drawer: mui.Drawer,
  Mui__material__Fab: mui.Fab,
  Mui__material__Fade: mui.Fade,
  Mui__material__FilledInput: mui.FilledInput,
  Mui__material__FormControl: mui.FormControl,
  Mui__material__FormControlLabel: mui.FormControlLabel,
  Mui__material__FormGroup: mui.FormGroup,
  Mui__material__FormHelperText: mui.FormHelperText,
  Mui__material__FormLabel: mui.FormLabel,
  Mui__material__Grid: mui.Grid,
  Mui__material__Grow: mui.Grow,
  Mui__material__Icon: mui.Icon,
  Mui__material__IconButton: mui.IconButton,
  Mui__material__ImageList: mui.ImageList,
  Mui__material__ImageListItem: mui.ImageListItem,
  Mui__material__ImageListItemBar: mui.ImageListItemBar,
  Mui__material__Input: mui.Input,
  Mui__material__InputAdornment: mui.InputAdornment,
  Mui__material__InputBase: mui.InputBase,
  Mui__material__InputLabel: mui.InputLabel,
  Mui__material__LinearProgress: mui.LinearProgress,
  Mui__material__Link: mui.Link,
  Mui__material__List: mui.List,
  Mui__material__ListItem: mui.ListItem,
  Mui__material__ListItemAvatar: mui.ListItemAvatar,
  Mui__material__ListItemButton: mui.ListItemButton,
  Mui__material__ListItemIcon: mui.ListItemIcon,
  Mui__material__ListItemSecondaryAction: mui.ListItemSecondaryAction,
  Mui__material__ListItemText: mui.ListItemText,
  Mui__material__ListSubheader: mui.ListSubheader,
  Mui__material__Menu: mui.Menu,
  Mui__material__MenuItem: mui.MenuItem,
  Mui__material__MenuList: mui.MenuList,
  Mui__material__MobileStepper: mui.MobileStepper,
  Mui__material__Modal: mui.Modal,
  Mui__material__NativeSelect: mui.NativeSelect,
  Mui__material__NoSsr: mui.NoSsr,
  Mui__material__OutlinedInput: mui.OutlinedInput,
  Mui__material__Pagination: mui.Pagination,
  Mui__material__PaginationItem: mui.PaginationItem,
  Mui__material__Paper: mui.Paper,
  Mui__material__Popover: mui.Popover,
  Mui__material__Popper: mui.Popper,
  Mui__material__Portal: mui.Portal,
  Mui__material__Radio: mui.Radio,
  Mui__material__RadioGroup: mui.RadioGroup,
  Mui__material__Rating: mui.Rating,
  Mui__material__Select: mui.Select,
  Mui__material__Skeleton: mui.Skeleton,
  Mui__material__Slide: mui.Slide,
  Mui__material__Slider: mui.Slider,
  Mui__material__Snackbar: mui.Snackbar,
  Mui__material__SnackbarContent: mui.SnackbarContent,
  Mui__material__SpeedDial: mui.SpeedDial,
  Mui__material__SpeedDialAction: mui.SpeedDialAction,
  Mui__material__SpeedDialIcon: mui.SpeedDialIcon,
  Mui__material__Stack: mui.Stack,
  Mui__material__Step: mui.Step,
  Mui__material__StepButton: mui.StepButton,
  Mui__material__StepConnector: mui.StepConnector,
  Mui__material__StepContent: mui.StepContent,
  Mui__material__StepIcon: mui.StepIcon,
  Mui__material__StepLabel: mui.StepLabel,
  Mui__material__Stepper: mui.Stepper,
  Mui__material__SvgIcon: mui.SvgIcon,
  Mui__material__SwipeableDrawer: mui.SwipeableDrawer,
  Mui__material__Switch: mui.Switch,
  Mui__material__Tab: mui.Tab,
  Mui__material__Table: mui.Table,
  Mui__material__TableBody: mui.TableBody,
  Mui__material__TableCell: mui.TableCell,
  Mui__material__TableContainer: mui.TableContainer,
  Mui__material__TableFooter: mui.TableFooter,
  Mui__material__TableHead: mui.TableHead,
  Mui__material__TablePagination: mui.TablePagination,
  Mui__material__TableRow: mui.TableRow,
  Mui__material__TableSortLabel: mui.TableSortLabel,
  Mui__material__Tabs: mui.Tabs,
  Mui__material__TabScrollButton: mui.TabScrollButton,
  Mui__material__TextField: mui.TextField,
  Mui__material__TextareaAutosize: mui.TextareaAutosize,
  Mui__material__ToggleButton: mui.ToggleButton,
  Mui__material__ToggleButtonGroup: mui.ToggleButtonGroup,
  Mui__material__Toolbar: mui.Toolbar,
  Mui__material__Tooltip: mui.Tooltip,
  Mui__material__Typography: mui.Typography,
  Mui__material__Zoom: mui.Zoom,
};

const PyConKR2025SecondaryStyledDetails: React.FC<React.ComponentProps<typeof Common.Components.MDX.SecondaryStyledDetails>> = (props) => {
  const theme = mui.useTheme();
  return React.createElement(Common.Components.MDX.SecondaryStyledDetails, { ...props, paletteColor: theme.palette.highlight });
};

const PyConKR2025SessionListFallbackImage = React.createElement("img", {
  src: PyCon2025Logo,
  alt: "PyCon 2025 Logo",
  style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "50%" },
});

const pyConKR2025SessionListStyles: Common.Components.MDX.SessionListStyles = {
  categoryButton: { flexBasis: "14rem" },
  itemContainer: { padding: "0.5rem 1.5rem", gap: "1.5rem", minHeight: "9rem", mobilePadding: "0.5rem", mobileGap: "1rem" },
  imageContainer: { size: "6rem" },
  title: { fontSize: "1.5em", fontWeight: 600, lineHeight: 1.25 },
};

const PyConKR2025SessionList: React.FC<React.ComponentProps<typeof Common.Components.MDX.SessionList>> = (props) =>
  React.createElement(Common.Components.MDX.SessionList, { ...props, fallbackImage: PyConKR2025SessionListFallbackImage, styles: pyConKR2025SessionListStyles });

const pyConKR2025SessionTimeTableStyles: Common.Components.MDX.SessionTimeTableStyles = {
  layout: { tdHeight: 4, tdWidth: 15, tdWidthMobile: 20 },
  dateItemContainer: { padding: "1rem 3rem" },
  dateTitle: { fontSize: "2.25em", fontWeight: 600, lineHeight: 1.25 },
  dateSubTitle: { fontSize: "1em", fontWeight: 600, lineHeight: 1.25 },
  sessionTitle: { fontSize: "1.125em", fontWeight: 600, lineHeight: 1.25 },
  sessionBox: { padding: "0.25rem", borderRadius: "0.5rem", gap: "0.5rem" },
  tableCell: { padding: "0 0.5rem" },
  tableContainer: { gap: "1rem" },
};

const PyConKR2025SessionTimeTable: React.FC<React.ComponentProps<typeof Common.Components.MDX.SessionTimeTable>> = (props) =>
  React.createElement(Common.Components.MDX.SessionTimeTable, { ...props, styles: pyConKR2025SessionTimeTableStyles });

const pyConKR2025FAQAccordionStyles: Common.Components.MDX.FAQAccordionStyles = {
  summary: { padding: "10px 35px", minHeight: "60px", maxHeight: "60px" },
  number: { fontSize: "18px", fontWeight: 400 },
  question: { fontSize: "18px", fontWeight: 400, marginLeft: "60px" },
  details: { fontSize: "14px", fontWeight: 400, padding: "20px 0 20px calc(35px + 18px + 60px)" },
};

const PyConKR2025FAQAccordion: React.FC<React.ComponentProps<typeof Common.Components.MDX.FAQAccordion>> = (props) =>
  React.createElement(Common.Components.MDX.FAQAccordion, { ...props, styles: pyConKR2025FAQAccordionStyles });

const pyConKR2025StyledFullWidthButtonStyles: Common.Components.MDX.StyledFullWidthButtonStyles = {
  borderRadius: "0.5rem",
  textTransform: "none",
  largeHeight: "3.5rem",
};

const PyConKR2025StyledFullWidthButton: React.FC<React.ComponentProps<typeof Common.Components.MDX.StyledFullWidthButton>> = (props) =>
  React.createElement(Common.Components.MDX.StyledFullWidthButton, { ...props, styles: pyConKR2025StyledFullWidthButtonStyles });

const PyConKRCommonMDXComponents: MDXComponents = {
  Common__Components__Lottie: Common.Components.LottiePlayer,
  Common__Components__NetworkLottie: Common.Components.NetworkLottiePlayer,
  Common__Components__MDX__Confetti: Common.Components.MDX.Confetti,
  Common__Components__MDX__PrimaryStyledDetails: Common.Components.MDX.PrimaryStyledDetails,
  Common__Components__MDX__SecondaryStyledDetails: PyConKR2025SecondaryStyledDetails,
  Common__Components__MDX__Map: Common.Components.MDX.Map,
  Common__Components__MDX__FAQAccordion: PyConKR2025FAQAccordion,
  Common__Components__MDX__FullWidthStyledButton: PyConKR2025StyledFullWidthButton,
  Common__Components__Session__List: PyConKR2025SessionList,
  Common__Components__Session__TimeTable: PyConKR2025SessionTimeTable,
};

const PythonKRShopMDXComponents: MDXComponents = {
  Shop__Common__PriceDisplay: Shop.Components.Common.PriceDisplay,
  Shop__Common__SignInGuard: Shop.Components.Common.SignInGuard,
  Shop__Common__ContextProvider: Shop.Components.Common.ShopContextProvider,
  Shop__Common__UserSignInMethod: Shop.Components.Common.UserSignInMethod,
  Shop__Common__UserSignInAccount: Shop.Components.Common.UserSignInAccount,
  Shop__Feature__CartStatus: Shop.Components.Features.CartStatus,
  Shop__Feature__ProductList: Shop.Components.Features.ProductList,
  Shop__Feature__ProductImageCardList: Shop.Components.Features.ProductImageCardList,
  Shop__Feature__OrderList: Shop.Components.Features.OrderList,
  Shop__Feature__UserInfo: Shop.Components.Features.UserInfo,
  Shop__Feature__PatronList: Shop.Components.Features.PatronList,
};

export const PyConKRMDXComponents = {
  ...MUIMDXComponents,
  ...PyConKRCommonMDXComponents,
  ...PythonKRShopMDXComponents,
};