jamdesk 1.1.85 → 1.1.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamdesk",
-  "version": "1.1.85",
+  "version": "1.1.86",
   "description": "CLI for Jamdesk — build, preview, and deploy documentation sites from MDX. Dev server with hot reload, 50+ components, OpenAPI support, AI search, and Mintlify migration",
   "keywords": [
     "jamdesk",

package/vendored/components/mdx/Steps.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ReactNode, Children, cloneElement, isValidElement, memo } from 'react';
+import { ReactNode, Children, Fragment, cloneElement, isValidElement, memo } from 'react';
 import { getIconClass } from '@/lib/icon-utils';
 import { useStepSlug } from './StepSlugContext';
 
@@ -25,11 +25,25 @@ interface StepProps {
 function isStepComponent(child: unknown): boolean {
   if (!isValidElement(child)) return false;
   const type = child.type as { displayName?: string; name?: string };
-  return (
+  if (
     type === Step ||
     type?.displayName === 'Step' ||
     type?.name === 'Step'
-  );
+  ) {
+    return true;
+  }
+
+  const childProps = child.props as Record<string, unknown> | null;
+  if (childProps && Object.prototype.hasOwnProperty.call(childProps, 'title')) {
+    return true;
+  }
+
+  if (child.type === Fragment) return false;
+
+  // In the RSC + MDX path, nested client components can arrive as opaque
+  // client references instead of the local `Step` function. Direct custom
+  // elements inside <Steps> are Step-compatible; DOM nodes like <p> are not.
+  return typeof child.type !== 'string';
 }
 
 export const Steps = memo(function Steps({ children, titleSize = 'p' }: StepsProps) {