@primer/react 38.39.1-rc.99036c1d8 → 38.40.0-rc.37bd8a025

package/dist/DataTable/TableGroup.js

@@ -8,10 +8,9 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/DataTable/TableGroup.tsx
 function TableGroup(t0) {
-	const $ = c(37);
+	const $ = c(38);
 	const { className, id, label, rowCount, colSpan, children, "aria-label": ariaLabel } = t0;
 	const headerId = useId();
-	const accessibleName = `${label}, ${rowCount} ${rowCount === 1 ? "row" : "rows"}`;
 	let t1;
 	if ($[0] !== headerId) {
 		t1 = { headerId };
@@ -31,59 +30,65 @@ function TableGroup(t0) {
 		$[4] = t3;
 	} else t3 = $[4];
 	let t4;
-	if ($[5] !== accessibleName) {
-		t4 = /*#__PURE__*/ jsx(VisuallyHidden, { children: accessibleName });
-		$[5] = accessibleName;
-		$[6] = t4;
-	} else t4 = $[6];
 	let t5;
-	let t6;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = clsx("TableGroupHeaderContent", Table_module_css_default.TableGroupHeaderContent);
-		t6 = clsx("TableGroupHeaderLabel", Table_module_css_default.TableGroupHeaderLabel);
-		$[7] = t5;
-		$[8] = t6;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = clsx("TableGroupHeaderContent", Table_module_css_default.TableGroupHeaderContent);
+		t5 = clsx("TableGroupHeaderLabel", Table_module_css_default.TableGroupHeaderLabel);
+		$[5] = t4;
+		$[6] = t5;
 	} else {
-		t5 = $[7];
-		t6 = $[8];
+		t4 = $[5];
+		t5 = $[6];
 	}
+	let t6;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /*#__PURE__*/ jsx(VisuallyHidden, { children: "," });
+		$[7] = t6;
+	} else t6 = $[7];
 	let t7;
