jamdesk 1.1.87 → 1.1.88

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamdesk",
-  "version": "1.1.87",
+  "version": "1.1.88",
   "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

@@ -53,7 +53,7 @@ export const Steps = memo(function Steps({ children, titleSize = 'p' }: StepsPro
 
   let stepIndex = 0;
   return (
-    <div className="relative my-8 space-y-0 not-prose" style={{ paddingInlineStart: 16 }}>
+    <div className="relative my-8 space-y-0 not-prose">
       {childrenArray.map((child) => {
         if (isStepComponent(child)) {
           const childProps = (child as any).props as StepProps;

package/vendored/components/navigation/TableOfContents.tsx

@@ -29,16 +29,9 @@ function getItemOffset(depth: number): number {
   return 36;
 }
 
-const TOC_STEP_INDICATOR_INSET = 30;
-const TOC_STEP_INDICATOR_SIZE = 14;
-const TOC_STEP_LABEL_GAP = 8;
-
 /** Horizontal position of the vertical line based on heading depth */
-function getLineOffset(item: TocItem): number {
-  if (typeof item.stepNumber === 'number') {
-    return TOC_STEP_INDICATOR_INSET + TOC_STEP_INDICATOR_SIZE / 2;
-  }
-  return item.level >= 3 ? 10 : 0;
+function getLineOffset(depth: number): number {
+  return depth >= 3 ? 10 : 0;
 }
 
 function getLinkClass(level: number, isActive: boolean): string {
@@ -206,7 +199,7 @@ export function TableOfContents({ content, className = '' }: TableOfContentsProp
         const heading = headings.find(item => item.id === href.slice(1));
         if (!heading) continue;
 
-        const offset = getLineOffset(heading) + 0.5;
+        const offset = getLineOffset(heading.level) + 0.5;
         const elTop = getOffsetRelativeTo(element, container);
         items.push({ offset, top: elTop, bottom: elTop + element.clientHeight });
       }
@@ -574,13 +567,12 @@ export function TableOfContents({ content, className = '' }: TableOfContentsProp
               }
             };
 
-            // Step entries sit under their parent heading: number aligned with
-            // H3 text, label after the 14px circle plus an 8px gap.
-            const startOffset = hasStepNumber
-              ? TOC_STEP_INDICATOR_INSET + TOC_STEP_INDICATOR_SIZE + TOC_STEP_LABEL_GAP
-              : heading.level === 3
-                ? 30
-                : getItemOffset(heading.level);
+            // 30px leaves room for the absolute-positioned 14px step circle
+            // (insetInlineStart: 1) + a gap. Non-step H3s use the same value
+            // so mixed step/non-step groups align visually.
+            const startOffset = heading.level === 3
+              ? 30
+              : getItemOffset(heading.level);
 
             return (
               <a
@@ -600,11 +592,11 @@ export function TableOfContents({ content, className = '' }: TableOfContentsProp
                     aria-hidden="true"
                     className="absolute flex items-center justify-center rounded-full text-[9px] font-medium"
                     style={{
-                      insetInlineStart: TOC_STEP_INDICATOR_INSET,
+                      insetInlineStart: 3,
                       top: '50%',
                       transform: 'translateY(-50%)',
-                      width: TOC_STEP_INDICATOR_SIZE,
-                      height: TOC_STEP_INDICATOR_SIZE,
+                      width: 14,
+                      height: 14,
                       backgroundColor: isActive
                         ? 'var(--color-primary)'
                         : 'var(--color-bg-primary)',