From 4be8169d5119135e89303091daa8707de787b5e5 Mon Sep 17 00:00:00 2001
From: Eric Mika <eric@ericmika.com>
Date: Thu, 7 Mar 2024 12:10:23 -0500
Subject: [PATCH] Docs: Pass dynamic prop condition description to PropTable
 component.

---
 docs/src/components/docs/PropTable.astro |  6 ++++--
 docs/src/utils/prop-utils.ts             | 12 ++++++++----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/docs/src/components/docs/PropTable.astro b/docs/src/components/docs/PropTable.astro
index 485e7f1..d489e0c 100644
--- a/docs/src/components/docs/PropTable.astro
+++ b/docs/src/components/docs/PropTable.astro
@@ -145,8 +145,10 @@ const {
 								Available when
 								{/* set:text below works around prettier */}
 								{Object.values(conditionData[prop.name])
-									.map((value) => (
-										<code set:text={`${Object.keys(value)[0]}="${Object.values(value)[0]}"`} />
+									.map(({ condition }) => (
+										<code
+											set:text={`${Object.keys(condition)[0]}="${Object.values(condition)[0]}"`}
+										/>
 									))
 									.reduce((previous, current) => [previous, ' or ', current])}
 							</td>
diff --git a/docs/src/utils/prop-utils.ts b/docs/src/utils/prop-utils.ts
index 9c490c8..b0f17b2 100644
--- a/docs/src/utils/prop-utils.ts
+++ b/docs/src/utils/prop-utils.ts
@@ -2,9 +2,10 @@
 import type { Props as StarlightProps } from '@astrojs/starlight/props';
 export type ComponentData = StarlightProps['entry']['data']['componentData'];
 export type ComponentProp = NonNullable<ComponentData>['props'][number];
-export type Condition = NonNullable<
-	NonNullable<ComponentData>['dynamicProps']
->[number]['condition'];
+export type Condition = Omit<
+	NonNullable<NonNullable<ComponentData>['dynamicProps']>[number],
+	'props'
+>;
 export type ConditionsRecord = Record<string, Condition[]>;
 
 export function uniqueProps(
@@ -31,7 +32,10 @@ export function allPropConditions(data: ComponentData): ConditionsRecord {
 						conditionsRecord[prop.name] = [];
 					}
 
-					conditionsRecord[prop.name].push(dynamicProp.condition);
+					conditionsRecord[prop.name].push({
+						condition: dynamicProp.condition,
+						description: dynamicProp.description
+					});
 				}
 			}