feat: support nested container syntax in component in mdx-rs

e2e/fixtures/github-alert-mdxjs/doc/index.mdx

@@ -1,3 +1,5 @@
+import { Steps } from '@theme';
+
 # Hello world
 
 > [!TIP]
@@ -52,3 +54,17 @@
 
   > [!WARNING]
   > This is a 'warning' style block.
+
+<Steps>
+
+1. Title
+
+   > [!INFO]
+   > This is a 'info' style block.
+
+- Title
+
+  > [!WARNING]
+  > This is a 'warning' style block.
+
+</Steps>

e2e/fixtures/github-alert-mdxrs/doc/index.mdx

@@ -1,3 +1,5 @@
+import { Steps } from '@theme';
+
 # Hello world
 
 > [!TIP]
@@ -52,3 +54,17 @@
 
   > [!WARNING]
   > This is a 'warning' style block.
+
+<Steps>
+
+1. Title
+
+   > [!INFO]
+   > This is a 'info' style block.
+
+- Title
+
+  > [!WARNING]
+  > This is a 'warning' style block.
+
+</Steps>

e2e/tests/github-alert-mdxjs.test.ts

@@ -35,11 +35,18 @@ test.describe('github alert syntax in mdx-js', async () => {
     );
     expect(listDirectives.length).toEqual(2);
 
+    const stepsDirectives = await page.$$(
+      '.rspress-doc > .\\[counter-reset\\:step\\] * > li > [class^="rspress-directive"]',
+    );
+    expect(stepsDirectives.length).toEqual(2);
+
     const containerTypes = await Promise.all(
-      [...topLevelDirectives, ...listDirectives].map(async directive => {
-        const className = await directive.getAttribute('class');
-        return className?.split(' ')[1];
-      }),
+      [...topLevelDirectives, ...listDirectives, ...stepsDirectives].map(
+        async directive => {
+          const className = await directive.getAttribute('class');
+          return className?.split(' ')[1];
+        },
+      ),
     );
     expect(containerTypes).toEqual([
       'tip',
@@ -51,6 +58,8 @@ test.describe('github alert syntax in mdx-js', async () => {
       'details',
       'info',
       'warning',
+      'info',
+      'warning',
     ]);
   });
 });

e2e/tests/github-alert-mdxrs.test.ts

@@ -35,11 +35,18 @@ test.describe('github alert syntax in mdx-rs', async () => {
     );
     expect(listDirectives.length).toEqual(2);
 
+    const stepsDirectives = await page.$$(
+      '.rspress-doc > .\\[counter-reset\\:step\\] * > li > [class^="rspress-directive"]',
+    );
+    expect(stepsDirectives.length).toEqual(2);
+
     const containerTypes = await Promise.all(
-      [...topLevelDirectives, ...listDirectives].map(async directive => {
-        const className = await directive.getAttribute('class');
-        return className?.split(' ')[1];
-      }),
+      [...topLevelDirectives, ...listDirectives, ...stepsDirectives].map(
+        async directive => {
+          const className = await directive.getAttribute('class');
+          return className?.split(' ')[1];
+        },
+      ),
     );
     expect(containerTypes).toEqual([
       'tip',
@@ -51,6 +58,8 @@ test.describe('github alert syntax in mdx-rs', async () => {
       'details',
       'info',
       'warning',
+      'info',
+      'warning',
     ]);
   });
 });

packages/core/package.json

@@ -62,7 +62,7 @@
     "@rsbuild/plugin-less": "~1.1.0",
     "@rsbuild/plugin-react": "~1.1.0",
     "@rsbuild/plugin-sass": "~1.1.2",
-    "@rspress/mdx-rs": "0.6.5",
+    "@rspress/mdx-rs": "0.6.6",
     "@rspress/plugin-auto-nav-sidebar": "workspace:*",
     "@rspress/plugin-container-syntax": "workspace:*",
     "@rspress/plugin-last-updated": "workspace:*",