diff --git a/src/cdk-experimental/accordion/BUILD.bazel b/src/cdk-experimental/accordion/BUILD.bazel
index a2b5740e328d..d6c47c0e0b34 100644
--- a/src/cdk-experimental/accordion/BUILD.bazel
+++ b/src/cdk-experimental/accordion/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [
diff --git a/src/cdk-experimental/combobox/BUILD.bazel b/src/cdk-experimental/combobox/BUILD.bazel
index 63430d6332ec..c4b52bf73e3c 100644
--- a/src/cdk-experimental/combobox/BUILD.bazel
+++ b/src/cdk-experimental/combobox/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk-experimental/deferred-content/BUILD.bazel b/src/cdk-experimental/deferred-content/BUILD.bazel
index cd0e0901bab7..50e55dd06ef1 100644
--- a/src/cdk-experimental/deferred-content/BUILD.bazel
+++ b/src/cdk-experimental/deferred-content/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -14,7 +14,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [
diff --git a/src/cdk-experimental/listbox/BUILD.bazel b/src/cdk-experimental/listbox/BUILD.bazel
index e52ea1670cbe..9239b69dc50a 100644
--- a/src/cdk-experimental/listbox/BUILD.bazel
+++ b/src/cdk-experimental/listbox/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -16,7 +16,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk-experimental/popover-edit/BUILD.bazel b/src/cdk-experimental/popover-edit/BUILD.bazel
index 9bdac70c91d6..bd74e9a59662 100644
--- a/src/cdk-experimental/popover-edit/BUILD.bazel
+++ b/src/cdk-experimental/popover-edit/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -22,7 +22,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk-experimental/popover-edit/popover-edit.spec.ts b/src/cdk-experimental/popover-edit/popover-edit.spec.ts
index 5fabe4bd1ee3..559b383509b4 100644
--- a/src/cdk-experimental/popover-edit/popover-edit.spec.ts
+++ b/src/cdk-experimental/popover-edit/popover-edit.spec.ts
@@ -979,9 +979,9 @@ class ElementDataSource extends DataSource<PeriodicElement> {
             </div>
           </ng-template>
 
-          <span *cdkIfRowHovered>
+          <ng-template>
             <button cdkEditOpen>Edit</button>
-          </span>
+          </ng-template>
         </cdk-cell>
       </ng-container>
 
@@ -1053,9 +1053,9 @@ class CdkFlexTableInCell extends BaseTestComponent {
             </div>
           </ng-template>
 
-          <span *cdkIfRowHovered>
+          <ng-template>
             <button cdkEditOpen>Edit</button>
-          </span>
+          </ng-template>
         </td>
       </ng-container>
 
@@ -1128,9 +1128,9 @@ class CdkTableInCell extends BaseTestComponent {
             </div>
           </ng-template>
 
-          <span *cdkIfRowHovered>
+          <ng-template>
             <button cdkEditOpen>Edit</button>
-          </span>
+          </ng-template>
         </td>
       </ng-container>
 
diff --git a/src/cdk-experimental/radio-group/BUILD.bazel b/src/cdk-experimental/radio-group/BUILD.bazel
index f6a42a80955d..ff5f155007fa 100644
--- a/src/cdk-experimental/radio-group/BUILD.bazel
+++ b/src/cdk-experimental/radio-group/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -17,7 +17,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk-experimental/scrolling/BUILD.bazel b/src/cdk-experimental/scrolling/BUILD.bazel
index 807edc3a576f..6063e4bc1cc7 100644
--- a/src/cdk-experimental/scrolling/BUILD.bazel
+++ b/src/cdk-experimental/scrolling/BUILD.bazel
@@ -19,7 +19,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk-experimental/scrolling/virtual-scroll-viewport.spec.ts b/src/cdk-experimental/scrolling/virtual-scroll-viewport.spec.ts
index 7692cbc5c2b3..31d3da115522 100644
--- a/src/cdk-experimental/scrolling/virtual-scroll-viewport.spec.ts
+++ b/src/cdk-experimental/scrolling/virtual-scroll-viewport.spec.ts
@@ -1,5 +1,5 @@
 import {CdkVirtualScrollViewport, ScrollingModule} from '@angular/cdk/scrolling';
-import {Component, Input, ViewChild, ViewEncapsulation} from '@angular/core';
+import {Component, ViewChild, ViewEncapsulation} from '@angular/core';
 import {ComponentFixture, TestBed, fakeAsync, flush} from '@angular/core/testing';
 import {ScrollingModule as ExperimentalScrollingModule} from './scrolling-module';
 
@@ -94,12 +94,12 @@ function finishInit(fixture: ComponentFixture<any>) {
 class AutoSizeVirtualScroll {
   @ViewChild(CdkVirtualScrollViewport, {static: true}) viewport: CdkVirtualScrollViewport;
 
-  @Input() orientation = 'vertical';
-  @Input() viewportSize = 200;
-  @Input() viewportCrossSize = 100;
-  @Input() minBufferPx = 0;
-  @Input() maxBufferPx = 0;
-  @Input() items = Array(10).fill(50);
+  orientation: 'vertical' | 'horizontal' = 'vertical';
+  viewportSize = 200;
+  viewportCrossSize = 100;
+  minBufferPx = 0;
+  maxBufferPx = 0;
+  items = Array(10).fill(50);
 
   get viewportWidth() {
     return this.orientation == 'horizontal' ? this.viewportSize : this.viewportCrossSize;
diff --git a/src/cdk-experimental/selection/BUILD.bazel b/src/cdk-experimental/selection/BUILD.bazel
index 9fcf80caac3f..13a281116dbe 100644
--- a/src/cdk-experimental/selection/BUILD.bazel
+++ b/src/cdk-experimental/selection/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -20,7 +20,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk-experimental/table-scroll-container/BUILD.bazel b/src/cdk-experimental/table-scroll-container/BUILD.bazel
index 16b8791bc26c..ab7e0b5e26a2 100644
--- a/src/cdk-experimental/table-scroll-container/BUILD.bazel
+++ b/src/cdk-experimental/table-scroll-container/BUILD.bazel
@@ -2,7 +2,6 @@ load(
     "//tools:defaults.bzl",
     "ng_project",
     "ng_web_test_suite",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -24,7 +23,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk-experimental/tabs/BUILD.bazel b/src/cdk-experimental/tabs/BUILD.bazel
index 6384bc2bb5b5..dd0315226401 100644
--- a/src/cdk-experimental/tabs/BUILD.bazel
+++ b/src/cdk-experimental/tabs/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [
diff --git a/src/cdk-experimental/tree/BUILD.bazel b/src/cdk-experimental/tree/BUILD.bazel
index b78d54d306e6..2cfda0a3550f 100644
--- a/src/cdk-experimental/tree/BUILD.bazel
+++ b/src/cdk-experimental/tree/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [
diff --git a/src/cdk-experimental/tree/tree.spec.ts b/src/cdk-experimental/tree/tree.spec.ts
index e440672db64a..faab445b0375 100644
--- a/src/cdk-experimental/tree/tree.spec.ts
+++ b/src/cdk-experimental/tree/tree.spec.ts
@@ -1416,5 +1416,5 @@ class TestTreeComponent {
   focusMode = signal<'roving' | 'activedescendant'>('roving');
   selectionMode = signal<'explicit' | 'follow'>('explicit');
   nav = signal(false);
-  currentType = signal('page');
+  currentType = signal('page' as 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false');
 }
diff --git a/src/cdk-experimental/ui-patterns/accordion/BUILD.bazel b/src/cdk-experimental/ui-patterns/accordion/BUILD.bazel
index f5065bd6661e..7571052a9947 100644
--- a/src/cdk-experimental/ui-patterns/accordion/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/accordion/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [
diff --git a/src/cdk-experimental/ui-patterns/behaviors/expansion/BUILD.bazel b/src/cdk-experimental/ui-patterns/behaviors/expansion/BUILD.bazel
index ce0364627c10..7f04eea42491 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/expansion/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/behaviors/expansion/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -14,7 +14,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [
diff --git a/src/cdk-experimental/ui-patterns/behaviors/grid-focus/BUILD.bazel b/src/cdk-experimental/ui-patterns/behaviors/grid-focus/BUILD.bazel
index 763e2d09c806..521db150125c 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/grid-focus/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/behaviors/grid-focus/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -11,7 +11,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = ["grid-focus.spec.ts"],
diff --git a/src/cdk-experimental/ui-patterns/behaviors/grid-navigation/BUILD.bazel b/src/cdk-experimental/ui-patterns/behaviors/grid-navigation/BUILD.bazel
index 29ff31f190ff..2849ec3cc137 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/grid-navigation/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/behaviors/grid-navigation/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -12,7 +12,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = ["grid-navigation.spec.ts"],
diff --git a/src/cdk-experimental/ui-patterns/behaviors/label/BUILD b/src/cdk-experimental/ui-patterns/behaviors/label/BUILD
index 8d347dfd6d1d..7da06716595d 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/label/BUILD
+++ b/src/cdk-experimental/ui-patterns/behaviors/label/BUILD
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -13,7 +13,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-focus/BUILD.bazel b/src/cdk-experimental/ui-patterns/behaviors/list-focus/BUILD.bazel
index e6db91f0798a..da1095af6dc5 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/list-focus/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/behaviors/list-focus/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -14,7 +14,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-navigation/BUILD.bazel b/src/cdk-experimental/ui-patterns/behaviors/list-navigation/BUILD.bazel
index 68440a1655c6..f223ebc877f5 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/list-navigation/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/behaviors/list-navigation/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -15,7 +15,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-selection/BUILD.bazel b/src/cdk-experimental/ui-patterns/behaviors/list-selection/BUILD.bazel
index d6ab35ded638..cbf097818788 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/list-selection/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/behaviors/list-selection/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -15,7 +15,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-typeahead/BUILD.bazel b/src/cdk-experimental/ui-patterns/behaviors/list-typeahead/BUILD.bazel
index 3f5690d01ee4..d0406f733b59 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/list-typeahead/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/behaviors/list-typeahead/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -15,7 +15,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list/BUILD.bazel b/src/cdk-experimental/ui-patterns/behaviors/list/BUILD.bazel
index f2fe55a531c2..428ebcabbf27 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/list/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/behaviors/list/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/cdk-experimental/ui-patterns/behaviors/popup/BUILD.bazel b/src/cdk-experimental/ui-patterns/behaviors/popup/BUILD.bazel
index b2a11c43043e..5925502c2bcc 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/popup/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/behaviors/popup/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -14,7 +14,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/cdk-experimental/ui-patterns/listbox/BUILD.bazel b/src/cdk-experimental/ui-patterns/listbox/BUILD.bazel
index 4ea87e57ecd3..7c917c4814ee 100644
--- a/src/cdk-experimental/ui-patterns/listbox/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/listbox/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -16,7 +16,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/cdk-experimental/ui-patterns/radio-group/BUILD.bazel b/src/cdk-experimental/ui-patterns/radio-group/BUILD.bazel
index 21687e35c20a..026f97c5aad6 100644
--- a/src/cdk-experimental/ui-patterns/radio-group/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/radio-group/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -16,7 +16,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/cdk-experimental/ui-patterns/tabs/BUILD.bazel b/src/cdk-experimental/ui-patterns/tabs/BUILD.bazel
index e2ce49075d86..0067a0b83cb6 100644
--- a/src/cdk-experimental/ui-patterns/tabs/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/tabs/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -17,7 +17,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [
diff --git a/src/cdk-experimental/ui-patterns/toolbar/BUILD.bazel b/src/cdk-experimental/ui-patterns/toolbar/BUILD.bazel
index 75115071c3ec..481126d03525 100644
--- a/src/cdk-experimental/ui-patterns/toolbar/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/toolbar/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -16,7 +16,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/cdk-experimental/ui-patterns/tree/BUILD.bazel b/src/cdk-experimental/ui-patterns/tree/BUILD.bazel
index 3b6ed14b78e5..d22d1f9ebfe1 100644
--- a/src/cdk-experimental/ui-patterns/tree/BUILD.bazel
+++ b/src/cdk-experimental/ui-patterns/tree/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -16,7 +16,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [
diff --git a/src/cdk/a11y/BUILD.bazel b/src/cdk/a11y/BUILD.bazel
index 9cf2331d8d4a..1ae4f86e5f44 100644
--- a/src/cdk/a11y/BUILD.bazel
+++ b/src/cdk/a11y/BUILD.bazel
@@ -5,7 +5,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -42,7 +41,7 @@ sass_binary(
     deps = [":a11y_scss_lib"],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/a11y/live-announcer/live-announcer.spec.ts b/src/cdk/a11y/live-announcer/live-announcer.spec.ts
index 0be11cf45cf4..2ebbfa266c13 100644
--- a/src/cdk/a11y/live-announcer/live-announcer.spec.ts
+++ b/src/cdk/a11y/live-announcer/live-announcer.spec.ts
@@ -6,6 +6,7 @@ import {By} from '@angular/platform-browser';
 import {A11yModule} from '../index';
 import {LiveAnnouncer} from './live-announcer';
 import {
+  AriaLivePoliteness,
   LIVE_ANNOUNCER_DEFAULT_OPTIONS,
   LIVE_ANNOUNCER_ELEMENT_TOKEN,
   LiveAnnouncerDefaultOptions,
@@ -400,12 +401,12 @@ class TestModal {
 @Component({
   template: `
     <div
-      [cdkAriaLive]="politeness ? politeness : null"
+      [cdkAriaLive]="politeness"
       [cdkAriaLiveDuration]="duration">{{content}}</div>`,
   imports: [A11yModule],
 })
 class DivWithCdkAriaLive {
-  politeness = 'polite';
+  politeness: AriaLivePoliteness = 'polite';
   content = 'Initial content';
   duration: number;
 }
diff --git a/src/cdk/accordion/BUILD.bazel b/src/cdk/accordion/BUILD.bazel
index 7c8efa6850bf..35780ca68eb7 100644
--- a/src/cdk/accordion/BUILD.bazel
+++ b/src/cdk/accordion/BUILD.bazel
@@ -3,7 +3,6 @@ load(
     "markdown_to_html",
     "ng_project",
     "ng_web_test_suite",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -22,7 +21,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/bidi/BUILD.bazel b/src/cdk/bidi/BUILD.bazel
index 4cc3e1a9f4d6..1c5f0e09cefe 100644
--- a/src/cdk/bidi/BUILD.bazel
+++ b/src/cdk/bidi/BUILD.bazel
@@ -3,7 +3,6 @@ load(
     "markdown_to_html",
     "ng_project",
     "ng_web_test_suite",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -20,7 +19,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/bidi/directionality.spec.ts b/src/cdk/bidi/directionality.spec.ts
index ea813342008b..295f292bfa05 100644
--- a/src/cdk/bidi/directionality.spec.ts
+++ b/src/cdk/bidi/directionality.spec.ts
@@ -123,7 +123,7 @@ describe('Directionality', () => {
       fixture.detectChanges();
       expect(fixture.componentInstance.dir.value).toBe('rtl');
 
-      fixture.componentInstance.direction.set('not-valid');
+      fixture.componentInstance.direction.set('not-valid' as any);
       fixture.detectChanges();
       expect(fixture.componentInstance.dir.value).toBe('ltr');
     });
@@ -171,7 +171,7 @@ class InjectsDirectionality {
 })
 class ElementWithDir {
   @ViewChild(Dir) dir: Dir;
-  direction = signal('rtl');
+  direction = signal<Direction>('rtl');
   changeCount = 0;
 }
 
@@ -184,7 +184,7 @@ class ElementWithPredefinedAutoDir {
 }
 
 @Component({
-  template: '<div dir="RTL"></div>',
+  template: '<div [dir]="$any(`RTL`)"></div>',
   imports: [Dir],
 })
 class ElementWithPredefinedUppercaseDir {
diff --git a/src/cdk/clipboard/BUILD.bazel b/src/cdk/clipboard/BUILD.bazel
index a36a71188db2..8672cd4fcd42 100644
--- a/src/cdk/clipboard/BUILD.bazel
+++ b/src/cdk/clipboard/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "markdown_to_html", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "markdown_to_html", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -16,7 +16,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/collections/BUILD.bazel b/src/cdk/collections/BUILD.bazel
index d83914e59aad..af5fd79ec8d8 100644
--- a/src/cdk/collections/BUILD.bazel
+++ b/src/cdk/collections/BUILD.bazel
@@ -3,7 +3,6 @@ load(
     "markdown_to_html",
     "ng_project",
     "ng_web_test_suite",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -21,7 +20,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/dialog/BUILD.bazel b/src/cdk/dialog/BUILD.bazel
index 95735b0b92b3..b9bd016d6057 100644
--- a/src/cdk/dialog/BUILD.bazel
+++ b/src/cdk/dialog/BUILD.bazel
@@ -4,7 +4,6 @@ load(
     "ng_project",
     "ng_web_test_suite",
     "sass_binary",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -30,7 +29,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/drag-drop/BUILD.bazel b/src/cdk/drag-drop/BUILD.bazel
index d33b90d980e5..b6ae68ad6ba0 100644
--- a/src/cdk/drag-drop/BUILD.bazel
+++ b/src/cdk/drag-drop/BUILD.bazel
@@ -33,6 +33,7 @@ ng_project(
     ],
 )
 
+# TODO(crisbeto): this should be `ng_project`, but will require some refactors of the shared tests.
 ts_project(
     name = "unit_test_sources",
     testonly = True,
diff --git a/src/cdk/keycodes/BUILD.bazel b/src/cdk/keycodes/BUILD.bazel
index 5688a30a6542..bc3135904641 100644
--- a/src/cdk/keycodes/BUILD.bazel
+++ b/src/cdk/keycodes/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "markdown_to_html", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "markdown_to_html", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -15,7 +15,7 @@ ng_project(
     deps = [],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/layout/BUILD.bazel b/src/cdk/layout/BUILD.bazel
index adb0c9c0e4ae..1ee04dc5ae8d 100644
--- a/src/cdk/layout/BUILD.bazel
+++ b/src/cdk/layout/BUILD.bazel
@@ -3,7 +3,6 @@ load(
     "markdown_to_html",
     "ng_project",
     "ng_web_test_suite",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -22,7 +21,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/listbox/BUILD.bazel b/src/cdk/listbox/BUILD.bazel
index 2e44162e481a..7cff844d0eb8 100644
--- a/src/cdk/listbox/BUILD.bazel
+++ b/src/cdk/listbox/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "markdown_to_html", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "markdown_to_html", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -21,7 +21,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/listbox/listbox.spec.ts b/src/cdk/listbox/listbox.spec.ts
index 56a2817283d1..a64d1ba0a1e6 100644
--- a/src/cdk/listbox/listbox.spec.ts
+++ b/src/cdk/listbox/listbox.spec.ts
@@ -741,7 +741,7 @@ describe('CdkOption and CdkListbox', () => {
     it('should focus the selected option when the listbox is focused', () => {
       const {testComponent, fixture, listbox, listboxEl, options} =
         setupComponent(ListboxWithOptions);
-      testComponent.selectedValue = 'peach';
+      testComponent.selectedValue = ['peach'];
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
       listbox.focus();
@@ -766,7 +766,7 @@ describe('CdkOption and CdkListbox', () => {
       fixture.detectChanges();
       expect(options[1].isActive()).toBeTrue();
 
-      testComponent.selectedValue = 'peach';
+      testComponent.selectedValue = ['peach'];
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
       expect(options[1].isActive()).toBeTrue();
@@ -985,7 +985,7 @@ describe('CdkOption and CdkListbox', () => {
   imports: [CdkListbox, CdkOption],
 })
 class ListboxWithOptions {
-  changedOption: CdkOption | null;
+  changedOption: CdkOption<string> | null;
   isListboxDisabled = signal(false);
   isAppleDisabled = false;
   isOrangeDisabled = false;
@@ -999,9 +999,9 @@ class ListboxWithOptions {
   appleId: string;
   appleTabindex: number;
   orientation: 'horizontal' | 'vertical' = 'vertical';
-  selectedValue: string;
+  selectedValue: string[];
 
-  onSelectionChange(event: ListboxValueChangeEvent<unknown>) {
+  onSelectionChange(event: ListboxValueChangeEvent<string>) {
     this.changedOption = event.option;
   }
 }
diff --git a/src/cdk/menu/BUILD.bazel b/src/cdk/menu/BUILD.bazel
index 749971bfc0de..3dba25dec19e 100644
--- a/src/cdk/menu/BUILD.bazel
+++ b/src/cdk/menu/BUILD.bazel
@@ -3,7 +3,6 @@ load(
     "markdown_to_html",
     "ng_project",
     "ng_web_test_suite",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -29,7 +28,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/menu/menu-trigger.spec.ts b/src/cdk/menu/menu-trigger.spec.ts
index 7571010df95d..5ab39eb512c3 100644
--- a/src/cdk/menu/menu-trigger.spec.ts
+++ b/src/cdk/menu/menu-trigger.spec.ts
@@ -647,7 +647,7 @@ class TriggerOpensItsMenu {
 
     <ng-template #sub1>
       <div cdkMenu>
-        <button #submenu_item cdkMenuItem [cdkMenuTriggerFor]="sub2">Second</button>
+        <button #submenu_item cdkMenuItem>Second</button>
       </div>
     </ng-template>
 
diff --git a/src/cdk/observers/BUILD.bazel b/src/cdk/observers/BUILD.bazel
index aefff76b9bc0..9023b990b5f5 100644
--- a/src/cdk/observers/BUILD.bazel
+++ b/src/cdk/observers/BUILD.bazel
@@ -3,7 +3,6 @@ load(
     "markdown_to_html",
     "ng_project",
     "ng_web_test_suite",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -21,7 +20,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/observers/observe-content.spec.ts b/src/cdk/observers/observe-content.spec.ts
index 7064de140acc..6cd36f13bf1e 100644
--- a/src/cdk/observers/observe-content.spec.ts
+++ b/src/cdk/observers/observe-content.spec.ts
@@ -275,6 +275,7 @@ class ComponentWithChildTextContent {
 class ComponentWithDebouncedListener {
   debounce = 500;
   spy = jasmine.createSpy('MutationObserver callback');
+  text = '';
 }
 
 @Component({
diff --git a/src/cdk/observers/private/BUILD.bazel b/src/cdk/observers/private/BUILD.bazel
index 55048581ab97..f100efe3fe30 100644
--- a/src/cdk/observers/private/BUILD.bazel
+++ b/src/cdk/observers/private/BUILD.bazel
@@ -2,7 +2,6 @@ load(
     "//tools:defaults.bzl",
     "ng_project",
     "ng_web_test_suite",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -20,7 +19,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "private_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/overlay/BUILD.bazel b/src/cdk/overlay/BUILD.bazel
index e4df4e482b74..00f4bdc499ab 100644
--- a/src/cdk/overlay/BUILD.bazel
+++ b/src/cdk/overlay/BUILD.bazel
@@ -57,7 +57,7 @@ sass_binary(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/portal/BUILD.bazel b/src/cdk/portal/BUILD.bazel
index ca44b0a0b955..aeff1ca7e931 100644
--- a/src/cdk/portal/BUILD.bazel
+++ b/src/cdk/portal/BUILD.bazel
@@ -3,7 +3,6 @@ load(
     "markdown_to_html",
     "ng_project",
     "ng_web_test_suite",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -21,7 +20,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/scrolling/BUILD.bazel b/src/cdk/scrolling/BUILD.bazel
index 504255fd04c7..2ede49f1f26f 100644
--- a/src/cdk/scrolling/BUILD.bazel
+++ b/src/cdk/scrolling/BUILD.bazel
@@ -4,7 +4,6 @@ load(
     "ng_project",
     "ng_web_test_suite",
     "sass_binary",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -33,7 +32,7 @@ sass_binary(
     src = "virtual-scroll-viewport.scss",
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/scrolling/virtual-scroll-viewport.spec.ts b/src/cdk/scrolling/virtual-scroll-viewport.spec.ts
index c5e2fd2ef918..473651317913 100644
--- a/src/cdk/scrolling/virtual-scroll-viewport.spec.ts
+++ b/src/cdk/scrolling/virtual-scroll-viewport.spec.ts
@@ -199,7 +199,7 @@ describe('CdkVirtualScrollViewport', () => {
     }));
 
     it('should set the vertical class if an invalid orientation is set', fakeAsync(() => {
-      testComponent.orientation = 'diagonal';
+      testComponent.orientation = 'diagonal' as any;
       finishInit(fixture);
       const viewportElement: HTMLElement = fixture.nativeElement.querySelector(
         '.cdk-virtual-scroll-viewport',
@@ -1196,7 +1196,7 @@ class FixedSizeVirtualScroll {
   // Casting virtualForOf as any so we can spy on private methods
   @ViewChild(CdkVirtualForOf, {static: true}) virtualForOf: any;
 
-  orientation = 'vertical';
+  orientation: 'vertical' | 'horizontal' = 'vertical';
   viewportSize = 200;
   viewportCrossSize = 100;
   itemSize = 50;
@@ -1259,7 +1259,7 @@ class FixedSizeVirtualScroll {
 class FixedSizeVirtualScrollWithRtlDirection {
   @ViewChild(CdkVirtualScrollViewport, {static: true}) viewport: CdkVirtualScrollViewport;
 
-  orientation = 'vertical';
+  orientation: 'vertical' | 'horizontal' = 'vertical';
   viewportSize = 200;
   viewportCrossSize = 100;
   itemSize = 50;
diff --git a/src/cdk/scrolling/virtual-scroll-viewport.zone.spec.ts b/src/cdk/scrolling/virtual-scroll-viewport.zone.spec.ts
index 31a9a50415f9..ff61318b4c20 100644
--- a/src/cdk/scrolling/virtual-scroll-viewport.zone.spec.ts
+++ b/src/cdk/scrolling/virtual-scroll-viewport.zone.spec.ts
@@ -105,7 +105,7 @@ class FixedSizeVirtualScroll {
   // Casting virtualForOf as any so we can spy on private methods
   @ViewChild(CdkVirtualForOf, {static: true}) virtualForOf: any;
 
-  orientation = 'vertical';
+  orientation: 'vertical' | 'horizontal' = 'vertical';
   viewportSize = 200;
   viewportCrossSize = 100;
   itemSize = 50;
diff --git a/src/cdk/table/BUILD.bazel b/src/cdk/table/BUILD.bazel
index 1c34c5b99924..1aa89d910769 100644
--- a/src/cdk/table/BUILD.bazel
+++ b/src/cdk/table/BUILD.bazel
@@ -4,7 +4,6 @@ load(
     "ng_project",
     "ng_web_test_suite",
     "sass_binary",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -34,7 +33,7 @@ sass_binary(
     src = "table.scss",
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/table/table.spec.ts b/src/cdk/table/table.spec.ts
index 08b792838694..291cc6037520 100644
--- a/src/cdk/table/table.spec.ts
+++ b/src/cdk/table/table.spec.ts
@@ -1,4 +1,4 @@
-import {BidiModule} from '../bidi';
+import {BidiModule, Direction} from '../bidi';
 import {CollectionViewer, DataSource} from '../collections';
 import {
   AfterContentInit,
@@ -2091,7 +2091,7 @@ class BooleanDataSource extends DataSource<boolean> {
   imports: [CdkTableModule],
 })
 class SimpleCdkTableApp {
-  dataSource: FakeDataSource | undefined = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
   contentChangedCount = 0;
 
@@ -2163,7 +2163,7 @@ class BooleanRowCdkTableApp {
   imports: [CdkTableModule],
 })
 class NullDataCdkTableApp {
-  dataSource = observableOf(null);
+  dataSource = observableOf<any>(null);
   contentChangedCount = 0;
 }
 
@@ -2249,7 +2249,7 @@ class MultipleHeaderFooterRowsCdkTableApp {}
 })
 class WhenRowCdkTableApp {
   multiTemplateDataRows = false;
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
   columnsForIsIndex1Row = ['index1Column'];
   columnsForHasC3Row = ['c3Column'];
@@ -2361,7 +2361,7 @@ class CoercedMultiTemplateDataRows extends WhenRowCdkTableApp {}
   imports: [CdkTableModule],
 })
 class WhenRowWithoutDefaultCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
   isIndex1 = (index: number, _rowData: TestData) => index == 1;
   hasC3 = (_index: number, rowData: TestData) => rowData.c == 'c_3';
@@ -2406,7 +2406,7 @@ class WhenRowWithoutDefaultCdkTableApp {
   imports: [CdkTableModule],
 })
 class WhenRowMultipleDefaultsCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
   hasC3 = (_index: number, rowData: TestData) => rowData.c == 'c_3';
 
@@ -2428,7 +2428,7 @@ class WhenRowMultipleDefaultsCdkTableApp {
   imports: [CdkTableModule],
 })
 class DynamicDataSourceCdkTableApp {
-  dataSource: FakeDataSource | undefined;
+  dataSource: FakeDataSource;
   columnsToRender = ['column_a'];
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
@@ -2456,7 +2456,7 @@ class DynamicDataSourceCdkTableApp {
 class TrackByCdkTableApp {
   trackByStrategy: 'reference' | 'propertyA' | 'index' = 'reference';
 
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b'];
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
@@ -2539,12 +2539,12 @@ class StickyPositioningListenerTest implements StickyPositioningListener {
   imports: [CdkTableModule, BidiModule],
 })
 class StickyFlexLayoutCdkTableApp extends StickyPositioningListenerTest {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columns = ['column-1', 'column-2', 'column-3', 'column-4', 'column-5', 'column-6'];
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
 
-  dir = 'ltr';
+  dir: Direction = 'ltr';
   stickyHeaders: string[] = [];
   stickyFooters: string[] = [];
   stickyStartColumns: string[] = [];
@@ -2596,7 +2596,7 @@ class StickyFlexLayoutCdkTableApp extends StickyPositioningListenerTest {
   imports: [CdkTableModule],
 })
 class StickyNativeLayoutCdkTableApp extends StickyPositioningListenerTest {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columns = ['column-1', 'column-2', 'column-3', 'column-4', 'column-5', 'column-6'];
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
@@ -2629,7 +2629,7 @@ class StickyNativeLayoutCdkTableApp extends StickyPositioningListenerTest {
 })
 class DynamicColumnDefinitionsCdkTableApp {
   dynamicColumns: any[] = [];
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
 }
@@ -2649,7 +2649,7 @@ class DynamicColumnDefinitionsCdkTableApp {
   imports: [CdkTableModule],
 })
 class CustomRoleCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a'];
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
@@ -2670,7 +2670,7 @@ class CustomRoleCdkTableApp {
   imports: [CdkTableModule],
 })
 class CrazyColumnNameCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['crazy-column-NAME-1!@#$%^-_&*()2'];
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
@@ -2696,7 +2696,7 @@ class CrazyColumnNameCdkTableApp {
   imports: [CdkTableModule],
 })
 class DuplicateColumnDefNameCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 }
 
 @Component({
@@ -2714,7 +2714,7 @@ class DuplicateColumnDefNameCdkTableApp {
   imports: [CdkTableModule],
 })
 class MissingColumnDefCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 }
 
 @Component({
@@ -2732,7 +2732,7 @@ class MissingColumnDefCdkTableApp {
   imports: [CdkTableModule],
 })
 class MissingColumnDefAfterRenderCdkTableApp implements AfterViewInit {
-  dataSource: FakeDataSource | null = null;
+  dataSource: FakeDataSource;
   displayedColumns: string[] = [];
   cdr = inject(ChangeDetectorRef);
 
@@ -2756,7 +2756,7 @@ class MissingColumnDefAfterRenderCdkTableApp implements AfterViewInit {
   imports: [CdkTableModule],
 })
 class MissingAllRowDefsCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 }
 
 @Component({
@@ -2775,7 +2775,7 @@ class MissingAllRowDefsCdkTableApp {
   imports: [CdkTableModule],
 })
 class MissingHeaderRowDefCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 }
 
 @Component({
@@ -2794,7 +2794,7 @@ class MissingHeaderRowDefCdkTableApp {
   imports: [CdkTableModule],
 })
 class MissingRowDefCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 }
 
 @Component({
@@ -2813,7 +2813,7 @@ class MissingRowDefCdkTableApp {
   imports: [CdkTableModule],
 })
 class MissingFooterRowDefCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 }
 
 @Component({
@@ -2832,7 +2832,7 @@ class MissingFooterRowDefCdkTableApp {
 })
 class UndefinedColumnsCdkTableApp {
   undefinedColumns: string[];
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 }
 
 @Component({
@@ -2866,7 +2866,7 @@ class UndefinedColumnsCdkTableApp {
   imports: [CdkTableModule, NgClass],
 })
 class RowContextCdkTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a'];
   enableRowContextClasses = false;
   enableCellContextClasses = false;
@@ -2936,7 +2936,7 @@ class WrapperCdkTableApp<T> implements AfterContentInit {
   imports: [CdkTableModule, WrapperCdkTableApp],
 })
 class OuterTableApp {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = [
     'content_column_a',
     'content_column_b',
@@ -2975,7 +2975,7 @@ class OuterTableApp {
   imports: [CdkTableModule],
 })
 class NativeHtmlTableApp {
-  dataSource: FakeDataSource | undefined = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
@@ -3026,7 +3026,7 @@ class NativeHtmlTableApp {
   imports: [CdkTableModule],
 })
 class NestedHtmlTableApp {
-  dataSource: FakeDataSource | undefined = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
 }
 
@@ -3054,7 +3054,7 @@ class NestedHtmlTableApp {
   imports: [CdkTableModule],
 })
 class NativeTableWithNoHeaderOrFooterRows {
-  dataSource: FakeDataSource | undefined = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
@@ -3076,7 +3076,7 @@ class NativeTableWithNoHeaderOrFooterRows {
   imports: [CdkTableModule],
 })
 class NativeHtmlTableWithCaptionApp {
-  dataSource: FakeDataSource | undefined = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a'];
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
@@ -3105,7 +3105,7 @@ class NativeHtmlTableWithCaptionApp {
   imports: [CdkTableModule],
 })
 class NativeHtmlTableWithColgroupAndCol {
-  dataSource: FakeDataSource | undefined = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b'];
 
   @ViewChild(CdkTable) table: CdkTable<TestData>;
@@ -3162,7 +3162,7 @@ class TableWithIndirectDescendantDefs {
   imports: [CdkTableModule],
 })
 class NativeHtmlTableAppOnPush {
-  @Input() dataSource: Observable<TestData[]> | null = null;
+  @Input() dataSource: FakeDataSource;
   columnsToRender = ['column_a', 'column_b', 'column_c'];
 }
 
@@ -3173,7 +3173,7 @@ class NativeHtmlTableAppOnPush {
   imports: [NativeHtmlTableAppOnPush],
 })
 class WrapNativeHtmlTableAppOnPush {
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 }
 
 function getElements(element: Element, query: string): HTMLElement[] {
diff --git a/src/cdk/table/text-column.spec.ts b/src/cdk/table/text-column.spec.ts
index ec160234c965..c1ab00ac808f 100644
--- a/src/cdk/table/text-column.spec.ts
+++ b/src/cdk/table/text-column.spec.ts
@@ -172,7 +172,7 @@ class BasicTextColumnApp {
 
   headerTextB: string;
   dataAccessorA: (data: TestData) => string;
-  justifyC = 'start';
+  justifyC = 'start' as const;
 }
 
 @Component({
diff --git a/src/cdk/testing/tests/BUILD.bazel b/src/cdk/testing/tests/BUILD.bazel
index a1dd7f35a7dd..292266a6fa01 100644
--- a/src/cdk/testing/tests/BUILD.bazel
+++ b/src/cdk/testing/tests/BUILD.bazel
@@ -40,7 +40,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/text-field/BUILD.bazel b/src/cdk/text-field/BUILD.bazel
index cb260e86306b..7c63ac1e2909 100644
--- a/src/cdk/text-field/BUILD.bazel
+++ b/src/cdk/text-field/BUILD.bazel
@@ -5,7 +5,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -40,7 +39,7 @@ sass_binary(
     deps = [":text_field_scss_lib"],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/tree/BUILD.bazel b/src/cdk/tree/BUILD.bazel
index a14065f7f355..6c7a206d8053 100644
--- a/src/cdk/tree/BUILD.bazel
+++ b/src/cdk/tree/BUILD.bazel
@@ -3,7 +3,6 @@ load(
     "markdown_to_html",
     "ng_project",
     "ng_web_test_suite",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -26,7 +25,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/cdk/tree/tree-with-tree-control.spec.ts b/src/cdk/tree/tree-with-tree-control.spec.ts
index 49b58636efa0..329645f412de 100644
--- a/src/cdk/tree/tree-with-tree-control.spec.ts
+++ b/src/cdk/tree/tree-with-tree-control.spec.ts
@@ -1448,7 +1448,7 @@ class SimpleCdkTreeApp {
   isExpandable = (node: TestData) => node.children.length > 0;
 
   treeControl: TreeControl<TestData> = new FlatTreeControl(this.getLevel, this.isExpandable);
-  dataSource: FakeDataSource | null = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
   indent: number | string = 28;
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
@@ -1487,7 +1487,7 @@ class NestedCdkTreeApp {
 
   treeControl: TreeControl<TestData> = new NestedTreeControl(this.getChildren);
 
-  dataSource: FakeDataSource | null = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1550,7 +1550,7 @@ class WhenNodeNestedCdkTreeApp {
 
   treeControl: TreeControl<TestData> = new NestedTreeControl(this.getChildren);
 
-  dataSource: FakeDataSource | null = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1574,7 +1574,7 @@ class CdkTreeAppWithToggle {
   isExpandable = (node: TestData) => node.children.length > 0;
 
   treeControl: TreeControl<TestData> = new FlatTreeControl(this.getLevel, this.isExpandable);
-  dataSource: FakeDataSource | null = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1602,7 +1602,7 @@ class NestedCdkTreeAppWithToggle {
   isExpandable?: (node: TestData) => boolean;
 
   treeControl: TreeControl<TestData> = new NestedTreeControl(this.getChildren);
-  dataSource: FakeDataSource | null = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1631,7 +1631,7 @@ class WhenNodeCdkTreeApp {
 
   treeControl: TreeControl<TestData> = new FlatTreeControl(this.getLevel, this.isExpandable);
 
-  dataSource: FakeDataSource | null = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1654,7 +1654,7 @@ class ArrayDataSourceCdkTreeApp {
 
   treeControl: TreeControl<TestData> = new FlatTreeControl(this.getLevel, this.isExpandable);
 
-  dataSource: FakeDataSource = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   get dataArray() {
     return this.dataSource.data;
@@ -1681,7 +1681,7 @@ class ObservableDataSourceCdkTreeApp {
 
   treeControl: TreeControl<TestData> = new FlatTreeControl(this.getLevel, this.isExpandable);
 
-  dataSource: FakeDataSource = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   get dataObservable() {
     return this.dataSource._dataChange;
@@ -1706,7 +1706,7 @@ class ArrayDataSourceNestedCdkTreeApp {
 
   treeControl: TreeControl<TestData> = new NestedTreeControl(this.getChildren);
 
-  dataSource: FakeDataSource = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   get dataArray() {
     return this.dataSource.data;
@@ -1731,7 +1731,7 @@ class ObservableDataSourceNestedCdkTreeApp {
 
   treeControl: TreeControl<TestData> = new NestedTreeControl(this.getChildren);
 
-  dataSource: FakeDataSource = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   get dataObservable() {
     return this.dataSource._dataChange;
@@ -1757,7 +1757,7 @@ class DepthNestedCdkTreeApp {
 
   treeControl: TreeControl<TestData> = new NestedTreeControl(this.getChildren);
 
-  dataSource: FakeDataSource = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   get dataArray() {
     return this.dataSource.data;
@@ -1794,7 +1794,7 @@ class CdkTreeAppWithTrackBy {
   isExpandable = (node: TestData) => node.children.length > 0;
 
   treeControl: TreeControl<TestData> = new FlatTreeControl(this.getLevel, this.isExpandable);
-  dataSource: FakeDataSource = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1828,7 +1828,7 @@ class NestedCdkTreeAppWithTrackBy {
 
   treeControl: TreeControl<TestData> = new NestedTreeControl(this.getChildren);
 
-  dataSource: FakeDataSource = new FakeDataSource(this.treeControl);
+  dataSource = new FakeDataSource(this.treeControl);
 
   get dataArray() {
     return this.dataSource.data;
diff --git a/src/cdk/tree/tree.spec.ts b/src/cdk/tree/tree.spec.ts
index c678042f77e4..d4f8806c14e9 100644
--- a/src/cdk/tree/tree.spec.ts
+++ b/src/cdk/tree/tree.spec.ts
@@ -1695,7 +1695,7 @@ class SimpleCdkTreeApp {
   getLevel = (node: TestData) => node.level;
   isExpandable = (node: TestData) => node.children.length > 0;
 
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
   indent: number | string = 28;
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
@@ -1736,7 +1736,7 @@ class SimpleCdkTreeAppWithIndirectNodes extends SimpleCdkTreeApp {}
 class NestedCdkTreeApp {
   getChildren = (node: TestData) => node.observableChildren;
 
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1796,7 +1796,7 @@ class WhenNodeNestedCdkTreeApp {
 
   getChildren = (node: TestData) => node.observableChildren;
 
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1821,7 +1821,7 @@ class CdkTreeAppWithToggle {
   getLevel = (node: TestData) => node.level;
   isExpandable = (node: TestData) => node.children.length > 0;
 
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1852,7 +1852,7 @@ class NestedCdkTreeAppWithToggle {
   isExpandable = (node: TestData) =>
     node.observableChildren.pipe(map(children => children.length > 0));
 
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1882,7 +1882,7 @@ class WhenNodeCdkTreeApp {
   getLevel = (node: TestData) => node.level;
   isExpandable = (node: TestData) => node.children.length > 0;
 
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -1905,7 +1905,7 @@ class ArrayDataSourceCdkTreeApp {
   getLevel = (node: TestData) => node.level;
   isExpandable = (node: TestData) => node.children.length > 0;
 
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   get dataArray() {
     return this.dataSource.data;
@@ -1940,7 +1940,7 @@ class ObservableDataSourceCdkTreeApp {
   getLevel = (node: TestData) => node.level;
   isExpandable = (node: TestData) => node.children.length > 0;
 
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   get dataObservable() {
     return this.dataSource._dataChange;
@@ -1964,7 +1964,7 @@ class ObservableDataSourceCdkTreeApp {
 class ArrayDataSourceNestedCdkTreeApp {
   getChildren = (node: TestData) => node.observableChildren;
 
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   get dataArray() {
     return this.dataSource.data;
@@ -1988,7 +1988,7 @@ class ArrayDataSourceNestedCdkTreeApp {
 class ObservableDataSourceNestedCdkTreeApp {
   getChildren = (node: TestData) => node.observableChildren;
 
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   get dataObservable() {
     return this.dataSource._dataChange;
@@ -2013,7 +2013,7 @@ class ObservableDataSourceNestedCdkTreeApp {
 class DepthNestedCdkTreeApp {
   getChildren = (node: TestData) => node.observableChildren;
 
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   get dataArray() {
     return this.dataSource.data;
@@ -2050,7 +2050,7 @@ class CdkTreeAppWithTrackBy {
   getLevel = (node: TestData) => node.level;
   isExpandable = (node: TestData) => node.children.length > 0;
 
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   @ViewChild(CdkTree) tree: CdkTree<TestData>;
 }
@@ -2083,7 +2083,7 @@ class NestedCdkTreeAppWithTrackBy {
 
   getChildren = (node: TestData) => node.observableChildren;
 
-  dataSource: FakeDataSource = new FakeDataSource();
+  dataSource = new FakeDataSource();
 
   get dataArray() {
     return this.dataSource.data;
diff --git a/src/components-examples/material/autocomplete/BUILD.bazel b/src/components-examples/material/autocomplete/BUILD.bazel
index 78291f06d18e..1681d3fee8fa 100644
--- a/src/components-examples/material/autocomplete/BUILD.bazel
+++ b/src/components-examples/material/autocomplete/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -39,7 +39,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/badge/BUILD.bazel b/src/components-examples/material/badge/BUILD.bazel
index b251b23b0a01..35844d895308 100644
--- a/src/components-examples/material/badge/BUILD.bazel
+++ b/src/components-examples/material/badge/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -34,7 +34,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/bottom-sheet/BUILD.bazel b/src/components-examples/material/bottom-sheet/BUILD.bazel
index 81f01105b0ae..62179b7c1824 100644
--- a/src/components-examples/material/bottom-sheet/BUILD.bazel
+++ b/src/components-examples/material/bottom-sheet/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -35,7 +35,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/button-toggle/BUILD.bazel b/src/components-examples/material/button-toggle/BUILD.bazel
index 0af78b168276..f4626a83abf0 100644
--- a/src/components-examples/material/button-toggle/BUILD.bazel
+++ b/src/components-examples/material/button-toggle/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -35,7 +35,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/button/BUILD.bazel b/src/components-examples/material/button/BUILD.bazel
index 28d7c076d670..04468715abbc 100644
--- a/src/components-examples/material/button/BUILD.bazel
+++ b/src/components-examples/material/button/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -35,7 +35,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/card/BUILD.bazel b/src/components-examples/material/card/BUILD.bazel
index 9a404d28b188..c7dd2bb9e2f9 100644
--- a/src/components-examples/material/card/BUILD.bazel
+++ b/src/components-examples/material/card/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -37,7 +37,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/checkbox/BUILD.bazel b/src/components-examples/material/checkbox/BUILD.bazel
index 8be031692712..99084c56cf61 100644
--- a/src/components-examples/material/checkbox/BUILD.bazel
+++ b/src/components-examples/material/checkbox/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -36,7 +36,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/chips/BUILD.bazel b/src/components-examples/material/chips/BUILD.bazel
index 55a5c3f0acd0..4af936d713bc 100644
--- a/src/components-examples/material/chips/BUILD.bazel
+++ b/src/components-examples/material/chips/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -38,7 +38,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/datepicker/BUILD.bazel b/src/components-examples/material/datepicker/BUILD.bazel
index 635ebe799735..f1c9e4f81d61 100644
--- a/src/components-examples/material/datepicker/BUILD.bazel
+++ b/src/components-examples/material/datepicker/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -43,7 +43,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/dialog/BUILD.bazel b/src/components-examples/material/dialog/BUILD.bazel
index d275664f63c0..8f2c084532ac 100644
--- a/src/components-examples/material/dialog/BUILD.bazel
+++ b/src/components-examples/material/dialog/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -37,7 +37,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/divider/BUILD.bazel b/src/components-examples/material/divider/BUILD.bazel
index c52fde9d9647..04e5d1cbf97f 100644
--- a/src/components-examples/material/divider/BUILD.bazel
+++ b/src/components-examples/material/divider/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -33,7 +33,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/expansion/BUILD.bazel b/src/components-examples/material/expansion/BUILD.bazel
index 4cad6c913db5..dd624c231060 100644
--- a/src/components-examples/material/expansion/BUILD.bazel
+++ b/src/components-examples/material/expansion/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -36,7 +36,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/form-field/BUILD.bazel b/src/components-examples/material/form-field/BUILD.bazel
index e23e44e56f6b..9f4a74b1e885 100644
--- a/src/components-examples/material/form-field/BUILD.bazel
+++ b/src/components-examples/material/form-field/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -42,7 +42,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/grid-list/BUILD.bazel b/src/components-examples/material/grid-list/BUILD.bazel
index 44d7df284a12..4bb512d840a1 100644
--- a/src/components-examples/material/grid-list/BUILD.bazel
+++ b/src/components-examples/material/grid-list/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -32,7 +32,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/icon/BUILD.bazel b/src/components-examples/material/icon/BUILD.bazel
index 83808cf83747..1541abdcd098 100644
--- a/src/components-examples/material/icon/BUILD.bazel
+++ b/src/components-examples/material/icon/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -32,7 +32,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/input/BUILD.bazel b/src/components-examples/material/input/BUILD.bazel
index 9c8522d144ba..f5c259157793 100644
--- a/src/components-examples/material/input/BUILD.bazel
+++ b/src/components-examples/material/input/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -35,7 +35,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/list/BUILD.bazel b/src/components-examples/material/list/BUILD.bazel
index 566d3debaef5..8e8520b9f613 100644
--- a/src/components-examples/material/list/BUILD.bazel
+++ b/src/components-examples/material/list/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -35,7 +35,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/menu/BUILD.bazel b/src/components-examples/material/menu/BUILD.bazel
index 1fdd24c4320d..610cb46d4205 100644
--- a/src/components-examples/material/menu/BUILD.bazel
+++ b/src/components-examples/material/menu/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -35,7 +35,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/paginator/BUILD.bazel b/src/components-examples/material/paginator/BUILD.bazel
index 2501a2f6ad97..13c5fcc91d02 100644
--- a/src/components-examples/material/paginator/BUILD.bazel
+++ b/src/components-examples/material/paginator/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -40,7 +40,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/progress-bar/BUILD.bazel b/src/components-examples/material/progress-bar/BUILD.bazel
index 89f535187974..24786af92d22 100644
--- a/src/components-examples/material/progress-bar/BUILD.bazel
+++ b/src/components-examples/material/progress-bar/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -36,7 +36,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/progress-spinner/BUILD.bazel b/src/components-examples/material/progress-spinner/BUILD.bazel
index 808638ce0078..61151a54eadf 100644
--- a/src/components-examples/material/progress-spinner/BUILD.bazel
+++ b/src/components-examples/material/progress-spinner/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -36,7 +36,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/radio/BUILD.bazel b/src/components-examples/material/radio/BUILD.bazel
index 35beff9296aa..e481cd1f46d1 100644
--- a/src/components-examples/material/radio/BUILD.bazel
+++ b/src/components-examples/material/radio/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -33,7 +33,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/select/BUILD.bazel b/src/components-examples/material/select/BUILD.bazel
index c92fa43e71fe..357db476a650 100644
--- a/src/components-examples/material/select/BUILD.bazel
+++ b/src/components-examples/material/select/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -36,7 +36,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/sidenav/BUILD.bazel b/src/components-examples/material/sidenav/BUILD.bazel
index 0a24c6c2aa99..862ce2178d2e 100644
--- a/src/components-examples/material/sidenav/BUILD.bazel
+++ b/src/components-examples/material/sidenav/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -42,7 +42,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/slide-toggle/BUILD.bazel b/src/components-examples/material/slide-toggle/BUILD.bazel
index 6bfdfc85cd0f..2790365702c9 100644
--- a/src/components-examples/material/slide-toggle/BUILD.bazel
+++ b/src/components-examples/material/slide-toggle/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -37,7 +37,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/slider/BUILD.bazel b/src/components-examples/material/slider/BUILD.bazel
index bbc3ccce9c4f..6a66c091603b 100644
--- a/src/components-examples/material/slider/BUILD.bazel
+++ b/src/components-examples/material/slider/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -36,7 +36,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/snack-bar/BUILD.bazel b/src/components-examples/material/snack-bar/BUILD.bazel
index f189fdd2210a..d168a56c0b9f 100644
--- a/src/components-examples/material/snack-bar/BUILD.bazel
+++ b/src/components-examples/material/snack-bar/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -36,7 +36,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/sort/BUILD.bazel b/src/components-examples/material/sort/BUILD.bazel
index 16188ac27ade..ccf43f58ffca 100644
--- a/src/components-examples/material/sort/BUILD.bazel
+++ b/src/components-examples/material/sort/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -32,7 +32,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/stepper/BUILD.bazel b/src/components-examples/material/stepper/BUILD.bazel
index baef41b7bca4..a0cd16a61b49 100644
--- a/src/components-examples/material/stepper/BUILD.bazel
+++ b/src/components-examples/material/stepper/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -41,7 +41,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/table/BUILD.bazel b/src/components-examples/material/table/BUILD.bazel
index 662f8c8746d3..5130a1b5e867 100644
--- a/src/components-examples/material/table/BUILD.bazel
+++ b/src/components-examples/material/table/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -45,7 +45,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/tabs/BUILD.bazel b/src/components-examples/material/tabs/BUILD.bazel
index b180f9039ba6..9a5c71465077 100644
--- a/src/components-examples/material/tabs/BUILD.bazel
+++ b/src/components-examples/material/tabs/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -40,7 +40,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/timepicker/BUILD.bazel b/src/components-examples/material/timepicker/BUILD.bazel
index ae0279c7b06a..5527aa9a0374 100644
--- a/src/components-examples/material/timepicker/BUILD.bazel
+++ b/src/components-examples/material/timepicker/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -39,7 +39,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/toolbar/BUILD.bazel b/src/components-examples/material/toolbar/BUILD.bazel
index b30ca000876b..465b10673c1b 100644
--- a/src/components-examples/material/toolbar/BUILD.bazel
+++ b/src/components-examples/material/toolbar/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -34,7 +34,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/tooltip/BUILD.bazel b/src/components-examples/material/tooltip/BUILD.bazel
index 959b2ce41646..a558f7da6187 100644
--- a/src/components-examples/material/tooltip/BUILD.bazel
+++ b/src/components-examples/material/tooltip/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -38,7 +38,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/components-examples/material/tree/BUILD.bazel b/src/components-examples/material/tree/BUILD.bazel
index d5c55498fa69..9bc76f01d29b 100644
--- a/src/components-examples/material/tree/BUILD.bazel
+++ b/src/components-examples/material/tree/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -38,7 +38,7 @@ filegroup(
     ]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/google-maps/BUILD.bazel b/src/google-maps/BUILD.bazel
index 0acda7c735dc..4ba9958b612c 100644
--- a/src/google-maps/BUILD.bazel
+++ b/src/google-maps/BUILD.bazel
@@ -1,5 +1,5 @@
 load("@aspect_rules_ts//ts:defs.bzl", rules_js_tsconfig = "ts_config")
-load("//tools:defaults.bzl", "ng_package", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_package", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -61,7 +61,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/google-maps/deprecated-map-marker-clusterer/deprecated-map-marker-clusterer.spec.ts b/src/google-maps/deprecated-map-marker-clusterer/deprecated-map-marker-clusterer.spec.ts
index 2f4eb9f60821..68ac6a5c4eee 100644
--- a/src/google-maps/deprecated-map-marker-clusterer/deprecated-map-marker-clusterer.spec.ts
+++ b/src/google-maps/deprecated-map-marker-clusterer/deprecated-map-marker-clusterer.spec.ts
@@ -163,10 +163,10 @@ describe('DeprecatedMapMarkerClusterer', () => {
       ignoreHidden: false,
       imageExtension: 'jpeg',
     };
-    fixture.componentInstance.enableRetinaIcons = expectedOptions.enableRetinaIcons;
-    fixture.componentInstance.gridSize = expectedOptions.gridSize;
-    fixture.componentInstance.ignoreHidden = expectedOptions.ignoreHidden;
-    fixture.componentInstance.imageExtension = expectedOptions.imageExtension;
+    fixture.componentInstance.enableRetinaIcons = expectedOptions.enableRetinaIcons!;
+    fixture.componentInstance.gridSize = expectedOptions.gridSize!;
+    fixture.componentInstance.ignoreHidden = expectedOptions.ignoreHidden!;
+    fixture.componentInstance.imageExtension = expectedOptions.imageExtension!;
     fixture.componentInstance.options = options;
     fixture.changeDetectorRef.markForCheck();
     fixture.detectChanges();
@@ -347,25 +347,25 @@ describe('DeprecatedMapMarkerClusterer', () => {
 class TestApp {
   @ViewChild(DeprecatedMapMarkerClusterer) markerClusterer: DeprecatedMapMarkerClusterer;
 
-  ariaLabelFn?: AriaLabelFn;
-  averageCenter?: boolean;
-  batchSize?: number;
-  batchSizeIE?: number;
-  calculator?: Calculator;
-  clusterClass?: string;
-  enableRetinaIcons?: boolean;
-  gridSize?: number;
-  ignoreHidden?: boolean;
-  imageExtension?: string;
-  imagePath?: string;
-  imageSizes?: number[];
-  maxZoom?: number;
-  minimumClusterSize?: number;
-  styles?: ClusterIconStyle[];
-  title?: string;
-  zIndex?: number;
-  zoomOnClick?: boolean;
-  options?: MarkerClustererOptions;
+  ariaLabelFn: AriaLabelFn;
+  averageCenter: boolean;
+  batchSize: number;
+  batchSizeIE: number;
+  calculator: Calculator;
+  clusterClass: string;
+  enableRetinaIcons: boolean;
+  gridSize: number;
+  ignoreHidden: boolean;
+  imageExtension: string;
+  imagePath: string;
+  imageSizes: number[];
+  maxZoom: number;
+  minimumClusterSize: number;
+  styles: ClusterIconStyle[];
+  title: string;
+  zIndex: number;
+  zoomOnClick: boolean;
+  options: MarkerClustererOptions;
 
   state = 'state1';
 
diff --git a/src/google-maps/google-map/google-map.spec.ts b/src/google-maps/google-map/google-map.spec.ts
index d693c793286a..75c431056ff1 100644
--- a/src/google-maps/google-map/google-map.spec.ts
+++ b/src/google-maps/google-map/google-map.spec.ts
@@ -448,13 +448,13 @@ describe('GoogleMap', () => {
 })
 class TestApp {
   @ViewChild(GoogleMap) map: GoogleMap;
-  height?: string | number | null;
-  width?: string | number | null;
-  center?: google.maps.LatLngLiteral;
-  zoom?: number;
-  options?: google.maps.MapOptions;
-  mapTypeId?: google.maps.MapTypeId;
-  mapId?: string;
+  height: string | number | null;
+  width: string | number | null;
+  center: google.maps.LatLngLiteral;
+  zoom: number;
+  options: google.maps.MapOptions;
+  mapTypeId: google.maps.MapTypeId;
+  mapId: string;
 
   handleClick(event: google.maps.MapMouseEvent) {}
   handleCenterChanged() {}
diff --git a/src/google-maps/map-advanced-marker/map-advanced-marker.spec.ts b/src/google-maps/map-advanced-marker/map-advanced-marker.spec.ts
index 61f0d22bce59..205f52b7d049 100644
--- a/src/google-maps/map-advanced-marker/map-advanced-marker.spec.ts
+++ b/src/google-maps/map-advanced-marker/map-advanced-marker.spec.ts
@@ -52,11 +52,11 @@ describe('MapAdvancedMarker', () => {
     const advancedMarkerConstructorSpy = createAdvancedMarkerConstructorSpy(advancedMarkerSpy);
 
     const fixture = TestBed.createComponent(TestApp);
-    fixture.componentInstance.position = options.position;
-    fixture.componentInstance.title = options.title;
-    fixture.componentInstance.content = options.content;
-    fixture.componentInstance.gmpDraggable = options.gmpDraggable;
-    fixture.componentInstance.zIndex = options.zIndex;
+    fixture.componentInstance.position = options.position!;
+    fixture.componentInstance.title = options.title!;
+    fixture.componentInstance.content = options.content!;
+    fixture.componentInstance.gmpDraggable = options.gmpDraggable!;
+    fixture.componentInstance.zIndex = options.zIndex!;
 
     fixture.detectChanges();
     flush();
@@ -104,12 +104,12 @@ describe('MapAdvancedMarker', () => {
     const advancedMarkerConstructorSpy = createAdvancedMarkerConstructorSpy(advancedMarkerSpy);
 
     const fixture = TestBed.createComponent(TestApp);
-    fixture.componentInstance.position = expectedOptions.position;
-    fixture.componentInstance.title = expectedOptions.title;
-    fixture.componentInstance.content = expectedOptions.content;
-    fixture.componentInstance.gmpDraggable = expectedOptions.gmpDraggable;
-    fixture.componentInstance.zIndex = expectedOptions.zIndex;
-    fixture.componentInstance.options = options;
+    fixture.componentInstance.position = expectedOptions.position!;
+    fixture.componentInstance.title = expectedOptions.title!;
+    fixture.componentInstance.content = expectedOptions.content!;
+    fixture.componentInstance.gmpDraggable = expectedOptions.gmpDraggable!;
+    fixture.componentInstance.zIndex = expectedOptions.zIndex!;
+    fixture.componentInstance.options = options!;
 
     fixture.detectChanges();
     flush();
@@ -181,11 +181,11 @@ describe('MapAdvancedMarker', () => {
 })
 class TestApp {
   @ViewChild(MapAdvancedMarker) advancedMarker: MapAdvancedMarker;
-  title?: string | null;
-  position?: google.maps.LatLng | google.maps.LatLngLiteral | null;
-  content?: Node | google.maps.marker.PinElement | null;
-  gmpDraggable?: boolean | null;
-  zIndex?: number | null;
+  title: string;
+  position: google.maps.LatLng | google.maps.LatLngLiteral;
+  content: Node | google.maps.marker.PinElement;
+  gmpDraggable: boolean;
+  zIndex: number;
   options: google.maps.marker.AdvancedMarkerElementOptions;
 
   handleClick() {}
diff --git a/src/google-maps/map-circle/map-circle.spec.ts b/src/google-maps/map-circle/map-circle.spec.ts
index c92e9558049e..8486f16a2039 100644
--- a/src/google-maps/map-circle/map-circle.spec.ts
+++ b/src/google-maps/map-circle/map-circle.spec.ts
@@ -170,9 +170,9 @@ describe('MapCircle', () => {
 })
 class TestApp {
   @ViewChild(MapCircle) circle: MapCircle;
-  options?: google.maps.CircleOptions;
-  center?: google.maps.LatLngLiteral;
-  radius?: number;
+  options: google.maps.CircleOptions;
+  center: google.maps.LatLngLiteral;
+  radius: number;
 
   handleCenterChange() {}
 
diff --git a/src/google-maps/map-directions-renderer/map-directions-renderer.spec.ts b/src/google-maps/map-directions-renderer/map-directions-renderer.spec.ts
index e0eeb5b9e589..6338df30bdfe 100644
--- a/src/google-maps/map-directions-renderer/map-directions-renderer.spec.ts
+++ b/src/google-maps/map-directions-renderer/map-directions-renderer.spec.ts
@@ -140,8 +140,8 @@ describe('MapDirectionsRenderer', () => {
 })
 class TestApp {
   @ViewChild(MapDirectionsRenderer) directionsRenderer: MapDirectionsRenderer;
-  options?: google.maps.DirectionsRendererOptions;
-  directions?: google.maps.DirectionsResult;
+  options: google.maps.DirectionsRendererOptions;
+  directions: google.maps.DirectionsResult;
 
   handleDirectionsChanged() {}
 }
diff --git a/src/google-maps/map-heatmap-layer/map-heatmap-layer.spec.ts b/src/google-maps/map-heatmap-layer/map-heatmap-layer.spec.ts
index 17a13b021737..d0a909e96d3b 100644
--- a/src/google-maps/map-heatmap-layer/map-heatmap-layer.spec.ts
+++ b/src/google-maps/map-heatmap-layer/map-heatmap-layer.spec.ts
@@ -66,7 +66,7 @@ describe('MapHeatmapLayer', () => {
     const heatmapConstructorSpy = createHeatmapLayerConstructorSpy(heatmapSpy);
 
     const fixture = TestBed.createComponent(TestApp);
-    fixture.componentInstance.data = options.data;
+    fixture.componentInstance.data = options.data!;
     fixture.changeDetectorRef.markForCheck();
     fixture.detectChanges();
     flush();
@@ -167,6 +167,6 @@ describe('MapHeatmapLayer', () => {
 })
 class TestApp {
   @ViewChild(MapHeatmapLayer) heatmap: MapHeatmapLayer;
-  options?: Partial<google.maps.visualization.HeatmapLayerOptions>;
-  data?: HeatmapData | null;
+  options: Partial<google.maps.visualization.HeatmapLayerOptions>;
+  data: HeatmapData;
 }
diff --git a/src/google-maps/map-info-window/map-info-window.spec.ts b/src/google-maps/map-info-window/map-info-window.spec.ts
index 9d5c4bad5412..f7f400ec143d 100644
--- a/src/google-maps/map-info-window/map-info-window.spec.ts
+++ b/src/google-maps/map-info-window/map-info-window.spec.ts
@@ -262,8 +262,8 @@ describe('MapInfoWindow', () => {
 })
 class TestApp {
   @ViewChild(MapInfoWindow) infoWindow: MapInfoWindow;
-  position?: google.maps.LatLngLiteral;
-  options?: google.maps.InfoWindowOptions;
+  position: google.maps.LatLngLiteral;
+  options: google.maps.InfoWindowOptions;
 
   handleClose() {}
 }
diff --git a/src/google-maps/map-kml-layer/map-kml-layer.spec.ts b/src/google-maps/map-kml-layer/map-kml-layer.spec.ts
index 4f479b6dc1f2..a607deecaa33 100644
--- a/src/google-maps/map-kml-layer/map-kml-layer.spec.ts
+++ b/src/google-maps/map-kml-layer/map-kml-layer.spec.ts
@@ -158,8 +158,8 @@ describe('MapKmlLayer', () => {
 })
 class TestApp {
   @ViewChild(MapKmlLayer) kmlLayer: MapKmlLayer;
-  options?: google.maps.KmlLayerOptions;
-  url?: string;
+  options: google.maps.KmlLayerOptions;
+  url: string;
 
   handleClick() {}
 
diff --git a/src/google-maps/map-marker/map-marker.spec.ts b/src/google-maps/map-marker/map-marker.spec.ts
index de00b590e6d9..8f627f376d21 100644
--- a/src/google-maps/map-marker/map-marker.spec.ts
+++ b/src/google-maps/map-marker/map-marker.spec.ts
@@ -55,10 +55,10 @@ describe('MapMarker', () => {
     const markerConstructorSpy = createMarkerConstructorSpy(markerSpy);
 
     const fixture = TestBed.createComponent(TestApp);
-    fixture.componentInstance.position = options.position;
-    fixture.componentInstance.title = options.title;
-    fixture.componentInstance.label = options.label;
-    fixture.componentInstance.clickable = options.clickable;
+    fixture.componentInstance.position = options.position!;
+    fixture.componentInstance.title = options.title!;
+    fixture.componentInstance.label = options.label!;
+    fixture.componentInstance.clickable = options.clickable!;
     fixture.componentInstance.icon = 'icon.png';
     fixture.componentInstance.visible = false;
     fixture.detectChanges();
@@ -108,10 +108,10 @@ describe('MapMarker', () => {
     const markerConstructorSpy = createMarkerConstructorSpy(markerSpy);
 
     const fixture = TestBed.createComponent(TestApp);
-    fixture.componentInstance.position = expectedOptions.position;
-    fixture.componentInstance.title = expectedOptions.title;
-    fixture.componentInstance.label = expectedOptions.label;
-    fixture.componentInstance.clickable = expectedOptions.clickable;
+    fixture.componentInstance.position = expectedOptions.position!;
+    fixture.componentInstance.title = expectedOptions.title!;
+    fixture.componentInstance.label = expectedOptions.label!;
+    fixture.componentInstance.clickable = expectedOptions.clickable!;
     fixture.componentInstance.options = options;
     fixture.detectChanges();
     flush();
@@ -237,13 +237,13 @@ describe('MapMarker', () => {
 })
 class TestApp {
   @ViewChild(MapMarker) marker: MapMarker;
-  title?: string | null;
-  position?: google.maps.LatLng | google.maps.LatLngLiteral | null;
-  label?: string | google.maps.MarkerLabel | null;
-  clickable?: boolean | null;
-  options?: google.maps.MarkerOptions;
-  icon?: string;
-  visible?: boolean;
+  title: string;
+  position: google.maps.LatLng | google.maps.LatLngLiteral;
+  label: string | google.maps.MarkerLabel;
+  clickable: boolean;
+  options: google.maps.MarkerOptions;
+  icon: string;
+  visible: boolean;
 
   handleClick() {}
 
diff --git a/src/google-maps/map-polygon/map-polygon.spec.ts b/src/google-maps/map-polygon/map-polygon.spec.ts
index bf012834f116..66c17e62007f 100644
--- a/src/google-maps/map-polygon/map-polygon.spec.ts
+++ b/src/google-maps/map-polygon/map-polygon.spec.ts
@@ -161,8 +161,8 @@ describe('MapPolygon', () => {
 })
 class TestApp {
   @ViewChild(MapPolygon) polygon: MapPolygon;
-  options?: google.maps.PolygonOptions;
-  paths?: google.maps.LatLngLiteral[];
+  options: google.maps.PolygonOptions;
+  paths: google.maps.LatLngLiteral[];
 
   handleClick() {}
 
diff --git a/src/google-maps/map-polyline/map-polyline.spec.ts b/src/google-maps/map-polyline/map-polyline.spec.ts
index a8a788e1a22e..14f1ae5a7e61 100644
--- a/src/google-maps/map-polyline/map-polyline.spec.ts
+++ b/src/google-maps/map-polyline/map-polyline.spec.ts
@@ -161,8 +161,8 @@ describe('MapPolyline', () => {
 })
 class TestApp {
   @ViewChild(MapPolyline) polyline: MapPolyline;
-  options?: google.maps.PolylineOptions;
-  path?: google.maps.LatLngLiteral[];
+  options: google.maps.PolylineOptions;
+  path: google.maps.LatLngLiteral[];
 
   handleClick() {}
 
diff --git a/src/google-maps/map-rectangle/map-rectangle.spec.ts b/src/google-maps/map-rectangle/map-rectangle.spec.ts
index 50cc24e83304..a6e49be2903c 100644
--- a/src/google-maps/map-rectangle/map-rectangle.spec.ts
+++ b/src/google-maps/map-rectangle/map-rectangle.spec.ts
@@ -155,8 +155,8 @@ describe('MapRectangle', () => {
 })
 class TestApp {
   @ViewChild(MapRectangle) rectangle: MapRectangle;
-  options?: google.maps.RectangleOptions;
-  bounds?: google.maps.LatLngBoundsLiteral;
+  options: google.maps.RectangleOptions;
+  bounds: google.maps.LatLngBoundsLiteral;
 
   handleBoundsChange() {}
 
diff --git a/src/google-maps/map-traffic-layer/map-traffic-layer.spec.ts b/src/google-maps/map-traffic-layer/map-traffic-layer.spec.ts
index 9561b07ed911..c19e7224f693 100644
--- a/src/google-maps/map-traffic-layer/map-traffic-layer.spec.ts
+++ b/src/google-maps/map-traffic-layer/map-traffic-layer.spec.ts
@@ -47,5 +47,5 @@ describe('MapTrafficLayer', () => {
   imports: [GoogleMap, MapTrafficLayer],
 })
 class TestApp {
-  autoRefresh?: boolean;
+  autoRefresh: boolean;
 }
diff --git a/src/material-date-fns-adapter/BUILD.bazel b/src/material-date-fns-adapter/BUILD.bazel
index 935ebfc84958..4e0c7faddec6 100644
--- a/src/material-date-fns-adapter/BUILD.bazel
+++ b/src/material-date-fns-adapter/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_package", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_package", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -16,7 +16,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material-experimental/column-resize/BUILD.bazel b/src/material-experimental/column-resize/BUILD.bazel
index c542d186ed38..1d3cc91dff55 100644
--- a/src/material-experimental/column-resize/BUILD.bazel
+++ b/src/material-experimental/column-resize/BUILD.bazel
@@ -26,6 +26,7 @@ sass_library(
     ],
 )
 
+# TODO(crisbeto): this should be `ng_project`, but will require some refactors of the tests.
 ts_project(
     name = "column_resize_test_sources",
     testonly = True,
diff --git a/src/material-experimental/menubar/BUILD.bazel b/src/material-experimental/menubar/BUILD.bazel
index 2ec3620b2ed5..8556339b26a2 100644
--- a/src/material-experimental/menubar/BUILD.bazel
+++ b/src/material-experimental/menubar/BUILD.bazel
@@ -4,7 +4,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -40,7 +39,7 @@ sass_binary(
     src = "menubar-item.scss",
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material-experimental/popover-edit/BUILD.bazel b/src/material-experimental/popover-edit/BUILD.bazel
index 5402743e4d0e..41fd051f8b84 100644
--- a/src/material-experimental/popover-edit/BUILD.bazel
+++ b/src/material-experimental/popover-edit/BUILD.bazel
@@ -3,7 +3,6 @@ load(
     "ng_project",
     "ng_web_test_suite",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -31,7 +30,7 @@ sass_library(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material-experimental/popover-edit/popover-edit.spec.ts b/src/material-experimental/popover-edit/popover-edit.spec.ts
index 6775393c0746..d8d1a39287b7 100644
--- a/src/material-experimental/popover-edit/popover-edit.spec.ts
+++ b/src/material-experimental/popover-edit/popover-edit.spec.ts
@@ -203,9 +203,9 @@ class ElementDataSource extends DataSource<PeriodicElement> {
             ${NAME_EDIT_TEMPLATE}
           </ng-template>
 
-          <span *matIfRowHovered>
+          <ng-template>
             <button matEditOpen>Edit</button>
-          </span>
+</ng-template>
         </mat-cell>
       </ng-container>
 
@@ -255,9 +255,9 @@ class MatFlexTableInCell extends BaseTestComponent {
             ${NAME_EDIT_TEMPLATE}
           </ng-template>
 
-          <span *matIfRowHovered>
+          <ng-template>
             <button matEditOpen>Edit</button>
-          </span>
+          </ng-template>
         </td>
       </ng-container>
 
diff --git a/src/material-luxon-adapter/BUILD.bazel b/src/material-luxon-adapter/BUILD.bazel
index 9c7c3768d419..f8ea23249fc9 100644
--- a/src/material-luxon-adapter/BUILD.bazel
+++ b/src/material-luxon-adapter/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_package", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_package", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -17,7 +17,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material-moment-adapter/BUILD.bazel b/src/material-moment-adapter/BUILD.bazel
index 54f4912820d9..284b64c8ba9c 100644
--- a/src/material-moment-adapter/BUILD.bazel
+++ b/src/material-moment-adapter/BUILD.bazel
@@ -1,5 +1,5 @@
 load("@npm//:defs.bzl", "npm_link_all_packages")
-load("//tools:defaults.bzl", "ng_package", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_package", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/autocomplete/BUILD.bazel b/src/material/autocomplete/BUILD.bazel
index 594f3c1814a5..44dea63a861f 100644
--- a/src/material/autocomplete/BUILD.bazel
+++ b/src/material/autocomplete/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -90,7 +89,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "autocomplete_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/autocomplete/autocomplete.spec.ts b/src/material/autocomplete/autocomplete.spec.ts
index 5284c4ff922d..c335f8e85b27 100644
--- a/src/material/autocomplete/autocomplete.spec.ts
+++ b/src/material/autocomplete/autocomplete.spec.ts
@@ -41,8 +41,14 @@ import {AsyncPipe} from '@angular/common';
 import {By} from '@angular/platform-browser';
 import {Observable, Subject, Subscription} from 'rxjs';
 import {map, startWith} from 'rxjs/operators';
-import {MATERIAL_ANIMATIONS, MatOptgroup, MatOption, MatOptionSelectionChange} from '../core';
-import {MatFormField} from '../form-field';
+import {
+  MATERIAL_ANIMATIONS,
+  MatOptgroup,
+  MatOption,
+  MatOptionSelectionChange,
+  ThemePalette,
+} from '../core';
+import {FloatLabelType, MatFormField} from '../form-field';
 import {MatInputModule} from '../input';
 import {
   MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,
@@ -331,7 +337,8 @@ describe('MatAutocomplete', () => {
     });
 
     it('should not mess with label placement if set to never', fakeAsync(() => {
-      fixture.componentInstance.floatLabel = 'never';
+      // TODO(crisbeto): this test likely doesn't make sense anymore.
+      fixture.componentInstance.floatLabel = 'never' as any;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
 
@@ -2450,7 +2457,8 @@ describe('MatAutocomplete', () => {
     }));
 
     it('should be able to preselect the first option when the floating label is disabled', waitForAsync(async () => {
-      fixture.componentInstance.floatLabel = 'never';
+      // TODO(crisbeto): this test likely doesn't make sense anymore.
+      fixture.componentInstance.floatLabel = 'never' as any;
       fixture.componentInstance.trigger.autocomplete.autoActiveFirstOption = true;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
@@ -4026,8 +4034,8 @@ class SimpleAutocomplete implements OnDestroy {
   stateCtrl = new FormControl<{name: string; code: string} | string | null>(null);
   filteredStates: any[];
   valueSub: Subscription;
-  floatLabel = 'auto';
-  position = 'auto';
+  floatLabel: FloatLabelType = 'auto';
+  position: 'auto' | 'above' | 'below' = 'auto';
   width: number;
   disableRipple = false;
   autocompleteDisabled = false;
@@ -4036,7 +4044,7 @@ class SimpleAutocomplete implements OnDestroy {
   ariaLabel: string;
   ariaLabelledby: string;
   panelClass = 'class-one class-two';
-  theme: string;
+  theme: ThemePalette;
   openedSpy = jasmine.createSpy('autocomplete opened spy');
   closedSpy = jasmine.createSpy('autocomplete closed spy');
 
@@ -4140,7 +4148,7 @@ class NgIfAutocomplete {
   template: `
     <mat-form-field>
       <input matInput placeholder="State" [matAutocomplete]="auto"
-      (input)="onInput($event.target?.value)">
+      (input)="onInput($event.target.value)">
     </mat-form-field>
 
     <mat-autocomplete #auto="matAutocomplete">
@@ -4285,8 +4293,8 @@ class AutocompleteWithNativeInput {
 }
 
 @Component({
-  template: `<input placeholder="Choose" [matAutocomplete]="auto" [formControl]="control">`,
-  imports: [MatAutocomplete, MatAutocompleteTrigger, MatOption, ReactiveFormsModule],
+  template: `<input placeholder="Choose" [matAutocomplete]="null!" [formControl]="control">`,
+  imports: [MatAutocompleteTrigger, ReactiveFormsModule],
 })
 class AutocompleteWithoutPanel {
   @ViewChild(MatAutocompleteTrigger) trigger: MatAutocompleteTrigger;
@@ -4400,7 +4408,7 @@ class AutocompleteWithSelectEvent {
     <input [formControl]="formControl" [matAutocomplete]="auto"/>
     <mat-autocomplete #auto="matAutocomplete"></mat-autocomplete>
   `,
-  imports: [MatAutocomplete, MatAutocompleteTrigger, MatOption, ReactiveFormsModule],
+  imports: [MatAutocomplete, MatAutocompleteTrigger, ReactiveFormsModule],
 })
 class PlainAutocompleteInputWithFormControl {
   formControl = new FormControl('');
@@ -4465,7 +4473,7 @@ class AutocompleteWithDifferentOrigin {
   @ViewChild(MatAutocompleteOrigin) alternateOrigin: MatAutocompleteOrigin;
   selectedValue: string;
   values = ['one', 'two', 'three'];
-  connectedTo?: MatAutocompleteOrigin;
+  connectedTo: MatAutocompleteOrigin;
 }
 
 @Component({
@@ -4473,15 +4481,15 @@ class AutocompleteWithDifferentOrigin {
     <input autocomplete="changed" [(ngModel)]="value" [matAutocomplete]="auto"/>
     <mat-autocomplete #auto="matAutocomplete"></mat-autocomplete>
   `,
-  imports: [MatAutocomplete, MatAutocompleteTrigger, MatOption, FormsModule],
+  imports: [MatAutocomplete, MatAutocompleteTrigger, FormsModule],
 })
 class AutocompleteWithNativeAutocompleteAttribute {
   value: string;
 }
 
 @Component({
-  template: '<input [matAutocomplete]="null" matAutocompleteDisabled>',
-  imports: [MatAutocomplete, MatAutocompleteTrigger, MatOption],
+  template: '<input [matAutocomplete]="null!" matAutocompleteDisabled>',
+  imports: [MatAutocompleteTrigger],
 })
 class InputWithoutAutocompleteAndDisabled {}
 
@@ -4559,7 +4567,7 @@ class AutocompleteInsideAModal {
     <mat-autocomplete #auto="matAutocomplete">
     </mat-autocomplete>
   `,
-  imports: [MatAutocomplete, MatAutocompleteTrigger, MatOption, MatInputModule],
+  imports: [MatAutocomplete, MatAutocompleteTrigger, MatInputModule],
 })
 class AutocompleteWithoutOptions {
   @ViewChild(MatAutocompleteTrigger, {static: true}) trigger: MatAutocompleteTrigger;
diff --git a/src/material/autocomplete/autocomplete.zone.spec.ts b/src/material/autocomplete/autocomplete.zone.spec.ts
index aad04ae11682..19f49ff6ff0c 100644
--- a/src/material/autocomplete/autocomplete.zone.spec.ts
+++ b/src/material/autocomplete/autocomplete.zone.spec.ts
@@ -13,8 +13,8 @@ import {
 import {ComponentFixture, TestBed, waitForAsync} from '@angular/core/testing';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {Subscription} from 'rxjs';
-import {MATERIAL_ANIMATIONS, MatOption} from '../core';
-import {MatFormField} from '../form-field';
+import {MATERIAL_ANIMATIONS, MatOption, ThemePalette} from '../core';
+import {FloatLabelType, MatFormField} from '../form-field';
 import {MatInputModule} from '../input';
 import {MatAutocomplete} from './autocomplete';
 import {MatAutocompleteTrigger} from './autocomplete-trigger';
@@ -121,8 +121,8 @@ class SimpleAutocomplete implements OnDestroy {
   stateCtrl = new FormControl<{name: string; code: string} | string | null>(null);
   filteredStates: any[];
   valueSub: Subscription;
-  floatLabel = 'auto';
-  position = 'auto';
+  floatLabel: FloatLabelType = 'auto';
+  position: 'auto' | 'above' | 'below' = 'auto';
   width: number;
   disableRipple = false;
   autocompleteDisabled = false;
@@ -131,7 +131,7 @@ class SimpleAutocomplete implements OnDestroy {
   ariaLabel: string;
   ariaLabelledby: string;
   panelClass = 'class-one class-two';
-  theme: string;
+  theme: ThemePalette;
   openedSpy = jasmine.createSpy('autocomplete opened spy');
   closedSpy = jasmine.createSpy('autocomplete closed spy');
 
diff --git a/src/material/autocomplete/testing/BUILD.bazel b/src/material/autocomplete/testing/BUILD.bazel
index e64ded586935..60a53a1df71d 100644
--- a/src/material/autocomplete/testing/BUILD.bazel
+++ b/src/material/autocomplete/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -20,7 +20,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/badge/BUILD.bazel b/src/material/badge/BUILD.bazel
index 42c911bc9f0b..2943c37a634a 100644
--- a/src/material/badge/BUILD.bazel
+++ b/src/material/badge/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -81,7 +80,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/badge/badge.spec.ts b/src/material/badge/badge.spec.ts
index 94800d614b44..47d3b899976a 100644
--- a/src/material/badge/badge.spec.ts
+++ b/src/material/badge/badge.spec.ts
@@ -1,7 +1,7 @@
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {Component, DebugElement, ViewEncapsulation, ViewChild, signal} from '@angular/core';
 import {By} from '@angular/platform-browser';
-import {MatBadge, MatBadgeModule} from './index';
+import {MatBadge, MatBadgeModule, MatBadgePosition, MatBadgeSize} from './index';
 import {ThemePalette} from '../core';
 
 describe('MatBadge', () => {
@@ -272,7 +272,7 @@ describe('MatBadge', () => {
             [matBadgeHidden]="badgeHidden()"
             [matBadgeSize]="badgeSize()"
             [matBadgeOverlap]="badgeOverlap()"
-            [matBadgeDescription]="badgeDescription()"
+            [matBadgeDescription]="badgeDescription()!"
             [matBadgeDisabled]="badgeDisabled()">
       home
     </button>
@@ -283,9 +283,9 @@ class BadgeOnInteractiveElement {
   @ViewChild(MatBadge) badgeInstance: MatBadge;
   badgeColor = signal<ThemePalette>(undefined);
   badgeContent = signal<string | number | undefined | null>('1');
-  badgeDirection = signal('above after');
+  badgeDirection = signal<MatBadgePosition>('above after');
   badgeHidden = signal(false);
-  badgeSize = signal('medium');
+  badgeSize = signal<MatBadgeSize>('medium');
   badgeOverlap = signal(false);
   badgeDescription = signal<string | undefined>(undefined);
   badgeDisabled = signal(false);
diff --git a/src/material/badge/testing/BUILD.bazel b/src/material/badge/testing/BUILD.bazel
index b159f93e0132..e5ee9840408b 100644
--- a/src/material/badge/testing/BUILD.bazel
+++ b/src/material/badge/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/bottom-sheet/BUILD.bazel b/src/material/bottom-sheet/BUILD.bazel
index 1c7d21b88c59..e7c5e6a32b10 100644
--- a/src/material/bottom-sheet/BUILD.bazel
+++ b/src/material/bottom-sheet/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -94,7 +93,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/bottom-sheet/testing/BUILD.bazel b/src/material/bottom-sheet/testing/BUILD.bazel
index 2e2dbbb514ac..ae03161a699f 100644
--- a/src/material/bottom-sheet/testing/BUILD.bazel
+++ b/src/material/bottom-sheet/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/button-toggle/BUILD.bazel b/src/material/button-toggle/BUILD.bazel
index 2808294ee67b..ef5093e44c5a 100644
--- a/src/material/button-toggle/BUILD.bazel
+++ b/src/material/button-toggle/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -86,7 +85,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/button-toggle/testing/BUILD.bazel b/src/material/button-toggle/testing/BUILD.bazel
index afbf985058ef..a0fd2a963631 100644
--- a/src/material/button-toggle/testing/BUILD.bazel
+++ b/src/material/button-toggle/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -20,7 +20,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/button/BUILD.bazel b/src/material/button/BUILD.bazel
index acb1e34e827a..9e35c2644dd7 100644
--- a/src/material/button/BUILD.bazel
+++ b/src/material/button/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -164,7 +163,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "button_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/button/testing/BUILD.bazel b/src/material/button/testing/BUILD.bazel
index c71f12a1082e..bb52531b9479 100644
--- a/src/material/button/testing/BUILD.bazel
+++ b/src/material/button/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -20,7 +20,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/card/BUILD.bazel b/src/material/card/BUILD.bazel
index c21162570a8f..de75a8684e6a 100644
--- a/src/material/card/BUILD.bazel
+++ b/src/material/card/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -80,7 +79,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/card/card.spec.ts b/src/material/card/card.spec.ts
index b69572b62fdb..84723be53371 100644
--- a/src/material/card/card.spec.ts
+++ b/src/material/card/card.spec.ts
@@ -42,7 +42,7 @@ describe('MatCard', () => {
 });
 
 @Component({
-  template: '<mat-card [appearance]="appearance()"></mat-card>',
+  template: '<mat-card [appearance]="appearance()!"></mat-card>',
   imports: [MatCard],
 })
 class BasicCard {
diff --git a/src/material/card/testing/BUILD.bazel b/src/material/card/testing/BUILD.bazel
index 24227e040edf..0d46c874a011 100644
--- a/src/material/card/testing/BUILD.bazel
+++ b/src/material/card/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/checkbox/BUILD.bazel b/src/material/checkbox/BUILD.bazel
index d750e7d1f695..3e7309b542c9 100644
--- a/src/material/checkbox/BUILD.bazel
+++ b/src/material/checkbox/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -93,7 +92,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "checkbox_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/checkbox/checkbox.spec.ts b/src/material/checkbox/checkbox.spec.ts
index 35fac1510e74..ad2336d8c585 100644
--- a/src/material/checkbox/checkbox.spec.ts
+++ b/src/material/checkbox/checkbox.spec.ts
@@ -285,7 +285,7 @@ describe('MatCheckbox', () => {
     }));
 
     it('should generate a unique id for the checkbox input if no id is set', fakeAsync(() => {
-      testComponent.checkboxId = null;
+      testComponent.checkboxId = null!;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
 
@@ -1233,7 +1233,7 @@ class SingleCheckbox {
   parentElementClicked = false;
   parentElementKeyedUp = false;
   disabledInteractive = false;
-  checkboxId: string | null = 'simple-check';
+  checkboxId = 'simple-check';
   checkboxColor: ThemePalette = 'primary';
   checkboxValue: string = 'single_checkbox';
 
diff --git a/src/material/checkbox/testing/BUILD.bazel b/src/material/checkbox/testing/BUILD.bazel
index 7ebceee7ad6d..82a168339cfb 100644
--- a/src/material/checkbox/testing/BUILD.bazel
+++ b/src/material/checkbox/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/chips/BUILD.bazel b/src/material/chips/BUILD.bazel
index b383fd9cca34..0146ffcfaa3e 100644
--- a/src/material/chips/BUILD.bazel
+++ b/src/material/chips/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -106,7 +105,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "chips_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/chips/chip-grid.spec.ts b/src/material/chips/chip-grid.spec.ts
index 8c2c9a060211..3475d16d2bb4 100644
--- a/src/material/chips/chip-grid.spec.ts
+++ b/src/material/chips/chip-grid.spec.ts
@@ -1249,7 +1249,6 @@ class InputChipGrid {
     MatFormField,
     MatHint,
     MatError,
-    MatLabel,
     ReactiveFormsModule,
     FormsModule,
   ],
diff --git a/src/material/chips/testing/BUILD.bazel b/src/material/chips/testing/BUILD.bazel
index aa384ffabdbe..513c485efefc 100644
--- a/src/material/chips/testing/BUILD.bazel
+++ b/src/material/chips/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -14,7 +14,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/chips/testing/chip-row-harness.spec.ts b/src/material/chips/testing/chip-row-harness.spec.ts
index a76762fd8624..ca9a52e41359 100644
--- a/src/material/chips/testing/chip-row-harness.spec.ts
+++ b/src/material/chips/testing/chip-row-harness.spec.ts
@@ -33,7 +33,7 @@ describe('MatChipRowHarness', () => {
   template: `
     <mat-chip-grid #grid>
       <mat-basic-chip-row [editable]="editable()"> Basic Chip Row </mat-basic-chip-row>
-      <mat-chip-row [editable]="editable"> Chip Row </mat-chip-row>
+      <mat-chip-row [editable]="editable()"> Chip Row </mat-chip-row>
       <input [matChipInputFor]="grid" />
     </mat-chip-grid>
   `,
diff --git a/src/material/core/BUILD.bazel b/src/material/core/BUILD.bazel
index c14ca3c6772b..87aaf7d74341 100644
--- a/src/material/core/BUILD.bazel
+++ b/src/material/core/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -104,7 +103,7 @@ sass_library(
 #  Test targets
 #################
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/core/testing/BUILD.bazel b/src/material/core/testing/BUILD.bazel
index ea9fcfecc417..7ca3e9e22d10 100644
--- a/src/material/core/testing/BUILD.bazel
+++ b/src/material/core/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/datepicker/BUILD.bazel b/src/material/datepicker/BUILD.bazel
index 9e181ca7cdfa..af9de2eed2e7 100644
--- a/src/material/datepicker/BUILD.bazel
+++ b/src/material/datepicker/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -183,7 +182,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/datepicker/calendar-body.spec.ts b/src/material/datepicker/calendar-body.spec.ts
index 1e0c86c8868f..ea9ff3a15f3e 100644
--- a/src/material/datepicker/calendar-body.spec.ts
+++ b/src/material/datepicker/calendar-body.spec.ts
@@ -231,7 +231,7 @@ describe('MatCalendarBody', () => {
 
     it('should not mark a cell as a start bridge if there is no end range value', () => {
       testComponent.startValue = 1;
-      testComponent.endValue = null;
+      testComponent.endValue = null!;
       testComponent.comparisonStart = 5;
       testComponent.comparisonEnd = 10;
       fixture.changeDetectorRef.markForCheck();
@@ -259,7 +259,7 @@ describe('MatCalendarBody', () => {
       testComponent.comparisonStart = 1;
       testComponent.comparisonEnd = 5;
       testComponent.startValue = 5;
-      testComponent.endValue = null;
+      testComponent.endValue = null!;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
 
@@ -433,7 +433,7 @@ describe('MatCalendarBody', () => {
     });
 
     it('should not show a range if there is no start', () => {
-      testComponent.startValue = null;
+      testComponent.startValue = null!;
       testComponent.endValue = 10;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
@@ -756,8 +756,8 @@ class StandardCalendarBody {
 })
 class RangeCalendarBody {
   rows = createCalendarCells(4);
-  startValue: number | null;
-  endValue: number | null;
+  startValue: number;
+  endValue: number;
   comparisonStart: number | null;
   comparisonEnd: number | null;
   previewStart: number | null;
@@ -772,7 +772,7 @@ class RangeCalendarBody {
       this.endValue = value;
     } else {
       this.startValue = value;
-      this.endValue = null;
+      this.endValue = null!;
     }
   }
 
diff --git a/src/material/datepicker/date-range-input.spec.ts b/src/material/datepicker/date-range-input.spec.ts
index e2e9abe945df..4161f56f17d8 100644
--- a/src/material/datepicker/date-range-input.spec.ts
+++ b/src/material/datepicker/date-range-input.spec.ts
@@ -1213,7 +1213,7 @@ class StandardRangePicker {
       <mat-date-range-picker #rangePicker></mat-date-range-picker>
     </mat-form-field>
   `,
-  imports: [MatDateRangeInput, MatStartDate, MatEndDate, MatFormField, MatDateRangePicker],
+  imports: [MatDateRangeInput, MatEndDate, MatFormField, MatDateRangePicker],
 })
 class RangePickerNoStart {}
 
@@ -1227,7 +1227,7 @@ class RangePickerNoStart {}
       <mat-date-range-picker #rangePicker></mat-date-range-picker>
     </mat-form-field>
   `,
-  imports: [MatDateRangeInput, MatStartDate, MatEndDate, MatFormField, MatDateRangePicker],
+  imports: [MatDateRangeInput, MatStartDate, MatFormField, MatDateRangePicker],
 })
 class RangePickerNoEnd {}
 
diff --git a/src/material/datepicker/datepicker.spec.ts b/src/material/datepicker/datepicker.spec.ts
index e2fefcad062f..4779d8fc2309 100644
--- a/src/material/datepicker/datepicker.spec.ts
+++ b/src/material/datepicker/datepicker.spec.ts
@@ -2827,12 +2827,13 @@ class DelayedDatepicker {
   @ViewChild(MatDatepickerInput) datepickerInput: MatDatepickerInput<Date>;
   date: Date | null;
   assignedDatepicker: MatDatepicker<Date>;
+  touch = false;
 }
 
 @Component({
   template: `
     <input [matDatepicker]="d">
-    <mat-datepicker-toggle tabIndex="7" [for]="d" [disabled]="disabled">
+    <mat-datepicker-toggle [tabIndex]="7" [for]="d" [disabled]="disabled">
       <div class="custom-icon" matDatepickerToggleIcon></div>
     </mat-datepicker-toggle>
     <mat-datepicker #d></mat-datepicker>
@@ -2850,7 +2851,7 @@ class DatepickerWithTabindexOnToggle {
 class DatepickerToggleWithNoDatepicker {}
 
 @Component({
-  template: `<input [matDatepicker]="d">`,
+  template: `<input [matDatepicker]="null!">`,
   imports: [MatDatepickerInput],
 })
 class DatepickerInputWithNoDatepicker {}
@@ -2892,6 +2893,6 @@ class DatepickerInputWithCustomValidator {
 })
 class PanelClassDatepicker {
   date = new Date(0);
-  panelClass: string | string[] | undefined;
+  panelClass: string | string[];
   @ViewChild('d') datepicker: MatDatepicker<Date>;
 }
diff --git a/src/material/datepicker/month-view.spec.ts b/src/material/datepicker/month-view.spec.ts
index 0314e50ef651..6b6c2c356e95 100644
--- a/src/material/datepicker/month-view.spec.ts
+++ b/src/material/datepicker/month-view.spec.ts
@@ -25,7 +25,7 @@ import {ComponentFixture, TestBed, waitForAsync} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {MAT_DATE_FORMATS, MatNativeDateModule} from '../core';
 import {DEC, FEB, JAN, MAR, NOV} from '../testing';
-import {MatCalendarUserEvent} from './calendar-body';
+import {MatCalendarCellClassFunction, MatCalendarUserEvent} from './calendar-body';
 import {
   DefaultMatCalendarRangeStrategy,
   MAT_DATE_RANGE_SELECTION_STRATEGY,
@@ -893,7 +893,7 @@ class MonthViewWithDateFilter {
 })
 class MonthViewWithDateClass {
   activeDate = new Date(2017, JAN, 1);
-  dateClass(date: Date) {
-    return date.getDate() % 2 == 0 ? 'even' : undefined;
-  }
+  dateClass: MatCalendarCellClassFunction<Date> = (date: Date) => {
+    return date.getDate() % 2 == 0 ? 'even' : [];
+  };
 }
diff --git a/src/material/datepicker/multi-year-view.spec.ts b/src/material/datepicker/multi-year-view.spec.ts
index e1a4e84bca83..f12bee62efe5 100644
--- a/src/material/datepicker/multi-year-view.spec.ts
+++ b/src/material/datepicker/multi-year-view.spec.ts
@@ -20,6 +20,7 @@ import {By} from '@angular/platform-browser';
 import {MatNativeDateModule} from '../core';
 import {JAN, MAR} from '../testing';
 import {MatMultiYearView, yearsPerPage, yearsPerRow} from './multi-year-view';
+import {MatCalendarCellClassFunction} from './calendar-body';
 
 describe('MatMultiYearView', () => {
   let dir: WritableSignal<Direction>;
@@ -447,7 +448,7 @@ class MultiYearViewWithMinMaxDate {
 })
 class MultiYearViewWithDateClass {
   activeDate = new Date(2017, JAN, 1);
-  dateClass(date: Date) {
-    return date.getFullYear() % 2 == 0 ? 'even' : undefined;
-  }
+  dateClass: MatCalendarCellClassFunction<Date> = (date: Date) => {
+    return date.getFullYear() % 2 == 0 ? 'even' : [];
+  };
 }
diff --git a/src/material/datepicker/testing/BUILD.bazel b/src/material/datepicker/testing/BUILD.bazel
index de3bcdd0f9a3..e492a514b79c 100644
--- a/src/material/datepicker/testing/BUILD.bazel
+++ b/src/material/datepicker/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -20,7 +20,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/datepicker/testing/datepicker-input-harness.spec.ts b/src/material/datepicker/testing/datepicker-input-harness.spec.ts
index 72aa47c88353..71e0e89128dc 100644
--- a/src/material/datepicker/testing/datepicker-input-harness.spec.ts
+++ b/src/material/datepicker/testing/datepicker-input-harness.spec.ts
@@ -212,7 +212,7 @@ describe('MatDatepickerInputHarness', () => {
       <mat-datepicker #picker [touchUi]="touchUi"></mat-datepicker>
     </mat-form-field>
 
-    <input id="no-datepicker" matDatepicker>
+    <input id="no-datepicker" [matDatepicker]="null!">
   `,
   imports: [
     MatNativeDateModule,
diff --git a/src/material/datepicker/year-view.spec.ts b/src/material/datepicker/year-view.spec.ts
index f791b7baca95..4bb4783883cf 100644
--- a/src/material/datepicker/year-view.spec.ts
+++ b/src/material/datepicker/year-view.spec.ts
@@ -20,6 +20,7 @@ import {By} from '@angular/platform-browser';
 import {MatNativeDateModule} from '../core';
 import {AUG, DEC, FEB, JAN, JUL, JUN, MAR, MAY, NOV, OCT, SEP} from '../testing';
 import {MatYearView} from './year-view';
+import {MatCalendarCellClassFunction} from './calendar-body';
 
 describe('MatYearView', () => {
   let dir: WritableSignal<Direction>;
@@ -434,7 +435,7 @@ class YearViewWithDateFilter {
 })
 class YearViewWithDateClass {
   activeDate = new Date(2017, JAN, 1);
-  dateClass(date: Date) {
-    return date.getMonth() % 2 == 0 ? 'even' : undefined;
-  }
+  dateClass: MatCalendarCellClassFunction<Date> = (date: Date) => {
+    return date.getMonth() % 2 == 0 ? 'even' : [];
+  };
 }
diff --git a/src/material/dialog/BUILD.bazel b/src/material/dialog/BUILD.bazel
index 3cb8f67a67a9..fdeb092c536a 100644
--- a/src/material/dialog/BUILD.bazel
+++ b/src/material/dialog/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -100,7 +99,7 @@ ng_project(
 # Testing
 ###########
 
-ts_project(
+ng_project(
     name = "dialog_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/dialog/testing/BUILD.bazel b/src/material/dialog/testing/BUILD.bazel
index 0039521a6ed2..dee5f9e57a78 100644
--- a/src/material/dialog/testing/BUILD.bazel
+++ b/src/material/dialog/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -23,7 +23,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/divider/BUILD.bazel b/src/material/divider/BUILD.bazel
index 8abebc2803f9..30ef52c68430 100644
--- a/src/material/divider/BUILD.bazel
+++ b/src/material/divider/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -77,7 +76,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/divider/testing/BUILD.bazel b/src/material/divider/testing/BUILD.bazel
index 3379032c9103..56704da5d12e 100644
--- a/src/material/divider/testing/BUILD.bazel
+++ b/src/material/divider/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/expansion/BUILD.bazel b/src/material/expansion/BUILD.bazel
index 9d66ced67498..7c3ad0c29e93 100644
--- a/src/material/expansion/BUILD.bazel
+++ b/src/material/expansion/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -112,7 +111,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/expansion/accordion.spec.ts b/src/material/expansion/accordion.spec.ts
index b1ce7dac589c..dcbd3afea1a0 100644
--- a/src/material/expansion/accordion.spec.ts
+++ b/src/material/expansion/accordion.spec.ts
@@ -10,6 +10,7 @@ import {TestBed, waitForAsync} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {
   MatAccordion,
+  MatAccordionTogglePosition,
   MatExpansionModule,
   MatExpansionPanel,
   MatExpansionPanelHeader,
@@ -384,5 +385,5 @@ class AccordionWithHideToggle {
   imports: [MatExpansionModule],
 })
 class AccordionWithTogglePosition {
-  togglePosition = 'after';
+  togglePosition: MatAccordionTogglePosition = 'after';
 }
diff --git a/src/material/expansion/testing/BUILD.bazel b/src/material/expansion/testing/BUILD.bazel
index 756e8a65e3b1..ce58deb309d7 100644
--- a/src/material/expansion/testing/BUILD.bazel
+++ b/src/material/expansion/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/form-field/testing/BUILD.bazel b/src/material/form-field/testing/BUILD.bazel
index f78aa99b205d..a8e660e17f18 100644
--- a/src/material/form-field/testing/BUILD.bazel
+++ b/src/material/form-field/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -22,7 +22,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/grid-list/BUILD.bazel b/src/material/grid-list/BUILD.bazel
index 14ebf51d582f..7e32331c766d 100644
--- a/src/material/grid-list/BUILD.bazel
+++ b/src/material/grid-list/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -89,7 +88,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/grid-list/grid-list.spec.ts b/src/material/grid-list/grid-list.spec.ts
index 3843d639a0fc..94a5400dc077 100644
--- a/src/material/grid-list/grid-list.spec.ts
+++ b/src/material/grid-list/grid-list.spec.ts
@@ -782,6 +782,8 @@ class GridListWithFooterContainingTwoLines {}
         <mat-grid-tile-footer>
           @if (true) {
             <h3 mat-line>First line</h3>
+          }
+          @if (true) {
             <span mat-line>Second line</span>
           }
         </mat-grid-tile-footer>
diff --git a/src/material/grid-list/testing/BUILD.bazel b/src/material/grid-list/testing/BUILD.bazel
index 14074ebca648..b1c04df624a7 100644
--- a/src/material/grid-list/testing/BUILD.bazel
+++ b/src/material/grid-list/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/icon/BUILD.bazel b/src/material/icon/BUILD.bazel
index 0803279984e6..bf4df42d2a6e 100644
--- a/src/material/icon/BUILD.bazel
+++ b/src/material/icon/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -84,7 +83,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/icon/icon.spec.ts b/src/material/icon/icon.spec.ts
index d30cee9b7d67..67530167a271 100644
--- a/src/material/icon/icon.spec.ts
+++ b/src/material/icon/icon.spec.ts
@@ -204,7 +204,7 @@ describe('MatIcon', () => {
 
       const testComponent = fixture.componentInstance;
       const matIconElement = fixture.debugElement.nativeElement.querySelector('mat-icon');
-      testComponent.iconName = undefined;
+      testComponent.iconName = undefined!;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
 
@@ -731,7 +731,7 @@ describe('MatIcon', () => {
 
       expect(icon.querySelector('svg')).toBeTruthy();
 
-      testComponent.iconName = undefined;
+      testComponent.iconName = undefined!;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
 
@@ -1447,7 +1447,7 @@ class IconWithCustomFontCss {
   imports: [MatIconModule],
 })
 class IconFromSvgName {
-  iconName: string | undefined = '';
+  iconName = '';
 }
 
 @Component({
@@ -1466,7 +1466,7 @@ class IconWithBindingAndNgIf {
 }
 
 @Component({
-  template: `<mat-icon [inline]="inline">{{iconName}}</mat-icon>`,
+  template: `<mat-icon [inline]="inline"></mat-icon>`,
   imports: [MatIconModule],
 })
 class InlineIcon {
@@ -1478,7 +1478,7 @@ class InlineIcon {
   imports: [MatIconModule],
 })
 class SvgIconWithUserContent {
-  iconName: string | undefined = '';
+  iconName = '';
 }
 
 @Component({
@@ -1486,7 +1486,7 @@ class SvgIconWithUserContent {
   imports: [MatIconModule],
 })
 class IconWithLigatureAndSvgBinding {
-  iconName: string | undefined;
+  iconName: string;
 }
 
 @Component({
diff --git a/src/material/icon/testing/BUILD.bazel b/src/material/icon/testing/BUILD.bazel
index e4f1fb185f21..4422eec6c4e5 100644
--- a/src/material/icon/testing/BUILD.bazel
+++ b/src/material/icon/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -22,7 +22,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/input/BUILD.bazel b/src/material/input/BUILD.bazel
index 5736ba323beb..c7ababc6e637 100644
--- a/src/material/input/BUILD.bazel
+++ b/src/material/input/BUILD.bazel
@@ -5,7 +5,6 @@ load(
     "ng_project",
     "ng_web_test_suite",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -48,7 +47,7 @@ ng_project(
 # Testing
 ###########
 
-ts_project(
+ng_project(
     name = "input_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/input/testing/BUILD.bazel b/src/material/input/testing/BUILD.bazel
index 68e07f70ed1c..62f2ecbeab90 100644
--- a/src/material/input/testing/BUILD.bazel
+++ b/src/material/input/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -15,7 +15,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/list/BUILD.bazel b/src/material/list/BUILD.bazel
index 25548029ac75..7f574e3e9b66 100644
--- a/src/material/list/BUILD.bazel
+++ b/src/material/list/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -129,7 +128,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "list_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/list/selection-list.spec.ts b/src/material/list/selection-list.spec.ts
index 0dfb91307666..03d0e24866f0 100644
--- a/src/material/list/selection-list.spec.ts
+++ b/src/material/list/selection-list.spec.ts
@@ -1892,7 +1892,7 @@ class SelectionListWithPreselectedFormControlOnPush {
 class SelectionListWithCustomComparator {
   @ViewChildren(MatListOption) optionInstances: QueryList<MatListOption>;
   selectedOptions: {id: number; label: string}[] = [];
-  compareWith?: (o1: any, o2: any) => boolean;
+  compareWith: (o1: any, o2: any) => boolean;
   options = [
     {id: 1, label: 'One'},
     {id: 2, label: 'Two'},
@@ -1912,7 +1912,7 @@ class SelectionListWithCustomComparator {
   imports: [MatListModule],
 })
 class SelectionListWithAvatar {
-  togglePosition: MatListOptionTogglePosition | undefined;
+  togglePosition: MatListOptionTogglePosition;
 }
 
 @Component({
@@ -1927,7 +1927,7 @@ class SelectionListWithAvatar {
   imports: [MatListModule],
 })
 class SelectionListWithIcon {
-  togglePosition: MatListOptionTogglePosition | undefined;
+  togglePosition: MatListOptionTogglePosition;
 }
 
 @Component({
diff --git a/src/material/list/testing/BUILD.bazel b/src/material/list/testing/BUILD.bazel
index 200d8bca5b56..eae71fdc580c 100644
--- a/src/material/list/testing/BUILD.bazel
+++ b/src/material/list/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -21,7 +21,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/list/testing/list-harness.spec.ts b/src/material/list/testing/list-harness.spec.ts
index feaa63dd7365..0b542fb98306 100644
--- a/src/material/list/testing/list-harness.spec.ts
+++ b/src/material/list/testing/list-harness.spec.ts
@@ -583,7 +583,7 @@ class ActionListHarnessTest {
         </a>
         <div matSubheader>Section 1</div>
         <mat-divider></mat-divider>
-        <a mat-list-item activated href (click)="onClick($event, 'Item 2')">
+        <a mat-list-item [activated]="true" href (click)="onClick($event, 'Item 2')">
           <span class="test-item-content">Item 2</span>
         </a>
         <a
diff --git a/src/material/menu/BUILD.bazel b/src/material/menu/BUILD.bazel
index c8c669b79f50..4fb81fba46b5 100644
--- a/src/material/menu/BUILD.bazel
+++ b/src/material/menu/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -95,7 +94,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "menu_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/menu/menu.spec.ts b/src/material/menu/menu.spec.ts
index 75478ddc5838..d3c7aae2c867 100644
--- a/src/material/menu/menu.spec.ts
+++ b/src/material/menu/menu.spec.ts
@@ -2678,7 +2678,6 @@ class OverlapMenu implements TestableMenu {
     </ng-template>
   `,
   exportAs: 'matCustomMenu',
-  imports: [MatMenuTrigger, MatMenu, MatMenuItem],
 })
 class CustomMenuPanel implements MatMenuPanel {
   direction: Direction;
@@ -2701,7 +2700,7 @@ class CustomMenuPanel implements MatMenuPanel {
       <button mat-menu-item> Custom Content </button>
     </custom-menu>
   `,
-  imports: [MatMenuTrigger, MatMenu, MatMenuItem, CustomMenuPanel],
+  imports: [MatMenuTrigger, MatMenuItem, CustomMenuPanel],
 })
 class CustomMenu {
   @ViewChild(MatMenuTrigger) trigger: MatMenuTrigger;
@@ -2987,25 +2986,25 @@ class LazyMenuWithOnPush {
       <button [matMenuTriggerFor]="menu"></button>
     </mat-menu>
   `,
-  imports: [MatMenuTrigger, MatMenu, MatMenuItem],
+  imports: [MatMenuTrigger, MatMenu],
 })
 class InvalidRecursiveMenu {}
 
 @Component({
   template: '<mat-menu aria-label="label"></mat-menu>',
-  imports: [MatMenuTrigger, MatMenu, MatMenuItem],
+  imports: [MatMenu],
 })
 class StaticAriaLabelMenu {}
 
 @Component({
   template: '<mat-menu aria-labelledby="some-element"></mat-menu>',
-  imports: [MatMenuTrigger, MatMenu, MatMenuItem],
+  imports: [MatMenu],
 })
 class StaticAriaLabelledByMenu {}
 
 @Component({
   template: '<mat-menu aria-describedby="some-element"></mat-menu>',
-  imports: [MatMenuTrigger, MatMenu, MatMenuItem],
+  imports: [MatMenu],
 })
 class StaticAriaDescribedbyMenu {}
 
diff --git a/src/material/menu/testing/BUILD.bazel b/src/material/menu/testing/BUILD.bazel
index a81121dd37ee..8db24891f557 100644
--- a/src/material/menu/testing/BUILD.bazel
+++ b/src/material/menu/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/paginator/BUILD.bazel b/src/material/paginator/BUILD.bazel
index 3457832e87dd..a685da54f71e 100644
--- a/src/material/paginator/BUILD.bazel
+++ b/src/material/paginator/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -87,7 +86,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "paginator_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/paginator/paginator.spec.ts b/src/material/paginator/paginator.spec.ts
index e9d63c7afcb4..098c63b33a6c 100644
--- a/src/material/paginator/paginator.spec.ts
+++ b/src/material/paginator/paginator.spec.ts
@@ -697,7 +697,7 @@ class MatPaginatorWithoutOptionsApp {
   template: `
     <mat-paginator pageIndex="0"
                    pageSize="10"
-                   [pageSizeOptions]="['5', '10', '25', '100']"
+                   [pageSizeOptions]="$any(['5', '10', '25', '100'])"
                    length="100">
     </mat-paginator>
   `,
diff --git a/src/material/paginator/testing/BUILD.bazel b/src/material/paginator/testing/BUILD.bazel
index f0f67d55ec8a..11f415cdb868 100644
--- a/src/material/paginator/testing/BUILD.bazel
+++ b/src/material/paginator/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -15,7 +15,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/progress-bar/BUILD.bazel b/src/material/progress-bar/BUILD.bazel
index f43f63bdd070..7cb4f1c4b4e0 100644
--- a/src/material/progress-bar/BUILD.bazel
+++ b/src/material/progress-bar/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -80,7 +79,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "progress_bar_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/progress-bar/testing/BUILD.bazel b/src/material/progress-bar/testing/BUILD.bazel
index b5baad321ebf..b89438ea7263 100644
--- a/src/material/progress-bar/testing/BUILD.bazel
+++ b/src/material/progress-bar/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -15,7 +15,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/progress-spinner/BUILD.bazel b/src/material/progress-spinner/BUILD.bazel
index 3bd5e0fa358f..d079b0679711 100644
--- a/src/material/progress-spinner/BUILD.bazel
+++ b/src/material/progress-spinner/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -80,7 +79,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "progress_spinner_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/progress-spinner/progress-spinner.spec.ts b/src/material/progress-spinner/progress-spinner.spec.ts
index 4cba5111c3e3..26d010ac16a8 100644
--- a/src/material/progress-spinner/progress-spinner.spec.ts
+++ b/src/material/progress-spinner/progress-spinner.spec.ts
@@ -2,7 +2,11 @@ import {TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {Component, signal} from '@angular/core';
 import {MatProgressSpinnerModule} from './progress-spinner-module';
-import {MatProgressSpinner, MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS} from './progress-spinner';
+import {
+  MatProgressSpinner,
+  MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS,
+  ProgressSpinnerMode,
+} from './progress-spinner';
 
 describe('MatProgressSpinner', () => {
   it('should apply a mode of "determinate" if no mode is provided.', () => {
@@ -407,7 +411,7 @@ class IndeterminateProgressSpinner {}
   imports: [MatProgressSpinnerModule],
 })
 class ProgressSpinnerWithValueAndBoundMode {
-  mode = signal('indeterminate');
+  mode = signal<ProgressSpinnerMode>('indeterminate');
   value = signal(50);
 }
 
diff --git a/src/material/progress-spinner/testing/BUILD.bazel b/src/material/progress-spinner/testing/BUILD.bazel
index 6dc3e0439cb4..128d0d8f4e0d 100644
--- a/src/material/progress-spinner/testing/BUILD.bazel
+++ b/src/material/progress-spinner/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -21,7 +21,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/radio/BUILD.bazel b/src/material/radio/BUILD.bazel
index fa5e06aedbca..72a82b87f39e 100644
--- a/src/material/radio/BUILD.bazel
+++ b/src/material/radio/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -113,7 +112,7 @@ filegroup(
 # Testing
 ###########
 
-ts_project(
+ng_project(
     name = "radio_tests_lib",
     testonly = True,
     srcs = glob(
@@ -126,6 +125,7 @@ ts_project(
         "//:node_modules/@angular/forms",
         "//:node_modules/@angular/platform-browser",
         "//src/cdk/testing/private",
+        "//src/material/core",
     ],
 )
 
diff --git a/src/material/radio/radio.spec.ts b/src/material/radio/radio.spec.ts
index 2bf74d834483..9ebf1b353f65 100644
--- a/src/material/radio/radio.spec.ts
+++ b/src/material/radio/radio.spec.ts
@@ -10,6 +10,7 @@ import {
   MatRadioGroup,
   MatRadioModule,
 } from './index';
+import {ThemePalette} from '../core';
 
 describe('MatRadio', () => {
   describe('inside of a group', () => {
@@ -410,7 +411,7 @@ describe('MatRadio', () => {
         .withContext('Expected every radio element to use the primary color from the binding.')
         .toBe(true);
 
-      testComponent.color = null;
+      testComponent.color = null!;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
 
@@ -1076,7 +1077,7 @@ class RadiosInsideRadioGroup {
   isGroupDisabledInteractive = false;
   groupValue: string | null = null;
   disableRipple = false;
-  color: string | null;
+  color: ThemePalette;
   isFirstShown = true;
 }
 
diff --git a/src/material/radio/testing/BUILD.bazel b/src/material/radio/testing/BUILD.bazel
index 1191b213aa20..a392dca94dc7 100644
--- a/src/material/radio/testing/BUILD.bazel
+++ b/src/material/radio/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -14,7 +14,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/radio/testing/radio-harness.spec.ts b/src/material/radio/testing/radio-harness.spec.ts
index d9de9d2c8cd1..6cd9818a25a2 100644
--- a/src/material/radio/testing/radio-harness.spec.ts
+++ b/src/material/radio/testing/radio-harness.spec.ts
@@ -316,5 +316,5 @@ class MultipleRadioButtonsHarnessTest {
   disabledInteractive = false;
   secondGroupId = 'my-group-2';
   thirdGroupName: string = 'third-group-name';
-  thirdGroupButtonName: string | undefined = undefined;
+  thirdGroupButtonName: string;
 }
diff --git a/src/material/select/BUILD.bazel b/src/material/select/BUILD.bazel
index c415a0523576..a0322c99128f 100644
--- a/src/material/select/BUILD.bazel
+++ b/src/material/select/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -93,7 +92,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "select_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/select/select.spec.ts b/src/material/select/select.spec.ts
index 67506d56ed4d..45a24a15d45f 100644
--- a/src/material/select/select.spec.ts
+++ b/src/material/select/select.spec.ts
@@ -61,6 +61,7 @@ import {
   MatOptgroup,
   MatOption,
   MatOptionSelectionChange,
+  ThemePalette,
 } from '../core';
 import {FloatLabelType, MAT_FORM_FIELD_DEFAULT_OPTIONS, MatFormFieldModule} from '../form-field';
 import {MAT_SELECT_CONFIG, MatSelectConfig} from '../select';
@@ -2880,7 +2881,7 @@ describe('MatSelect', () => {
       });
 
       const fixture = TestBed.createComponent(FloatLabelSelect);
-      fixture.componentInstance.floatLabel = null;
+      fixture.componentInstance.floatLabel = null!;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
       const label = fixture.nativeElement.querySelector('.mat-mdc-form-field label');
@@ -4855,7 +4856,7 @@ class CustomSelectAccessor implements ControlValueAccessor {
       multi: true,
     },
   ],
-  imports: [CustomSelectAccessor, MatSelect, MatOption, MatFormFieldModule, ReactiveFormsModule],
+  imports: [CustomSelectAccessor, ReactiveFormsModule],
 })
 class CompWithCustomSelect {
   ctrl = new FormControl('initial value');
@@ -4879,7 +4880,7 @@ class ThrowsErrorOnInit implements OnInit {
     </mat-form-field>
     <throws-error-on-init></throws-error-on-init>
   `,
-  imports: [ThrowsErrorOnInit, MatSelect, MatOption, MatFormFieldModule, FormsModule],
+  imports: [ThrowsErrorOnInit, MatSelect, MatFormFieldModule, FormsModule],
 })
 class SelectWithErrorSibling {
   value: string;
@@ -4944,7 +4945,7 @@ class BasicSelectOnPushPreselected {
   imports: [MatSelect, MatOption, MatFormFieldModule, ReactiveFormsModule],
 })
 class FloatLabelSelect {
-  floatLabel: FloatLabelType | null = 'auto';
+  floatLabel: FloatLabelType = 'auto';
   control = new FormControl('');
   placeholder = 'Food I want to eat right now';
   foods: any[] = [
@@ -4989,7 +4990,7 @@ class MultiSelect {
 
 @Component({
   template: `<mat-form-field><mat-select tabindex="5"></mat-select></mat-form-field>`,
-  imports: [MatSelect, MatOption, MatFormFieldModule],
+  imports: [MatSelect, MatFormFieldModule],
 })
 class SelectWithPlainTabindex {}
 
@@ -5002,7 +5003,7 @@ class SelectWithPlainTabindex {}
       <div></div>
     }
   `,
-  imports: [MatSelect, MatOption, MatFormFieldModule],
+  imports: [MatSelect, MatFormFieldModule],
 })
 class SelectEarlyAccessSibling {}
 
@@ -5045,7 +5046,7 @@ class BasicSelectNoPlaceholder {}
 })
 class BasicSelectWithTheming {
   @ViewChild(MatSelect) select: MatSelect;
-  theme: string;
+  theme: ThemePalette;
 }
 
 @Component({
@@ -5190,7 +5191,7 @@ class SelectWithGroupsAndNgContainer {
       </mat-form-field>
     </form>
   `,
-  imports: [MatSelect, MatOption, MatFormFieldModule, FormsModule],
+  imports: [MatSelect, MatFormFieldModule, FormsModule],
 })
 class InvalidSelectInForm {
   value: any;
@@ -5299,7 +5300,7 @@ class BasicSelectWithoutFormsMultiple {
     <mat-form-field>
       <mat-select placeholder="Food" [formControl]="control" #select="matSelect">
         <mat-select-trigger>
-          {{ select.selected?.viewValue.split('').reverse().join('') }}
+          {{ getTriggerText(select) }}
         </mat-select-trigger>
         @for (food of foods; track food) {
           <mat-option [value]="food.value">{{ food.viewValue }}</mat-option>
@@ -5315,13 +5316,17 @@ class SelectWithCustomTrigger {
     {value: 'pizza-1', viewValue: 'Pizza'},
   ];
   control = new FormControl('');
+
+  getTriggerText(select: MatSelect) {
+    return (select.selected as MatOption | undefined)?.viewValue.split('').reverse().join('');
+  }
 }
 
 @Component({
   template: `
     <mat-form-field>
       <mat-select [ngModel]="selectedFood" (ngModelChange)="setFoodByCopy($event)"
-                 [compareWith]="comparator">
+                 [compareWith]="comparator!">
         @for (food of foods; track food) {
           <mat-option [value]="food">{{ food.viewValue }}</mat-option>
         }
diff --git a/src/material/select/testing/BUILD.bazel b/src/material/select/testing/BUILD.bazel
index 5d6f78263d7f..9d0dd1b76905 100644
--- a/src/material/select/testing/BUILD.bazel
+++ b/src/material/select/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -20,7 +20,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/sidenav/BUILD.bazel b/src/material/sidenav/BUILD.bazel
index 5dcf2c467e3f..12b246015cc9 100644
--- a/src/material/sidenav/BUILD.bazel
+++ b/src/material/sidenav/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -92,7 +91,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/sidenav/drawer.spec.ts b/src/material/sidenav/drawer.spec.ts
index 37739f2f9b14..6f05c4ad1c3c 100644
--- a/src/material/sidenav/drawer.spec.ts
+++ b/src/material/sidenav/drawer.spec.ts
@@ -18,7 +18,7 @@ import {
   waitForAsync,
 } from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
-import {MatDrawer, MatDrawerContainer, MatSidenavModule} from './index';
+import {MatDrawer, MatDrawerContainer, MatDrawerMode, MatSidenavModule} from './index';
 import {MATERIAL_ANIMATIONS} from '../core';
 
 describe('MatDrawer', () => {
@@ -1214,7 +1214,7 @@ class BasicTestApp {
   closeStartCount = 0;
   backdropClickedCount = 0;
   hasBackdrop: boolean | null = null;
-  position = 'start';
+  position: 'start' | 'end' = 'start';
 
   @ViewChild('drawer') drawer: MatDrawer;
   @ViewChild('drawerButton') drawerButton: ElementRef<HTMLButtonElement>;
@@ -1289,8 +1289,8 @@ class DrawerOpenBinding {
   imports: [MatSidenavModule, A11yModule],
 })
 class DrawerDynamicPosition {
-  drawer1Position = 'start';
-  drawer2Position = 'end';
+  drawer1Position: 'start' | 'end' = 'start';
+  drawer2Position: 'start' | 'end' = 'end';
 }
 
 @Component({
@@ -1306,7 +1306,7 @@ class DrawerDynamicPosition {
   imports: [MatSidenavModule, A11yModule],
 })
 class DrawerWithFocusableElements {
-  mode: string = 'over';
+  mode: MatDrawerMode = 'over';
   hasBackdrop: boolean | null = null;
 }
 
@@ -1350,14 +1350,14 @@ class DrawerContainerStateChangesTestApp {
   @ViewChild(MatDrawerContainer) drawerContainer: MatDrawerContainer;
 
   direction: Direction = 'ltr';
-  mode = 'side';
+  mode: MatDrawerMode = 'side';
   renderDrawer = true;
 }
 
 @Component({
   template: `
     <mat-drawer-container autosize style="min-height: 200px;">
-      <mat-drawer mode="push" [position]="drawer1Position">
+      <mat-drawer mode="push">
         Text
         <div [style.width.px]="fillerWidth" style="height: 200px; background: red;"></div>
       </mat-drawer>
diff --git a/src/material/sidenav/testing/BUILD.bazel b/src/material/sidenav/testing/BUILD.bazel
index a79e0c850578..3ef6ee854a8d 100644
--- a/src/material/sidenav/testing/BUILD.bazel
+++ b/src/material/sidenav/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/slide-toggle/BUILD.bazel b/src/material/slide-toggle/BUILD.bazel
index 88922594fe7a..670051f1243c 100644
--- a/src/material/slide-toggle/BUILD.bazel
+++ b/src/material/slide-toggle/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -84,7 +83,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "slide_toggle_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/slide-toggle/slide-toggle.spec.ts b/src/material/slide-toggle/slide-toggle.spec.ts
index abf1aa3c1f36..6b6616830b32 100644
--- a/src/material/slide-toggle/slide-toggle.spec.ts
+++ b/src/material/slide-toggle/slide-toggle.spec.ts
@@ -151,7 +151,7 @@ describe('MatSlideToggle without forms', () => {
       expect(slideToggleElement.id).toBe('nextId');
       expect(buttonElement.id).toBe(`${slideToggleElement.id}-button`);
 
-      testComponent.slideId = null;
+      testComponent.slideId = null!;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
 
@@ -229,7 +229,7 @@ describe('MatSlideToggle without forms', () => {
 
       expect(buttonElement.getAttribute('aria-describedby')).toBe('some-element');
 
-      testComponent.slideAriaDescribedBy = null;
+      testComponent.slideAriaDescribedBy = null!;
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
 
@@ -859,14 +859,14 @@ class SlideToggleBasic {
   disableRipple = false;
   slideChecked = false;
   slideColor: string;
-  slideId: string | null;
+  slideId: string;
   slideName: string | null;
   slideLabel: string | null;
   slideLabelledBy: string | null;
-  slideAriaDescribedBy: string | null;
+  slideAriaDescribedBy: string;
   slideTabindex: number;
   lastEvent: MatSlideToggleChange;
-  labelPosition: string;
+  labelPosition: 'before' | 'after';
   toggleTriggered = 0;
   dragTriggered = 0;
   direction: Direction = 'ltr';
diff --git a/src/material/slide-toggle/testing/BUILD.bazel b/src/material/slide-toggle/testing/BUILD.bazel
index 76cff32b200b..3e27e2531ab7 100644
--- a/src/material/slide-toggle/testing/BUILD.bazel
+++ b/src/material/slide-toggle/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/slider/BUILD.bazel b/src/material/slider/BUILD.bazel
index 360a564f92f4..e8cefdaac781 100644
--- a/src/material/slider/BUILD.bazel
+++ b/src/material/slider/BUILD.bazel
@@ -114,7 +114,7 @@ filegroup(
 # Testing
 ###########
 
-ts_project(
+ng_project(
     name = "slider_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/slider/testing/BUILD.bazel b/src/material/slider/testing/BUILD.bazel
index c0a8b9f38b15..22e581d4e169 100644
--- a/src/material/slider/testing/BUILD.bazel
+++ b/src/material/slider/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -15,7 +15,7 @@ ts_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/snack-bar/BUILD.bazel b/src/material/snack-bar/BUILD.bazel
index ca0291661401..9908896fdc62 100644
--- a/src/material/snack-bar/BUILD.bazel
+++ b/src/material/snack-bar/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -102,7 +101,7 @@ ng_project(
 # Testing
 ###########
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/snack-bar/testing/BUILD.bazel b/src/material/snack-bar/testing/BUILD.bazel
index d7af3ca9eecf..98f8c6c7c6f4 100644
--- a/src/material/snack-bar/testing/BUILD.bazel
+++ b/src/material/snack-bar/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/sort/BUILD.bazel b/src/material/sort/BUILD.bazel
index 692629f3ca7c..8664d123aa19 100644
--- a/src/material/sort/BUILD.bazel
+++ b/src/material/sort/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -87,7 +86,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/sort/sort.spec.ts b/src/material/sort/sort.spec.ts
index a356129cc00a..10181b65bf72 100644
--- a/src/material/sort/sort.spec.ts
+++ b/src/material/sort/sort.spec.ts
@@ -602,7 +602,7 @@ class MatSortableMissingIdApp {}
 
 @Component({
   template: `
-    <div matSort matSortDirection="ascending">
+    <div matSort [matSortDirection]="$any('ascending')">
       <div mat-sort-header="a"> A </div>
     </div>
   `,
@@ -656,7 +656,7 @@ class MatSortWithoutExplicitInputs {
   imports: [MatSortModule, MatTableModule, CdkTableModule],
 })
 class MatSortWithArrowPosition {
-  arrowPosition?: 'before' | 'after';
+  arrowPosition: 'before' | 'after';
   @ViewChild(MatSort) matSort: MatSort;
   @ViewChild('defaultA') defaultA: MatSortHeader;
   @ViewChild('defaultB') defaultB: MatSortHeader;
diff --git a/src/material/sort/testing/BUILD.bazel b/src/material/sort/testing/BUILD.bazel
index 6dfb9212887d..98330de2b6bc 100644
--- a/src/material/sort/testing/BUILD.bazel
+++ b/src/material/sort/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/stepper/BUILD.bazel b/src/material/stepper/BUILD.bazel
index 287f557ec1b8..362a7aa08934 100644
--- a/src/material/stepper/BUILD.bazel
+++ b/src/material/stepper/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -115,7 +114,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/stepper/stepper.spec.ts b/src/material/stepper/stepper.spec.ts
index 55fa9cf193a3..3c35b79a8deb 100644
--- a/src/material/stepper/stepper.spec.ts
+++ b/src/material/stepper/stepper.spec.ts
@@ -1770,7 +1770,7 @@ function createComponent<T>(
   <form [formGroup]="formGroup">
     <mat-stepper>
       <mat-step errorMessage="This field is required"
-        [stepControl]="formGroup.get('firstNameCtrl')">
+        [stepControl]="formGroup.get('firstNameCtrl')!">
         <ng-template matStepLabel>Step 1</ng-template>
         <mat-form-field>
           <mat-label>First name</mat-label>
@@ -1843,7 +1843,7 @@ class SimpleMatHorizontalStepperApp {
   disableRipple = signal(false);
   stepperTheme = signal<ThemePalette>(undefined);
   secondStepTheme = signal<ThemePalette>(undefined);
-  headerPosition = signal('');
+  headerPosition = signal<'top' | 'bottom'>('top');
 }
 
 @Component({
diff --git a/src/material/stepper/testing/BUILD.bazel b/src/material/stepper/testing/BUILD.bazel
index f4d441589b61..6cb377847f8f 100644
--- a/src/material/stepper/testing/BUILD.bazel
+++ b/src/material/stepper/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/table/BUILD.bazel b/src/material/table/BUILD.bazel
index cf0e66783fdc..67b096982285 100644
--- a/src/material/table/BUILD.bazel
+++ b/src/material/table/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -97,7 +96,7 @@ ng_project(
 # Testing
 ###########
 
-ts_project(
+ng_project(
     name = "table_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/table/table.spec.ts b/src/material/table/table.spec.ts
index 792ba15d1600..ef9b41b31f17 100644
--- a/src/material/table/table.spec.ts
+++ b/src/material/table/table.spec.ts
@@ -694,7 +694,7 @@ class FakeDataSource extends DataSource<TestData> {
   imports: [MatTableModule, MatPaginatorModule, MatSortModule],
 })
 class MatTableApp {
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
   isFourthRow = (i: number, _rowData: TestData) => i == 3;
 
@@ -729,7 +729,7 @@ class MatTableApp {
   imports: [MatTableModule, MatPaginatorModule, MatSortModule],
 })
 class NativeHtmlTableApp {
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
 
   @ViewChild(MatTable) table: MatTable<TestData>;
@@ -783,7 +783,7 @@ class NativeHtmlTableApp {
   imports: [MatTableModule, MatPaginatorModule, MatSortModule],
 })
 class NestedTableApp {
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
 }
 
@@ -831,7 +831,7 @@ class StickyTableApp {
 })
 class MatTableWithWhenRowApp {
   multiTemplateDataRows = false;
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
   isFourthRow = (i: number, _rowData: TestData) => i == 3;
 
   @ViewChild(MatTable) table: MatTable<TestData>;
@@ -1015,7 +1015,7 @@ class MatTableWithPaginatorApp implements OnInit {
   imports: [MatTableModule, MatPaginatorModule, MatSortModule],
 })
 class TableWithNgContainerRow {
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a'];
 }
 
@@ -1053,7 +1053,7 @@ class TableWithNgContainerRow {
   imports: [MatTableModule, MatPaginatorModule, MatSortModule],
 })
 class MatFlexTableApp {
-  dataSource: FakeDataSource | null = new FakeDataSource();
+  dataSource = new FakeDataSource();
   columnsToRender = ['column_a', 'column_b', 'column_c'];
   @ViewChild(MatTable) table: MatTable<TestData>;
 }
diff --git a/src/material/table/testing/BUILD.bazel b/src/material/table/testing/BUILD.bazel
index d3b84765d266..845994dd5b52 100644
--- a/src/material/table/testing/BUILD.bazel
+++ b/src/material/table/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/tabs/BUILD.bazel b/src/material/tabs/BUILD.bazel
index 7363ffb98127..8096c7c9d398 100644
--- a/src/material/tabs/BUILD.bazel
+++ b/src/material/tabs/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -155,7 +154,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "tabs_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/tabs/tab-body.spec.ts b/src/material/tabs/tab-body.spec.ts
index 9d7877e40db9..a2269219790d 100644
--- a/src/material/tabs/tab-body.spec.ts
+++ b/src/material/tabs/tab-body.spec.ts
@@ -133,7 +133,7 @@ describe('MatTabBody', () => {
 @Component({
   template: `
     <ng-template>Tab Body Content</ng-template>
-    <mat-tab-body [content]="content()" [position]="position"></mat-tab-body>
+    <mat-tab-body [content]="content()!" [position]="position"></mat-tab-body>
   `,
   imports: [PortalModule, MatRippleModule, MatTabBody],
 })
diff --git a/src/material/tabs/tab-group.spec.ts b/src/material/tabs/tab-group.spec.ts
index ada7b9888a27..3f03f5801ef6 100644
--- a/src/material/tabs/tab-group.spec.ts
+++ b/src/material/tabs/tab-group.spec.ts
@@ -976,8 +976,8 @@ describe('MatTabGroup', () => {
       expect(labelElements[0].nativeElement.classList).toContain('custom-label-class');
       expect(bodyElements[0].nativeElement.classList).toContain('custom-body-class');
 
-      delete fixture.componentInstance.labelClassList;
-      delete fixture.componentInstance.bodyClassList;
+      fixture.componentInstance.labelClassList = [];
+      fixture.componentInstance.bodyClassList = [];
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
 
@@ -997,8 +997,8 @@ describe('MatTabGroup', () => {
       expect(labelElements[0].nativeElement.classList).toContain('custom-label-class');
       expect(bodyElements[0].nativeElement.classList).toContain('custom-body-class');
 
-      delete fixture.componentInstance.labelClassList;
-      delete fixture.componentInstance.bodyClassList;
+      fixture.componentInstance.labelClassList = [];
+      fixture.componentInstance.bodyClassList = [];
       fixture.changeDetectorRef.markForCheck();
       fixture.detectChanges();
 
@@ -1559,8 +1559,8 @@ class NestedTabGroupWithLabel {}
   imports: [MatTabsModule],
 })
 class TabsWithClassesTestApp {
-  labelClassList?: string | string[];
-  bodyClassList?: string | string[];
+  labelClassList: string | string[];
+  bodyClassList: string | string[];
 }
 
 @Component({
diff --git a/src/material/tabs/tab-nav-bar/tab-nav-bar.spec.ts b/src/material/tabs/tab-nav-bar/tab-nav-bar.spec.ts
index a71c7ab0a254..56b28a981dc2 100644
--- a/src/material/tabs/tab-nav-bar/tab-nav-bar.spec.ts
+++ b/src/material/tabs/tab-nav-bar/tab-nav-bar.spec.ts
@@ -586,7 +586,7 @@ class TabLinkWithNgIf {
   template: `
     <nav mat-tab-nav-bar [tabPanel]="tabPanel">
       @for (tab of tabs; track tab) {
-        <a mat-tab-link [active]="false">Tab link {{label}}</a>
+        <a mat-tab-link [active]="false">Tab link {{tab}}</a>
       }
     </nav>
     <mat-tab-nav-panel #tabPanel>Tab panel</mat-tab-nav-panel>
diff --git a/src/material/tabs/testing/BUILD.bazel b/src/material/tabs/testing/BUILD.bazel
index 9cb094bb884d..8e7cda7392dc 100644
--- a/src/material/tabs/testing/BUILD.bazel
+++ b/src/material/tabs/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/timepicker/BUILD.bazel b/src/material/timepicker/BUILD.bazel
index 86494e77fe27..1e8bcf2457ad 100644
--- a/src/material/timepicker/BUILD.bazel
+++ b/src/material/timepicker/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -95,7 +94,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/timepicker/testing/BUILD.bazel b/src/material/timepicker/testing/BUILD.bazel
index 867daa21824b..8927412942c0 100644
--- a/src/material/timepicker/testing/BUILD.bazel
+++ b/src/material/timepicker/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -21,7 +21,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/timepicker/timepicker.spec.ts b/src/material/timepicker/timepicker.spec.ts
index 3fa080efb157..7308e70b3260 100644
--- a/src/material/timepicker/timepicker.spec.ts
+++ b/src/material/timepicker/timepicker.spec.ts
@@ -1351,7 +1351,7 @@ class StandaloneTimepicker {
   readonly max = signal<Date | string | null>(null);
   readonly ariaLabel = signal<string | null>(null);
   readonly ariaLabelledby = signal<string | null>(null);
-  readonly toggleAriaLabel = signal<string | null>(null);
+  readonly toggleAriaLabel = signal<string | undefined>(undefined);
   readonly toggleDisabled = signal<boolean>(false);
   readonly toggleTabIndex = signal<number>(0);
   readonly customOptions = signal<MatTimepickerOption<Date>[] | null>(null);
diff --git a/src/material/toolbar/BUILD.bazel b/src/material/toolbar/BUILD.bazel
index bc4860caab2c..d52db6a50a6b 100644
--- a/src/material/toolbar/BUILD.bazel
+++ b/src/material/toolbar/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -83,7 +82,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/toolbar/testing/BUILD.bazel b/src/material/toolbar/testing/BUILD.bazel
index 506b7153720b..e5c830ee625b 100644
--- a/src/material/toolbar/testing/BUILD.bazel
+++ b/src/material/toolbar/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/toolbar/toolbar.spec.ts b/src/material/toolbar/toolbar.spec.ts
index 3ec7c9cd8cd6..6ccb47abd8d4 100644
--- a/src/material/toolbar/toolbar.spec.ts
+++ b/src/material/toolbar/toolbar.spec.ts
@@ -60,18 +60,6 @@ describe('MatToolbar', () => {
       }).toThrowError(/attempting to combine different/i);
     });
 
-    it('should throw an error if a toolbar-row is added later', () => {
-      const fixture = TestBed.createComponent(ToolbarMixedRowModes);
-
-      expect(() => {
-        fixture.componentInstance.showToolbarRow.set(false);
-        fixture.detectChanges();
-
-        fixture.componentInstance.showToolbarRow.set(true);
-        fixture.detectChanges();
-      }).toThrowError(/attempting to combine different/i);
-    });
-
     it('should pick up indirect descendant rows', () => {
       const fixture = TestBed.createComponent(ToolbarMultipleIndirectRows);
       fixture.detectChanges();
@@ -109,7 +97,7 @@ class ToolbarMultipleRows {}
   template: `
     <mat-toolbar>
       First Row
-      @if (showToolbarRow) {
+      @if (showToolbarRow()) {
         <mat-toolbar-row>Second Row</mat-toolbar-row>
       }
     </mat-toolbar>
@@ -126,6 +114,8 @@ class ToolbarMixedRowModes {
     <mat-toolbar>
       @if (true) {
         <mat-toolbar-row>First Row</mat-toolbar-row>
+      }
+      @if (true) {
         <mat-toolbar-row>Second Row</mat-toolbar-row>
       }
     </mat-toolbar>
diff --git a/src/material/tooltip/BUILD.bazel b/src/material/tooltip/BUILD.bazel
index 49f5153e7efa..448cdb4bf74f 100644
--- a/src/material/tooltip/BUILD.bazel
+++ b/src/material/tooltip/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -83,7 +82,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "tooltip_tests_lib",
     testonly = True,
     srcs = glob(
diff --git a/src/material/tooltip/testing/BUILD.bazel b/src/material/tooltip/testing/BUILD.bazel
index a75aa2d42a0f..618edb5b200a 100644
--- a/src/material/tooltip/testing/BUILD.bazel
+++ b/src/material/tooltip/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -18,7 +18,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/tooltip/tooltip.spec.ts b/src/material/tooltip/tooltip.spec.ts
index a83129363c43..3509ff5fbd96 100644
--- a/src/material/tooltip/tooltip.spec.ts
+++ b/src/material/tooltip/tooltip.spec.ts
@@ -684,7 +684,7 @@ describe('MatTooltip', () => {
 
     it('should throw when trying to assign an invalid position', () => {
       expect(() => {
-        fixture.componentInstance.position = 'everywhere';
+        fixture.componentInstance.position = 'everywhere' as any;
         fixture.changeDetectorRef.markForCheck();
         fixture.detectChanges();
         tooltipDirective.show();
@@ -1569,7 +1569,7 @@ describe('MatTooltip', () => {
   imports: [MatTooltipModule, OverlayModule],
 })
 class BasicTooltipDemo {
-  position = 'below';
+  position: TooltipPosition = 'below';
   message: any = initialTooltipMessage;
   showButton = true;
   showTooltipClass = false;
@@ -1592,7 +1592,7 @@ class BasicTooltipDemo {
   imports: [MatTooltipModule, OverlayModule],
 })
 class ScrollableTooltipDemo {
-  position: string = 'below';
+  position: TooltipPosition = 'below';
   message: string = initialTooltipMessage;
   showButton: boolean = true;
 
@@ -1619,7 +1619,7 @@ class ScrollableTooltipDemo {
   imports: [MatTooltipModule, OverlayModule],
 })
 class OnPushTooltipDemo {
-  position: string = 'below';
+  position: TooltipPosition = 'below';
   message: string = initialTooltipMessage;
 }
 
diff --git a/src/material/tooltip/tooltip.zone.spec.ts b/src/material/tooltip/tooltip.zone.spec.ts
index 2801d003e7c9..c6b5007612d1 100644
--- a/src/material/tooltip/tooltip.zone.spec.ts
+++ b/src/material/tooltip/tooltip.zone.spec.ts
@@ -10,7 +10,7 @@ import {
 import {ComponentFixture, TestBed, fakeAsync, tick, waitForAsync} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {MatTooltipModule} from './tooltip-module';
-import {MatTooltip} from './tooltip';
+import {MatTooltip, TooltipPosition} from './tooltip';
 
 const initialTooltipMessage = 'initial tooltip message';
 
@@ -68,7 +68,7 @@ describe('MatTooltip Zone.js integration', () => {
   imports: [MatTooltipModule, OverlayModule],
 })
 class ScrollableTooltipDemo {
-  position: string = 'below';
+  position: TooltipPosition = 'below';
   message: string = initialTooltipMessage;
   showButton: boolean = true;
 
diff --git a/src/material/tree/BUILD.bazel b/src/material/tree/BUILD.bazel
index 31cc62c6fd32..d727de28c820 100644
--- a/src/material/tree/BUILD.bazel
+++ b/src/material/tree/BUILD.bazel
@@ -6,7 +6,6 @@ load(
     "ng_web_test_suite",
     "sass_binary",
     "sass_library",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -86,7 +85,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(
diff --git a/src/material/tree/testing/BUILD.bazel b/src/material/tree/testing/BUILD.bazel
index c30831be175d..1ecc2b9cca62 100644
--- a/src/material/tree/testing/BUILD.bazel
+++ b/src/material/tree/testing/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
+load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -19,7 +19,7 @@ filegroup(
     srcs = glob(["**/*.ts"]),
 )
 
-ts_project(
+ng_project(
     name = "unit_tests_lib",
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
diff --git a/src/material/tree/tree-using-tree-control.spec.ts b/src/material/tree/tree-using-tree-control.spec.ts
index cdff071e2daf..b44b11f9f2b8 100644
--- a/src/material/tree/tree-using-tree-control.spec.ts
+++ b/src/material/tree/tree-using-tree-control.spec.ts
@@ -1002,7 +1002,7 @@ class NestedMatTreeApp {
 
   treeControl = new NestedTreeControl(this.getChildren);
 
-  dataSource = new MatTreeNestedDataSource();
+  dataSource = new MatTreeNestedDataSource<TestData>();
   underlyingDataSource = new FakeDataSource();
 
   @ViewChild(MatTree) tree: MatTree<TestData>;
@@ -1039,7 +1039,7 @@ class WhenNodeNestedMatTreeApp {
 
   treeControl: TreeControl<TestData> = new NestedTreeControl(this.getChildren);
 
-  dataSource = new MatTreeNestedDataSource();
+  dataSource = new MatTreeNestedDataSource<TestData>();
   underlyingDataSource = new FakeDataSource();
 
   @ViewChild(MatTree) tree: MatTree<TestData>;
@@ -1122,7 +1122,7 @@ class NestedMatTreeAppWithToggle {
     node.observableChildren.pipe(map(children => children.length > 0));
 
   treeControl = new NestedTreeControl(this.getChildren);
-  dataSource = new MatTreeNestedDataSource();
+  dataSource = new MatTreeNestedDataSource<TestData>();
   underlyingDataSource = new FakeDataSource();
 
   @ViewChild(MatTree) tree: MatTree<TestData>;
diff --git a/src/material/tree/tree.spec.ts b/src/material/tree/tree.spec.ts
index 9fe78c00b211..b85f68b84543 100644
--- a/src/material/tree/tree.spec.ts
+++ b/src/material/tree/tree.spec.ts
@@ -956,7 +956,7 @@ class NestedMatTreeApp {
   isExpandable = (node: TestData) =>
     node.observableChildren.pipe(map(children => children.length > 0));
 
-  dataSource = new MatTreeNestedDataSource();
+  dataSource = new MatTreeNestedDataSource<TestData>();
   underlyingDataSource = new FakeDataSource();
 
   @ViewChild(MatTree) tree: MatTree<TestData>;
@@ -997,7 +997,7 @@ class WhenNodeNestedMatTreeApp {
     return !!this.tree && this.tree.isExpanded(node);
   };
 
-  dataSource = new MatTreeNestedDataSource();
+  dataSource = new MatTreeNestedDataSource<TestData>();
   underlyingDataSource = new FakeDataSource();
 
   @ViewChild(MatTree) tree: MatTree<TestData>;
diff --git a/src/youtube-player/BUILD.bazel b/src/youtube-player/BUILD.bazel
index 037d1573da5b..38061d0702e1 100644
--- a/src/youtube-player/BUILD.bazel
+++ b/src/youtube-player/BUILD.bazel
@@ -5,7 +5,6 @@ load(
     "ng_project",
     "ng_web_test_suite",
     "sass_binary",
-    "ts_project",
 )
 
 package(default_visibility = ["//visibility:public"])
@@ -68,7 +67,7 @@ ng_package(
     deps = [":youtube-player"],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = ["fake-youtube-player.ts"] + glob(