-	if ($[9] !== label) {
-		t7 = /*#__PURE__*/ jsx("span", {
-			className: t6,
-			children: label
+	if ($[8] !== label) {
+		t7 = /*#__PURE__*/ jsxs("span", {
+			className: t5,
+			children: [label, t6]
 		});
-		$[9] = label;
-		$[10] = t7;
-	} else t7 = $[10];
+		$[8] = label;
+		$[9] = t7;
+	} else t7 = $[9];
 	let t8;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = clsx("TableGroupHeaderCount", Table_module_css_default.TableGroupHeaderCount);
-		$[11] = t8;
-	} else t8 = $[11];
-	let t9;
-	if ($[12] !== rowCount) {
-		t9 = /*#__PURE__*/ jsx("span", {
+		$[10] = t8;
+	} else t8 = $[10];
+	const t9 = rowCount === 1 ? " row" : " rows";
+	let t10;
+	if ($[11] !== t9) {
+		t10 = /*#__PURE__*/ jsx(VisuallyHidden, { children: t9 });
+		$[11] = t9;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== rowCount || $[14] !== t10) {
+		t11 = /*#__PURE__*/ jsxs("span", {
 			className: t8,
-			children: rowCount
+			children: [rowCount, t10]
 		});
-		$[12] = rowCount;
-		$[13] = t9;
-	} else t9 = $[13];
-	let t10;
-	if ($[14] !== t7 || $[15] !== t9) {
-		t10 = /*#__PURE__*/ jsxs("span", {
-			"aria-hidden": "true",
-			className: t5,
-			children: [t7, t9]
+		$[13] = rowCount;
+		$[14] = t10;
+		$[15] = t11;
+	} else t11 = $[15];
+	let t12;
+	if ($[16] !== t11 || $[17] !== t7) {
+		t12 = /*#__PURE__*/ jsxs("span", {
+			className: t4,
+			children: [t7, t11]
 		});
-		$[14] = t7;
-		$[15] = t9;
-		$[16] = t10;
-	} else t10 = $[16];
-	let t11;
-	if ($[17] !== ariaLabel || $[18] !== colSpan || $[19] !== headerId || $[20] !== t10 || $[21] !== t4) {
-		t11 = /*#__PURE__*/ jsx(TableRow, { children: /*#__PURE__*/ jsxs("th", {
+		$[16] = t11;
+		$[17] = t7;
+		$[18] = t12;
+	} else t12 = $[18];
+	let t13;
+	if ($[19] !== ariaLabel || $[20] !== colSpan || $[21] !== headerId || $[22] !== t12) {
+		t13 = /*#__PURE__*/ jsx(TableRow, { children: /*#__PURE__*/ jsx("th", {
 			id: headerId,
 			className: t3,
 			scope: "colgroup",
@@ -91,65 +96,64 @@ function TableGroup(t0) {
 			role: "columnheader",
 			"aria-label": ariaLabel,
 			"data-component": "Table.Group.Header",
-			children: [t4, t10]
+			children: t12
 		}) });
-		$[17] = ariaLabel;
-		$[18] = colSpan;
-		$[19] = headerId;
-		$[20] = t10;
-		$[21] = t4;
-		$[22] = t11;
-	} else t11 = $[22];
-	let t12;
-	if ($[23] !== id || $[24] !== t11 || $[25] !== t2) {
-		t12 = /*#__PURE__*/ jsx("tbody", {
+		$[19] = ariaLabel;
+		$[20] = colSpan;
+		$[21] = headerId;
+		$[22] = t12;
+		$[23] = t13;
+	} else t13 = $[23];
+	let t14;
+	if ($[24] !== id || $[25] !== t13 || $[26] !== t2) {
+		t14 = /*#__PURE__*/ jsx("tbody", {
 			className: t2,
 			role: "rowgroup",
 			"data-component": "Table.Group",
 			"data-group-id": id,
-			children: t11
+			children: t13
 		});
-		$[23] = id;
-		$[24] = t11;
-		$[25] = t2;
-		$[26] = t12;
-	} else t12 = $[26];
-	let t13;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = clsx("TableBody", Table_module_css_default.TableBody);
-		$[27] = t13;
-	} else t13 = $[27];
-	let t14;
-	if ($[28] !== children || $[29] !== contextValue) {
-		t14 = /*#__PURE__*/ jsx(TableGroupContext.Provider, {
+		$[24] = id;
+		$[25] = t13;
+		$[26] = t2;
+		$[27] = t14;
+	} else t14 = $[27];
+	let t15;
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = clsx("TableBody", Table_module_css_default.TableBody);
+		$[28] = t15;
+	} else t15 = $[28];
+	let t16;
+	if ($[29] !== children || $[30] !== contextValue) {
+		t16 = /*#__PURE__*/ jsx(TableGroupContext.Provider, {
 			value: contextValue,
 			children
 		});
-		$[28] = children;
-		$[29] = contextValue;
-		$[30] = t14;
-	} else t14 = $[30];
-	let t15;
-	if ($[31] !== id || $[32] !== t14) {
-		t15 = /*#__PURE__*/ jsx("tbody", {
-			className: t13,
+		$[29] = children;
+		$[30] = contextValue;
+		$[31] = t16;
+	} else t16 = $[31];
+	let t17;
+	if ($[32] !== id || $[33] !== t16) {
+		t17 = /*#__PURE__*/ jsx("tbody", {
+			className: t15,
 			role: "rowgroup",
 			"data-component": "Table.Group.Body",
 			"data-group-id": id,
-			children: t14
+			children: t16
 		});
-		$[31] = id;
-		$[32] = t14;
-		$[33] = t15;
-	} else t15 = $[33];
-	let t16;
-	if ($[34] !== t12 || $[35] !== t15) {
-		t16 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t12, t15] });
-		$[34] = t12;
-		$[35] = t15;
-		$[36] = t16;
-	} else t16 = $[36];
-	return t16;
+		$[32] = id;
+		$[33] = t16;
+		$[34] = t17;
+	} else t17 = $[34];
+	let t18;
+	if ($[35] !== t14 || $[36] !== t17) {
+		t18 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t14, t17] });
+		$[35] = t14;
+		$[36] = t17;
+		$[37] = t18;
+	} else t18 = $[37];
+	return t18;
 }
 //#endregion
 export { TableGroup };

package/dist/DataTable/index.d.ts

@@ -1,6 +1,6 @@
 import { SlotMarker } from "../utils/types/Slots.js";
 import { ObjectPaths } from "./utils.js";
-import { UniqueRow } from "./row.js";
+import { DataTableData, DataTableRowGroup, UniqueRow } from "./row.js";
 import { CellAlignment, Column, ColumnWidth, createColumnHelper } from "./column.js";
 import { DataTable, DataTableProps } from "./DataTable.js";
 import { ErrorDialog } from "./ErrorDialog.js";
@@ -27,4 +27,4 @@ declare const Table: typeof Table$1 & SlotMarker & {
   ErrorDialog: typeof ErrorDialog;
 };
 //#endregion
-export { type CellAlignment, type Column, type ColumnWidth, DataTable, type DataTableProps, type ObjectPaths, Table, type TableActionsProps, type TableBodyProps, type TableCellProps, type TableContainerProps, type TableGroupProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps, type TableSubtitleProps, type TableTitleProps, type UniqueRow, createColumnHelper };
+export { type CellAlignment, type Column, type ColumnWidth, DataTable, type DataTableData, type DataTableProps, type DataTableRowGroup, type ObjectPaths, Table, type TableActionsProps, type TableBodyProps, type TableCellProps, type TableContainerProps, type TableGroupProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps, type TableSubtitleProps, type TableTitleProps, type UniqueRow, createColumnHelper };

package/dist/DataTable/index.js

@@ -1,7 +1,7 @@
 import { Table as Table$1, TableActions, TableBody, TableCell, TableCellPlaceholder, TableContainer, TableDivider, TableHead, TableHeader, TableRow, TableSkeleton, TableSubtitle, TableTitle } from "./Table.js";
+import { TableGroup } from "./TableGroup.js";
 import { DataTable } from "./DataTable.js";
 import { ErrorDialog } from "./ErrorDialog.js";
-import { TableGroup } from "./TableGroup.js";
 import { Pagination } from "./Pagination.js";
 import { createColumnHelper } from "./column.js";
 //#region src/DataTable/index.ts

package/dist/DataTable/row.d.ts

@@ -2,5 +2,28 @@
 interface UniqueRow {
   id: string | number;
 }
+interface DataTableRowGroup<Data extends UniqueRow> {
+  /**
+   * Provide a stable identifier for the group.
+   */
+  groupId: string | number;
+  /**
+   * Provide a visible label for the group.
+   */
+  label: string;
+  /**
+   * Provide the rows that belong to the group.
+   */
+  rows: Array<Data>;
+  /**
+   * Provide an accessible name for the group header.
+   */
+  'aria-label'?: string;
+}
+/**
+ * Items with both `groupId` and an array-valued `rows` are treated as groups.
+ * This combination is reserved and must not be used for standalone row data.
+ */
+type DataTableData<Data extends UniqueRow> = Array<Data | DataTableRowGroup<Data>>;
 //#endregion
-export { UniqueRow };
+export { DataTableData, DataTableRowGroup, UniqueRow };

package/dist/DataTable/useTable.js

@@ -1,10 +1,11 @@
 import { c } from "../utils/react-compiler-runtime.js";
 import { DEFAULT_SORT_DIRECTION, SortDirection, strategies, transition } from "./sorting.js";
-import { useState } from "react";
+import { useId, useState } from "react";
 //#region src/DataTable/useTable.ts
 function useTable(t0) {
-	const $ = c(21);
+	const $ = c(29);
 	const { columns, data, initialSortColumn, initialSortDirection, externalSorting, getRowId } = t0;
+	const tableId = useId();
 	const [rowOrder, setRowOrder] = useState(data);
 	const [prevData, setPrevData] = useState(data);
 	const [prevColumns, setPrevColumns] = useState(columns);
@@ -29,18 +30,26 @@ function useTable(t0) {
 		}
 	}
 	let t2;
-	let t3;
-	let t4;
-	if ($[4] !== columns || $[5] !== data || $[6] !== externalSorting || $[7] !== getRowId || $[8] !== prevData || $[9] !== rowOrder || $[10] !== sortByColumn) {
-		let t5;
-		if ($[14] !== sortByColumn) {
-			t5 = (column_1) => {
+	if ($[4] !== rowOrder) {
+		t2 = rowOrder.some(isDataTableRowGroup);
+		$[4] = rowOrder;
+		$[5] = t2;
+	} else t2 = $[5];
+	const hasGroups = t2;
+	let bodies;
+	let headers;
+	let sortBy;
+	if ($[6] !== columns || $[7] !== data || $[8] !== externalSorting || $[9] !== getRowId || $[10] !== hasGroups || $[11] !== prevData || $[12] !== rowOrder || $[13] !== sortByColumn || $[14] !== tableId) {
+		let t3;
+		if ($[18] !== hasGroups || $[19] !== sortByColumn || $[20] !== tableId) {
+			t3 = (column_1, index) => {
 				var _column_1$id;
 				const id_0 = (_column_1$id = column_1.id) !== null && _column_1$id !== void 0 ? _column_1$id : column_1.field;
 				if (id_0 === void 0) throw new Error("Expected either an `id` or `field` to be defined for a Column");
 				const sortable = column_1.sortBy !== void 0 && column_1.sortBy !== false;
 				return {
 					id: id_0,
+					domId: hasGroups ? `${tableId}-column-${index}` : void 0,
 					column: column_1,
 					isSortable() {
 						return sortable;
@@ -51,103 +60,171 @@ function useTable(t0) {
 					}
 				};
 			};
-			$[14] = sortByColumn;
-			$[15] = t5;
-		} else t5 = $[15];
-		const headers = columns.map(t5);
+			$[18] = hasGroups;
+			$[19] = sortByColumn;
+			$[20] = tableId;
+			$[21] = t3;
+		} else t3 = $[21];
+		headers = columns.map(t3);
 		if (data !== prevData) {
 			setPrevData(data);
-			setRowOrder(data);
-			if (sortByColumn) sortRows(sortByColumn);
+			updateRowOrder(data, sortByColumn);
 		}
-		const sortBy = function sortBy(header) {
+		sortBy = function sortBy(header) {
 			const sortState = {
 				id: header.id,
 				direction: sortByColumn && sortByColumn.id === header.id ? transition(sortByColumn.direction) : DEFAULT_SORT_DIRECTION
 			};
 			setSortByColumn(sortState);
-			sortRows(sortState);
+			updateRowOrder(rowOrder, sortState);
 		};
-		function sortRows(state) {
-			const header_1 = headers.find((header_0) => header_0.id === state.id);
-			if (!header_1) throw new Error(`Unable to find header with id: ${state.id}`);
+		function updateRowOrder(rows, state) {
+			if (externalSorting || state === null) setRowOrder(rows);
+			else {
+				const sortedRows = getSortedRowOrder(rows, state);
+				setRowOrder(sortedRows);
+			}
+		}
+		function getSortedRowOrder(currentRowOrder, state_0) {
+			const header_1 = headers.find((header_0) => header_0.id === state_0.id);
+			if (!header_1) throw new Error(`Unable to find header with id: ${state_0.id}`);
 			if (header_1.column.sortBy === false || header_1.column.sortBy === void 0) throw new Error("The column for this header is not sortable");
-			if (externalSorting) return;
-			const sortMethod = header_1.column.sortBy === true ? strategies.basic : typeof header_1.column.sortBy === "string" ? strategies[header_1.column.sortBy] : header_1.column.sortBy;
-			setRowOrder((rowOrder_0) => rowOrder_0.slice().sort((a, b) => {
-				if (header_1.column.field === void 0) return 0;
-				if (typeof header_1.column.sortBy === "function") {
-					if (state.direction === SortDirection.ASC) return sortMethod(a, b);
-					return sortMethod(b, a);
-				}
-				const valueA = get(a, header_1.column.field);
-				const valueB = get(b, header_1.column.field);
-				const valueAIsBlank = isBlankValue(valueA);
-				const valueBIsBlank = isBlankValue(valueB);
-				if (!valueAIsBlank && !valueBIsBlank) {
-					if (state.direction === SortDirection.ASC) return sortMethod(valueA, valueB);
-					return sortMethod(valueB, valueA);
-				}
-				if (!valueAIsBlank) return -1;
-				if (!valueBIsBlank) return 1;
-				return 0;
-			}));
+			const column_2 = header_1.column;
+			const sortMethod = column_2.sortBy === true ? strategies.basic : typeof column_2.sortBy === "string" ? strategies[column_2.sortBy] : column_2.sortBy;
+			const sortData = function sortData(rows_0) {
+				return rows_0.slice().sort((a, b) => {
+					if (column_2.field === void 0) return 0;
+					if (typeof column_2.sortBy === "function") {
+						if (state_0.direction === SortDirection.ASC) return sortMethod(a, b);
+						return sortMethod(b, a);
+					}
+					const valueA = get(a, column_2.field);
+					const valueB = get(b, column_2.field);
+					const valueAIsBlank = isBlankValue(valueA);
+					const valueBIsBlank = isBlankValue(valueB);
+					if (!valueAIsBlank && !valueBIsBlank) {
+						if (state_0.direction === SortDirection.ASC) return sortMethod(valueA, valueB);
+						return sortMethod(valueB, valueA);
+					}
+					if (!valueAIsBlank) return -1;
+					if (!valueBIsBlank) return 1;
+					return 0;
+				});
+			};
+			const sorted = [];
+			let ungroupedRows = [];
+			const appendUngroupedRows = function appendUngroupedRows() {
+				for (const row of sortData(ungroupedRows)) sorted.push(row);
+				ungroupedRows = [];
+			};
+			for (const item of currentRowOrder) if (isDataTableRowGroup(item)) {
+				appendUngroupedRows();
+				sorted.push({
+					...item,
+					rows: sortData(item.rows)
+				});
+			} else ungroupedRows.push(item);
+			appendUngroupedRows();
+			return sorted;
 		}
-		t2 = headers;
-		t3 = rowOrder.map((row) => {
-			const rowId = getRowId(row);
+		const createRow = function createRow(row_0, rowIndex) {
+			const rowId = getRowId(row_0);
+			const rowHeaderIds = hasGroups ? headers.flatMap((header_2, index_0) => header_2.column.rowHeader ? [`${tableId}-row-${rowIndex}-header-${index_0}`] : []) : [];
 			return {
+				type: "row",
 				id: `${rowId}`,
 				getValue() {
-					return row;
+					return row_0;
 				},
 				getCells() {
-					return headers.map((header_2) => {
-						var _header_2$column$rowH;
+					return headers.map((header_3, index_1) => {
+						var _header_3$column$rowH;
+						const rowHeader = (_header_3$column$rowH = header_3.column.rowHeader) !== null && _header_3$column$rowH !== void 0 ? _header_3$column$rowH : false;
 						return {
-							id: `${rowId}:${header_2.id}`,
-							column: header_2.column,
-							rowHeader: (_header_2$column$rowH = header_2.column.rowHeader) !== null && _header_2$column$rowH !== void 0 ? _header_2$column$rowH : false,
+							id: `${rowId}:${header_3.id}`,
+							domId: hasGroups && rowHeader ? `${tableId}-row-${rowIndex}-header-${index_1}` : void 0,
+							headers: hasGroups ? (rowHeader ? [header_3.domId] : [...rowHeaderIds, header_3.domId]).join(" ") : void 0,
+							column: header_3.column,
+							rowHeader,
 							getValue() {
-								if (header_2.column.field !== void 0) return get(row, header_2.column.field);
-								throw new Error(`Unable to get value for column header ${header_2.id}`);
+								if (header_3.column.field !== void 0) return get(row_0, header_3.column.field);
+								throw new Error(`Unable to get value for column header ${header_3.id}`);
 							}
 						};
 					});
 				}
 			};
-		});
-		t4 = { sortBy };
-		$[4] = columns;
-		$[5] = data;
-		$[6] = externalSorting;
-		$[7] = getRowId;
-		$[8] = prevData;
-		$[9] = rowOrder;
-		$[10] = sortByColumn;
-		$[11] = t2;
-		$[12] = t3;
-		$[13] = t4;
+		};
+		bodies = [];
+		let rowIndex_0 = 0;
+		let body = {
+			type: "row-body",
+			key: "rows:start",
+			rows: []
+		};
+		for (const item_0 of rowOrder) if (isDataTableRowGroup(item_0)) {
+			if (body.rows.length > 0) bodies.push(body);
+			const groupStartIndex = rowIndex_0;
+			bodies.push({
+				type: "row-group",
+				key: `group:${item_0.groupId}`,
+				id: item_0.groupId,
+				label: item_0.label,
+				rows: item_0.rows.map((row_1, index_2) => createRow(row_1, groupStartIndex + index_2)),
+				"aria-label": item_0["aria-label"]
+			});
+			rowIndex_0 = rowIndex_0 + item_0.rows.length;
+			body = {
+				type: "row-body",
+				key: `rows:after:${item_0.groupId}`,
+				rows: []
+			};
+		} else {
+			body.rows.push(createRow(item_0, rowIndex_0));
+			rowIndex_0 = rowIndex_0 + 1;
+		}
+		if (body.rows.length > 0 || bodies.length === 0) bodies.push(body);
+		$[6] = columns;
+		$[7] = data;
+		$[8] = externalSorting;
+		$[9] = getRowId;
+		$[10] = hasGroups;
+		$[11] = prevData;
+		$[12] = rowOrder;
+		$[13] = sortByColumn;
+		$[14] = tableId;
+		$[15] = bodies;
+		$[16] = headers;
+		$[17] = sortBy;
 	} else {
-		t2 = $[11];
-		t3 = $[12];
-		t4 = $[13];
+		bodies = $[15];
+		headers = $[16];
+		sortBy = $[17];
 	}
-	let t5;
-	if ($[16] !== gridTemplateColumns || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
-		t5 = {
-			headers: t2,
-			rows: t3,
-			actions: t4,
-			gridTemplateColumns
+	let t3;
+	if ($[22] !== sortBy) {
+		t3 = { sortBy };
+		$[22] = sortBy;
+		$[23] = t3;
+	} else t3 = $[23];
+	let t4;
+	if ($[24] !== bodies || $[25] !== gridTemplateColumns || $[26] !== headers || $[27] !== t3) {
+		t4 = {
+			headers,
+			actions: t3,
+			gridTemplateColumns,
+			bodies
 		};
-		$[16] = gridTemplateColumns;
-		$[17] = t2;
-		$[18] = t3;
-		$[19] = t4;
-		$[20] = t5;
-	} else t5 = $[20];
-	return t5;
+		$[24] = bodies;
+		$[25] = gridTemplateColumns;
+		$[26] = headers;
+		$[27] = t3;
+		$[28] = t4;
+	} else t4 = $[28];
+	return t4;
+}
+function isDataTableRowGroup(item) {
+	return "groupId" in item && "rows" in item && Array.isArray(item.rows);
 }
 function getInitialSortState(columns, initialSortColumn, initialSortDirection) {
 	if (initialSortColumn !== void 0) {

package/dist/DataTable/utils.d.ts

@@ -1,4 +1,5 @@
 //#region src/DataTable/utils.d.ts
+type IsAny<T> = 0 extends 1 & T ? true : false;
 type ArrayOfLength<Length extends number, SizedArray extends Array<unknown> = []> = SizedArray['length'] extends Length ? SizedArray : ArrayOfLength<Length, [...SizedArray, SizedArray['length']]>;
 type MaxLength = ArrayOfLength<10>[number];
 type ArrayIndex<A extends ReadonlyArray<any>, Keys extends number = never> = A extends readonly [] ? Keys : A extends readonly [infer _, ...infer Tail] ? ArrayIndex<Tail, Keys | Tail['length']> : Keys;
@@ -6,6 +7,7 @@ type ArrayWithinBounds<T> = T extends ReadonlyArray<any> & {
   length: infer Length;
 } ? Length extends MaxLength ? T : never : never;
 type ObjectPaths<T> = T extends readonly any[] & ArrayWithinBounds<T> ? `${ArrayIndex<T>}` | PrefixPath<T, ArrayIndex<T>> : T extends any[] ? never & 'Unable to determine keys of potentially boundless array' : T extends Date ? never : T extends object ? Extract<keyof T, string | number> | PrefixPath<T, Extract<keyof T, string | number>> : never;
-type PrefixPath<T, Prefix> = Prefix extends Extract<keyof T, number | string> ? `${Prefix}.${ObjectPaths<T[Prefix]>}` : never;
+type PrefixPath<T, Prefix> = Prefix extends Extract<keyof T, number | string> ? `${Prefix}.${NestedObjectPaths<T[Prefix]>}` : never;
+type NestedObjectPaths<T> = IsAny<T> extends true ? string : ObjectPaths<T>;
 //#endregion
-export { ObjectPaths };
+export { IsAny, ObjectPaths };

package/dist/NavList/NavList.d.ts

@@ -12,7 +12,8 @@ import { Icon } from "@primer/octicons-react";
 //#region src/NavList/NavList.d.ts
 type NavListHeadingLevels = 'h2' | 'h3';
 type NavListProps = {
-  children: React.ReactNode;
+  children: React.ReactNode; /** Disable the gap between items when the item gap feature is enabled. */
+  disableItemGap?: boolean;
 } & React.ComponentProps<'nav'>;
 type NavListHeadingProps = {
   /** Semantic heading level for the NavList. Also sets the default level for child group headings, which render one level deeper. */as?: NavListHeadingLevels; /** Visually hide the heading while keeping it available to assistive technology. */