Update docs

packages/docs/src/components/docs/components/Alert.tsx

@@ -0,0 +1,27 @@
+import MuiAlert from '@mui/material/Alert';
+
+import type { AlertProps } from '@mui/material/Alert';
+
+const Alert = ({ children, ...props }: AlertProps) => {
+  return (
+    <MuiAlert
+      {...props}
+      sx={{
+        borderRadius: '12px',
+        lineHeight: '1.5rem',
+        fontSize: '16px',
+        wordBreak: 'break-word',
+        '& p': {
+          marginBottom: 0,
+          lineHeight: '1.5rem',
+          fontSize: '16px',
+          wordBreak: 'break-word',
+        },
+      }}
+    >
+      {children}
+    </MuiAlert>
+  );
+};
+
+export default Alert;

packages/docs/src/components/docs/components/Deprecated.tsx

@@ -0,0 +1,29 @@
+import Typography from '@mui/material/Typography';
+
+import type { FC, ReactNode } from 'react';
+
+interface DeprecatedProps {
+  children?: ReactNode;
+}
+
+const Deprecated: FC<DeprecatedProps> = ({ children }) => {
+  return (
+    <Typography
+      variant="body2"
+      color="error.main"
+      component="div"
+      sx={{
+        display: 'block',
+        lineHeight: 1.5,
+        fontFamily: 'Consolas,Menlo,Monaco,Andale Mono,Ubuntu Mono,monospace',
+        fontSize: '13px',
+        fontWeight: 700,
+        fontStyle: 'italic',
+      }}
+    >
+      Deprecated.{children ? <>&nbsp;{children}</> : null}
+    </Typography>
+  );
+};
+
+export default Deprecated;