From 7cd208c2df61cfa3795b43191c6f8fe02f926037 Mon Sep 17 00:00:00 2001
From: Tom Elliot <3267684+tomelliot@users.noreply.github.com>
Date: Thu, 10 Apr 2025 15:33:20 +0200
Subject: [PATCH 1/2] feat: add indentDepth prop to TOCInline component

---
 packages/pliny/src/ui/TOCInline.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/pliny/src/ui/TOCInline.tsx b/packages/pliny/src/ui/TOCInline.tsx
index ce80ec7..36023c4 100644
--- a/packages/pliny/src/ui/TOCInline.tsx
+++ b/packages/pliny/src/ui/TOCInline.tsx
@@ -2,6 +2,7 @@ import { Toc, TocItem } from '../mdx-plugins/remark-toc-headings'
 
 export interface TOCInlineProps {
   toc: Toc
+  indentDepth?: number
   fromHeading?: number
   toHeading?: number
   asDisclosure?: boolean
@@ -52,6 +53,7 @@ const createNestedList = (items: TocItem[]): NestedTocItem[] => {
  * If you are using tailwind css and want to revert to the default HTML list style, set `ulClassName="[&_ul]:list-[revert]"`
  * @param {TOCInlineProps} {
  *   toc,
+ *   indentDepth = 3,
  *   fromHeading = 1,
  *   toHeading = 6,
  *   asDisclosure = false,
@@ -64,6 +66,7 @@ const createNestedList = (items: TocItem[]): NestedTocItem[] => {
  */
 const TOCInline = ({
   toc,
+  indentDepth = 3,
   fromHeading = 1,
   toHeading = 6,
   asDisclosure = false,
@@ -89,7 +92,7 @@ const TOCInline = ({
     return (
       <ul className={ulClassName}>
         {items.map((item, index) => (
-          <li key={index} className={liClassName}>
+          <li key={index} className={liClassName + `${item.depth >= indentDepth ? ' ml-6' : ''}`}>
             <a href={item.url}>{item.value}</a>
             {createList(item.children)}
           </li>

From ecebc68a8ff9ac31cea9e112560379d3dabe01b4 Mon Sep 17 00:00:00 2001
From: Tom Elliot <3267684+tomelliot@users.noreply.github.com>
Date: Thu, 10 Apr 2025 16:18:12 +0200
Subject: [PATCH 2/2] fix: adjust TOC indentation logic based on heading depth

---
 packages/pliny/src/ui/TOCInline.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/pliny/src/ui/TOCInline.tsx b/packages/pliny/src/ui/TOCInline.tsx
index 36023c4..595b4d0 100644
--- a/packages/pliny/src/ui/TOCInline.tsx
+++ b/packages/pliny/src/ui/TOCInline.tsx
@@ -92,7 +92,13 @@ const TOCInline = ({
     return (
       <ul className={ulClassName}>
         {items.map((item, index) => (
-          <li key={index} className={liClassName + `${item.depth >= indentDepth ? ' ml-6' : ''}`}>
+          <li
+            key={index}
+            className={
+              liClassName +
+              `${item.depth >= indentDepth && item.depth > fromHeading + 1 ? ' ml-6' : ''}`
+            }
+          >
             <a href={item.url}>{item.value}</a>
             {createList(item.children)}
           </li>